survey-creator-vue/survey-creator-vue.umd.js

Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.

(function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("survey-vue3-ui"),require("vue"),require("survey-creator-core"),require("survey-core")):typeof define=="function"&&define.amd?define(["exports","survey-vue3-ui","vue","survey-creator-core","survey-core"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y.SurveyCreatorVue={},y.SurveyVue,y.Vue,y.SurveyCreatorCore,y.Survey))})(this,function(y,l,e,B,q){"use strict";const F={class:"svc-flex-column svc-flex-row__element svc-flex-row__element--growing"},L={class:"svc-top-bar"},A={key:0,class:"svc-tabbed-menu-wrapper"},Q=["v-show"],K={class:"svc-creator__content-holder svc-flex-column"},H=["aria-labelledby","id"],O={key:0,class:"svc-footer-bar"},G=["v-show"],W={key:0,class:"svc-creator__banner"},j=["innerHTML"],V=e.defineComponent({__name:"Creator",props:{model:{}},setup(i){const n=i,o=e.computed(()=>e.toRaw(n.model)),t=e.ref();return l.useBase(()=>o.value,(s,r)=>{r&&r.unsubscribeRootElement(),s&&t.value&&s.setRootElement(t.value)}),e.onMounted(()=>{t.value&&n.model.setRootElement(t.value)}),e.onUnmounted(()=>{n.model.unsubscribeRootElement()}),(s,r)=>o.value.isCreatorDisposed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SvComponent),{is:"survey-popup-modal"}),e.createElementVNode("div",{class:e.normalizeClass(o.value.getRootCss()),style:e.normalizeStyle(o.value.themeVariables),ref_key:"root",ref:t},[e.createElementVNode("div",null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-bundle"})]),e.createElementVNode("div",{class:e.normalizeClass(["svc-full-container svc-creator__area svc-flex-column",{"svc-creator__area--with-banner":!o.value.haveCommercialLicense}])},[e.createElementVNode("div",{class:e.normalizeClass(["svc-flex-row svc-full-container",{"svc-creator__side-bar--left":o.value.sidebarLocation=="left"}])},[e.createElementVNode("div",F,[e.createElementVNode("div",L,[o.value.showTabs?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabbed-menu",model:o.value.tabbedMenu},null,8,["model"])])):e.createCommentVNode("",!0),o.value.showToolbar?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-toolbar-wrapper","v-show":o.value.showToolbar},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.toolbar},null,8,["model"])],8,Q)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(["svc-creator__content-wrapper svc-flex-row",{"svc-creator__content-wrapper--footer-toolbar":o.value.isMobileView}])},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.tabs,a=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.value.viewType==a.id&&a.visible?(e.openBlock(),e.createElementBlock("div",{role:"tabpanel",class:e.normalizeClass(["svc-creator-tab",{"svc-creator__toolbox--right":o.value.toolboxLocation=="right"}]),key:a.id,"aria-labelledby":"tab-"+a.id,id:"scrollableDiv-"+a.id},[e.createVNode(e.unref(l.SvComponent),{is:a.componentContent,model:a.data.model},null,8,["is","model"])],10,H)):e.createCommentVNode("",!0)],64))),256))])],2),o.value.isMobileView?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",{class:"svc-toolbar-wrapper","v-show":o.value.isMobileView},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.value.footerToolbar},null,8,["model"])],8,G)])):e.createCommentVNode("",!0)]),o.value.sidebar?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-side-bar",model:o.value.sidebar},null,8,["model"])):e.createCommentVNode("",!0)],2),o.value.haveCommercialLicense?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("span",{class:"svc-creator__non-commercial-text",innerHTML:o.value.licenseText},null,8,j)])),e.createVNode(e.unref(l.SvComponent),{is:"sv-notifier",model:o.value.notifier},null,8,["model"])],2)],6)],64))}}),J=e.defineComponent({__name:"TabbedMenu",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onUpdated(()=>{n.model.initResponsivityManager(o.value)}),e.onMounted(()=>{n.model.initResponsivityManager(o.value)}),e.onUnmounted(()=>{n.model.resetResponsivityManager()}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:"svc-tabbed-menu",ref_key:"container",ref:o,role:"tablist",style:e.normalizeStyle(t.model.getRootStyle())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.renderedActions,r=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r.renderedId,is:"svc-tabbed-menu-item-wrapper",item:r},null,8,["item"]))),128))],4))}}),Z={class:"sv-action__content"},X=e.defineComponent({__name:"TabbedMenuItemWrapper",props:{item:{}},setup(i){const n=e.ref(),o=i;return l.useBase(()=>o.item),e.onMounted(()=>{const t=o.item;t.updateModeCallback=(s,r)=>{t.mode=s,e.nextTick(()=>r(s,n.value))},t.afterRender()}),e.onUnmounted(()=>{const t=o.item;t.updateModeCallback=void 0}),(t,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["svc-tabbed-menu-item-container",[t.item.isVisible?"":"sv-action--hidden",t.item.css]]),ref_key:"root",ref:n},[e.createElementVNode("div",Z,[e.createVNode(e.unref(l.SvComponent),{is:t.item.component||"svc-tabbed-menu-item",item:t.item},null,8,["is","item"])])],2))}}),Y=["id","aria-selected","aria-controls"],x=e.defineComponent({__name:"TabbedMenuItem",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"tab",id:"tab-"+o.item.id,"aria-selected":o.item.active,"aria-controls":"scrollableDiv-"+o.item.id,class:e.normalizeClass(["svc-tabbed-menu-item",o.item.getRootCss()]),onClick:t[0]||(t[0]=(...s)=>o.item.doAction&&o.item.doAction(...s))},[o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.item.getTitleCss())},e.toDisplayString(o.item.title),3)):e.createCommentVNode("",!0),o.item.hasIcon?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"sv-svg-icon",iconName:o.item.iconName,size:"auto",class:e.normalizeClass(o.item.getIconCss()),title:o.item.tooltip||o.item.title},null,8,["iconName","class","title"])):e.createCommentVNode("",!0)],10,Y)),[[e.unref(l.key2ClickDirective)]])}}),U={class:"svc-flex-row svc-side-bar__wrapper"},v={class:"svc-side-bar__container-wrapper"},ee={class:"svc-side-bar__container-content"},oe=e.defineComponent({__name:"SideBar",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>{n.model.initResizeManager(o.value)}),e.onUnmounted(()=>{n.model.resetResizeManager()}),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-side-bar",t.model.rootCss])},[e.withDirectives(e.createElementVNode("div",{class:"svc-side-bar__shadow",onClick:s[0]||(s[0]=()=>t.model.collapseSidebar())},null,512),[[e.vShow,t.model.renderContainer]]),e.createElementVNode("div",U,[e.withDirectives(e.createElementVNode("div",v,[e.createElementVNode("div",{class:"svc-side-bar__container",ref_key:"root",ref:o},[e.createVNode(e.unref(l.SvComponent),{is:t.model.header.component,model:t.model.header.componentModel},null,8,["is","model"]),e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.model.pages,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:a,is:"svc-side-bar-page",model:r},null,8,["model"]))),128))])],512)],512),[[e.vShow,t.model.renderContainer]]),t.model.sideAreaComponentName?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:t.model.sideAreaComponentName,model:t.model.sideAreaComponentData},null,8,["is","model"])):e.createCommentVNode("",!0)])],2)),[[e.vShow,t.model.renderRoot]])}}),te={class:"svc-side-bar__container-header"},ne={class:"svc-side-bar__container-actions"},se={key:0,class:"svc-side-bar__container-title"},le=e.defineComponent({__name:"SideBarDefaultHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.toolbar},null,8,["model"])]),o.model.title?(e.openBlock(),e.createElementBlock("div",se,e.toDisplayString(o.model.title),1)):e.createCommentVNode("",!0)]))}}),ae=e.defineComponent({__name:"SideBarPage",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:o.model.componentName,model:o.model.componentData},null,8,["is","model"])):e.createCommentVNode("",!0)}}),re=e.defineComponent({__name:"ObjectSelector",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.isVisible?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-list",model:o.model.list},null,8,["model"])):e.createCommentVNode("",!0)}}),ie=e.defineComponent({__name:"PropertyGrid",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.rootCss)},[e.createVNode(e.unref(l.SvComponent),{is:"svc-search",model:o.model.searchManager},null,8,["model"]),o.model.survey?(e.openBlock(),e.createBlock(e.unref(l.SurveyComponent),{key:0,survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],2))}}),ce=e.defineComponent({__name:"Tabs",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model.actions,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:r,is:"svc-tab-button",model:s},null,8,["model"]))),128))}}),de={class:"svc-sidebar-tabs__top-container"},me={class:"svc-sidebar-tabs__collapse-button"},pe=e.createElementVNode("div",{class:"svc-sidebar-tabs__separator"},[e.createElementVNode("div")],-1),ke={class:"svc-sidebar-tabs__items"},fe={class:"svc-sidebar-tabs__bottom-container"},_e={class:"svc-sidebar-tabs__items"},Ce=e.defineComponent({__name:"TabControl",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.sideBarClassName)},[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tab-button",model:o.model.expandCollapseAction},null,8,["model"])]),pe,e.createVNode(e.unref(l.SvComponent),{is:"sv-scroll"},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.topToolbar},null,8,["model"])])]),_:1})]),e.createElementVNode("div",fe,[e.createElementVNode("div",_e,[e.createVNode(e.unref(l.SvComponent),{is:"svc-tabs",model:o.model.bottomToolbar},null,8,["model"])])])],2))}}),ge={key:0,class:"svc-menu-action"},be=["title"],Be={class:"svc-menu-action__icon"},Ne={class:"svc-menu-action__icon-container"},he=e.defineComponent({__name:"TabButton",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>o.model.visible?(e.openBlock(),e.createElementBlock("div",ge,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),title:o.model.tooltip,onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Be,[e.createElementVNode("div",Ne,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.model.iconName,size:"auto"},null,8,["iconName"])])])],10,be)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.model.disableTabStop}]])])):e.createCommentVNode("",!0)}}),Ee={class:"svc-property-grid-placeholder"},ye={class:"svc-property-grid-placeholder__header"},we={class:"svc-property-grid-placeholder__title"},Se={class:"svc-property-grid-placeholder__description"},qe=e.createElementVNode("div",{class:"svc-property-grid-placeholder__content"},[e.createElementVNode("div",{class:"svc-property-grid-placeholder__gap"}),e.createElementVNode("div",{class:"svc-property-grid-placeholder__image"})],-1),De=e.defineComponent({__name:"PropertyGridPlaceholder",setup(i){const n=B.editorLocalization;return(o,t)=>(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",ye,[e.createElementVNode("span",we,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderTitle")),1),e.createElementVNode("span",Se,e.toDisplayString(e.unref(n).getString("ed.propertyGridPlaceholderDescription")),1)]),qe]))}}),$e={class:"svc-side-bar__container-header svc-sidebar__header-container"},ue={key:0,class:"svc-side-bar__container-title"},Ve={key:1,class:"svc-sidebar__header-caption"},Te={class:"svc-sidebar__header-title"},Me={class:"svc-sidebar__header-subtitle"},ze=e.defineComponent({__name:"SideBarHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",$e,[o.model.subTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ue,e.toDisplayString(o.model.title),1)),o.model.subTitle?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("span",Te,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Me,e.toDisplayString(o.model.subTitle),1)])):e.createCommentVNode("",!0)]))}}),Ie={class:"svc-sidebar__header svc-sidebar__header--tabbed"},Pe={class:"svc-sidebar__header-container svc-sidebar__header-container--with-subtitle"},Re={class:"svc-sidebar__header-content"},Fe={class:"svc-sidebar__header-caption"},Le={class:"svc-sidebar__header-title"},Ae={class:"svc-sidebar__header-subtitle"},Qe=e.defineComponent({__name:"SideBarPropertyGridHeader",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",Pe,[e.createElementVNode("div",Re,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.model.buttonClassName),onClick:t[0]||(t[0]=s=>o.model.action())},[e.createElementVNode("div",Fe,[e.createElementVNode("span",Le,e.toDisplayString(o.model.title),1),e.createElementVNode("span",Ae,e.toDisplayString(o.model.tooltip),1)])],2)),[[e.unref(l.key2ClickDirective),{processEsc:!1}]]),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.model.popupModel},null,8,["model"])])])]))}}),Ke=e.defineComponent({__name:"QuestionError",props:{errorKey:{},error:{},cssClasses:{},element:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:n.errorKey},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",class:e.normalizeClass(n.cssClasses.error.icon),iconName:"icon-alert_24x24",size:"auto"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(n.cssClasses?n.cssClasses.error.item||void 0:"panel-error-item")},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:n.error.locText},null,8,["locString"])],2)]))}}),He=["title"],Oe=["title"],Ge=["title"],We=["title"],je=e.defineComponent({__name:"ActionButton",props:{classes:{},selected:{type:Boolean},disabled:{type:Boolean},text:{},title:{},allowBubble:{type:Boolean},click:{type:Function},iconName:{}},setup(i){const n=i,o=s=>{n.click(),n.allowBubble||s.stopPropagation()},t=()=>new q.CssClassBuilder().append(n.classes||"").append("svc-action-button").append("svc-action-button--icon",!!n.iconName).append("svc-action-button--selected",!!n.selected).append("svc-action-button--disabled",!!n.disabled).toString();return(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.iconName?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svc-action-button svc-action-button--disabled",s.classes]),title:s.title},e.toDisplayString(s.text),11,He)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",class:e.normalizeClass(["svc-action-button",t()]),onClick:o,title:s.title},[e.createTextVNode(e.toDisplayString(s.text),1)],10,Oe)),[[e.unref(l.key2ClickDirective)]])],64)),s.iconName?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,Ge)):e.createCommentVNode("",!0),e.withDirectives((e.openBlock(),e.createElementBlock("span",{role:"button",onClick:o,class:e.normalizeClass(t()),title:s.title},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:s.iconName,size:"auto"},null,8,["iconName"])],10,We)),[[e.unref(l.key2ClickDirective)]])],64)):e.createCommentVNode("",!0)],64))}}),Je=["disabled","title","aria-checked","aria-expanded","role"],Ze=[e.createElementVNode("div",{class:"svc-switcher__icon-thumb"},null,-1)],Xe={key:0,class:"svc-switcher__title"},Ye={inheritAttrs:!1},xe=e.defineComponent({...Ye,__name:"Switcher",props:{item:{}},setup(i){const n=i;return l.useBase(()=>n.item),(o,t)=>e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(o.item.getActionBarItemCss()),type:"button",onClick:t[0]||(t[0]=s=>{o.item.action(o.item,!!s.pointerType)}),onKeyup:t[1]||(t[1]=s=>{s.stopPropagation()}),disabled:o.item.disabled,title:o.item.tooltip||o.item.title,"aria-checked":o.item.ariaChecked,"aria-expanded":o.item.ariaExpanded,role:o.item.ariaRole},[e.createElementVNode("div",{class:e.normalizeClass(o.item.getSwitcherIconCss())},Ze,2),o.item.hasTitle?(e.openBlock(),e.createElementBlock("span",Xe,e.toDisplayString(o.item.title),1)):e.createCommentVNode("",!0)],42,Je)),[[e.unref(l.key2ClickDirective),{processEsc:!1,disableTabStop:o.item.disableTabStop}]])}}),Ue={key:0,class:"svd-simulator-content"},ve={class:"svd-simulator-content"},eo=e.defineComponent({__name:"Simulator",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=e.computed(()=>n.model.simulatorFrame),t=()=>{n.model.device!=="desktop"&&n.model.activateZoom()},s=()=>{n.model.device!=="desktop"&&n.model.deactivateZoom()};return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.model.getRootCss()),onKeydown:a[0]||(a[0]=c=>r.model.tryToZoom(void 0,c)),onMouseover:a[1]||(a[1]=c=>t()),onMouseout:a[2]||(a[2]=c=>s())},[r.model.hasFrame?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ue,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])),r.model.hasFrame?(e.openBlock(),e.createElementBlock("div",{key:1,class:"svd-simulator-wrapper",id:"svd-simulator-wrapper",style:e.normalizeStyle({width:o.value.frameWidth+"px",height:o.value.frameHeight+"px"})},[e.createElementVNode("div",{class:"svd-simulator",style:e.normalizeStyle({width:o.value.deviceWidth+"px",height:o.value.deviceHeight+"px",transform:"scale("+o.value.scale+") translate(-50%, -50%)"})},[e.createElementVNode("div",ve,[e.createVNode(e.unref(l.SvComponent),{is:"survey-widget",model:r.model.survey},null,8,["model"])])],4)],4)):e.createCommentVNode("",!0)],34))}}),oo={class:"svc-surface-placeholder"},to={class:"svc-surface-placeholder__text"},no={class:"svc-surface-placeholder__title"},so={class:"svc-surface-placeholder__description"},S=e.defineComponent({__name:"SurfacePlaceholder",props:{name:{},placeholderTitleText:{},placeholderDescriptionText:{}},setup(i){const n=i;return(o,t)=>(e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-surface-placeholder__image","svc-surface-placeholder__image--"+o.name])},null,2),e.createElementVNode("div",to,[e.createElementVNode("div",no,e.toDisplayString(n.placeholderTitleText),1),e.createElementVNode("div",so,e.toDisplayString(n.placeholderDescriptionText),1)])]))}}),lo={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},ao=e.defineComponent({__name:"Test",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"preview",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"svc-plugin-tab__content",onScroll:t[0]||(t[0]=s=>o.model.onScroll())},[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)],32)),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",lo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),ro={class:"svc-btn__text"},io=e.defineComponent({inheritAttrs:!1,__name:"TestAgain",props:{model:{}},setup(i){const n=i,o=e.computed(()=>n.model.testAgainAction);return l.useBase(()=>o.value),(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:"svc-preview__test-again svc-btn",onClick:s[0]||(s[0]=r=>o.value.action())},[e.createElementVNode("span",ro,e.toDisplayString(o.value.title),1)])),[[e.unref(l.key2ClickDirective)]])}});function N(i,n,o){const t=e.shallowRef(),s=e.watch(n.map(r=>()=>r()),()=>{t.value=i()},{immediate:!0});return l.useBase(()=>t.value,void 0,o),e.onBeforeUnmount(()=>{s()}),t}const co={key:0,class:"svd-test-results"},mo={class:"svd-test-results__content"},po={class:"svd-test-results__header"},ko={class:"svd-test-results__header-text"},fo={class:"svd-test-results__header-types"},_o={class:"svd-test-results__text svd-light-bg-color"},Co={class:"svd-test-results__table svd-light-bg-color"},go={class:"svd-light-background-color"},bo={class:"svd-dark-border-color"},Bo={class:"svd-dark-border-color"},No=e.defineComponent({__name:"SurveyResults",props:{survey:{}},setup(i){const n=i,o=N(()=>n.survey?new B.SurveyResultsModel(n.survey):void 0,[()=>n.survey]);return(t,s)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",co,[e.createElementVNode("div",mo,[e.createElementVNode("div",po,[e.createElementVNode("div",ko,e.toDisplayString(e.unref(o).surveyResultsText),1),e.createElementVNode("div",fo,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsTableText,click:e.unref(o).selectTableClick,disabled:!1,selected:e.unref(o).isTableSelected},null,8,["text","click","selected"]),e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:e.unref(o).surveyResultsJsonText,click:e.unref(o).selectJsonClick,disabled:!1,selected:e.unref(o).isJsonSelected},null,8,["text","click","selected"])])]),e.withDirectives(e.createElementVNode("div",_o,[e.createElementVNode("div",null,e.toDisplayString(e.unref(o).resultText),1)],512),[[e.vShow,e.unref(o).resultViewType==="text"]]),e.withDirectives(e.createElementVNode("div",Co,[e.createElementVNode("table",null,[e.createElementVNode("thead",null,[e.createElementVNode("tr",go,[e.createElementVNode("th",bo,e.toDisplayString(e.unref(o).resultsTitle),1),e.createElementVNode("th",Bo,e.toDisplayString(e.unref(o).resultsDisplayValue),1)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).resultData,(r,a)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:r,key:a},null,8,["model"]))),128))])])],512),[[e.vShow,e.unref(o).resultViewType==="table"]])])])):e.createCommentVNode("",!0)}}),ho={key:2},Eo=e.defineComponent({__name:"SurveyResultsRow",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{onClick:t[0]||(t[0]=(...s)=>o.model.toggle&&o.model.toggle(...s))},[e.createElementVNode("td",{class:"svd-dark-border-color",style:e.normalizeStyle({paddingLeft:o.model.textMargin})},[o.model.isNode?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["svd-test-results__marker",{"svd-test-results__marker--expanded":!o.model.collapsed}]),style:e.normalizeStyle({left:o.model.markerMargin})},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:"icon-expand_16x16",size:16})],6)):e.createCommentVNode("",!0),o.model.question?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:1,is:"survey-string",locString:o.model.question.locTitle},null,8,["locString"])):(e.openBlock(),e.createElementBlock("span",ho,e.toDisplayString(o.model.title),1))],4),e.createElementVNode("td",{class:e.normalizeClass({"svd-test-results__node-value":o.model.isNode,"svd-dark-border-color":!o.model.isNode})},e.toDisplayString(o.model.getString(o.model.displayValue)),3)])),[[e.unref(l.key2ClickDirective)]]),o.model.isNode&&!o.model.collapsed?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.model.data,(s,r)=>(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{is:"survey-results-table-row",model:s,key:r+1},null,8,["model"]))),128)):e.createCommentVNode("",!0)],64))}}),yo={class:"svc-creator-tab__content"},wo={class:"svc-json-editor-tab__content"},So={class:"svc-json-editor-tab__errros_list"},qo=e.defineComponent({__name:"JsonEditorAce",props:{model:{}},setup(i){const n=i,o=e.ref();return l.useBase(()=>n.model),e.onMounted(()=>n.model.init(window.ace.edit(o.value))),(t,s)=>(e.openBlock(),e.createElementBlock("div",yo,[e.createElementVNode("div",wo,[e.createElementVNode("div",{class:"svc-json-editor-tab__ace-editor",ref_key:"inputEl",ref:o},null,512),e.withDirectives(e.createElementVNode("div",So,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:t.model.errorList},null,8,["model"])],512),[[e.vShow,t.model.hasErrors]])])]))}}),Do={class:"svc-creator-tab__content"},$o={class:"svc-json-editor-tab__content"},uo=["aria-label","disabled"],Vo={class:"svc-json-editor-tab__errros_list"},To=e.defineComponent({__name:"JsonEditorTextArea",props:{model:{}},setup(i){const n=i,o=e.ref(),t=n.model;return t.canShowErrors=!1,l.useBase(()=>n.model),e.onMounted(()=>{const s=n.model;s.textElement=o.value}),(s,r)=>(e.openBlock(),e.createElementBlock("div",Do,[e.createElementVNode("div",$o,[e.withDirectives(e.createElementVNode("textarea",{class:"svc-json-editor-tab__content-area","aria-label":e.unref(t).ariaLabel,disabled:e.unref(t).readOnly,"onUpdate:modelValue":r[0]||(r[0]=a=>e.unref(t).text=a),onKeydown:r[1]||(r[1]=a=>e.unref(t).checkKey(e.unref(t),a)),ref_key:"inputEl",ref:o},`
      `,40,uo),[[e.vModelText,e.unref(t).text]]),e.withDirectives(e.createElementVNode("div",Vo,[e.createVNode(e.unref(l.SvComponent),{is:"sv-list",model:e.unref(t).errorList},null,8,["model"])],512),[[e.vShow,e.unref(t).hasErrors]])])]))}}),Mo={class:"svc-json-error__container"},zo={class:"svc-json-error__title"},Io=["title","aria-label"],Po=e.defineComponent({__name:"JsonEditorErrorItem",props:{item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=t=>{t.stopPropagation(),n.item.data.fixError()};return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.iconName,size:t.item.iconSize,class:e.normalizeClass("svc-json-error__icon")},null,8,["iconName","size"]),e.createElementVNode("div",Mo,[e.createElementVNode("div",zo,[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])]),t.item.data.showFixButton?e.withDirectives((e.openBlock(),e.createElementBlock("button",{key:0,type:"button",onClick:o,title:t.item.data.fixButtonTitle,"aria-label":t.item.data.fixButtonTitle,class:"svc-json-error__fix-button"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.item.data.fixButtonIcon,size:"auto"},null,8,["iconName"])],8,Io)),[[e.unref(l.key2ClickDirective)]]):e.createCommentVNode("",!0)])],64))}}),Ro={class:"svc-btn__text"},T=e.defineComponent({__name:"LogicAddButton",props:{model:{}},setup(i){const n=i;l.useBase(()=>n.model);const o=t=>{t.stopPropagation(),n.model.action()};return(t,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(["svc-logic-tab__content-action svc-btn",{"svc-logic-tab__content-action--disabled":t.model.enabled!==void 0&&!t.model.enabled}]),onClick:o},[e.createElementVNode("span",Ro,e.toDisplayString(t.model.title),1)],2)),[[e.unref(l.key2ClickDirective)]])}}),Fo={class:"svc-creator-tab__content"},Lo={key:1,class:"svc-logic-tab__content-empty"},Ao=e.defineComponent({__name:"Logic",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",Fo,[e.createElementVNode("div",{class:e.normalizeClass(["svc-plugin-tab__content svc-logic-tab__content",{"svc-logic-tab--empty":!o.model.hasItems}])},[o.model.hasItems?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.itemsSurvey},null,8,["model"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))],64)):e.createCommentVNode("",!0),o.model.hasItems?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Lo,[e.createVNode(S,{name:"logic",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"]),o.model.readOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,model:o.model.addNewButton},null,8,["model"]))]))],2)]))}}),Qo=["id","required","tabindex","disabled","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-label","aria-labelledby","aria-controls"],Ko=["id"];q.RendererFactory.Instance.registerRenderer("dropdown","logicoperator","sv-logic-operator");const Ho=e.defineComponent({__name:"LogicOperator",props:{question:{}},setup(i){const n=i,o=e.ref(),t=e.computed(()=>n.question.dropdownListModel??new q.DropdownListModel(n.question));l.useQuestion(n,o,a=>{B.initLogicOperator(a)});const s=a=>{var c;(c=t.value)==null||c.onClick(a)},r=a=>{var c;(c=t.value)==null||c.keyHandler(a)};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.question.cssClasses.selectWrapper)},[a.question.isReadOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(a.question.getControlClass()),onClick:s,onKeyup:r,id:a.question.inputId,required:a.question.isRequired,tabindex:a.question.isInputReadOnly?void 0:0,disabled:a.question.isInputReadOnly,role:t.value.ariaQuestionRole,"aria-required":t.value.ariaQuestionRequired,"aria-invalid":t.value.ariaQuestionInvalid,"aria-errormessage":t.value.ariaQuestionErrorMessage,"aria-expanded":t.value.ariaQuestionExpanded,"aria-label":t.value.ariaQuestionLabel,"aria-labelledby":t.value.ariaQuestionLabelledby,"aria-controls":t.value.ariaQuestionControls},[e.createElementVNode("div",{class:e.normalizeClass(a.question.cssClasses.controlValue)},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],2)],42,Qo),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:a.question.popupModel},null,8,["model"])],64)),a.question.isReadOnly?(e.openBlock(),e.createElementBlock("div",{key:1,disabled:"",class:e.normalizeClass(a.question.getControlClass()),id:a.question.inputId},[a.question.locReadOnlyText?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-string",locString:a.question.locReadOnlyText},null,8,["locString"])):e.createCommentVNode("",!0)],10,Ko)):e.createCommentVNode("",!0)],2))}}),Oo=e.defineComponent({__name:"EmbeddedSurvey",props:{question:{}},setup(i){const n=i,o=e.ref();l.useQuestion(n,o);const t=e.computed(()=>n.question.embeddedSurvey);return(s,r)=>s.question&&t.value&&t.value.currentPage?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"sv-page",page:t.value.currentPage,survey:t.value},null,8,["page","survey"])):e.createCommentVNode("",!0)}}),Go=e.defineComponent({inheritAttrs:!1,__name:"LinkValue",props:{question:{}},setup(i){const n=i,o=e.ref(),t=B.editorLocalization.getString("pe.clear");return l.useQuestion(n,o),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(l.SvComponent),{is:"svc-action-button",text:s.question.linkValueText,click:s.question.doLinkClick.bind(s.question),selected:s.question.isSelected,disabled:!s.question.isClickable,classes:s.question.linkSetButtonCssClasses,title:s.question.tooltip,iconName:s.question.iconName},null,8,["text","click","selected","disabled","classes","title","iconName"]),!s.question.isReadOnly&&s.question.showClear?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"svc-action-button",text:e.unref(t),click:s.question.doClearClick.bind(s.question),disabled:!1,classes:s.question.linkClearButtonCssClasses},null,8,["text","click","classes"])):e.createCommentVNode("",!0)],64))}}),Wo={key:1,class:"st-content"},jo={class:"svc-flex-column st-strings-wrapper"},Jo={class:"svc-flex-row st-strings-header"},Zo={class:"svc-flex-row svc-plugin-tab__content st-strings"},Xo=e.defineComponent({__name:"Translation",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-translation-tab",o.model.isEmpty?"svc-translation-tab--empty":""])},[o.model.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"translation",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Wo,[e.createElementVNode("div",jo,[e.createElementVNode("div",Jo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsHeaderSurvey},null,8,["model"])]),e.createElementVNode("div",Zo,[e.createVNode(e.unref(l.SurveyComponent),{model:o.model.stringsSurvey},null,8,["model"])])])]))],2))}}),Yo=(i,n)=>{const o=i.__vccOpts||i;for(const[t,s]of n)o[t]=s;return o},xo={},Uo={class:"sd-translation-line-skeleton"};function vo(i,n){return e.openBlock(),e.createElementBlock("div",Uo)}const et=Yo(xo,[["render",vo]]),ot=e.defineComponent({__name:"TranslateFromAction",props:{item:{}},setup(i){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.item.data.containerCss)},[e.createElementVNode("span",{class:e.normalizeClass(n.item.data.additionalTitleCss)},e.toDisplayString(n.item.data.additionalTitle),3),e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item-dropdown",item:n.item},null,8,["item"])],2))}}),tt={key:1,class:"svc-plugin-tab__content"},nt={key:2,class:"svc-plugin-tab__content-actions svc-test-tab__content-actions"},st=e.defineComponent({__name:"Theme",props:{model:{}},setup(i){const n=i;return l.useBase(()=>n.model),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["svc-creator-tab__content svc-test-tab__content",{"svc-creator-tab__content--with-toolbar":o.model.isPageToolbarVisible}])},[o.model.survey.isEmpty?(e.openBlock(),e.createBlock(S,{key:0,name:"theme",placeholderTitleText:o.model.placeholderTitleText,placeholderDescriptionText:o.model.placeholderDescriptionText},null,8,["placeholderTitleText","placeholderDescriptionText"])):e.createCommentVNode("",!0),o.model.survey.isEmpty?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",tt,[e.createVNode(e.unref(l.SvComponent),{is:"survey-simulator",model:o.model.simulator},null,8,["model"]),o.model.showResults?(e.openBlock(),e.createBlock(e.unref(l.SvComponent),{key:0,is:"survey-results",survey:o.model.survey},null,8,["survey"])):e.createCommentVNode("",!0)])),o.model.isPageToolbarVisible?(e.openBlock(),e.createElementBlock("div",nt,[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar",model:o.model.pages},null,8,["model"])])):e.createCommentVNode("",!0)],2))}}),lt=["disabled","value","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby"],at=["disabled","id","placeholder","aria-required","aria-labelledby","aria-label","aria-invalid","aria-describedby","value"],rt=e.defineComponent({__name:"Color",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[5]||(t[5]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("label",{class:e.normalizeClass(o.question.getSwatchCss()),style:e.normalizeStyle(o.question.getSwatchStyle())},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.swatchIcon,size:"auto"},null,8,["iconName"]),e.createElementVNode("input",{type:"color",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.colorInput),value:o.question.renderedColorValue,tabindex:"-1",onChange:t[0]||(t[0]=(...s)=>o.question.onColorInputChange&&o.question.onColorInputChange(...s)),"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy},null,42,lt)],6),e.createElementVNode("input",{autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-label":o.question.a11y_input_ariaLabel,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-describedby":o.question.a11y_input_ariaDescribedBy,onChange:t[1]||(t[1]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onBeforeinput:t[4]||(t[4]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,at),o.question.showDropdownAction?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{"aria-hidden":"true",class:e.normalizeClass(o.question.cssClasses.choicesButtonWrapper)},[e.createVNode(e.unref(l.SvComponent),{is:"sv-action-bar-item",item:o.question.dropdownAction},null,8,["item"])],2),e.createVNode(e.unref(l.SvComponent),{is:"sv-popup",model:o.question.dropdownAction.popupModel},null,8,["model"])],64)):e.createCommentVNode("",!0)],34))}}),it=e.defineComponent({__name:"ColorItem",props:{model:{},item:{}},setup(i){const n=i;l.useBase(()=>n.item);const o=()=>({backgroundColor:n.item.value});return(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",{class:"spg-color-editor__color-swatch",style:e.normalizeStyle(o())},null,4),e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:t.item.locTitle},null,8,["locString"])],64))}}),ct=["disabled","value","placeholder"],dt=["disabled","id","aria-required","aria-label","aria-invalid","aria-describedby","title","accept"],mt=["title","disabled"],pt=["for","aria-label"],kt=e.defineComponent({__name:"File",props:{question:{}},setup(i){const n=e.ref(),o=i;return l.useQuestion(o,n),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.cssClasses.root),onDragenter:s[5]||(s[5]=(...r)=>t.question.onDragEnter&&t.question.onDragEnter(...r)),onDragover:s[6]||(s[6]=(...r)=>t.question.onDragOver&&t.question.onDragOver(...r)),onDrop:s[7]||(s[7]=(...r)=>t.question.onDrop&&t.question.onDrop(...r)),onDragleave:s[8]||(s[8]=(...r)=>t.question.onDragLeave&&t.question.onDragLeave(...r)),onKeydown:s[9]||(s[9]=(...r)=>t.question.onKeyDown&&t.question.onKeyDown(...r)),ref_key:"root",ref:n},[e.createElementVNode("input",{type:"text",disabled:t.question.isTextInputReadOnly,class:e.normalizeClass(t.question.cssClasses.control),value:t.question.renderedValue||"",onChange:s[0]||(s[0]=(...r)=>t.question.onInputChange&&t.question.onInputChange(...r)),onBlur:s[1]||(s[1]=(...r)=>t.question.onInputBlur&&t.question.onInputBlur(...r)),placeholder:t.question.renderedPlaceholder},null,42,ct),e.createElementVNode("input",{type:"file",disabled:t.question.isInputReadOnly,class:e.normalizeClass(t.question.cssClasses.fileInput),id:t.question.inputId,"aria-required":t.question.ariaRequired,"aria-label":t.question.ariaLabel,"aria-invalid":t.question.ariaInvalid,"aria-describedby":t.question.ariaDescribedBy,multiple:!1,title:t.question.inputTitle,tabindex:-1,accept:t.question.acceptedTypes,onChange:s[2]||(s[2]=(...r)=>t.question.onFileInputChange&&t.question.onFileInputChange(...r))},null,42,dt),e.createElementVNode("div",{class:e.normalizeClass(t.question.cssClasses.buttonsContainer)},[e.withDirectives((e.openBlock(),e.createElementBlock("button",{title:t.question.clearButtonCaption,class:e.normalizeClass(t.question.cssClasses.clearButton),disabled:t.question.getIsClearButtonDisabled(),onClick:s[3]||(s[3]=(...r)=>t.question.doClean&&t.question.doClean(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.clearButtonIcon,size:"auto"},null,8,["iconName"])],10,mt)),[[e.unref(l.key2ClickDirective)]]),e.withDirectives((e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(t.question.getChooseButtonCss()),for:t.question.inputId,"aria-label":t.question.chooseButtonCaption,onClick:s[4]||(s[4]=(...r)=>t.question.chooseFiles&&t.question.chooseFiles(...r))},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.chooseButtonIcon,size:"auto",title:t.question.chooseButtonCaption},null,8,["iconName","title"])],10,pt)),[[e.unref(l.key2ClickDirective)]])],2)],34))}}),ft=["disabled","id","placeholder","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage","value"],_t=["disabled"],Ct=["disabled"],gt=e.defineComponent({__name:"SpinEditor",props:{question:{}},setup(i){const n=i;return l.useQuestion(n,e.ref()),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.question.cssClasses.root),onKeydown:t[18]||(t[18]=(...s)=>o.question.onKeyDown&&o.question.onKeyDown(...s))},[e.createElementVNode("input",{role:"spinbutton",autocomplete:"off",disabled:o.question.isInputReadOnly,id:o.question.inputId,placeholder:o.question.renderedPlaceholder,"aria-required":o.question.a11y_input_ariaRequired,"aria-label":o.question.a11y_input_ariaLabel,"aria-labelledby":o.question.a11y_input_ariaLabelledBy,"aria-describedby":o.question.a11y_input_ariaDescribedBy,"aria-invalid":o.question.a11y_input_ariaInvalid,"aria-errormessage":o.question.a11y_input_ariaErrormessage,onChange:t[0]||(t[0]=(...s)=>o.question.onChange&&o.question.onChange(...s)),onKeydown:t[1]||(t[1]=(...s)=>o.question.onInputKeyDown&&o.question.onInputKeyDown(...s)),onKeyup:t[2]||(t[2]=(...s)=>o.question.onKeyUp&&o.question.onKeyUp(...s)),onBlur:t[3]||(t[3]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[4]||(t[4]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),onBeforeinput:t[5]||(t[5]=(...s)=>o.question.onBeforeInput&&o.question.onBeforeInput(...s)),value:o.question.renderedValue,class:e.normalizeClass(o.question.cssClasses.control)},null,42,ft),e.createElementVNode("span",{class:e.normalizeClass(o.question.cssClasses.buttonsContainer)},[e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[6]||(t[6]=(...s)=>o.question.onDownButtonClick&&o.question.onDownButtonClick(...s)),onMousedown:t[7]||(t[7]=(...s)=>o.question.onDownButtonMouseDown&&o.question.onDownButtonMouseDown(...s)),onMouseup:t[8]||(t[8]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[9]||(t[9]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[10]||(t[10]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[11]||(t[11]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.decreaseButtonIcon,size:"auto"},null,8,["iconName"])],42,_t),e.createElementVNode("button",{"aria-hidden":"true",disabled:o.question.isInputReadOnly,class:e.normalizeClass(o.question.cssClasses.arrowButton),onClick:t[12]||(t[12]=(...s)=>o.question.onUpButtonClick&&o.question.onUpButtonClick(...s)),onMousedown:t[13]||(t[13]=(...s)=>o.question.onUpButtonMouseDown&&o.question.onUpButtonMouseDown(...s)),onMouseup:t[14]||(t[14]=(...s)=>o.question.onButtonMouseUp&&o.question.onButtonMouseUp(...s)),onMouseleave:t[15]||(t[15]=(...s)=>o.question.onButtonMouseLeave&&o.question.onButtonMouseLeave(...s)),onBlur:t[16]||(t[16]=(...s)=>o.question.onBlur&&o.question.onBlur(...s)),onFocus:t[17]||(t[17]=(...s)=>o.question.onFocus&&o.question.onFocus(...s)),tabindex:"-1"},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:o.question.cssClasses.increaseButtonIcon,size:"auto"},null,8,["iconName"])],42,Ct)],2)],34))}}),bt=["disabled","title"],M=e.defineComponent({__name:"TextWithReset",props:{question:{}},setup(i){const n=i,o=()=>"survey-"+n.question.wrappedQuestionTemplate;return l.useQuestion(n,e.ref()),l.useBase(()=>{var t;return(t=n.question)==null?void 0:t.resetValueAdorner}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.getRootClass())},[e.createVNode(e.unref(l.SvComponent),{is:o(),question:t.question},null,8,["is","question"]),e.createElementVNode("button",{class:e.normalizeClass(t.question.cssClasses.resetButton),disabled:t.question.resetValueAdorner.isDisabled,onClick:s[0]||(s[0]=(...r)=>t.question.resetValueAdorner.resetValue&&t.question.resetValueAdorner.resetValue(...r)),title:t.question.resetValueAdorner.caption},[e.createVNode(e.unref(l.SvComponent),{is:"sv-svg-icon",iconName:t.question.cssClasses.resetButtonIcon,size:"auto"},null,8,["iconName"])],10,bt)],2))}}),Bt=["aria-checked","aria-required","aria-label","aria-labelledby","aria-invalid","aria-errormessage"],Nt=[e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left"})],-1),e.createElementVNode("div",{class:"spg-boolean-switch__thumb"},[e.createElementVNode("div",{class:"spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right"})],-1)],ht={class:"spg-boolean-switch__caption"},Et=["id"];q.RendererFactory.Instance.registerRenderer("boolean","switch","sv-boolean-switch");const yt=e.defineComponent({inheritAttrs:!1,__name:"BooleanSwitch",props:{question:{}},setup(i){const n=i,o=e.ref(null);l.useQuestion(n,o);const t=e.computed({get(){return n.question.value},set(s){const r=n.question;r.value=s}});return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:"spg-boolean-switch",role:"checkbox","aria-checked":s.question.booleanValue||!1,"aria-required":s.question.a11y_input_ariaRequired,"aria-label":s.question.a11y_input_ariaLabel,"aria-labelledby":s.question.a11y_input_ariaLabelledBy,"aria-invalid":s.question.a11y_input_ariaInvalid,"aria-errormessage":s.question.a11y_input_ariaErrormessage,onClick:r[0]||(r[0]=a=>t.value=!t.value)},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["spg-boolean-switch__button",s.question.value?"spg-boolean-switch__button--checked":""]),tabindex:"0"},Nt,2)),[[e.unref(l.key2ClickDirective),{disableTabStop:!0}]]),e.createElementVNode("div",ht,[e.createElementVNode("div",{class:"spg-boolean-switch__title",id:s.question.labelRenderedAriaID},[e.createVNode(e.unref(l.SvComponent),{is:"survey-string",locString:s.question.locTitle},null,8,["locString"])],8,Et)])],8,Bt))}}),wt={class:"svc-string-editor__content"},St=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--hover"},null,-1),qt=e.createElementVNode("div",{class:"svc-string-editor__border svc-string-editor__border--focus"},null,-1),Dt={class:"svc-string-editor__input"},$t=["textContent","aria-placeholder","aria-label","contenteditable","tabindex"],ut=["aria-placeholder","aria-label","contenteditable","tabindex","innerHTML"],Vt={key:0,class:"svc-string-editor__error"},Tt=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(i){const n=i,o=e.computed(()=>n.locString.locStr),t=e.computed(()=>n.locString.creator),s=e.ref(),r=e.ref(),a=N(()=>{const m=new B.StringEditorViewModelBase(o.value,t.value);return m.setLocString(o.value),m.blurEditor=()=>{s.value&&(s.value.blur(),s.value.spellcheck=!1)},m.getEditorElement=()=>s.value,setTimeout(()=>m.afterRender()),m},[()=>t.value,()=>o.value],m=>{m&&(m.blurEditor=void 0,m.getEditorElement=void 0,m.dispose())}),c=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.errorText}),p=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.className(o.value.renderedHtml)}),d=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.placeholder}),k=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.contentEditable}),b=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.characterCounter}),h=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.showCharacterCounter}),E=e.computed(()=>{var m;return(m=a.value)==null?void 0:m.getCharacterCounterClass}),D=m=>{var f,g;return s.value&&(s.value.spellcheck=!1),o.value.__isEditing=!1,(f=a.value)==null||f.onBlur(m),(g=a.value)==null?void 0:g.errorText},w=m=>{var f;(f=a.val