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,s){this.creatorHash[o]=s}getComponent(o){return this.creatorHash[o]||o}getAllTypes(){const o=new Array;for(const s in this.creatorHash)o.push(s);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,s=e.computed(()=>q.Instance.getComponent(o.is));return(n,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.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 Q{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 K(a){let o=a.initialValue;return e.customRef((s,n)=>{const t=()=>{a.isUpdateAllowed()&&(n(),a.nextRenderManager.add())};return{get(){return s(),o},set(l){const r=o!==l;o=l,r&&t()}}})}function j(a){if(a){if(a.__vueUpdatesLock=a.__vueUpdatesLock??0,a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented<=0){const o=()=>a.__vueUpdatesLock<=0,s=new Q(a),n=(l,r)=>{const d=r.valueFromHash;o()&&e.isRef(d)&&(e.triggerRef(d),s.add())},t=(l,r,d)=>{l[r]=K({initialValue:d===void 0?l[r]:d,surveyElement:a,isUpdateAllowed:o,nextRenderManager:s})};a.addOnArrayChangedCallback(n),a.createArrayCoreHandler=(l,r)=>(t(l,r,[]),e.unref(l[r])),a.iteratePropertiesHash((l,r)=>{t(l,r)}),a.getPropertyValueCoreHandler=(l,r)=>(e.isRef(l[r])||t(l,r),e.unref(l[r])),a.setPropertyValueCoreHandler=(l,r,d)=>{e.isRef(l[r])?l[r].value=d:t(l,r,d),s.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 G(a){return!!a.__vueImplemented}function I(a){a&&(a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented--,a.__vueImplemented<=0&&typeof a.__vueClear=="function"&&a.__vueClear())}function R(a){a&&a.__vueUpdatesLock!==void 0&&a.__vueUpdatesLock++}function T(a){a&&a.__vueUpdatesLock!==void 0&&a.__vueUpdatesLock--}function g(a,o,s){let n;const t=e.watch(a,(r,d)=>{r&&o&&o(r,d),d&&(I(d),s&&s(d)),n=r,j(r)},{immediate:!0});let l=!1;e.onBeforeUpdate(()=>{R(n)}),e.onUpdated(()=>{T(n)}),e.onBeforeMount(()=>R(n)),e.onMounted(()=>T(n)),e.onBeforeUnmount(()=>{if(!l){const r=a();r&&(I(r),t(),s&&s(r)),l=!0}})}function y(a,o,s,n){g(()=>a.question,s,n),e.onMounted(()=>{a.question&&a.question.afterRenderQuestionElement(o.value)}),e.onBeforeUnmount(()=>{a.question.beforeDestroyQuestionElement(o.value)})}function w(a){const o=e.ref(),s=l=>{o.value=l.renderedHtml},n=l=>{o.value=l.renderedHtml,l.onStringChanged.add(s)},t=e.watch(a,(l,r)=>{r&&r.onStringChanged.remove(s),n(l)},{immediate:!0});return e.onBeforeUnmount(()=>{const l=a();l&&l.onStringChanged.remove(s),t()}),o}function M(a){return a.customWidget?"survey-customwidget":a.isDefaultRendering&&a.isDefaultRendering()||a.isPanel?"survey-"+a.getTemplate():a.getComponentName()}const J=e.defineComponent({__name:"Page",props:{survey:{},page:{},css:{}},setup(a){const o=a,s=e.ref(null),n=()=>{o.survey&&s.value&&o.survey.afterRenderPage(s.value)},t=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:s},[e.createVNode(i,{is:"survey-element-title",element:l.page,css:l.css},null,8,["element","css"]),t.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))}}),X=e.defineComponent({__name:"Header",props:{survey:{}},setup(a){const o=a,s=e.ref();return e.onMounted(()=>{var n=s.value;n&&o.survey&&o.survey.afterRenderHeader(n)}),(n,t)=>n.survey.renderedHasHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(n.survey.css.header),ref_key:"root",ref:s},[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)}}),Y=e.defineComponent({__name:"Row",props:{row:{},css:{},survey:{}},setup(a){const o=a,s=e.ref();let n;return g(()=>o.row,(t,l)=>{t.setRootElement(s.value),l&&(t.isNeedRender=l.isNeedRender)},t=>{G(t)||(clearTimeout(n),t.setRootElement(void 0),t.stopLazyRendering(),t.isNeedRender=!t.isLazyRendering())}),e.onMounted(()=>{if(o.row&&(o.row.setRootElement(s.value),!o.row.isNeedRender)){const t=s.value;setTimeout(()=>{o.row.startLazyRendering(t)},10)}}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.row.getRowCss()),ref_key:"root",ref:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.row.visibleElements,r=>(e.openBlock(),e.createBlock(i,{is:"survey-element",row:t.row,css:t.css,element:r,key:r.id},null,8,["row","css","element"]))),128))],2))}}),_=["id","role","aria-required","aria-invalid","aria-label","aria-labelledby","aria-describedby","aria-expanded","data-name"],v=["aria-hidden","data-sv-drop-target-matrix","data-sv-drop-target-matrix-row"],x=["id"],ee={inheritAttrs:!1},oe=e.defineComponent({...ee,__name:"Question",props:{survey:{},element:{},css:{}},setup(a){const o=a,s=e.ref(null);g(()=>o.element);const n=p=>p.cssContent,t=()=>o.element.getRootStyle(),l=e.computed(()=>o.element.singleInputQuestion),r=()=>{s.value&&o.element.afterRender(s.value)},d=e.watch(()=>s.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(t()),ref_key:"root",ref:s,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.singleInputHideHeader&&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,x)):e.createCommentVNode("",!0)],14,v)]),_: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,_))}}),ne=["id"],se=["id","role","aria-labelledby","aria-label"],te={inheritAttrs:!1},le=e.defineComponent({...te,inheritAttrs:!1,__name:"Panel",props:{element:{},isEditMode:{type:Boolean},css:{}},setup(a){const o=a,s=e.ref(null),n=e.computed(()=>o.element.survey);return g(()=>o.element),e.onMounted(()=>{o.element.survey&&o.element.afterRender(s.value)}),(t,l)=>t.element.getIsContentVisible()?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.element.getContainerCss()),id:t.element.id,onFocusin:l[0]||(l[0]=r=>t.element.focusIn()),ref_key:"root",ref:s},[t.element.showErrorsAbovePanel?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-errors",element:t.element},null,8,["element"])):e.createCommentVNode("",!0),t.element.hasTitle||t.element.hasDescription?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-element-header",element:t.element,css:t.css},null,8,["element","css"])):e.createCommentVNode("",!0),t.element.showErrorsAbovePanel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i,{key:2,is:"survey-errors",element:t.element},null,8,["element"])),t.element.renderedIsExpanded?(e.openBlock(),e.createElementBlock("div",{key:3,id:t.element.contentId,style:e.normalizeStyle({paddingLeft:t.element.innerPaddingLeft}),class:e.normalizeClass(t.element.cssClasses.panel.content),role:t.element.ariaRole,"aria-labelledby":t.element.ariaLabelledBy,"aria-label":t.element.ariaLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.element.visibleRows,r=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.id,is:t.element.getSurvey().getRowWrapperComponentName(r)},{componentData:t.element.getSurvey().getRowWrapperComponentData(r)}),{default:e.withCtx(()=>[e.createVNode(i,{is:"survey-row",row:r,survey:n.value,css:t.css},null,8,["row","survey","css"])]),_:2},1040,["is"]))),128)),e.createVNode(i,{is:"sv-action-bar",model:t.element.getFooterToolbar()},null,8,["model"])],14,se)):e.createCommentVNode("",!0)],42,ne)):e.createCommentVNode("",!0)}}),re=["id"],ae=e.defineComponent({__name:"ElementHeader",props:{element:{},css:{}},setup(a){const o=a,s=t=>{typeof o.element.clickTitleFunction=="function"&&o.element.clickTitleFunction(t)},n=()=>{const t={width:void 0};return"titleWidth"in o.element&&(t.width=o.element.titleWidth),t};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.element.cssHeader),onClick:s,style:e.normalizeStyle(n())},[e.createVNode(i,{is:"survey-element-title",element:t.element,css:t.css},null,8,["element","css"]),t.element.hasDescriptionUnderTitle?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.element.cssDescription),id:t.element.ariaDescriptionId},[e.createVNode(i,{is:"survey-string",locString:t.element.locDescription},null,8,["locString"])],10,re)),[[e.vShow,t.element.hasDescription]]):e.createCommentVNode("",!0),t.element.hasAdditionalTitleToolbar?(e.openBlock(),e.createBlock(i,{key:1,is:"sv-action-bar",model:t.element.additionalTitleToolbar},null,8,["model"])):e.createCommentVNode("",!0)],6))}}),ie=e.defineComponent({__name:"String",props:{locString:{}},setup(a){return(o,s)=>(e.openBlock(),e.createBlock(i,{is:o.locString.renderAs,locString:o.locString.renderAsData},null,8,["is","locString"]))}}),de=["innerHTML"],me=e.defineComponent({__name:"StringViewer",props:{locString:{}},setup(a){const o=a,s=w(()=>o.locString),n=o.locString.allowLineBreaks?"sv-string-viewer sv-string-viewer--multiline":"sv-string-viewer";return(t,l)=>t.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)),innerHTML:e.unref(s)},null,10,de)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n))},e.toDisplayString(e.unref(s)),3))}}),ce=["innerHTML"],pe=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(a){const o=a,s=t=>{const l=o.locString;l.text=t.target.innerText},n=t=>{t.preventDefault(),t.stopPropagation()};return(t,l)=>t.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:"sv-string-editor",contenteditable:"true",innerHTML:t.locString.renderedHtml,onBlur:s,onClick:n},null,40,ce)):(e.openBlock(),e.createElementBlock("span",{key:1,class:"sv-string-editor",contenteditable:"true",onBlur:s,onClick:n},e.toDisplayString(t.locString.renderedHtml),33))}}),Ce=["id"],ge=e.defineComponent({__name:"Skeleton",props:{element:{}},setup(a){const o=a;return g(()=>o.element),(s,n)=>(e.openBlock(),e.createElementBlock("div",{class:"sv-skeleton-element",id:s.element.id,style:e.normalizeStyle({height:s.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,s=new k.ScrollViewModel;s.onInnerHeightChanged=t=>{o.onInnerHeightChanged&&o.onInnerHeightChanged(t)};const n=e.ref();return e.onMounted(()=>{s.setRootElement(n.value)}),e.onUnmounted(()=>{s.setRootElement(void 0),s.unsubscribeRootElement()}),(t,l)=>o.disabled?e.renderSlot(t.$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(s).onScrollContainer())},[e.createElementVNode("div",ue,[e.renderSlot(t.$slots,"default")])],32),e.createElementVNode("div",{class:"sv-scroll__scrollbar",onScroll:l[1]||(l[1]=()=>e.unref(s).onScrollScrollbar())},ke,32)],512))}}),he=["id"],Be=["value"],qe=e.defineComponent({inheritAttrs:!1,__name:"Text",props:{question:{}},setup(a){const o=a,s=e.ref(null);return y(o,s),(n,t)=>n.question.isReadOnlyRenderDiv()?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:s},e.toDisplayString(n.question.value),513)):n.question.dataListId?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"root",ref:s},[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=>{s.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 s=a,n=function(r){s.getRef&&s.getRef(r)},t=e.ref(null);o({root:t}),g(()=>s.question);const l=e.computed(()=>s.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"],D=e.defineComponent({inheritAttrs:!1,__name:"SelectBase",props:{question:{},showLegend:{type:Boolean}},setup(a){const o=a,s=e.ref(null);y(o,s);const n=l=>o.question.getItemValueWrapperComponentName(l)||o.question.itemComponent,t=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:s,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)},t(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)},t(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)},t(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)},t(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)},t(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,s)=>(e.openBlock(),e.createBlock(D,{question:o.question,"show-legend":!0},null,8,["question"]))}});function $(a,o,s){e.onMounted(()=>{s.value&&(o().isDesignMode||a().setRootElement(s.value))}),e.onUnmounted(()=>{o().isDesignMode||a().setRootElement(void 0)}),g(a,(n,t)=>{o().isDesignMode||(n&&s.value&&n.setRootElement(s.value),t&&t.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(),s=a;$(()=>s.item,()=>s.question,o);const n=t=>{s.question.clickItemHandler(s.item,t.target.checked)};return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{role:"presentation",class:e.normalizeClass(t.question.getItemClass(t.item)),ref_key:"root",ref:o},[e.createElementVNode("label",{class:e.normalizeClass(t.question.getLabelClass(t.item))},[e.createElementVNode("input",{type:"checkbox",name:t.question.name+t.item.id,checked:t.question.isItemSelected(t.item),onInput:l[0]||(l[0]=r=>{n(r)}),value:t.item.value,id:t.question.getItemId(t.item),disabled:!t.question.getItemEnabled(t.item),readonly:t.question.isReadOnlyAttr,class:e.normalizeClass(t.question.cssClasses.itemControl),required:t.question.hasRequiredError(),"aria-label":t.ariaLabel},null,42,Se),t.question.cssClasses.materialDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t.question.cssClasses.materialDecorator)},[t.question.itemSvgIcon?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(t.question.cssClasses.itemDecorator)},[e.createElementVNode("use",{"xlink:href":t.question.itemSvgIcon},null,8,ze)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(t.question.cssClasses.controlLabel)},[e.createVNode(i,{is:"survey-string",locString:t.item.locText},null,8,["locString"])],2))],2)],2),t.item.isPanelShowing?(e.openBlock(),e.createBlock(i,{key:0,is:"survey-panel",element:t.item.panel,cssClasses:t.question.cssClasses},null,8,["element","cssClasses"])):e.createCommentVNode("",!0),t.item.isCommentShowing?(e.openBlock(),e.createBlock(i,{key:1,is:"survey-other-choice",question:t.question,item:t.item},null,8,["question","item"])):e.createCommentVNode("",!0)],64))}}),Ie=e.defineComponent({inheritAttrs:!1,__name:"Radiogroup",props:{question:{}},setup(a){return(o,s)=>(e.openBlock(),e.createBlock(D,{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(),s=a,n=r=>s.question.getLabelClass(r),t=r=>s.question.getControlLabelClass(r),l=()=>{s.question.clickItemHandler(s.item)};return $(()=>s.item,()=>s.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(t(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,s=e.ref(null);return y(o,s),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.cssClasses.root),ref_key:"root",ref:s,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:t[0]||(t[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:t[1]||(t[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,s=e.ref(null);y(o,s);const n=w(()=>o.question.locHtml);return(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:s,class:e.normalizeClass(t.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,s=e.ref(null);y(o,s);const n=w(()=>o.question.locImageLink);return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.cssClasses.root),ref_key:"root",ref:s},[t.question.renderedMode==="image"?e.withDirectives((e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(t.question.getImageCss()),src:e.unref(n),alt:t.question.altText||t.question.title,width:t.question.renderedWidth,height:t.question.renderedHeight,style:e.normalizeStyle({objectFit:t.question.imageFit,width:t.question.renderedStyleWidth,height:t.question.renderedStyleHeight}),onLoad:l[0]||(l[0]=r=>{t.question.onLoadHandler()}),onError:l[1]||(l[1]=r=>{t.question.onErrorHandler()})},null,46,Oe)),[[e.vShow,e.unref(n)&&!t.question.contentNotLoaded]]):e.createCommentVNode("",!0),t.question.renderedMode==="video"?e.withDirectives((e.openBlock(),e.createElementBlock("video",{key:1,controls:"",class:e.normalizeClass(t.question.getImageCss()),src:e.unref(n),width:t.question.renderedWidth,height:t.question.renderedHeight,style:e.normalizeStyle({objectFit:t.question.imageFit,width:t.question.renderedStyleWidth,height:t.question.renderedStyleHeight}),onLoadedmetadata:l[2]||(l[2]=r=>{t.question.onLoadHandler()}),onError:l[3]||(l[3]=r=>{t.question.onErrorHandler()})},null,46,Ue)),[[e.vShow,e.unref(n)&&!t.question.contentNotLoaded]]):e.createCommentVNode("",!0),t.question.renderedMode==="youtube"?(e.openBlock(),e.createElementBlock("iframe",{key:2,class:e.normalizeClass(t.question.getImageCss()),src:e.unref(n),title:t.question.renderedAltText,width:t.question.renderedWidth,height:t.question.renderedHeight,style:e.normalizeStyle({objectFit:t.question.imageFit,width:t.question.renderedStyleWidth,height:t.question.renderedStyleHeight})},null,14,Qe)):e.createCommentVNode("",!0),!e.unref(n)||t.question.contentNotLoaded?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(t.question.cssClasses.noImage)},[e.createVNode(i,{is:"sv-svg-icon",iconName:t.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,s=e.ref(null);return y(o,s),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.cssClasses.root),ref_key:"root",ref:s,"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,s=e.ref(null);return y(o,s),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.question.fileRootCss),ref_key:"root",ref:s},[!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.acceptedTypes,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:t[0]||(t[0]=(...l)=>n.question.onDrop&&n.question.onDrop(...l)),onDragover:t[1]||(t[1]=(...l)=>n.question.onDragOver&&n.question.onDragOver(...l)),onDragleave:t[2]||(t[2]=(...l)=>n.question.onDragLeave&&n.question.onDragLeave(...l)),onDragenter:t[3]||(t[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"},Z="survey-imagepicker-item",xe=e.defineComponent({inheritAttrs:!1,__name:"Imagepicker",props:{question:{}},setup(a){const o=a,s=e.ref(null);y(o,s);const n=l=>o.question.getItemValueWrapperComponentName(l)||Z,t=l=>({componentName:Z,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:s},[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)},t(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)},t(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,s=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 t=w(()=>o.item.locImageLink);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s(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(t)&&!l.item.contentNotLoaded&&l.question.contentMode==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,class:e.normalizeClass(l.question.cssClasses.image),src:e.unref(t),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(t)&&!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(t),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(t)||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,s=e.ref();function n(t){s.value=t}return y(o,s),(t,l)=>!t.question.isReadOnlyRenderDiv()&&t.question.getMaxLength()?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:s},[e.createVNode(i,{is:"sv-text-area",model:t.question.textAreaModel},null,8,["model"]),e.createVNode(i,{is:"sv-character-counter",counter:t.question.characterCounter,remainingCharacterCounter:t.question.cssClasses.remainingCharacterCounter},null,8,["counter","remainingCharacterCounter"])],512)):!t.question.isReadOnlyRenderDiv()&&!t.question.getMaxLength()?(e.openBlock(),e.createBlock(i,{key:1,is:"sv-text-area","get-ref":n,model:t.question.textAreaModel},null,8,["model"])):(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"root",ref:s},e.toDisplayString(t.question.value),513))}}),ro=e.defineComponent({inheritAttrs:!1,__name:"Dropdown",props:{question:{}},setup(a){const o=a,s=e.ref(null);y(o,s);const n=e.computed(()=>o.question.selectedItem),t=e.computed(()=>o.question.isShowingChoiceComment);return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.question.renderCssRoot),ref_key:"root",ref:s},[e.createVNode(i,{is:"sv-dropdown",question:l.question},null,8,["question"]),t.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,s=e.ref(null);y(o,s);const n=r=>{o.question.onClick(r)},t=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:s},[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:t,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,s=w(()=>o.item.locText);return g(()=>o.item),(n,t)=>(e.openBlock(),e.createElementBlock("option",{value:n.item.value,disabled:!n.item.isEnabled},e.toDisplayString(e.unref(s)),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,s=e.ref(null),n=e.computed(()=>o.question.dropdownListModel),t=C=>{var B;(B=n.value)==null||B.onClick(C)},l=C=>{var B;(B=n.value)==null||B.keyHandler(C)},r=()=>{if(s.value){const C=s.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 H,W,O,U;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(C.question.cssClasses.selectWrapper),onClick:t},[C.question.isReadOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,id:C.question.inputId,disab