survey-creator-vue/ui-preset-editor/index.umd.js

A white-label drag-and-drop form builder for Vue.js that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your Vue.js app.

(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("survey-vue3-ui"),require("vue"),require("survey-creator-core")):typeof define=="function"&&define.amd?define(["exports","survey-vue3-ui","vue","survey-creator-core"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.SurveyCreatorUIPresetEditorVue={},o.SurveyVue3,o.Vue,o.SurveyCreatorCore))})(this,function(o,t,e,d){"use strict";const p={class:"svc-flex-column"},_={class:"svc-tab-designer"},m=e.defineComponent({__name:"Presets",props:{model:{}},setup(i){const n=i,c=e.computed(()=>{var s;return(s=n.model)==null?void 0:s.model}),l=e.computed(()=>{var s;return(s=n.model)==null?void 0:s.creator});return t.useBase(()=>c.value),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",p,[l.value.showToolbox?(e.openBlock(),e.createBlock(e.unref(t.SvComponent),{key:0,is:"svc-toolbox",model:l.value},null,8,["model"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",_,[e.createVNode(e.unref(t.SvComponent),{is:"survey",model:c.value},null,8,["model"])])],64))}}),h={key:0,class:"sps-icon-item",style:{display:"flex"}},f={class:"sps-icon-item__text"},u=e.defineComponent({__name:"PresetsIconItem",props:{item:{}},setup(i){return(n,c)=>n.item?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(e.unref(t.SvComponent),{is:"sv-svg-icon",class:"sps-icon-item__icon",size:"auto",iconName:n.item.value},null,8,["iconName"]),e.createElementVNode("span",f,e.toDisplayString(n.item.title),1)])):e.createCommentVNode("",!0)}}),N={class:"sps-launch"},g={class:"sps-launch__container"},C={class:"sps-launch__text"},y={class:"sps-launch__text2"},E={class:"sps-launch__icon"},S={class:"sps-launch__chevron-right-16-x-16"},V={class:"sps-launch__icon2"},k=e.defineComponent({__name:"PresetsPropertyGrid",props:{model:{}},setup(i){const n=i,c=d.getLocString("presets.plugin.buttonTitle"),l=d.getLocString("presets.plugin.buttonDescription"),s=()=>{var r,a;(a=(r=n.model).showPresets)==null||a.call(r)};return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",N,[e.createElementVNode("button",{class:"sps-launch__card",onClick:s},[e.createElementVNode("div",g,[e.createElementVNode("div",C,e.toDisplayString(e.unref(c)),1),e.createElementVNode("div",y,e.toDisplayString(e.unref(l)),1)]),e.createElementVNode("div",E,[e.createElementVNode("div",S,[e.createElementVNode("div",V,[e.createVNode(e.unref(t.SvComponent),{is:"sv-svg-icon",size:"auto",iconName:"chevrondown-24x24"})])])])])]),e.createVNode(e.unref(t.SvComponent),{is:"svc-property-grid",model:r.model},null,8,["model"])],64))}});t.ComponentFactory.Instance.registerComponent("svc-tab-presets",m),t.ComponentFactory.Instance.registerComponent("svc-presets-icon-item",u),t.ComponentFactory.Instance.registerComponent("svc-presets-property-grid",k),o.TabPresets=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});