survey-vue3-ui/survey-vue3-ui.umd.js

survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.

(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("survey-core")):typeof define=="function"&&define.amd?define(["exports","vue","survey-core"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.SurveyVue={},h.Vue,h.Survey))})(this,function(h,e,k){"use strict";var D1=Object.defineProperty;var $1=(h,e,k)=>e in h?D1(h,e,{enumerable:!0,configurable:!0,writable:!0,value:k}):h[e]=k;var E=(h,e,k)=>($1(h,typeof e!="symbol"?e+"":e,k),k);const N=class N{constructor(){E(this,"creatorHash",{})}registerComponent(o,t){this.creatorHash[o]=t}getComponent(o){return this.creatorHash[o]||o}getAllTypes(){const o=new Array;for(const t in this.creatorHash)o.push(t);return o.sort()}isComponentRegistered(o){return!!this.creatorHash[o]}};E(N,"Instance",new N);let q=N;const i=e.defineComponent({inheritAttrs:!1,__name:"SvComponent",props:{is:{}},setup(a){const o=a,t=e.computed(()=>q.Instance.getComponent(o.is));return(n,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.value),e.normalizeProps(e.guardReactiveProps(n.$attrs)),e.createSlots({_:2},[e.renderList(n.$slots,(l,r)=>({name:r,fn:e.withCtx(d=>[e.renderSlot(n.$slots,r,e.normalizeProps(e.guardReactiveProps(d)))])}))]),1040))}});class K{constructor(o){E(this,"currentNextTickPromise");this.element=o}async add(){const o=e.nextTick();this.currentNextTickPromise!==o&&(this.currentNextTickPromise=o,await o,o==this.currentNextTickPromise&&this.element.afterRerender())}}function j(a){let o=a.initialValue;return e.customRef((t,n)=>{const s=()=>{a.isUpdateAllowed()&&(n(),a.nextRenderManager.add())};return{get(){return t(),o},set(l){const r=o!==l;o=l,r&&s()}}})}function G(a){if(a){if(a.__vueUpdatesLock=a.__vueUpdatesLock??0,a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented<=0){const o=()=>a.__vueUpdatesLock<=0,t=new K(a),n=(l,r)=>{const d=r.valueFromHash;o()&&e.isRef(d)&&(e.triggerRef(d),t.add())},s=(l,r,d)=>{l[r]=j({initialValue:d===void 0?l[r]:d,surveyElement:a,isUpdateAllowed:o,nextRenderManager:t})};a.addOnArrayChangedCallback(n),a.createArrayCoreHandler=(l,r)=>(s(l,r,[]),e.unref(l[r])),a.iteratePropertiesHash((l,r)=>{s(l,r)}),a.getPropertyValueCoreHandler=(l,r)=>(e.isRef(l[r])||s(l,r),e.unref(l[r])),a.setPropertyValueCoreHandler=(l,r,d)=>{e.isRef(l[r])?l[r].value=d:s(l,r,d),t.add()},a.__vueClear=()=>{a.iteratePropertiesHash((l,r)=>{l[r]=e.unref(l[r])}),delete a.__vueClear,delete a.__vueUpdatesLock,delete a.__vueImplemented,a.removeOnArrayChangedCallback(n),a.createArrayCoreHandler=void 0,a.getPropertyValueCoreHandler=void 0,a.setPropertyValueCoreHandler=void 0,a.disableOnElementRerenderedEvent()},a.enableOnElementRerenderedEvent()}a.__vueImplemented++}}function J(a){return!!a.__vueImplemented}function R(a){a&&(a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented--,a.__vueImplemented<=0&&typeof a.__vueClear=="function"&&a.__vueClear())}function T(a){a&&a.__vueUpdatesLock!==void 0&&a.__vueUpdatesLock++}function D(a){a&&a.__vueUpdatesLock!==void 0&&a.__vueUpdatesLock--}function g(a,o,t){let n;const s=e.watch(a,(r,d)=>{r&&o&&o(r,d),d&&(R(d),t&&t(d)),n=r,G(r)},{immediate:!0});let l=!1;e.onBeforeUpdate(()=>{T(n)}),e.onUpdated(()=>{D(n)}),e.onBeforeMount(()=>T(n)),e.onMounted(()=>D(n)),e.onBeforeUnmount(()=>{if(!l){const r=a();r&&(R(r),s(),t&&t(r)),l=!0}})}function y(a,o,t,n){g(()=>a.question,t,n),e.onMounted(()=>{a.question&&a.question.afterRenderQuestionElement(o.value)}),e.onBeforeUnmount(()=>{a.question.beforeDestroyQuestionElement(o.value)})}function w(a){const o=e.ref(),t=l=>{o.value=l.renderedHtml},n=l=>{o.value=l.renderedHtml,l.onStringChanged.add(t)},s=e.watch(a,(l,r)=>{r&&r.onStringChanged.remove(t),n(l)},{immediate:!0});return e.onBeforeUnmount(()=>{const l=a();l&&l.onStringChanged.remove(t),s()}),o}function M(a){return a.customWidget?"survey-customwidget":a.isDefaultRendering&&a.isDefaultRendering()||a.isPanel?"survey-"+a.getTemplate():a.getComponentName()}const X=e.defineComponent({__name:"Page",props:{survey:{},page:{},css:{}},setup(a){const o=a,t=e.ref(null),n=()=>{o.survey&&t.value&&o.survey.afterRenderPage(t.value)},s=e.computed(()=>o.page._showDescription);return g(()=>o.page,()=>{n()}),e.onMounted(()=>{n()}),(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.page.cssRoot),ref_key:"root",ref:t},[e.createVNode(i,{is:"survey-element-title",element:l.page,css:l.css},null,8,["element","css"]),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.page.cssClasses.page.description)},[e.createVNode(i,{is:"survey-string",locString:l.page.locDescription},null,8,["locString"])],2)):e.createCommentVNode("",!0),e.createVNode(i,{is:"survey-errors",element:l.page},null,8,["element"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.page.visibleRows,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.id,is:l.page.getSurvey().getRowWrapperComponentName(d)},{componentData:l.page.getSurvey().getRowWrapperComponentData(d)}),{default:e.withCtx(()=>[e.createVNode(i,{is:"survey-row",row:d,survey:l.survey,css:l.css},null,8,["row","survey","css"])]),_:2},1040,["is"]))),128))],2))}}),Y=e.defineComponent({__name:"Header",props:{survey:{}},setup(a){const o=a,t=e.ref();return e.onMounted(()=>{var n=t.value;n&&o.survey&&o.survey.afterRenderHeader(n)}),(n,s)=>n.survey.renderedHasHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.survey.css.header),ref_key:"root",ref:t},[n.survey.isLogoBefore?(e.openBlock(),e.createBlock(i,{key:0,is:n.survey.getElementWrapperComponentName(n.survey,"logo-image"),data:n.survey.getElementWrapperComponentData(n.survey,"logo-image")},null,8,["is","data"])):e.createCommentVNode("",!0),n.survey.renderedHasTitle?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(n.survey.css.headerText),style:e.normalizeStyle({maxWidth:n.survey.titleMaxWidth})},[e.createVNode(i,{is:"survey-element-title",element:n.survey,css:n.survey.css},null,8,["element","css"]),n.survey.renderedHasDescription?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.survey.css.description)},[e.createVNode(i,{is:"survey-string",locString:n.survey.locDescription},null,8,["locString"])],2)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0),n.survey.isLogoAfter?(e.openBlock(),e.createBlock(i,{key:2,is:n.survey.getElementWrapperComponentName(n.survey,"logo-image"),data:n.survey.getElementWrapperComponentData(n.survey,"logo-image")},null,8,["is","data"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.survey.css.headerClose)},null,2)],2)):e.createCommentVNode("",!0)}}),_=e.defineComponent({__name:"Row",props:{row:{},css:{},survey:{}},setup(a){const o=a,t=e.ref();let n;return g(()=>o.row,(s,l)=>{s.setRootElement(t.value),l&&(s.isNeedRender=l.isNeedRender)},s=>{J(s)||(clearTimeout(n),s.setRootElement(void 0),s.stopLazyRendering(),s.isNeedRender=!s.isLazyRendering())}),e.onMounted(()=>{if(o.row&&(o.row.setRootElement(t.value),!o.row.isNeedRender)){const s=t.value;setTimeout(()=>{o.row.startLazyRendering(s)},10)}}),(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.row.getRowCss()),ref_key:"root",ref:t},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.row.visibleElements,r=>(e.openBlock(),e.createBlock(i,{is:"survey-element",row:s.row,css:s.css,element:r,key:r.id},null,8,["row","css","element"]))),128))],2))}}),v=["id","role","aria-required","aria-invalid","aria-label","aria-labelledby","aria-describedby","aria-expanded","data-name"],x=["aria-hidden","data-sv-drop-target-matrix","data-sv-drop-target-matrix-row"],ee=["id"],oe={inheritAttrs:!1},ne=e.defineComponent({...oe,__name:"Question",props:{survey:{},element:{},css:{}},setup(a){const o=a,t=e.ref(null);g(()=>o.element);const n=p=>p.cssContent,s=()=>o.element.getRootStyle(),l=e.computed(()=>o.element.singleInputQuestion),r=()=>{t.value&&o.element.afterRender(t.value)},d=e.watch(()=>t.value,()=>{r()}),m=e.computed(()=>o.element.customWidget?"survey-customwidget":o.element.isDefaultRendering()?"survey-"+o.element.getTemplate():o.element.getComponentName()),u=e.computed(()=>o.element.survey.getQuestionContentWrapperComponentName(o.element)),c=e.computed(()=>({componentData:{question:o.element,data:o.element.survey.getElementWrapperComponentData(o.element)}}));return e.onUnmounted(()=>{d()}),(p,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.element.getRootCss()),style:e.normalizeStyle(s()),ref_key:"root",ref:t,onFocusin:C[0]||(C[0]=B=>p.element.focusIn()),id:p.element.id,role:p.element.ariaRole,"aria-required":p.element.ariaRequired,"aria-invalid":p.element.ariaInvalid,"aria-label":p.element.ariaLabel,"aria-labelledby":p.element.ariaLabelledBy,"aria-describedby":p.element.ariaDescribedBy,"aria-expanded":p.element.ariaExpanded,"data-name":p.element.name},[p.element.singleInputHasActions?(e.openBlock(),e.createBlock(i,{key:0,is:"sv-breadcrumbs",model:p.element.singleInputActions,css:p.element.cssClasses},null,8,["model","css"])):e.createCommentVNode("",!0),p.element.showErrorsAboveQuestion?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-errors",element:p.element,location:"top"},null,8,["element"])):e.createCommentVNode("",!0),p.element.hasTitleOnLeftTop?(e.openBlock(),e.createBlock(i,{key:2,is:"survey-element-header",element:p.element,css:p.element.cssClasses},null,8,["element","css"])):e.createCommentVNode("",!0),p.element.singleInputSummary?(e.openBlock(),e.createBlock(i,{key:3,is:"sv-single-input-summary",css:p.element.cssClasses,summary:p.element.singleInputSummary},null,8,["css","summary"])):l.value?(e.openBlock(),e.createBlock(i,{is:"survey-question",css:p.css,element:l.value,survey:p.survey,key:l.value.id},null,8,["css","element","survey"])):(e.openBlock(),e.createBlock(i,e.mergeProps({key:5,is:u.value},c.value),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(n(p.element)||void 0),"aria-hidden":p.element.contentAriaHidden,style:e.normalizeStyle({display:p.element.renderedIsExpanded?void 0:"none"}),role:"presentation","data-sv-drop-target-matrix":p.element.dragDropMatrixAttribute,"data-sv-drop-target-matrix-row":p.element.dragDropMatrixAttribute},[e.createVNode(i,{is:m.value,question:p.element},null,8,["is","question"]),p.element.hasComment?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(p.element.getCommentAreaCss())},[e.createElementVNode("div",null,[e.createVNode(i,{is:"survey-string",locString:p.element.locCommentText},null,8,["locString"])]),e.createVNode(i,{is:"survey-question-comment",question:p.element},null,8,["question"])],2)):e.createCommentVNode("",!0),p.element.hasDescriptionUnderInput?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(p.element.cssDescription),id:p.element.ariaDescriptionId},[e.createVNode(i,{is:"survey-string",locString:p.element.locDescription},null,8,["locString"])],10,ee)):e.createCommentVNode("",!0)],14,x)]),_:1},16,["is"])),p.element.hasTitleOnBottom?(e.openBlock(),e.createBlock(i,{key:6,is:"survey-element-header",element:p.element,css:p.css},null,8,["element","css"])):e.createCommentVNode("",!0),p.element.showErrorsBelowQuestion?(e.openBlock(),e.createBlock(i,{key:7,is:"survey-errors",element:p.element,location:"bottom"},null,8,["element"])):e.createCommentVNode("",!0)],46,v))}}),se=["id"],te=["id","role","aria-labelledby","aria-label"],le={inheritAttrs:!1},re=e.defineComponent({...le,inheritAttrs:!1,__name:"Panel",props:{element:{},isEditMode:{type:Boolean},css:{}},setup(a){const o=a,t=e.ref(null),n=e.computed(()=>o.element.survey);return g(()=>o.element),e.onMounted(()=>{o.element.survey&&o.element.afterRender(t.value)}),(s,l)=>s.element.getIsContentVisible()?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(s.element.getContainerCss()),id:s.element.id,onFocusin:l[0]||(l[0]=r=>s.element.focusIn()),ref_key:"root",ref:t},[s.element.showErrorsAbovePanel?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-errors",element:s.element},null,8,["element"])):e.createCommentVNode("",!0),s.element.hasTitle||s.element.hasDescription?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-element-header",element:s.element,css:s.css},null,8,["element","css"])):e.createCommentVNode("",!0),s.element.showErrorsAbovePanel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:2,is:"survey-errors",element:s.element},null,8,["element"])),s.element.renderedIsExpanded?(e.openBlock(),e.createElementBlock("div",{key:3,id:s.element.contentId,style:e.normalizeStyle({paddingLeft:s.element.innerPaddingLeft}),class:e.normalizeClass(s.element.cssClasses.panel.content),role:s.element.ariaRole,"aria-labelledby":s.element.ariaLabelledBy,"aria-label":s.element.ariaLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.element.visibleRows,r=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.id,is:s.element.getSurvey().getRowWrapperComponentName(r)},{componentData:s.element.getSurvey().getRowWrapperComponentData(r)}),{default:e.withCtx(()=>[e.createVNode(i,{is:"survey-row",row:r,survey:n.value,css:s.css},null,8,["row","survey","css"])]),_:2},1040,["is"]))),128)),e.createVNode(i,{is:"sv-action-bar",model:s.element.getFooterToolbar()},null,8,["model"])],14,te)):e.createCommentVNode("",!0)],42,se)):e.createCommentVNode("",!0)}}),ae=["id"],ie=e.defineComponent({__name:"ElementHeader",props:{element:{},css:{}},setup(a){const o=a,t=s=>{typeof o.element.clickTitleFunction=="function"&&o.element.clickTitleFunction(s)},n=()=>{const s={width:void 0};return"titleWidth"in o.element&&(s.width=o.element.titleWidth),s};return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.element.cssHeader),onClick:t,style:e.normalizeStyle(n())},[e.createVNode(i,{is:"survey-element-title",element:s.element,css:s.css},null,8,["element","css"]),s.element.hasDescriptionUnderTitle?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(s.element.cssDescription),id:s.element.ariaDescriptionId},[e.createVNode(i,{is:"survey-string",locString:s.element.locDescription},null,8,["locString"])],10,ae)),[[e.vShow,s.element.hasDescription]]):e.createCommentVNode("",!0),s.element.hasAdditionalTitleToolbar?(e.openBlock(),e.createBlock(i,{key:1,is:"sv-action-bar",model:s.element.additionalTitleToolbar},null,8,["model"])):e.createCommentVNode("",!0)],6))}}),de=e.defineComponent({__name:"String",props:{locString:{}},setup(a){return(o,t)=>(e.openBlock(),e.createBlock(i,{is:o.locString.renderAs,locString:o.locString.renderAsData},null,8,["is","locString"]))}}),me=["innerHTML"],S=e.defineComponent({__name:"StringViewer",props:{locString:{},textClass:{}},setup(a){const o=a,t=w(()=>o.locString),n=o.locString.getStringViewerClassName(o.textClass);return(s,l)=>s.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)),innerHTML:e.unref(t)},null,10,me)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n))},e.toDisplayString(e.unref(t)),3))}}),ce=["innerHTML"],pe=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(a){const o=a,t=s=>{const l=o.locString;l.text=s.target.innerText},n=s=>{s.preventDefault(),s.stopPropagation()};return(s,l)=>s.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:"sv-string-editor",contenteditable:"true",innerHTML:s.locString.renderedHtml,onBlur:t,onClick:n},null,40,ce)):(e.openBlock(),e.createElementBlock("span",{key:1,class:"sv-string-editor",contenteditable:"true",onBlur:t,onClick:n},e.toDisplayString(s.locString.renderedHtml),33))}}),Ce=["id"],ge=e.defineComponent({__name:"Skeleton",props:{element:{}},setup(a){const o=a;return g(()=>o.element),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"sv-skeleton-element",id:t.element.id,style:e.normalizeStyle({height:t.element.skeletonHeight})},null,12,Ce))}}),ue={class:"sv-scroll__container"},ke=[e.createElementVNode("div",{class:"sv-scroll__scrollbar-sizer"},null,-1)],ye=e.defineComponent({__name:"Scroll",props:{disabled:{},onInnerHeightChanged:{type:Function}},setup(a){const o=a,t=new k.ScrollViewModel;t.onInnerHeightChanged=s=>{o.onInnerHeightChanged&&o.onInnerHeightChanged(s)};const n=e.ref();return e.onMounted(()=>{t.setRootElement(n.value)}),e.onUnmounted(()=>{t.setRootElement(void 0),t.unsubscribeRootElement()}),(s,l)=>o.disabled?e.renderSlot(s.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"root",ref:n,class:"sv-scroll__wrapper"},[e.createElementVNode("div",{class:"sv-scroll__scroller sv-drag-target-skipped",onScroll:l[0]||(l[0]=()=>e.unref(t).onScrollContainer())},[e.createElementVNode("div",ue,[e.renderSlot(s.$slots,"default")])],32),e.createElementVNode("div",{class:"sv-scroll__scrollbar",onScroll:l[1]||(l[1]=()=>e.unref(t).onScrollScrollbar())},ke,32)],512))}}),he=["id"],Be=["value"],qe=e.defineComponent({inheritAttrs:!1,__name:"Text",props:{question:{}},setup(a){const o=a,t=e.ref(null);return y(o,t),(n,s)=>n.question.isReadOnlyRenderDiv()?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:t},e.toDisplayString(n.question.value),513)):n.question.dataListId?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"root",ref:t},[e.createVNode(i,{is:"survey-text-input",question:n.question},null,8,["question"]),e.createElementVNode("datalist",{id:n.question.dataListId},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.question.dataList,(l,r)=>(e.openBlock(),e.createElementBlock("option",{key:r,value:l},null,8,Be))),128))],8,he)],512)):(e.openBlock(),e.createBlock(i,{key:2,is:"survey-text-input",question:n.question,"get-ref":l=>{t.value=l}},null,8,["question","get-ref"]))}}),we=["disabled","readonly","type","maxlength","min","max","step","size","id","list","placeholder","autocomplete","value","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage"],fe=["disabled","readonly","type","maxlength","min","max","step","size","id","list","placeholder","autocomplete","value","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage"],Ve=e.defineComponent({__name:"TextInput",props:{question:{},getRef:{type:Function}},setup(a,{expose:o}){const t=a,n=function(r){t.getRef&&t.getRef(r)},s=e.ref(null);o({root:s}),g(()=>t.question);const l=e.computed(()=>t.question.inputStyle);return(r,d)=>r.question.getMaxLength()?(e.openBlock(),e.createElementBlock("div",{key:1,ref:m=>n(m)},[e.createElementVNode("input",{disabled:r.question.isDisabledAttr,readonly:r.question.isReadOnlyAttr,class:e.normalizeClass(r.question.getControlClass()),type:r.question.inputType,maxlength:r.question.getMaxLength(),min:r.question.renderedMin,max:r.question.renderedMax,step:r.question.renderedStep,size:r.question.renderedInputSize,style:e.normalizeStyle(l.value),id:r.question.inputId,list:r.question.dataListId,placeholder:r.question.renderedPlaceholder,autocomplete:r.question.autocomplete,value:r.question.inputValue,onChange:d[8]||(d[8]=(...m)=>r.question.onChange&&r.question.onChange(...m)),onClick:d[9]||(d[9]=(...m)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...m)),onPointerdown:d[10]||(d[10]=(...m)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...m)),onKeyup:d[11]||(d[11]=(...m)=>r.question.onKeyUp&&r.question.onKeyUp(...m)),onKeydown:d[12]||(d[12]=(...m)=>r.question.onKeyDown&&r.question.onKeyDown(...m)),onCompositionUpdate:d[13]||(d[13]=(...m)=>r.question.onCompositionUpdate&&r.question.onCompositionUpdate(...m)),onBlur:d[14]||(d[14]=(...m)=>r.question.onBlur&&r.question.onBlur(...m)),onFocus:d[15]||(d[15]=(...m)=>r.question.onFocus&&r.question.onFocus(...m)),"aria-required":r.question.a11y_input_ariaRequired,"aria-label":r.question.a11y_input_ariaLabel,"aria-labelledby":r.question.a11y_input_ariaLabelledBy,"aria-describedby":r.question.a11y_input_ariaDescribedBy,"aria-invalid":r.question.a11y_input_ariaInvalid,"aria-errormessage":r.question.a11y_input_ariaErrormessage},null,46,fe),e.createVNode(i,{is:"sv-character-counter",counter:r.question.characterCounter,remainingCharacterCounter:r.question.cssClasses.remainingCharacterCounter},null,8,["counter","remainingCharacterCounter"])],512)):(e.openBlock(),e.createElementBlock("input",{key:0,ref:m=>n(m),disabled:r.question.isDisabledAttr,readonly:r.question.isReadOnlyAttr,class:e.normalizeClass(r.question.getControlClass()),type:r.question.inputType,maxlength:r.question.getMaxLength(),min:r.question.renderedMin,max:r.question.renderedMax,step:r.question.renderedStep,size:r.question.renderedInputSize,style:e.normalizeStyle(l.value),id:r.question.inputId,list:r.question.dataListId,placeholder:r.question.renderedPlaceholder,autocomplete:r.question.autocomplete,value:r.question.inputValue,onChange:d[0]||(d[0]=(...m)=>r.question.onChange&&r.question.onChange(...m)),onClick:d[1]||(d[1]=(...m)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...m)),onPointerdown:d[2]||(d[2]=(...m)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...m)),onKeyup:d[3]||(d[3]=(...m)=>r.question.onKeyUp&&r.question.onKeyUp(...m)),onKeydown:d[4]||(d[4]=(...m)=>r.question.onKeyDown&&r.question.onKeyDown(...m)),onCompositionUpdate:d[5]||(d[5]=(...m)=>r.question.onCompositionUpdate&&r.question.onCompositionUpdate(...m)),onBlur:d[6]||(d[6]=(...m)=>r.question.onBlur&&r.question.onBlur(...m)),onFocus:d[7]||(d[7]=(...m)=>r.question.onFocus&&r.question.onFocus(...m)),"aria-required":r.question.a11y_input_ariaRequired,"aria-label":r.question.a11y_input_ariaLabel,"aria-labelledby":r.question.a11y_input_ariaLabelledBy,"aria-describedby":r.question.a11y_input_ariaDescribedBy,"aria-invalid":r.question.a11y_input_ariaInvalid,"aria-errormessage":r.question.a11y_input_ariaErrormessage},null,46,we))}}),be=["role","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage"],Le={key:0,class:"sv-hidden"},Ne={key:6},Ee=["value"],$=e.defineComponent({inheritAttrs:!1,__name:"SelectBase",props:{question:{},showLegend:{type:Boolean}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=l=>o.question.getItemValueWrapperComponentName(l)||o.question.itemComponent,s=l=>({componentName:o.question.itemComponent,componentData:{question:o.question,item:l,data:o.question.getItemValueWrapperComponentData(l)}});return(l,r)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(l.question.getSelectBaseRootCss()),ref_key:"root",ref:t,role:l.question.a11y_input_ariaRole,"aria-required":l.question.a11y_input_ariaRequired,"aria-label":l.question.a11y_input_ariaLabel,"aria-labelledby":l.question.a11y_input_ariaLabelledBy,"aria-describedby":l.question.a11y_input_ariaDescribedBy,"aria-invalid":l.question.a11y_input_ariaInvalid,"aria-errormessage":l.question.a11y_input_ariaErrormessage},[l.showLegend?(e.openBlock(),e.createElementBlock("legend",Le,e.toDisplayString(l.question.locTitle.renderedHtml),1)):e.createCommentVNode("",!0),l.question.hasHeadItems?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.question.headItems,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.uniqueId,is:n(d)},s(d)),null,16,["is"]))),128)):e.createCommentVNode("",!0),!l.question.hasColumns&&!l.question.blockedRow?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(l.question.bodyItems,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.uniqueId,is:n(d)},s(d)),null,16,["is"]))),128)):e.createCommentVNode("",!0),l.question.blockedRow?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(l.question.cssClasses.rootRow)},[!l.question.hasColumns&&l.question.blockedRow?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.question.dataChoices,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.uniqueId,is:n(d)},s(d)),null,16,["is"]))),128)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),l.question.hasColumns?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(l.question.cssClasses.rootMultiColumn)},[l.question.hasColumns?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.question.columns,(d,m)=>(e.openBlock(),e.createElementBlock("div",{key:m,class:e.normalizeClass(l.question.getColumnClass()),role:"presentation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d,u=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:u.uniqueId,is:n(u)},s(u)),null,16,["is"]))),128))],2))),128)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),l.question.hasFootItems?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:5},e.renderList(l.question.footItems,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.uniqueId,is:n(d)},s(d)),null,16,["is"]))),128)):e.createCommentVNode("",!0),l.question.showClearButtonInContent?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("input",{type:"button",class:e.normalizeClass(l.question.cssClasses.clearButton),onClick:r[0]||(r[0]=()=>{l.question.clearValueFromUI()}),value:l.question.clearButtonCaption},null,10,Ee)])):e.createCommentVNode("",!0)],10,be))}}),Me=e.defineComponent({inheritAttrs:!1,__name:"Checkbox",props:{question:{}},setup(a){return(o,t)=>(e.openBlock(),e.createBlock($,{question:o.question,"show-legend":!0},null,8,["question"]))}});function Z(a,o,t){e.onMounted(()=>{t.value&&(o().isDesignMode||a().setRootElement(t.value))}),e.onUnmounted(()=>{o().isDesignMode||a().setRootElement(void 0)}),g(a,(n,s)=>{o().isDesignMode||(n&&t.value&&n.setRootElement(t.value),s&&s.setRootElement(void 0))})}const Se=["name","checked","value","id","disabled","readonly","required","aria-label"],ze=["xlink:href"],He=e.defineComponent({inheritAttrs:!1,__name:"CheckboxItem",props:{question:{},item:{},hideLabel:{type:Boolean},ariaLabel:{}},setup(a){const o=e.ref(),t=a;Z(()=>t.item,()=>t.question,o);const n=s=>{t.question.clickItemHandler(t.item,s.target.checked)};return(s,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{role:"presentation",class:e.normalizeClass(s.question.getItemClass(s.item)),ref_key:"root",ref:o},[e.createElementVNode("label",{class:e.normalizeClass(s.question.getLabelClass(s.item))},[e.createElementVNode("input",{type:"checkbox",name:s.question.name+s.item.id,checked:s.question.isItemSelected(s.item),onInput:l[0]||(l[0]=r=>{n(r)}),value:s.item.value,id:s.question.getItemId(s.item),disabled:!s.question.getItemEnabled(s.item),readonly:s.question.isReadOnlyAttr,class:e.normalizeClass(s.question.cssClasses.itemControl),required:s.question.hasRequiredError(),"aria-label":s.ariaLabel},null,42,Se),s.question.cssClasses.materialDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.question.cssClasses.materialDecorator)},[s.question.itemSvgIcon?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(s.question.cssClasses.itemDecorator)},[e.createElementVNode("use",{"xlink:href":s.question.itemSvgIcon},null,8,ze)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(s.question.cssClasses.controlLabel)},[e.createVNode(i,{is:"survey-string",locString:s.item.locText},null,8,["locString"])],2))],2)],2),s.item.isPanelShowing?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-panel",element:s.item.panel,cssClasses:s.question.cssClasses},null,8,["element","cssClasses"])):e.createCommentVNode("",!0),s.item.isCommentShowing?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-other-choice",question:s.question,item:s.item},null,8,["question","item"])):e.createCommentVNode("",!0)],64))}}),Ie=e.defineComponent({inheritAttrs:!1,__name:"Radiogroup",props:{question:{}},setup(a){return(o,t)=>(e.openBlock(),e.createBlock($,{question:o.question},null,8,["question"]))}}),Re=["name","value","id","aria-errormessage","checked","disabled","readonly","aria-label"],Te=["xlink:href"],De=e.defineComponent({inheritAttrs:!1,__name:"RadiogroupItem",props:{question:{},item:{},hideLabel:{type:Boolean},ariaLabel:{}},setup(a){const o=e.ref(),t=a,n=r=>t.question.getLabelClass(r),s=r=>t.question.getControlLabelClass(r),l=()=>{t.question.clickItemHandler(t.item)};return Z(()=>t.item,()=>t.question,o),(r,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{role:"presentation",class:e.normalizeClass(r.question.getItemClass(r.item)),ref_key:"root",ref:o},[e.createElementVNode("label",{onMousedown:d[1]||(d[1]=m=>r.question.onMouseDown()),class:e.normalizeClass(n(r.item))},[e.createElementVNode("input",{type:"radio",name:r.question.questionName,value:r.item.value,id:r.question.getItemId(r.item),"aria-errormessage":r.question.ariaErrormessage,checked:r.question.isItemSelected(r.item),onInput:d[0]||(d[0]=m=>{l()}),disabled:!r.question.getItemEnabled(r.item),readonly:r.question.isReadOnlyAttr,class:e.normalizeClass(r.question.cssClasses.itemControl),"aria-label":r.ariaLabel},null,42,Re),r.question.cssClasses.materialDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.question.cssClasses.materialDecorator)},[r.question.itemSvgIcon?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(r.question.cssClasses.itemDecorator)},[e.createElementVNode("use",{"xlink:href":r.question.itemSvgIcon},null,8,Te)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),r.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(s(r.item))},[e.createVNode(i,{is:"survey-string",locString:r.item.locText},null,8,["locString"])],2))],34)],2),r.item.isPanelShowing?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-panel",element:r.item.panel,cssClasses:r.question.cssClasses},null,8,["element","cssClasses"])):e.createCommentVNode("",!0),r.item.isCommentShowing?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-other-choice",question:r.question,item:r.item},null,8,["question","item"])):e.createCommentVNode("",!0)],64))}}),$e=["src"],Ze=["title"],Ae={key:0},Pe=e.defineComponent({inheritAttrs:!1,__name:"Signaturepad",props:{question:{}},setup(a){const o=a,t=e.ref(null);return y(o,t),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.cssClasses.root),ref_key:"root",ref:t,style:e.normalizeStyle({width:n.question.renderedCanvasWidth})},[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(n.question.cssClasses.placeholder)},[e.createVNode(i,{is:"survey-string",locString:n.question.locRenderedPlaceholder},null,8,["locString"])],2),[[e.vShow,n.question.needShowPlaceholder()]]),e.createElementVNode("div",null,[n.question.backgroundImage?(e.openBlock(),e.createElementBlock("img",{key:0,role:"presentation",class:e.normalizeClass(n.question.cssClasses.backgroundImage),src:n.question.backgroundImage,style:e.normalizeStyle({width:n.question.renderedCanvasWidth})},null,14,$e)):e.createCommentVNode("",!0),e.createElementVNode("canvas",{tabindex:"-1",class:e.normalizeClass(n.question.cssClasses.canvas),onBlur:s[0]||(s[0]=(...l)=>n.question.onBlur&&n.question.onBlur(...l))},null,34)]),n.question.canShowClearButton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.question.cssClasses.controls)},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(n.question.cssClasses.clearButton),title:n.question.clearButtonCaption,onClick:s[1]||(s[1]=()=>{n.question.clearValueFromUI()})},[n.question.cssClasses.clearButtonIconId?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Ae,"✖")),n.question.cssClasses.clearButtonIconId?(e.openBlock(),e.createBlock(i,{key:1,is:"sv-svg-icon",iconName:n.question.cssClasses.clearButtonIconId,size:"auto"},null,8,["iconName"])):e.createCommentVNode("",!0)],10,Ze)],2)):e.createCommentVNode("",!0),n.question.showLoadingIndicator?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(n.question.cssClasses.loadingIndicator)},[e.createVNode(i,{is:"sv-loading-indicator"})],2)):e.createCommentVNode("",!0)],6))}}),Fe=["innerHTML"],We=e.defineComponent({inheritAttrs:!1,__name:"Html",props:{question:{}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=w(()=>o.question.locHtml);return(s,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:t,class:e.normalizeClass(s.question.renderCssRoot),innerHTML:e.unref(n)},null,10,Fe))}}),Oe=["src","alt","width","height"],Ue=["src","width","height"],Qe=["src","title","width","height"],Ke=e.defineComponent({inheritAttrs:!1,__name:"Image",props:{question:{}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=w(()=>o.question.locImageLink);return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.question.cssClasses.root),ref_key:"root",ref:t},[s.question.renderedMode==="image"?e.withDirectives((e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(s.question.getImageCss()),src:e.unref(n),alt:s.question.altText||s.question.title,width:s.question.renderedWidth,height:s.question.renderedHeight,style:e.normalizeStyle({objectFit:s.question.imageFit,width:s.question.renderedStyleWidth,height:s.question.renderedStyleHeight}),onLoad:l[0]||(l[0]=r=>{s.question.onLoadHandler()}),onError:l[1]||(l[1]=r=>{s.question.onErrorHandler()})},null,46,Oe)),[[e.vShow,e.unref(n)&&!s.question.contentNotLoaded]]):e.createCommentVNode("",!0),s.question.renderedMode==="video"?e.withDirectives((e.openBlock(),e.createElementBlock("video",{key:1,controls:"",class:e.normalizeClass(s.question.getImageCss()),src:e.unref(n),width:s.question.renderedWidth,height:s.question.renderedHeight,style:e.normalizeStyle({objectFit:s.question.imageFit,width:s.question.renderedStyleWidth,height:s.question.renderedStyleHeight}),onLoadedmetadata:l[2]||(l[2]=r=>{s.question.onLoadHandler()}),onError:l[3]||(l[3]=r=>{s.question.onErrorHandler()})},null,46,Ue)),[[e.vShow,e.unref(n)&&!s.question.contentNotLoaded]]):e.createCommentVNode("",!0),s.question.renderedMode==="youtube"?(e.openBlock(),e.createElementBlock("iframe",{key:2,class:e.normalizeClass(s.question.getImageCss()),src:e.unref(n),title:s.question.renderedAltText,width:s.question.renderedWidth,height:s.question.renderedHeight,style:e.normalizeStyle({objectFit:s.question.imageFit,width:s.question.renderedStyleWidth,height:s.question.renderedStyleHeight})},null,14,Qe)):e.createCommentVNode("",!0),!e.unref(n)||s.question.contentNotLoaded?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(s.question.cssClasses.noImage)},[e.createVNode(i,{is:"sv-svg-icon",iconName:s.question.cssClasses.noImageSvgIconId,size:48},null,8,["iconName"])],2)):e.createCommentVNode("",!0)],2))}}),je=["aria-label"],Ge=e.defineComponent({inheritAttrs:!1,__name:"Expression",props:{question:{}},setup(a){const o=a,t=e.ref(null);return y(o,t),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.cssClasses.root),ref_key:"root",ref:t,"aria-live":"polite","aria-label":n.question.formatedValue},e.toDisplayString(n.question.formatedValue),11,je))}}),Je=["id","aria-required","aria-label","aria-invalid","aria-errormessage","multiple","title","accept","capture"],Xe=["id","multiple","placeholder"],Ye=["id","multiple","placeholder"],_e=e.defineComponent({inheritAttrs:!1,__name:"File",props:{question:{}},setup(a){const o=a,t=e.ref(null);return y(o,t),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.fileRootCss),ref_key:"root",ref:t},[!n.question.isReadOnlyAttr&&!n.question.isDisabledAttr&&n.question.hasFileUI?(e.openBlock(),e.createElementBlock("input",{key:0,class:e.normalizeClass(n.question.cssClasses.fileInput),tabindex:"-1",type:"file",id:n.question.inputId,"aria-required":n.question.ariaRequired,"aria-label":n.question.ariaLabel,"aria-invalid":n.question.ariaInvalid,"aria-errormessage":n.question.ariaErrormessage,multiple:n.question.allowMultiple,title:n.question.inputTitle,accept:n.question.renderedAcceptedTypes,capture:n.question.renderCapture},null,10,Je)):e.createCommentVNode("",!0),n.question.isReadOnlyAttr?(e.openBlock(),e.createElementBlock("input",{key:1,type:"file",readonly:"",id:n.question.inputId,class:e.normalizeClass(n.question.getReadOnlyFileCss()),multiple:n.question.allowMultiple,placeholder:n.question.title,style:{color:"transparent"}},null,10,Xe)):e.createCommentVNode("",!0),n.question.isDisabledAttr?(e.openBlock(),e.createElementBlock("input",{key:2,type:"file",disabled:"",id:n.question.inputId,class:e.normalizeClass(n.question.getReadOnlyFileCss()),multiple:n.question.allowMultiple,placeholder:n.question.title,style:{color:"transparent"}},null,10,Ye)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.question.cssClasses.dragArea),onDrop:s[0]||(s[0]=(...l)=>n.question.onDrop&&n.question.onDrop(...l)),onDragover:s[1]||(s[1]=(...l)=>n.question.onDragOver&&n.question.onDragOver(...l)),onDragleave:s[2]||(s[2]=(...l)=>n.question.onDragLeave&&n.question.onDragLeave(...l)),onDragenter:s[3]||(s[3]=(...l)=>n.question.onDragEnter&&n.question.onDragEnter(...l))},[n.question.showFileDecorator?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.question.getFileDecoratorCss())},[n.question.showDragAreaPlaceholder?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(n.question.cssClasses.dragAreaPlaceholder)},[e.createVNode(i,{is:"survey-string",locString:n.question.locRenderedPlaceholder},null,8,["locString"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.question.cssClasses.wrapper)},[n.question.actionsContainerVisible?(e.openBlock(),e.createBlock(i,{key:0,is:"sv-action-bar",model:n.question.actionsContainer},null,8,["model"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),n.question.showLoadingIndicator?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(n.question.cssClasses.loadingIndicator)},[e.createVNode(i,{is:"sv-loading-indicator"})],2)):e.createCommentVNode("",!0),n.question.isPlayingVideo?(e.openBlock(),e.createBlock(i,{key:2,is:"sv-file-video",question:n.question},null,8,["question"])):e.createCommentVNode("",!0),n.question.allowShowPreview?(e.openBlock(),e.createBlock(i,{key:3,is:"sv-file-preview",question:n.question},null,8,["question"])):e.createCommentVNode("",!0),n.question.fileNavigatorVisible?(e.openBlock(),e.createBlock(i,{key:4,is:"sv-action-bar",model:n.question.fileNavigator},null,8,["model"])):e.createCommentVNode("",!0)],34)],2))}}),ve={class:"sv-hidden"},A="survey-imagepicker-item",xe=e.defineComponent({inheritAttrs:!1,__name:"Imagepicker",props:{question:{}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=l=>o.question.getItemValueWrapperComponentName(l)||A,s=l=>({componentName:A,componentData:{question:o.question,item:l,data:o.question.getItemValueWrapperComponentData(l)}});return(l,r)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(l.question.getSelectBaseRootCss()),style:e.normalizeStyle(l.question.getContainerStyle()),ref_key:"root",ref:t},[e.createElementVNode("legend",ve,e.toDisplayString(l.question.locTitle.renderedHtml),1),l.question.hasColumns?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.question.visibleChoices,d=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:d.uniqueId,is:n(d)},s(d)),null,16,["is"]))),128)),l.question.hasColumns?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.question.columns,(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.question.getColumnClass()),key:m,role:"presentation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d,u=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:u.value,is:n(u)},s(u)),null,16,["is"]))),128))],2))),128)):e.createCommentVNode("",!0)],6))}}),eo=["name","value","id","disabled","readonly","required","aria-label","aria-invalid","aria-errormessage"],oo=["name","value","id","disabled","readonly","required","aria-label","aria-invalid","aria-errormessage"],no=["src","width","height","alt"],so=["src","width","height"],to=e.defineComponent({inheritAttrs:!1,__name:"ImagepickerItem",props:{question:{},item:{}},setup(a){const o=a,t=l=>o.question.getItemClass(l),n=e.computed({get(){return o.question.value},set(l){const r=o.question;r.isReadOnlyAttr||(r.value=l)}});g(()=>o.item);const s=w(()=>o.item.locImageLink);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t(l.item))},[e.createElementVNode("label",{class:e.normalizeClass(l.question.cssClasses.label)},[l.question.multiSelect?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"checkbox",name:l.question.questionName,value:l.item.value,id:l.question.getItemId(l.item),"onUpdate:modelValue":r[0]||(r[0]=d=>n.value=d),disabled:!l.question.getItemEnabled(l.item),readonly:l.question.isReadOnlyAttr,required:l.question.inputRequiredAttribute,"aria-label":l.item.locText.renderedHtml,"aria-invalid":l.question.ariaInvalid,"aria-errormessage":l.question.ariaErrormessage,class:e.normalizeClass(l.question.cssClasses.itemControl)},null,10,eo)),[[e.vModelCheckbox,n.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,type:"radio",name:l.question.questionName,value:l.item.value,id:l.question.getItemId(l.item),"onUpdate:modelValue":r[1]||(r[1]=d=>n.value=d),disabled:!l.question.getItemEnabled(l.item),readonly:l.question.isReadOnlyAttr,required:l.question.hasRequiredError(),"aria-label":l.item.locText.renderedHtml,"aria-invalid":l.question.ariaInvalid,"aria-errormessage":l.question.ariaErrormessage,class:e.normalizeClass(l.question.cssClasses.itemControl)},null,10,oo)),[[e.vModelRadio,n.value]]),e.createElementVNode("div",{class:e.normalizeClass(l.question.cssClasses.itemDecorator)},[e.createElementVNode("div",{class:e.normalizeClass(l.question.cssClasses.imageContainer)},[l.question.cssClasses.checkedItemDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.question.cssClasses.checkedItemDecorator),"aria-hidden":"true"},[l.question.cssClasses.checkedItemSvgIconId?(e.openBlock(),e.createBlock(i,{key:0,is:"sv-svg-icon",class:e.normalizeClass(l.question.cssClasses.checkedItemSvgIcon),size:"auto",iconName:l.question.cssClasses.checkedItemSvgIconId},null,8,["class","iconName"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(s)&&!l.item.contentNotLoaded&&l.question.contentMode==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,class:e.normalizeClass(l.question.cssClasses.image),src:e.unref(s),width:l.question.renderedImageWidth,height:l.question.renderedImageHeight,style:e.normalizeStyle({objectFit:l.question.imageFit}),alt:l.item.locText.renderedHtml,onLoad:r[2]||(r[2]=d=>{l.question.onContentLoaded(l.item,d)}),onError:r[3]||(r[3]=d=>{l.item.onErrorHandler()})},null,46,no)):e.createCommentVNode("",!0),e.unref(s)&&!l.item.contentNotLoaded&&l.question.contentMode==="video"?(e.openBlock(),e.createElementBlock("video",{key:2,controls:"",class:e.normalizeClass(l.question.cssClasses.image),src:e.unref(s),width:l.question.renderedImageWidth,height:l.question.renderedImageHeight,style:e.normalizeStyle({objectFit:l.question.imageFit}),onLoadedmetadata:r[4]||(r[4]=d=>{l.question.onContentLoaded(l.item,d)}),onError:r[5]||(r[5]=d=>{l.item.onErrorHandler()})},null,46,so)):e.createCommentVNode("",!0),!e.unref(s)||l.item.contentNotLoaded?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(l.question.cssClasses.itemNoImage),style:e.normalizeStyle({width:l.question.renderedImageWidth+"px",height:l.question.renderedImageHeight+"px",objectFit:l.question.imageFit})},[e.createVNode(i,{is:"sv-svg-icon",class:e.normalizeClass(l.question.cssClasses.itemNoImageSvgIcon),iconName:l.question.cssClasses.itemNoImageSvgIconId,size:48},null,8,["class","iconName"])],6)):e.createCommentVNode("",!0)],2),l.question.showLabel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.question.cssClasses.itemText)},[e.createVNode(i,{is:"survey-string",locString:l.item.locText},null,8,["locString"])],2)):e.createCommentVNode("",!0)],2)],2)],2))}}),lo=e.defineComponent({inheritAttrs:!1,__name:"Comment",props:{question:{}},setup(a){const o=a,t=e.ref();function n(s){t.value=s}return y(o,t),(s,l)=>!s.question.isReadOnlyRenderDiv()&&s.question.getMaxLength()?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:t},[e.createVNode(i,{is:"sv-text-area",model:s.question.textAreaModel},null,8,["model"]),e.createVNode(i,{is:"sv-character-counter",counter:s.question.characterCounter,remainingCharacterCounter:s.question.cssClasses.remainingCharacterCounter},null,8,["counter","remainingCharacterCounter"])],512)):!s.question.isReadOnlyRenderDiv()&&!s.question.getMaxLength()?(e.openBlock(),e.createBlock(i,{key:1,is:"sv-text-area","get-ref":n,model:s.question.textAreaModel},null,8,["model"])):(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"root",ref:t},e.toDisplayString(s.question.value),513))}}),ro=e.defineComponent({inheritAttrs:!1,__name:"Dropdown",props:{question:{}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=e.computed(()=>o.question.selectedItem),s=e.computed(()=>o.question.isShowingChoiceComment);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.question.renderCssRoot),ref_key:"root",ref:t},[e.createVNode(i,{is:"sv-dropdown",question:l.question},null,8,["question"]),s.value?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-other-choice",question:l.question,item:n.value},null,8,["question","item"])):e.createCommentVNode("",!0)],2))}}),ao=["id","autocomplete","aria-required","aria-label","aria-invalid","aria-errormessage","required"],io={key:0,value:""},mo=["id"];k.RendererFactory.Instance.registerRenderer("dropdown","select","sv-dropdown-select");const co=e.defineComponent({inheritAttrs:!1,__name:"DropdownSelect",props:{question:{}},setup(a){const o=a,t=e.ref(null);y(o,t);const n=r=>{o.question.onClick(r)},s=r=>{o.question.onKeyUp(r)},l=e.computed({get(){return o.question.value??""},set(r){const d=o.question;r===""?d.renderedValue=void 0:d.renderedValue=r}});return(r,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.question.renderCssRoot),ref_key:"root",ref:t},[e.createElementVNode("div",{class:e.normalizeClass(r.question.cssClasses.selectWrapper)},[r.question.isReadOnly?(e.openBlock(),e.createElementBlock("div",{key:1,disabled:"",id:r.question.inputId,class:e.normalizeClass(r.question.getControlClass())},e.toDisplayString(r.question.readOnlyText),11,mo)):e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:0,id:r.question.inputId,"onUpdate:modelValue":d[0]||(d[0]=m=>l.value=m),onClick:n,onKeyup:s,autocomplete:r.question.autocomplete,class:e.normalizeClass(r.question.getControlClass()),"aria-required":r.question.a11y_input_ariaRequired,"aria-label":r.question.a11y_input_ariaLabel,"aria-invalid":r.question.a11y_input_ariaInvalid,"aria-errormessage":r.question.a11y_input_ariaErrormessage,required:r.question.isRequired},[r.question.allowClear?(e.openBlock(),e.createElementBlock("option",io,e.toDisplayString(r.question.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.question.visibleChoices,m=>(e.openBlock(),e.createBlock(i,{is:"sv-dropdown-option-item",item:m,key:m.uniqueId},null,8,["item"]))),128))],42,ao)),[[e.vModelSelect,l.value]]),r.question.cssClasses.chevronButtonIconId?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(r.question.cssClasses.chevronButton),"aria-hidden":"true"},[e.createVNode(i,{is:"sv-svg-icon",class:e.normalizeClass(r.question.cssClasses.chevronButtonSvg),iconName:r.question.cssClasses.chevronButtonIconId,size:"auto"},null,8,["class","iconName"])],2)):e.createCommentVNode("",!0)],2),r.question.isShowingChoiceComment?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-other-choice",question:r.question,item:r.question.selectedItem},null,8,["question","item"])):e.createCommentVNode("",!0)],2))}}),po=["value","disabled"],Co=e.defineComponent({__name:"OptionItem",props:{item:{}},setup(a){const o=a,t=w(()=>o.item.locText);return g(()=>o.item),(n,s)=>(e.openBlock(),e.createElementBlock("option",{value:n.item.value,disabled:!n.item.isEnabled},e.toDisplayString(e.unref(t)),9,po))}}),go=["id","disabled","tabindex","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-label","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant","required"],uo={style:{visibility:"hidden"}},ko=["disabled","inputmode","id","tabindex","readonly","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-controls","aria-label","aria-labelledby","aria-describedby","aria-activedescendant","placeholder"],yo=["id","role","aria-label","aria-labelledby","aria-describedby","tabindex"],ho=e.defineComponent({__name:"Dropdown",props:{question:{}},setup(a){const o=a,t=e.ref(null),n=e.computed(()=>o.question.dropdownListModel),s=C=>{var B;(B=n.value)==null||B.onClick(C)},l=C=>{var B;(B=n.value)==null||B.keyHandler(C)},r=()=>{if(t.value){const C=t.value,B=n.value.inputStringRendered;k.Helpers.isTwoValueEquals(B,C.value,!1,!0,!1)||(C.value=n.value.inputStringRendered)}},d=C=>{o.question.onBlur(C),r()},m=C=>{o.question.onFocus(C)},u=C=>{n.value.inputStringRendered=C.target.value},c=e.computed(()=>o.question.showSelectedItemLocText),p=e.computed(()=>o.question.selectedItemLocText);return g(()=>n.value),e.onUpdated(r),e.onMounted(r),(C,B)=>{var I,O,U,Q;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(C.question.cssClasses.selectWrapper),onClick:s},[C.question.isReadOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,id:C.question.inputId,disabled:C.question.isDisabledAttr?!0:null,tabindex:n.value.n