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(B,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):(B=typeof globalThis<"u"?globalThis:B||self,e(B.SurveyVue={},B.Vue,B.Survey))})(this,function(B,e,k){"use strict";var E1=Object.defineProperty;var M1=(B,e,k)=>e in B?E1(B,e,{enumerable:!0,configurable:!0,writable:!0,value:k}):B[e]=k;var H=(B,e,k)=>(M1(B,typeof e!="symbol"?e+"":e,k),k);const z=class z{constructor(){H(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]}};H(z,"Instance",new z);let w=z;const m=e.defineComponent({inheritAttrs:!1,__name:"SvComponent",props:{is:{}},setup(a){const o=a,s=e.computed(()=>w.Instance.getComponent(o.is));return(n,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.normalizeProps(e.guardReactiveProps(n.$attrs)),e.createSlots({_:2},[e.renderList(n.$slots,(t,r)=>({name:r,fn:e.withCtx(i=>[e.renderSlot(n.$slots,r,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}});k.Base.createPropertiesHash=()=>e.shallowReactive({});class U{constructor(o){H(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 Q(a){if(a){if(a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented<=0){const o=new U(a);a.createArrayCoreHandler=(s,n)=>{const l=[],t=e.shallowRef(l);return l.onArrayChanged=()=>{e.triggerRef(t),o.add()},s[n]=t,e.unref(s[n])},a.iteratePropertiesHash((s,n)=>{if(Array.isArray(s[n])){const l=e.shallowRef(s[n]);s[n].onArrayChanged=()=>{e.triggerRef(l),o.add()},s[n]=l}}),a.getPropertyValueCoreHandler=(s,n)=>e.unref(s[n]),a.setPropertyValueCoreHandler=(s,n,l)=>{e.isRef(s[n])?s[n].value=l:s[n]=l,o.add()}}a.enableOnElementRerenderedEvent(),a.__vueImplemented++}}function K(a){return!!a.__vueImplemented}function $(a){a&&(a.__vueImplemented=a.__vueImplemented??0,a.__vueImplemented--,a.__vueImplemented<=0&&(a.iteratePropertiesHash((o,s)=>{o[s]=e.unref(o[s]),Array.isArray(o[s])&&(o[s].onArrayChanged=void 0)}),delete a.__vueImplemented,a.disableOnElementRerenderedEvent(),a.createArrayCoreHandler=void 0,a.getPropertyValueCoreHandler=void 0,a.setPropertyValueCoreHandler=void 0))}function u(a,o,s){const n=e.watch(a,(t,r)=>{t&&o&&o(t,r),r&&($(r),s&&s(r)),Q(t)},{immediate:!0});let l=!1;e.onBeforeUnmount(()=>{if(!l){const t=a();t&&($(t),n(),s&&s(t)),l=!0}})}function h(a,o,s,n){u(()=>a.question,s,n),e.onMounted(()=>{a.question&&a.question.afterRenderQuestionElement(o.value)}),e.onBeforeUnmount(()=>{a.question.beforeDestroyQuestionElement(o.value)})}function f(a){const o=e.ref(),s=t=>{o.value=t.renderedHtml},n=t=>{o.value=t.renderedHtml,t.onStringChanged.add(s)},l=e.watch(a,(t,r)=>{r&&r.onStringChanged.remove(s),n(t)},{immediate:!0});return e.onBeforeUnmount(()=>{const t=a();t&&t.onStringChanged.remove(s),l()}),o}function I(a){return a.customWidget?"survey-customwidget":a.isDefaultRendering&&a.isDefaultRendering()||a.isPanel?"survey-"+a.getTemplate():a.getComponentName()}function b(a){const o=e.shallowRef(),s=e.watchEffect(()=>{o.value=a(),e.triggerRef(o)});return e.onBeforeUnmount(()=>{s()}),o}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)},l=e.computed(()=>o.page._showDescription);return u(()=>o.page,()=>{n()}),e.onMounted(()=>{n()}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.page.cssRoot),ref_key:"root",ref:s},[e.createVNode(m,{is:"survey-element-title",element:t.page,css:t.css},null,8,["element","css"]),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.page.cssClasses.page.description)},[e.createVNode(m,{is:"survey-string",locString:t.page.locDescription},null,8,["locString"])],2)):e.createCommentVNode("",!0),e.createVNode(m,{is:"survey-errors",element:t.page},null,8,["element"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.page.visibleRows,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.id,is:t.page.getSurvey().getRowWrapperComponentName(i)},{componentData:t.page.getSurvey().getRowWrapperComponentData(i)}),{default:e.withCtx(()=>[e.createVNode(m,{is:"survey-row",row:i,survey:t.survey,css:t.css},null,8,["row","survey","css"])]),_:2},1040,["is"]))),128))],2))}}),G=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,l)=>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(m,{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(m,{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(m,{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(m,{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)}}),X=e.defineComponent({__name:"Row",props:{row:{},css:{},survey:{}},setup(a){const o=a,s=e.ref();let n;return u(()=>o.row,(l,t)=>{l.setRootElement(s.value),t&&(l.isNeedRender=t.isNeedRender)},l=>{K(l)||(clearTimeout(n),l.setRootElement(void 0),l.stopLazyRendering(),l.isNeedRender=!l.isLazyRendering())}),e.onMounted(()=>{if(o.row&&(o.row.setRootElement(s.value),!o.row.isNeedRender)){const l=s.value;setTimeout(()=>{o.row.startLazyRendering(l)},10)}}),(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.row.getRowCss()),ref_key:"root",ref:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.row.visibleElements,r=>(e.openBlock(),e.createBlock(m,{is:"survey-element",row:l.row,css:l.css,element:r,key:r.id},null,8,["row","css","element"]))),128))],2))}}),J=["id","role","aria-required","aria-invalid","aria-label","aria-labelledby","aria-describedby","aria-expanded","data-name"],Y=["aria-hidden"],_=["id"],v={inheritAttrs:!1},x=e.defineComponent({...v,__name:"Question",props:{survey:{},element:{},css:{}},setup(a){const o=a,s=e.ref(null),n=p=>p.cssContent,l=()=>o.element.getRootStyle(),t=e.computed(()=>o.element.singleInputQuestion);u(()=>o.element);const r=()=>{s.value&&o.element.afterRender(s.value)},i=e.watch(()=>s.value,()=>{r()}),d=e.computed(()=>o.element.customWidget?"survey-customwidget":o.element.isDefaultRendering()?"survey-"+o.element.getTemplate():o.element.getComponentName()),g=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(()=>{i()}),(p,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.element.getRootCss()),style:e.normalizeStyle(l()),ref_key:"root",ref:s,onFocusin:C[0]||(C[0]=y=>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(m,{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(m,{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(m,{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(m,{key:3,is:"sv-single-input-summary",css:p.element.cssClasses,summary:p.element.singleInputSummary},null,8,["css","summary"])):t.value?(e.openBlock(),e.createBlock(m,{is:"survey-question",css:p.css,element:t.value,survey:p.survey,key:t.value.id},null,8,["css","element","survey"])):(e.openBlock(),e.createBlock(m,e.mergeProps({key:5,is:g.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"},[e.createVNode(m,{is:d.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(m,{is:"survey-string",locString:p.element.locCommentText},null,8,["locString"])]),e.createVNode(m,{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(m,{is:"survey-string",locString:p.element.locDescription},null,8,["locString"])],10,_)):e.createCommentVNode("",!0)],14,Y)]),_:1},16,["is"])),p.element.hasTitleOnBottom?(e.openBlock(),e.createBlock(m,{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(m,{key:7,is:"survey-errors",element:p.element,location:"bottom"},null,8,["element"])):e.createCommentVNode("",!0)],46,J))}}),ee=["id"],oe=["id","role","aria-labelledby","aria-label"],ne={inheritAttrs:!1},se=e.defineComponent({...ne,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 u(()=>o.element),e.onMounted(()=>{o.element.survey&&o.element.afterRender(s.value)}),(l,t)=>l.element.getIsContentVisible()?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.element.getContainerCss()),id:l.element.id,onFocusin:t[0]||(t[0]=r=>l.element.focusIn()),ref_key:"root",ref:s},[l.element.showErrorsAbovePanel?(e.openBlock(),e.createBlock(m,{key:0,is:"survey-errors",element:l.element},null,8,["element"])):e.createCommentVNode("",!0),l.element.hasTitle||l.element.hasDescription?(e.openBlock(),e.createBlock(m,{key:1,is:"survey-element-header",element:l.element,css:l.css},null,8,["element","css"])):e.createCommentVNode("",!0),l.element.showErrorsAbovePanel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m,{key:2,is:"survey-errors",element:l.element},null,8,["element"])),l.element.renderedIsExpanded?(e.openBlock(),e.createElementBlock("div",{key:3,id:l.element.contentId,style:e.normalizeStyle({paddingLeft:l.element.innerPaddingLeft}),class:e.normalizeClass(l.element.cssClasses.panel.content),role:l.element.ariaRole,"aria-labelledby":l.element.ariaLabelledBy,"aria-label":l.element.ariaLabel},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.element.visibleRows,r=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:r.id,is:l.element.getSurvey().getRowWrapperComponentName(r)},{componentData:l.element.getSurvey().getRowWrapperComponentData(r)}),{default:e.withCtx(()=>[e.createVNode(m,{is:"survey-row",row:r,survey:n.value,css:l.css},null,8,["row","survey","css"])]),_:2},1040,["is"]))),128)),e.createVNode(m,{is:"sv-action-bar",model:l.element.getFooterToolbar()},null,8,["model"])],14,oe)):e.createCommentVNode("",!0)],42,ee)):e.createCommentVNode("",!0)}}),te=["id"],le=e.defineComponent({__name:"ElementHeader",props:{element:{},css:{}},setup(a){const o=a,s=l=>{typeof o.element.clickTitleFunction=="function"&&o.element.clickTitleFunction(l)},n=()=>{const l={width:void 0};return"titleWidth"in o.element&&(l.width=o.element.titleWidth),l};return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.element.cssHeader),onClick:s,style:e.normalizeStyle(n())},[e.createVNode(m,{is:"survey-element-title",element:l.element,css:l.css},null,8,["element","css"]),l.element.hasDescriptionUnderTitle?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.element.cssDescription),id:l.element.ariaDescriptionId},[e.createVNode(m,{is:"survey-string",locString:l.element.locDescription},null,8,["locString"])],10,te)),[[e.vShow,l.element.hasDescription]]):e.createCommentVNode("",!0),l.element.hasAdditionalTitleToolbar?(e.openBlock(),e.createBlock(m,{key:1,is:"sv-action-bar",model:l.element.additionalTitleToolbar},null,8,["model"])):e.createCommentVNode("",!0)],6))}}),re=e.defineComponent({__name:"String",props:{locString:{}},setup(a){return(o,s)=>(e.openBlock(),e.createBlock(m,{is:o.locString.renderAs,locString:o.locString.renderAsData},null,8,["is","locString"]))}}),ae=["innerHTML"],ie=e.defineComponent({__name:"StringViewer",props:{locString:{}},setup(a){const o=a,s=f(()=>o.locString),n=o.locString.allowLineBreaks?"sv-string-viewer sv-string-viewer--multiline":"sv-string-viewer";return(l,t)=>l.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)),innerHTML:e.unref(s)},null,10,ae)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n))},e.toDisplayString(e.unref(s)),3))}}),me=["innerHTML"],de=e.defineComponent({__name:"StringEditor",props:{locString:{}},setup(a){const o=a,s=l=>{const t=o.locString;t.text=l.target.innerText},n=l=>{l.preventDefault(),l.stopPropagation()};return(l,t)=>l.locString.hasHtml?(e.openBlock(),e.createElementBlock("span",{key:0,class:"sv-string-editor",contenteditable:"true",innerHTML:l.locString.renderedHtml,onBlur:s,onClick:n},null,40,me)):(e.openBlock(),e.createElementBlock("span",{key:1,class:"sv-string-editor",contenteditable:"true",onBlur:s,onClick:n},e.toDisplayString(l.locString.renderedHtml),33))}}),ce=["id"],pe=e.defineComponent({__name:"Skeleton",props:{element:{}},setup(a){const o=a;return u(()=>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))}}),Ce={class:"sv-scroll__container"},ge=[e.createElementVNode("div",{class:"sv-scroll__scrollbar-sizer"},null,-1)],ue=e.defineComponent({__name:"Scroll",props:{disabled:{},onInnerHeightChanged:{type:Function}},setup(a){const o=a,s=new k.ScrollViewModel;s.onInnerHeightChanged=l=>{o.onInnerHeightChanged&&o.onInnerHeightChanged(l)};const n=e.ref();return e.onMounted(()=>{s.setRootElement(n.value)}),e.onUnmounted(()=>{s.setRootElement(void 0),s.unsubscribeRootElement()}),(l,t)=>o.disabled?e.renderSlot(l.$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:t[0]||(t[0]=()=>e.unref(s).onScrollContainer())},[e.createElementVNode("div",Ce,[e.renderSlot(l.$slots,"default")])],32),e.createElementVNode("div",{class:"sv-scroll__scrollbar",onScroll:t[1]||(t[1]=()=>e.unref(s).onScrollScrollbar())},ge,32)],512))}}),ke=["id"],ye=["value"],he=e.defineComponent({inheritAttrs:!1,__name:"Text",props:{question:{}},setup(a){const o=a,s=e.ref(null);return h(o,s),(n,l)=>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(m,{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,(t,r)=>(e.openBlock(),e.createElementBlock("option",{key:r,value:t},null,8,ye))),128))],8,ke)],512)):(e.openBlock(),e.createBlock(m,{key:2,is:"survey-text-input",question:n.question,"get-ref":t=>{s.value=t}},null,8,["question","get-ref"]))}}),Be=["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"],qe=["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"],we=e.defineComponent({__name:"TextInput",props:{question:{},getRef:{type:Function}},setup(a,{expose:o}){const s=a,n=function(r){s.getRef&&s.getRef(r)},l=e.ref(null);o({root:l}),u(()=>s.question);const t=e.computed(()=>s.question.inputStyle);return(r,i)=>r.question.getMaxLength()?(e.openBlock(),e.createElementBlock("div",{key:1,ref:d=>n(d)},[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(t.value),id:r.question.inputId,list:r.question.dataListId,placeholder:r.question.renderedPlaceholder,autocomplete:r.question.autocomplete,value:r.question.inputValue,onChange:i[8]||(i[8]=(...d)=>r.question.onChange&&r.question.onChange(...d)),onClick:i[9]||(i[9]=(...d)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...d)),onPointerdown:i[10]||(i[10]=(...d)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...d)),onKeyup:i[11]||(i[11]=(...d)=>r.question.onKeyUp&&r.question.onKeyUp(...d)),onKeydown:i[12]||(i[12]=(...d)=>r.question.onKeyDown&&r.question.onKeyDown(...d)),onCompositionUpdate:i[13]||(i[13]=(...d)=>r.question.onCompositionUpdate&&r.question.onCompositionUpdate(...d)),onBlur:i[14]||(i[14]=(...d)=>r.question.onBlur&&r.question.onBlur(...d)),onFocus:i[15]||(i[15]=(...d)=>r.question.onFocus&&r.question.onFocus(...d)),"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,qe),e.createVNode(m,{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:d=>n(d),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(t.value),id:r.question.inputId,list:r.question.dataListId,placeholder:r.question.renderedPlaceholder,autocomplete:r.question.autocomplete,value:r.question.inputValue,onChange:i[0]||(i[0]=(...d)=>r.question.onChange&&r.question.onChange(...d)),onClick:i[1]||(i[1]=(...d)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...d)),onPointerdown:i[2]||(i[2]=(...d)=>r.question.readOnlyBlocker&&r.question.readOnlyBlocker(...d)),onKeyup:i[3]||(i[3]=(...d)=>r.question.onKeyUp&&r.question.onKeyUp(...d)),onKeydown:i[4]||(i[4]=(...d)=>r.question.onKeyDown&&r.question.onKeyDown(...d)),onCompositionUpdate:i[5]||(i[5]=(...d)=>r.question.onCompositionUpdate&&r.question.onCompositionUpdate(...d)),onBlur:i[6]||(i[6]=(...d)=>r.question.onBlur&&r.question.onBlur(...d)),onFocus:i[7]||(i[7]=(...d)=>r.question.onFocus&&r.question.onFocus(...d)),"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,Be))}}),fe=["role","aria-required","aria-label","aria-labelledby","aria-describedby","aria-invalid","aria-errormessage"],Ve={key:0,class:"sv-hidden"},be={key:6},Le=["value"],D=e.defineComponent({inheritAttrs:!1,__name:"SelectBase",props:{question:{},showLegend:{type:Boolean}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=t=>o.question.getItemValueWrapperComponentName(t)||o.question.itemComponent,l=t=>({componentName:o.question.itemComponent,componentData:{question:o.question,item:t,data:o.question.getItemValueWrapperComponentData(t)}});return(t,r)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(t.question.getSelectBaseRootCss()),ref_key:"root",ref:s,role:t.question.a11y_input_ariaRole,"aria-required":t.question.a11y_input_ariaRequired,"aria-label":t.question.a11y_input_ariaLabel,"aria-labelledby":t.question.a11y_input_ariaLabelledBy,"aria-describedby":t.question.a11y_input_ariaDescribedBy,"aria-invalid":t.question.a11y_input_ariaInvalid,"aria-errormessage":t.question.a11y_input_ariaErrormessage},[t.showLegend?(e.openBlock(),e.createElementBlock("legend",Ve,e.toDisplayString(t.question.locTitle.renderedHtml),1)):e.createCommentVNode("",!0),t.question.hasHeadItems?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.question.headItems,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.value,is:n(i)},l(i)),null,16,["is"]))),128)):e.createCommentVNode("",!0),!t.question.hasColumns&&!t.question.blockedRow?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(t.question.bodyItems,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.value,is:n(i)},l(i)),null,16,["is"]))),128)):e.createCommentVNode("",!0),t.question.blockedRow?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(t.question.cssClasses.rootRow)},[!t.question.hasColumns&&t.question.blockedRow?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.question.dataChoices,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.value,is:n(i)},l(i)),null,16,["is"]))),128)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.question.hasColumns?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(t.question.cssClasses.rootMultiColumn)},[t.question.hasColumns?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.question.columns,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:d,class:e.normalizeClass(t.question.getColumnClass()),role:"presentation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i,g=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:g.value,is:n(g)},l(g)),null,16,["is"]))),128))],2))),128)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.question.hasFootItems?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:5},e.renderList(t.question.footItems,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.value,is:n(i)},l(i)),null,16,["is"]))),128)):e.createCommentVNode("",!0),t.question.showClearButtonInContent?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("input",{type:"button",class:e.normalizeClass(t.question.cssClasses.clearButton),onClick:r[0]||(r[0]=()=>{t.question.clearValue(!0)}),value:t.question.clearButtonCaption},null,10,Le)])):e.createCommentVNode("",!0)],10,fe))}}),Ne=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 Z(a,o,s){e.onMounted(()=>{s.value&&(o().isDesignMode||a().setRootElement(s.value))}),e.onUnmounted(()=>{o().isDesignMode||a().setRootElement(void 0)}),u(a,(n,l)=>{o().isDesignMode||(n&&s.value&&n.setRootElement(s.value),l&&l.setRootElement(void 0))})}const Ee=["name","checked","value","id","disabled","readonly","required","aria-label"],Me=["xlink:href"],Se=e.defineComponent({inheritAttrs:!1,__name:"CheckboxItem",props:{question:{},item:{},hideLabel:{type:Boolean},ariaLabel:{}},setup(a){const o=e.ref(),s=a;Z(()=>s.item,()=>s.question,o);const n=l=>{s.question.clickItemHandler(s.item,l.target.checked)};return(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{role:"presentation",class:e.normalizeClass(l.question.getItemClass(l.item)),ref_key:"root",ref:o},[e.createElementVNode("label",{class:e.normalizeClass(l.question.getLabelClass(l.item))},[e.createElementVNode("input",{type:"checkbox",name:l.question.name+l.item.id,checked:l.question.isItemSelected(l.item),onInput:t[0]||(t[0]=r=>{n(r)}),value:l.item.value,id:l.question.getItemId(l.item),disabled:!l.question.getItemEnabled(l.item),readonly:l.question.isReadOnlyAttr,class:e.normalizeClass(l.question.cssClasses.itemControl),required:l.question.hasRequiredError(),"aria-label":l.ariaLabel},null,42,Ee),l.question.cssClasses.materialDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.question.cssClasses.materialDecorator)},[l.question.itemSvgIcon?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass(l.question.cssClasses.itemDecorator)},[e.createElementVNode("use",{"xlink:href":l.question.itemSvgIcon},null,8,Me)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),l.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(l.question.cssClasses.controlLabel)},[e.createVNode(m,{is:"survey-string",locString:l.item.locText},null,8,["locString"])],2))],2)],2),l.item.isCommentShowing?(e.openBlock(),e.createBlock(m,{key:0,is:"survey-other-choice",question:l.question,item:l.item},null,8,["question","item"])):e.createCommentVNode("",!0)],64))}}),ze=e.defineComponent({inheritAttrs:!1,__name:"Radiogroup",props:{question:{}},setup(a){return(o,s)=>(e.openBlock(),e.createBlock(D,{question:o.question},null,8,["question"]))}}),He=["name","value","id","aria-errormessage","checked","disabled","readonly","aria-label"],Ie=["xlink:href"],Re=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),l=r=>s.question.getControlLabelClass(r),t=()=>{s.question.clickItemHandler(s.item)};return Z(()=>s.item,()=>s.question,o),(r,i)=>(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:i[1]||(i[1]=d=>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:i[0]||(i[0]=d=>{t()}),disabled:!r.question.getItemEnabled(r.item),readonly:r.question.isReadOnlyAttr,class:e.normalizeClass(r.question.cssClasses.itemControl),"aria-label":r.ariaLabel},null,42,He),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,Ie)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),r.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(l(r.item))},[e.createVNode(m,{is:"survey-string",locString:r.item.locText},null,8,["locString"])],2))],34)],2),r.item.isCommentShowing?(e.openBlock(),e.createBlock(m,{key:0,is:"survey-other-choice",question:r.question,item:r.item},null,8,["question","item"])):e.createCommentVNode("",!0)],64))}}),Te=["src"],$e=["title"],De={key:0},Ze=e.defineComponent({inheritAttrs:!1,__name:"Signaturepad",props:{question:{}},setup(a){const o=a,s=e.ref(null);return h(o,s),(n,l)=>(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(m,{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,Te)):e.createCommentVNode("",!0),e.createElementVNode("canvas",{tabindex:"-1",class:e.normalizeClass(n.question.cssClasses.canvas),onBlur:l[0]||(l[0]=(...t)=>n.question.onBlur&&n.question.onBlur(...t))},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:l[1]||(l[1]=()=>{n.question.clearValue(!0)})},[n.question.cssClasses.clearButtonIconId?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",De,"✖")),n.question.cssClasses.clearButtonIconId?(e.openBlock(),e.createBlock(m,{key:1,is:"sv-svg-icon",iconName:n.question.cssClasses.clearButtonIconId,size:"auto"},null,8,["iconName"])):e.createCommentVNode("",!0)],10,$e)],2)):e.createCommentVNode("",!0),n.question.showLoadingIndicator?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(n.question.cssClasses.loadingIndicator)},[e.createVNode(m,{is:"sv-loading-indicator"})],2)):e.createCommentVNode("",!0)],6))}}),Pe=["innerHTML"],Ae=e.defineComponent({inheritAttrs:!1,__name:"Html",props:{question:{}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=f(()=>o.question.locHtml);return(l,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:s,class:e.normalizeClass(l.question.renderCssRoot),innerHTML:e.unref(n)},null,10,Pe))}}),Fe=["src","alt","width","height"],We=["src","width","height"],Oe=["src","title","width","height"],Ue=e.defineComponent({inheritAttrs:!1,__name:"Image",props:{question:{}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=f(()=>o.question.locImageLink);return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.question.cssClasses.root),ref_key:"root",ref:s},[l.question.renderedMode==="image"?e.withDirectives((e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(l.question.getImageCss()),src:e.unref(n),alt:l.question.altText||l.question.title,width:l.question.renderedWidth,height:l.question.renderedHeight,style:e.normalizeStyle({objectFit:l.question.imageFit,width:l.question.renderedStyleWidth,height:l.question.renderedStyleHeight}),onLoad:t[0]||(t[0]=r=>{l.question.onLoadHandler()}),onError:t[1]||(t[1]=r=>{l.question.onErrorHandler()})},null,46,Fe)),[[e.vShow,e.unref(n)&&!l.question.contentNotLoaded]]):e.createCommentVNode("",!0),l.question.renderedMode==="video"?e.withDirectives((e.openBlock(),e.createElementBlock("video",{key:1,controls:"",class:e.normalizeClass(l.question.getImageCss()),src:e.unref(n),width:l.question.renderedWidth,height:l.question.renderedHeight,style:e.normalizeStyle({objectFit:l.question.imageFit,width:l.question.renderedStyleWidth,height:l.question.renderedStyleHeight}),onLoadedmetadata:t[2]||(t[2]=r=>{l.question.onLoadHandler()}),onError:t[3]||(t[3]=r=>{l.question.onErrorHandler()})},null,46,We)),[[e.vShow,e.unref(n)&&!l.question.contentNotLoaded]]):e.createCommentVNode("",!0),l.question.renderedMode==="youtube"?(e.openBlock(),e.createElementBlock("iframe",{key:2,class:e.normalizeClass(l.question.getImageCss()),src:e.unref(n),title:l.question.renderedAltText,width:l.question.renderedWidth,height:l.question.renderedHeight,style:e.normalizeStyle({objectFit:l.question.imageFit,width:l.question.renderedStyleWidth,height:l.question.renderedStyleHeight})},null,14,Oe)):e.createCommentVNode("",!0),!e.unref(n)||l.question.contentNotLoaded?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(l.question.cssClasses.noImage)},[e.createVNode(m,{is:"sv-svg-icon",iconName:l.question.cssClasses.noImageSvgIconId,size:48},null,8,["iconName"])],2)):e.createCommentVNode("",!0)],2))}}),Qe=["aria-label"],Ke=e.defineComponent({inheritAttrs:!1,__name:"Expression",props:{question:{}},setup(a){const o=a,s=e.ref(null);return h(o,s),(n,l)=>(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,Qe))}}),je=["id","aria-required","aria-label","aria-invalid","aria-errormessage","multiple","title","accept","capture"],Ge=["id","multiple","placeholder"],Xe=["id","multiple","placeholder"],Je=e.defineComponent({inheritAttrs:!1,__name:"File",props:{question:{}},setup(a){const o=a,s=e.ref(null);return h(o,s),(n,l)=>(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,Ge)):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,Xe)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(n.question.cssClasses.dragArea),onDrop:l[0]||(l[0]=(...t)=>n.question.onDrop&&n.question.onDrop(...t)),onDragover:l[1]||(l[1]=(...t)=>n.question.onDragOver&&n.question.onDragOver(...t)),onDragleave:l[2]||(l[2]=(...t)=>n.question.onDragLeave&&n.question.onDragLeave(...t)),onDragenter:l[3]||(l[3]=(...t)=>n.question.onDragEnter&&n.question.onDragEnter(...t))},[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(m,{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(m,{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(m,{is:"sv-loading-indicator"})],2)):e.createCommentVNode("",!0),n.question.isPlayingVideo?(e.openBlock(),e.createBlock(m,{key:2,is:"sv-file-video",question:n.question},null,8,["question"])):e.createCommentVNode("",!0),n.question.allowShowPreview?(e.openBlock(),e.createBlock(m,{key:3,is:"sv-file-preview",question:n.question},null,8,["question"])):e.createCommentVNode("",!0),n.question.fileNavigatorVisible?(e.openBlock(),e.createBlock(m,{key:4,is:"sv-action-bar",model:n.question.fileNavigator},null,8,["model"])):e.createCommentVNode("",!0)],34)],2))}}),Ye={class:"sv-hidden"},P="survey-imagepicker-item",_e=e.defineComponent({inheritAttrs:!1,__name:"Imagepicker",props:{question:{}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=t=>o.question.getItemValueWrapperComponentName(t)||P,l=t=>({componentName:P,componentData:{question:o.question,item:t,data:o.question.getItemValueWrapperComponentData(t)}});return(t,r)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(t.question.getSelectBaseRootCss()),style:e.normalizeStyle(t.question.getContainerStyle()),ref_key:"root",ref:s},[e.createElementVNode("legend",Ye,e.toDisplayString(t.question.locTitle.renderedHtml),1),t.question.hasColumns?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.question.visibleChoices,i=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:i.value,is:n(i)},l(i)),null,16,["is"]))),128)),t.question.hasColumns?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.question.columns,(i,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.getColumnClass()),key:d,role:"presentation"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i,g=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:g.value,is:n(g)},l(g)),null,16,["is"]))),128))],2))),128)):e.createCommentVNode("",!0)],6))}}),ve=["name","value","id","disabled","readonly","required","aria-label","aria-invalid","aria-errormessage"],xe=["name","value","id","disabled","readonly","required","aria-label","aria-invalid","aria-errormessage"],eo=["src","width","height","alt"],oo=["src","width","height"],no=e.defineComponent({inheritAttrs:!1,__name:"ImagepickerItem",props:{question:{},item:{}},setup(a){const o=a,s=t=>o.question.getItemClass(t),n=e.computed({get(){return o.question.value},set(t){const r=o.question;r.isReadOnlyAttr||(r.value=t)}});u(()=>o.item);const l=f(()=>o.item.locImageLink);return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s(t.item))},[e.createElementVNode("label",{class:e.normalizeClass(t.question.cssClasses.label)},[t.question.multiSelect?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"checkbox",name:t.question.questionName,value:t.item.value,id:t.question.getItemId(t.item),"onUpdate:modelValue":r[0]||(r[0]=i=>n.value=i),disabled:!t.question.getItemEnabled(t.item),readonly:t.question.isReadOnlyAttr,required:t.question.inputRequiredAttribute,"aria-label":t.item.locText.renderedHtml,"aria-invalid":t.question.ariaInvalid,"aria-errormessage":t.question.ariaErrormessage,class:e.normalizeClass(t.question.cssClasses.itemControl)},null,10,ve)),[[e.vModelCheckbox,n.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,type:"radio",name:t.question.questionName,value:t.item.value,id:t.question.getItemId(t.item),"onUpdate:modelValue":r[1]||(r[1]=i=>n.value=i),disabled:!t.question.getItemEnabled(t.item),readonly:t.question.isReadOnlyAttr,required:t.question.hasRequiredError(),"aria-label":t.item.locText.renderedHtml,"aria-invalid":t.question.ariaInvalid,"aria-errormessage":t.question.ariaErrormessage,class:e.normalizeClass(t.question.cssClasses.itemControl)},null,10,xe)),[[e.vModelRadio,n.value]]),e.createElementVNode("div",{class:e.normalizeClass(t.question.cssClasses.itemDecorator)},[e.createElementVNode("div",{class:e.normalizeClass(t.question.cssClasses.imageContainer)},[t.question.cssClasses.checkedItemDecorator?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t.question.cssClasses.checkedItemDecorator),"aria-hidden":"true"},[t.question.cssClasses.checkedItemSvgIconId?(e.openBlock(),e.createBlock(m,{key:0,is:"sv-svg-icon",class:e.normalizeClass(t.question.cssClasses.checkedItemSvgIcon),size:"auto",iconName:t.question.cssClasses.checkedItemSvgIconId},null,8,["class","iconName"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(l)&&!t.item.contentNotLoaded&&t.question.contentMode==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,class:e.normalizeClass(t.question.cssClasses.image),src:e.unref(l),width:t.question.renderedImageWidth,height:t.question.renderedImageHeight,style:e.normalizeStyle({objectFit:t.question.imageFit}),alt:t.item.locText.renderedHtml,onLoad:r[2]||(r[2]=i=>{t.question.onContentLoaded(t.item,i)}),onError:r[3]||(r[3]=i=>{t.item.onErrorHandler()})},null,46,eo)):e.createCommentVNode("",!0),e.unref(l)&&!t.item.contentNotLoaded&&t.question.contentMode==="video"?(e.openBlock(),e.createElementBlock("video",{key:2,controls:"",class:e.normalizeClass(t.question.cssClasses.image),src:e.unref(l),width:t.question.renderedImageWidth,height:t.question.renderedImageHeight,style:e.normalizeStyle({objectFit:t.question.imageFit}),onLoadedmetadata:r[4]||(r[4]=i=>{t.question.onContentLoaded(t.item,i)}),onError:r[5]||(r[5]=i=>{t.item.onErrorHandler()})},null,46,oo)):e.createCommentVNode("",!0),!e.unref(l)||t.item.contentNotLoaded?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(t.question.cssClasses.itemNoImage),style:e.normalizeStyle({width:t.question.renderedImageWidth+"px",height:t.question.renderedImageHeight+"px",objectFit:t.question.imageFit})},[e.createVNode(m,{is:"sv-svg-icon",class:e.normalizeClass(t.question.cssClasses.itemNoImageSvgIcon),iconName:t.question.cssClasses.itemNoImageSvgIconId,size:48},null,8,["class","iconName"])],6)):e.createCommentVNode("",!0)],2),t.question.showLabel?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t.question.cssClasses.itemText)},[e.createVNode(m,{is:"survey-string",locString:t.item.locText},null,8,["locString"])],2)):e.createCommentVNode("",!0)],2)],2)],2))}}),so=e.defineComponent({inheritAttrs:!1,__name:"Comment",props:{question:{}},setup(a){const o=a,s=e.ref();function n(l){s.value=l}return h(o,s),(l,t)=>!l.question.isReadOnlyRenderDiv()&&l.question.getMaxLength()?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:s},[e.createVNode(m,{is:"sv-text-area",model:l.question.textAreaModel},null,8,["model"]),e.createVNode(m,{is:"sv-character-counter",counter:l.question.characterCounter,remainingCharacterCounter:l.question.cssClasses.remainingCharacterCounter},null,8,["counter","remainingCharacterCounter"])],512)):!l.question.isReadOnlyRenderDiv()&&!l.question.getMaxLength()?(e.openBlock(),e.createBlock(m,{key:1,is:"sv-text-area","get-ref":n,model:l.question.textAreaModel},null,8,["model"])):(e.openBlock(),e.createElementBlock("div",{key:2,ref_key:"root",ref:s},e.toDisplayString(l.question.value),513))}}),to=e.defineComponent({inheritAttrs:!1,__name:"Dropdown",props:{question:{}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=e.computed(()=>o.question.selectedItem),l=e.computed(()=>o.question.isShowingChoiceComment);return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.question.renderCssRoot),ref_key:"root",ref:s},[e.createVNode(m,{is:"sv-dropdown",question:t.question},null,8,["question"]),l.value?(e.openBlock(),e.createBlock(m,{key:0,is:"survey-other-choice",question:t.question,item:n.value},null,8,["question","item"])):e.createCommentVNode("",!0)],2))}}),lo=["id","autocomplete","aria-required","aria-label","aria-invalid","aria-errormessage","required"],ro={key:0,value:""},ao=["id"];k.RendererFactory.Instance.registerRenderer("dropdown","select","sv-dropdown-select");const io=e.defineComponent({inheritAttrs:!1,__name:"DropdownSelect",props:{question:{}},setup(a){const o=a,s=e.ref(null);h(o,s);const n=r=>{o.question.onClick(r)},l=r=>{o.question.onKeyUp(r)},t=e.computed({get(){return o.question.value??""},set(r){const i=o.question;r===""?i.renderedValue=void 0:i.renderedValue=r}});return(r,i)=>(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,ao)):e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:0,id:r.question.inputId,"onUpdate:modelValue":i[0]||(i[0]=d=>t.value=d),onClick:n,onKeyup:l,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",ro,e.toDisplayString(r.question.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.question.visibleChoices,d=>(e.openBlock(),e.createBlock(m,{is:"sv-dropdown-option-item",item:d,key:d.id},null,8,["item"]))),128))],42,lo)),[[e.vModelSelect,t.value]]),r.question.cssClasses.chevronButtonIconId?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(r.question.cssClasses.chevronButton),"aria-hidden":"true"},[e.createVNode(m,{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(m,{key:0,is:"survey-other-choice",question:r.question,item:r.question.selectedItem},null,8,["question","item"])):e.createCommentVNode("",!0)],2))}}),mo=["value","disabled"],co=e.defineComponent({__name:"OptionItem",props:{item:{}},setup(a){const o=a,s=f(()=>o.item.locText);return u(()=>o.item),(n,l)=>(e.openBlock(),e.createElementBlock("option",{value:n.item.value,disabled:!n.item.isEnabled},e.toDisplayString(e.unref(s)),9,mo))}}),po=["id","disabled","tabindex","role","aria-required","aria-invalid","aria-errormessage","aria-expanded","aria-label","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant","required"],Co={style:{visibility:"hidden"}},go=["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"],uo=["id","role","aria-label","aria-labelledby","aria-describedby","tabindex"],ko=e.defineComponent({__name:"Dropdown",props:{question:{}},setup(a){const o=a,s=e.ref(null),n=e.computed(()=>o.question.dropdownListModel),l=C=>{var y;(y=n.value)==null||y.onClick(C)},t=C=>{var y;(y=n.value)==null||y.keyHandler(C)},r=()=>{if(s.value){const C=s.value,y=n.value.inputStringRendered;k.Helpers.isTwoValueEquals(y,C.value,!1,!0,!1)||(C.value=n.value.inputStringRendered)}},i=C=>{o.question.onBlur(C),r()},d=C=>{o.question.onFocus(C)},g=C=>{n.value.inputStringRendered=C.target.value},c=e.computed(()=>o.question.showSelectedItemLocText),p=e.computed(()=>o.question.selectedItemLocText);return u(()=>n.value),e.onUpdated(r),e.onMounted(r),(C,y)=>{var q,N,E,O;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(C.question.cssClasses.selectWrapper),onClick:l},[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.noTabIndex?void 0:0,onKeydown:t,onBlur:i,class:e.normalizeClass(C.question.getControlClass()),role:n.value.ariaQuestionRole,"aria-required":n.value.ariaQuestionRequired,"aria-invalid":n.value.ariaQuestionInvalid,"aria-errormessage":n.value.ariaQuestionErrorMessage,"aria-expanded":n.value.ariaQuestionExpanded,"aria-label":n.value.ariaQuestionLabel,"aria-labelledby":n.value.ariaQuestionLabelledby,"aria-describedby":n.value.ariaQuestionDescribedby,"aria-controls":n.value.ariaQuestionControls,"aria-activedescendant":n.value.ariaQuestionActivedescendant,required:C.question.isRequired?!0:null},[n.value.showHintPrefix?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(C.question.cssClasses.hintPrefix)},[e.createElementVNode("span",null,e.toDisplayString(n.value.hintStringPrefix),1)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(C.question.cssClasses.controlValue)},[c.value?(e.openBlock(),e.createBlock(m,{key:0,is:"survey-string",locString:p.value},null,8,["locString"])):e.create