survey-vue3-ui 2.2.5 → 2.3.0

package/survey-vue3-ui.es.js

@@ -1,8 +1,8 @@
-var Me = Object.defineProperty;
-var Ie = (u, e, n) => e in u ? Me(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
-var J = (u, e, n) => (Ie(u, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as y, computed as H, openBlock as i, createBlock as g, resolveDynamicComponent as ge, normalizeProps as de, guardReactiveProps as me, createSlots as Ve, renderList as V, withCtx as D, renderSlot as x, shallowReactive as Se, watch as W, onBeforeUnmount as O, onMounted as Z, ref as f, shallowRef as E, watchEffect as Re, triggerRef as oe, unref as w, isRef as Te, nextTick as ye, createElementBlock as a, normalizeClass as r, createVNode as c, createCommentVNode as p, Fragment as M, mergeProps as $, normalizeStyle as k, createElementVNode as v, onUnmounted as P, withDirectives as B, vShow as A, toDisplayString as I, vModelRadio as se, vModelCheckbox as ie, vModelSelect as Be, onUpdated as z, vModelText as Ze, getCurrentInstance as he, createStaticVNode as $e, toRaw as De, Teleport as Ae, useSlots as Pe } from "vue";
-import { Base as Ne, ScrollViewModel as Ee, RendererFactory as G, Helpers as We, DropdownMultiSelectListModel as Fe, doKey2ClickUp as qe, createSvg as Oe, doKey2ClickDown as ze, doKey2ClickBlur as Ue, ActionDropdownViewModel as Qe, createPopupViewModel as Ke, SurveyProgressModel as pe, ProgressButtonsResponsivityManager as je, addIconsToThemeSet as we, SvgRegistry as _, PopupSurveyModel as Ge, settings as te, createPopupModalViewModel as Xe, ButtonGroupItemModel as Je, SurveyModel as Ye } from "survey-core";
+var Ie = Object.defineProperty;
+var Ve = (u, e, n) => e in u ? Ie(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
+var J = (u, e, n) => (Ve(u, typeof e != "symbol" ? e + "" : e, n), n);
+import { defineComponent as y, computed as M, openBlock as i, createBlock as g, resolveDynamicComponent as ce, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as V, withCtx as D, renderSlot as x, shallowReactive as Re, watch as W, onBeforeUnmount as O, onMounted as B, ref as f, shallowRef as E, watchEffect as Te, triggerRef as te, unref as w, isRef as ge, nextTick as ye, createElementBlock as a, normalizeClass as r, createVNode as c, createCommentVNode as p, Fragment as H, mergeProps as $, normalizeStyle as k, createElementVNode as v, onUnmounted as P, withDirectives as Z, vShow as A, toDisplayString as I, vModelCheckbox as oe, vModelRadio as he, vModelSelect as Be, onUpdated as z, vModelText as Ze, vModelDynamic as $e, getCurrentInstance as qe, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
+import { Base as Ee, ScrollViewModel as We, RendererFactory as G, Helpers as Fe, DropdownMultiSelectListModel as Oe, doKey2ClickUp as we, createSvg as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Qe, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as me, ProgressButtonsResponsivityManager as Ge, addIconsToThemeSet as be, SvgRegistry as _, PopupSurveyModel as Xe, settings as ne, createPopupModalViewModel as Je, ButtonGroupItemModel as Ye, SurveyModel as _e } from "survey-core";
 const ee = class ee {
   constructor() {
     J(this, "creatorHash", {});
@@ -32,21 +32,21 @@ const m = /* @__PURE__ */ y({
     is: {}
   },
   setup(u) {
-    const e = u, n = H(
+    const e = u, n = M(
       () => F.Instance.getComponent(e.is)
     );
-    return (s, o) => (i(), g(ge(n.value), de(me(s.$attrs)), Ve({ _: 2 }, [
+    return (s, o) => (i(), g(ce(n.value), ue(de(s.$attrs)), Se({ _: 2 }, [
       V(s.$slots, (t, l) => ({
         name: l,
         fn: D((d) => [
-          x(s.$slots, l, de(me(d)))
+          x(s.$slots, l, ue(de(d)))
         ])
       }))
     ]), 1040));
   }
 });
-Ne.createPropertiesHash = () => Se({});
-class _e {
+Ee.createPropertiesHash = () => Re({});
+class xe {
   constructor(e) {
     J(this, "currentNextTickPromise");
     this.element = e;
@@ -56,33 +56,33 @@ class _e {
     this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
-function xe(u) {
+function es(u) {
   if (u) {
     if (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented <= 0) {
-      const e = new _e(u);
+      const e = new xe(u);
       u.createArrayCoreHandler = (n, s) => {
         const o = [], t = E(o);
         return o.onArrayChanged = () => {
-          oe(t), e.add();
+          te(t), e.add();
         }, n[s] = t, w(n[s]);
       }, u.iteratePropertiesHash((n, s) => {
         if (Array.isArray(n[s])) {
           const o = E(n[s]);
           n[s].onArrayChanged = () => {
-            oe(o), e.add();
+            te(o), e.add();
           }, n[s] = o;
         }
       }), u.getPropertyValueCoreHandler = (n, s) => w(n[s]), u.setPropertyValueCoreHandler = (n, s, o) => {
-        Te(n[s]) ? n[s].value = o : n[s] = o, e.add();
+        ge(n[s]) ? n[s].value = o : n[s] = o, e.add();
       };
     }
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
   }
 }
-function es(u) {
+function ss(u) {
   return !!u.__vueImplemented;
 }
-function ve(u) {
+function pe(u) {
   u && (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented--, u.__vueImplemented <= 0 && (u.iteratePropertiesHash((e, n) => {
     e[n] = w(e[n]), Array.isArray(e[n]) && (e[n].onArrayChanged = void 0);
   }), delete u.__vueImplemented, u.disableOnElementRerenderedEvent(), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0));
@@ -91,7 +91,7 @@ function S(u, e, n) {
   const s = W(
     u,
     (t, l) => {
-      t && e && e(t, l), l && (ve(l), n && n(l)), xe(t);
+      t && e && e(t, l), l && (pe(l), n && n(l)), es(t);
     },
     {
       immediate: !0
@@ -101,12 +101,12 @@ function S(u, e, n) {
   O(() => {
     if (!o) {
       const t = u();
-      t && (ve(t), s(), n && n(t)), o = !0;
+      t && (pe(t), s(), n && n(t)), o = !0;
     }
   });
 }
 function T(u, e, n, s) {
-  S(() => u.question, n, s), Z(() => {
+  S(() => u.question, n, s), B(() => {
     u.question && u.question.afterRenderQuestionElement(e.value);
   }), O(() => {
     u.question.beforeDestroyQuestionElement(e.value);
@@ -129,18 +129,18 @@ function U(u) {
     t && t.onStringChanged.remove(n), o();
   }), e;
 }
-function re(u) {
+function ie(u) {
   return u.customWidget ? "survey-customwidget" : u.isDefaultRendering && u.isDefaultRendering() || u.isPanel ? "survey-" + u.getTemplate() : u.getComponentName();
 }
-function ne(u) {
-  const e = E(), n = Re(() => {
-    e.value = u(), oe(e);
+function se(u) {
+  const e = E(), n = Te(() => {
+    e.value = u(), te(e);
   });
   return O(() => {
     n();
   }), e;
 }
-const ss = /* @__PURE__ */ y({
+const ns = /* @__PURE__ */ y({
   __name: "Page",
   props: {
     survey: {},
@@ -150,13 +150,13 @@ const ss = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = f(null), s = () => {
       e.survey && n.value && e.survey.afterRenderPage(n.value);
-    }, o = H(() => e.page._showDescription);
+    }, o = M(() => e.page._showDescription);
     return S(
       () => e.page,
       () => {
         s();
       }
-    ), Z(() => {
+    ), B(() => {
       s();
     }), (t, l) => (i(), a("div", {
       class: r(t.page.cssRoot),
@@ -181,7 +181,7 @@ const ss = /* @__PURE__ */ y({
         is: "survey-errors",
         element: t.page
       }, null, 8, ["element"]),
-      (i(!0), a(M, null, V(t.page.visibleRows, (d) => (i(), g(m, $({
+      (i(!0), a(H, null, V(t.page.visibleRows, (d) => (i(), g(m, $({
         key: d.id,
         is: t.page.getSurvey().getRowWrapperComponentName(d)
       }, {
@@ -199,14 +199,14 @@ const ss = /* @__PURE__ */ y({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), ns = /* @__PURE__ */ y({
+}), ts = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     survey: {}
   },
   setup(u) {
     const e = u, n = f();
-    return Z(() => {
+    return B(() => {
       var s = n.value;
       s && e.survey && e.survey.afterRenderHeader(s);
     }), (s, o) => s.survey.renderedHasHeader ? (i(), a("div", {
@@ -250,7 +250,7 @@ const ss = /* @__PURE__ */ y({
       }, null, 2)
     ], 2)) : p("", !0);
   }
-}), ts = /* @__PURE__ */ y({
+}), os = /* @__PURE__ */ y({
   __name: "Row",
   props: {
     row: {},
@@ -266,9 +266,9 @@ const ss = /* @__PURE__ */ y({
         o.setRootElement(n.value), t && (o.isNeedRender = t.isNeedRender);
       },
       (o) => {
-        es(o) || (clearTimeout(s), o.setRootElement(void 0), o.stopLazyRendering(), o.isNeedRender = !o.isLazyRendering());
+        ss(o) || (clearTimeout(s), o.setRootElement(void 0), o.stopLazyRendering(), o.isNeedRender = !o.isLazyRendering());
       }
-    ), Z(() => {
+    ), B(() => {
       if (e.row && (e.row.setRootElement(n.value), !e.row.isNeedRender)) {
         const o = n.value;
         setTimeout(() => {
@@ -280,7 +280,7 @@ const ss = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(o.row.visibleElements, (l) => (i(), g(m, {
+      (i(!0), a(H, null, V(o.row.visibleElements, (l) => (i(), g(m, {
         is: "survey-element",
         row: o.row,
         css: o.css,
@@ -289,10 +289,10 @@ const ss = /* @__PURE__ */ y({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), os = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["aria-hidden"], rs = ["id"], ls = {
+}), is = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], rs = ["aria-hidden"], ls = ["id"], as = {
   inheritAttrs: !1
-}, as = /* @__PURE__ */ y({
-  ...ls,
+}, us = /* @__PURE__ */ y({
+  ...as,
   __name: "Question",
   props: {
     survey: {},
@@ -300,7 +300,7 @@ const ss = /* @__PURE__ */ y({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = (q) => q.cssContent, o = () => e.element.getRootStyle(), t = H(() => e.element.singleInputQuestion);
+    const e = u, n = f(null), s = (q) => q.cssContent, o = () => e.element.getRootStyle(), t = M(() => e.element.singleInputQuestion);
     S(() => e.element);
     const l = () => {
       n.value && e.element.afterRender(n.value);
@@ -309,7 +309,7 @@ const ss = /* @__PURE__ */ y({
       () => {
         l();
       }
-    ), C = H(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), L = H(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), h = H(() => ({
+    ), C = M(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), L = M(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), h = M(() => ({
       componentData: {
         question: e.element,
         data: e.element.survey.getElementWrapperComponentData(e.element)
@@ -401,8 +401,8 @@ const ss = /* @__PURE__ */ y({
                 is: "survey-string",
                 locString: q.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, rs)) : p("", !0)
-          ], 14, is)
+            ], 10, ls)) : p("", !0)
+          ], 14, rs)
         ]),
         _: 1
       }, 16, ["is"])),
@@ -418,12 +418,12 @@ const ss = /* @__PURE__ */ y({
         element: q.element,
         location: "bottom"
       }, null, 8, ["element"])) : p("", !0)
-    ], 46, os));
+    ], 46, is));
   }
-}), us = ["id"], ds = ["id", "role", "aria-labelledby", "aria-label"], ms = {
+}), ds = ["id"], ms = ["id", "role", "aria-labelledby", "aria-label"], ps = {
   inheritAttrs: !1
-}, ps = /* @__PURE__ */ y({
-  ...ms,
+}, vs = /* @__PURE__ */ y({
+  ...ps,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -432,8 +432,8 @@ const ss = /* @__PURE__ */ y({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = H(() => e.element.survey);
-    return S(() => e.element), Z(() => {
+    const e = u, n = f(null), s = M(() => e.element.survey);
+    return S(() => e.element), B(() => {
       e.element.survey && e.element.afterRender(n.value);
     }), (o, t) => o.element.getIsContentVisible() ? (i(), a("div", {
       key: 0,
@@ -468,7 +468,7 @@ const ss = /* @__PURE__ */ y({
         "aria-labelledby": o.element.ariaLabelledBy,
         "aria-label": o.element.ariaLabel
       }, [
-        (i(!0), a(M, null, V(o.element.visibleRows, (l) => (i(), g(m, $({
+        (i(!0), a(H, null, V(o.element.visibleRows, (l) => (i(), g(m, $({
           key: l.id,
           is: o.element.getSurvey().getRowWrapperComponentName(l)
         }, {
@@ -488,10 +488,10 @@ const ss = /* @__PURE__ */ y({
           is: "sv-action-bar",
           model: o.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, ds)) : p("", !0)
-    ], 42, us)) : p("", !0);
+      ], 14, ms)) : p("", !0)
+    ], 42, ds)) : p("", !0);
   }
-}), vs = ["id"], Cs = /* @__PURE__ */ y({
+}), Cs = ["id"], cs = /* @__PURE__ */ y({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -514,7 +514,7 @@ const ss = /* @__PURE__ */ y({
         element: o.element,
         css: o.css
       }, null, 8, ["element", "css"]),
-      o.element.hasDescriptionUnderTitle ? B((i(), a("div", {
+      o.element.hasDescriptionUnderTitle ? Z((i(), a("div", {
         key: 0,
         class: r(o.element.cssDescription),
         id: o.element.ariaDescriptionId
@@ -523,7 +523,7 @@ const ss = /* @__PURE__ */ y({
           is: "survey-string",
           locString: o.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, vs)), [
+      ], 10, Cs)), [
         [A, o.element.hasDescription]
       ]) : p("", !0),
       o.element.hasAdditionalTitleToolbar ? (i(), g(m, {
@@ -533,7 +533,7 @@ const ss = /* @__PURE__ */ y({
       }, null, 8, ["model"])) : p("", !0)
     ], 6));
   }
-}), cs = /* @__PURE__ */ y({
+}), gs = /* @__PURE__ */ y({
   __name: "String",
   props: {
     locString: {}
@@ -544,7 +544,7 @@ const ss = /* @__PURE__ */ y({
       locString: e.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), gs = ["innerHTML"], ys = /* @__PURE__ */ y({
+}), ys = ["innerHTML"], hs = /* @__PURE__ */ y({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -555,12 +555,12 @@ const ss = /* @__PURE__ */ y({
       key: 0,
       class: r(w(s)),
       innerHTML: w(n)
-    }, null, 10, gs)) : (i(), a("span", {
+    }, null, 10, ys)) : (i(), a("span", {
       key: 1,
       class: r(w(s))
     }, I(w(n)), 3));
   }
-}), hs = ["innerHTML"], qs = /* @__PURE__ */ y({
+}), qs = ["innerHTML"], ws = /* @__PURE__ */ y({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -579,7 +579,7 @@ const ss = /* @__PURE__ */ y({
       innerHTML: o.locString.renderedHtml,
       onBlur: n,
       onClick: s
-    }, null, 40, hs)) : (i(), a("span", {
+    }, null, 40, qs)) : (i(), a("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -587,7 +587,7 @@ const ss = /* @__PURE__ */ y({
       onClick: s
     }, I(o.locString.renderedHtml), 33));
   }
-}), ws = ["id"], bs = /* @__PURE__ */ y({
+}), bs = ["id"], Ls = /* @__PURE__ */ y({
   __name: "Skeleton",
   props: {
     element: {}
@@ -598,23 +598,23 @@ const ss = /* @__PURE__ */ y({
       class: "sv-skeleton-element",
       id: n.element.id,
       style: k({ height: n.element.skeletonHeight })
-    }, null, 12, ws));
+    }, null, 12, bs));
   }
-}), Ls = { class: "sv-scroll__container" }, ks = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), fs = [
-  ks
-], Hs = /* @__PURE__ */ y({
+}), ks = { class: "sv-scroll__container" }, fs = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), Hs = [
+  fs
+], Ms = /* @__PURE__ */ y({
   __name: "Scroll",
   props: {
     disabled: {},
     onInnerHeightChanged: { type: Function }
   },
   setup(u) {
-    const e = u, n = new Ee();
+    const e = u, n = new We();
     n.onInnerHeightChanged = (o) => {
       e.onInnerHeightChanged && e.onInnerHeightChanged(o);
     };
     const s = f();
-    return Z(() => {
+    return B(() => {
       n.setRootElement(s.value);
     }), P(() => {
       n.setRootElement(void 0), n.unsubscribeRootElement();
@@ -628,17 +628,17 @@ const ss = /* @__PURE__ */ y({
         class: "sv-scroll__scroller sv-drag-target-skipped",
         onScroll: t[0] || (t[0] = () => w(n).onScrollContainer())
       }, [
-        v("div", Ls, [
+        v("div", ks, [
           x(o.$slots, "default")
         ])
       ], 32),
       v("div", {
         class: "sv-scroll__scrollbar",
         onScroll: t[1] || (t[1] = () => w(n).onScrollScrollbar())
-      }, fs, 32)
+      }, Hs, 32)
     ], 512));
   }
-}), Ms = ["id"], Is = ["value"], Vs = /* @__PURE__ */ y({
+}), Is = ["id"], Vs = ["value"], Ss = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -662,11 +662,11 @@ const ss = /* @__PURE__ */ y({
       v("datalist", {
         id: s.question.dataListId
       }, [
-        (i(!0), a(M, null, V(s.question.dataList, (t, l) => (i(), a("option", {
+        (i(!0), a(H, null, V(s.question.dataList, (t, l) => (i(), a("option", {
           key: l,
           value: t
-        }, null, 8, Is))), 128))
-      ], 8, Ms)
+        }, null, 8, Vs))), 128))
+      ], 8, Is)
     ], 512)) : (i(), g(m, {
       key: 2,
       is: "survey-text-input",
@@ -676,7 +676,7 @@ const ss = /* @__PURE__ */ y({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), Ss = ["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"], Rs = ["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"], Ts = /* @__PURE__ */ y({
+}), Rs = ["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"], Ts = ["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"], Bs = /* @__PURE__ */ y({
   __name: "TextInput",
   props: {
     question: {},
@@ -687,7 +687,7 @@ const ss = /* @__PURE__ */ y({
       n.getRef && n.getRef(l);
     }, o = f(null);
     e({ root: o }), S(() => n.question);
-    const t = H(() => n.question.inputStyle);
+    const t = M(() => n.question.inputStyle);
     return (l, d) => l.question.getMaxLength() ? (i(), a("div", {
       key: 1,
       ref: (C) => s(C)
@@ -730,7 +730,7 @@ const ss = /* @__PURE__ */ y({
         "aria-describedby": l.question.a11y_input_ariaDescribedBy,
         "aria-invalid": l.question.a11y_input_ariaInvalid,
         "aria-errormessage": l.question.a11y_input_ariaErrormessage
-      }, null, 46, Rs),
+      }, null, 46, Ts),
       c(m, {
         is: "sv-character-counter",
         counter: l.question.characterCounter,
@@ -776,12 +776,12 @@ const ss = /* @__PURE__ */ y({
       "aria-describedby": l.question.a11y_input_ariaDescribedBy,
       "aria-invalid": l.question.a11y_input_ariaInvalid,
       "aria-errormessage": l.question.a11y_input_ariaErrormessage
-    }, null, 46, Ss));
+    }, null, 46, Rs));
   }
-}), Bs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Zs = {
+}), Zs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], $s = {
   key: 0,
   class: "sv-hidden"
-}, $s = { key: 7 }, Ds = ["value"], be = /* @__PURE__ */ y({
+}, Ds = { key: 6 }, As = ["value"], Le = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -811,12 +811,12 @@ const ss = /* @__PURE__ */ y({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (i(), a("legend", Zs, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
-      t.question.hasHeadItems ? (i(!0), a(M, { key: 1 }, V(t.question.headItems, (d) => (i(), g(m, $({
+      t.showLegend ? (i(), a("legend", $s, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
+      t.question.hasHeadItems ? (i(!0), a(H, { key: 1 }, V(t.question.headItems, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
       }, o(d)), null, 16, ["is"]))), 128)) : p("", !0),
-      !t.question.hasColumns && !t.question.blockedRow ? (i(!0), a(M, { key: 2 }, V(t.question.bodyItems, (d) => (i(), g(m, $({
+      !t.question.hasColumns && !t.question.blockedRow ? (i(!0), a(H, { key: 2 }, V(t.question.bodyItems, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
       }, o(d)), null, 16, ["is"]))), 128)) : p("", !0),
@@ -824,7 +824,7 @@ const ss = /* @__PURE__ */ y({
         key: 3,
         class: r(t.question.cssClasses.rootRow)
       }, [
-        !t.question.hasColumns && t.question.blockedRow ? (i(!0), a(M, { key: 0 }, V(t.question.dataChoices, (d) => (i(), g(m, $({
+        !t.question.hasColumns && t.question.blockedRow ? (i(!0), a(H, { key: 0 }, V(t.question.dataChoices, (d) => (i(), g(m, $({
           key: d.value,
           is: s(d)
         }, o(d)), null, 16, ["is"]))), 128)) : p("", !0)
@@ -833,27 +833,22 @@ const ss = /* @__PURE__ */ y({
         key: 4,
         class: r(t.question.cssClasses.rootMultiColumn)
       }, [
-        t.question.hasColumns ? (i(!0), a(M, { key: 0 }, V(t.question.columns, (d, C) => (i(), a("div", {
+        t.question.hasColumns ? (i(!0), a(H, { key: 0 }, V(t.question.columns, (d, C) => (i(), a("div", {
           key: C,
           class: r(t.question.getColumnClass()),
           role: "presentation"
         }, [
-          (i(!0), a(M, null, V(d, (L) => (i(), g(m, $({
+          (i(!0), a(H, null, V(d, (L) => (i(), g(m, $({
             key: L.value,
             is: s(L)
           }, o(L)), null, 16, ["is"]))), 128))
         ], 2))), 128)) : p("", !0)
       ], 2)) : p("", !0),
-      t.question.hasFootItems ? (i(!0), a(M, { key: 5 }, V(t.question.footItems, (d) => (i(), g(m, $({
+      t.question.hasFootItems ? (i(!0), a(H, { key: 5 }, V(t.question.footItems, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
       }, o(d)), null, 16, ["is"]))), 128)) : p("", !0),
-      t.question.renderedValue && t.question.isOtherSelected ? (i(), g(m, {
-        key: 6,
-        is: "survey-other-choice",
-        question: t.question
-      }, null, 8, ["question"])) : p("", !0),
-      t.question.showClearButtonInContent ? (i(), a("div", $s, [
+      t.question.showClearButtonInContent ? (i(), a("div", Ds, [
         v("input", {
           type: "button",
           class: r(t.question.cssClasses.clearButton),
@@ -861,25 +856,25 @@ const ss = /* @__PURE__ */ y({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, Ds)
+        }, null, 10, As)
       ])) : p("", !0)
-    ], 10, Bs));
+    ], 10, Zs));
   }
-}), As = /* @__PURE__ */ y({
+}), Ps = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => (i(), g(be, {
+    return (e, n) => (i(), g(Le, {
       question: e.question,
       "show-legend": !0
     }, null, 8, ["question"]));
   }
 });
-function Le(u, e, n) {
-  Z(() => {
+function ke(u, e, n) {
+  B(() => {
     n.value && (e().isDesignMode || u().setRootElement(n.value));
   }), P(() => {
     e().isDesignMode || u().setRootElement(void 0);
@@ -887,7 +882,7 @@ function Le(u, e, n) {
     e().isDesignMode || (s && n.value && s.setRootElement(n.value), o && o.setRootElement(void 0));
   });
 }
-const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required", "aria-label"], Ns = ["xlink:href"], Es = /* @__PURE__ */ y({
+const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required", "aria-label"], Es = ["xlink:href"], Ws = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -898,7 +893,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const e = f(), n = u;
-    Le(
+    ke(
       () => n.item,
       () => n.question,
       e
@@ -906,65 +901,73 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     const s = (o) => {
       n.question.clickItemHandler(n.item, o.target.checked);
     };
-    return (o, t) => (i(), a("div", {
-      role: "presentation",
-      class: r(o.question.getItemClass(o.item)),
-      ref_key: "root",
-      ref: e
-    }, [
-      v("label", {
-        class: r(o.question.getLabelClass(o.item))
+    return (o, t) => (i(), a(H, null, [
+      v("div", {
+        role: "presentation",
+        class: r(o.question.getItemClass(o.item)),
+        ref_key: "root",
+        ref: e
       }, [
-        v("input", {
-          type: "checkbox",
-          name: o.question.name + o.item.id,
-          checked: o.question.isItemSelected(o.item),
-          onInput: t[0] || (t[0] = (l) => {
-            s(l);
-          }),
-          value: o.item.value,
-          id: o.question.getItemId(o.item),
-          disabled: !o.question.getItemEnabled(o.item),
-          readonly: o.question.isReadOnlyAttr,
-          class: r(o.question.cssClasses.itemControl),
-          required: o.question.hasRequiredError(),
-          "aria-label": o.ariaLabel
-        }, null, 42, Ps),
-        o.question.cssClasses.materialDecorator ? (i(), a("span", {
-          key: 0,
-          class: r(o.question.cssClasses.materialDecorator)
+        v("label", {
+          class: r(o.question.getLabelClass(o.item))
         }, [
-          o.question.itemSvgIcon ? (i(), a("svg", {
+          v("input", {
+            type: "checkbox",
+            name: o.question.name + o.item.id,
+            checked: o.question.isItemSelected(o.item),
+            onInput: t[0] || (t[0] = (l) => {
+              s(l);
+            }),
+            value: o.item.value,
+            id: o.question.getItemId(o.item),
+            disabled: !o.question.getItemEnabled(o.item),
+            readonly: o.question.isReadOnlyAttr,
+            class: r(o.question.cssClasses.itemControl),
+            required: o.question.hasRequiredError(),
+            "aria-label": o.ariaLabel
+          }, null, 42, Ns),
+          o.question.cssClasses.materialDecorator ? (i(), a("span", {
             key: 0,
-            class: r(o.question.cssClasses.itemDecorator)
+            class: r(o.question.cssClasses.materialDecorator)
           }, [
-            v("use", {
-              "xlink:href": o.question.itemSvgIcon
-            }, null, 8, Ns)
-          ], 2)) : p("", !0)
-        ], 2)) : p("", !0),
-        o.hideLabel ? p("", !0) : (i(), a("span", {
-          key: 1,
-          class: r(o.question.cssClasses.controlLabel)
-        }, [
-          c(m, {
-            is: "survey-string",
-            locString: o.item.locText
-          }, null, 8, ["locString"])
-        ], 2))
-      ], 2)
-    ], 2));
+            o.question.itemSvgIcon ? (i(), a("svg", {
+              key: 0,
+              class: r(o.question.cssClasses.itemDecorator)
+            }, [
+              v("use", {
+                "xlink:href": o.question.itemSvgIcon
+              }, null, 8, Es)
+            ], 2)) : p("", !0)
+          ], 2)) : p("", !0),
+          o.hideLabel ? p("", !0) : (i(), a("span", {
+            key: 1,
+            class: r(o.question.cssClasses.controlLabel)
+          }, [
+            c(m, {
+              is: "survey-string",
+              locString: o.item.locText
+            }, null, 8, ["locString"])
+          ], 2))
+        ], 2)
+      ], 2),
+      o.item.isCommentShowing ? (i(), g(m, {
+        key: 0,
+        is: "survey-other-choice",
+        question: o.question,
+        item: o.item
+      }, null, 8, ["question", "item"])) : p("", !0)
+    ], 64));
   }
-}), Ws = /* @__PURE__ */ y({
+}), Fs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => (i(), g(be, { question: e.question }, null, 8, ["question"]));
+    return (e, n) => (i(), g(Le, { question: e.question }, null, 8, ["question"]));
   }
-}), Fs = ["name", "value", "id", "aria-errormessage", "disabled", "readonly", "aria-label"], Os = ["xlink:href"], zs = /* @__PURE__ */ y({
+}), Os = ["name", "value", "id", "aria-errormessage", "checked", "disabled", "readonly", "aria-label"], zs = ["xlink:href"], Us = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -974,67 +977,72 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     ariaLabel: {}
   },
   setup(u) {
-    const e = f(), n = u, s = (l) => n.question.getLabelClass(l), o = (l) => n.question.getControlLabelClass(l), t = H({
-      get: () => n.question.renderedValue,
-      set: (l) => {
-        const d = n.question;
-        d.renderedValue = l;
-      }
-    });
-    return Le(
+    const e = f(), n = u, s = (l) => n.question.getLabelClass(l), o = (l) => n.question.getControlLabelClass(l), t = () => {
+      n.question.clickItemHandler(n.item);
+    };
+    return ke(
       () => n.item,
       () => n.question,
       e
-    ), (l, d) => (i(), a("div", {
-      role: "presentation",
-      class: r(l.question.getItemClass(l.item)),
-      ref_key: "root",
-      ref: e
-    }, [
-      v("label", {
-        onMousedown: d[1] || (d[1] = (C) => l.question.onMouseDown()),
-        class: r(s(l.item))
+    ), (l, d) => (i(), a(H, null, [
+      v("div", {
+        role: "presentation",
+        class: r(l.question.getItemClass(l.item)),
+        ref_key: "root",
+        ref: e
       }, [
-        B(v("input", {
-          type: "radio",
-          name: l.question.questionName,
-          value: l.item.value,
-          id: l.question.getItemId(l.item),
-          "aria-errormessage": l.question.ariaErrormessage,
-          "onUpdate:modelValue": d[0] || (d[0] = (C) => t.value = C),
-          disabled: !l.question.getItemEnabled(l.item),
-          readonly: l.question.isReadOnlyAttr,
-          class: r(l.question.cssClasses.itemControl),
-          "aria-label": l.ariaLabel
-        }, null, 10, Fs), [
-          [se, t.value]
-        ]),
-        l.question.cssClasses.materialDecorator ? (i(), a("span", {
-          key: 0,
-          class: r(l.question.cssClasses.materialDecorator)
+        v("label", {
+          onMousedown: d[1] || (d[1] = (C) => l.question.onMouseDown()),
+          class: r(s(l.item))
         }, [
-          l.question.itemSvgIcon ? (i(), a("svg", {
+          v("input", {
+            type: "radio",
+            name: l.question.questionName,
+            value: l.item.value,
+            id: l.question.getItemId(l.item),
+            "aria-errormessage": l.question.ariaErrormessage,
+            checked: l.question.isItemSelected(l.item),
+            onInput: d[0] || (d[0] = (C) => {
+              t();
+            }),
+            disabled: !l.question.getItemEnabled(l.item),
+            readonly: l.question.isReadOnlyAttr,
+            class: r(l.question.cssClasses.itemControl),
+            "aria-label": l.ariaLabel
+          }, null, 42, Os),
+          l.question.cssClasses.materialDecorator ? (i(), a("span", {
             key: 0,
-            class: r(l.question.cssClasses.itemDecorator)
+            class: r(l.question.cssClasses.materialDecorator)
           }, [
-            v("use", {
-              "xlink:href": l.question.itemSvgIcon
-            }, null, 8, Os)
-          ], 2)) : p("", !0)
-        ], 2)) : p("", !0),
-        l.hideLabel ? p("", !0) : (i(), a("span", {
-          key: 1,
-          class: r(o(l.item))
-        }, [
-          c(m, {
-            is: "survey-string",
-            locString: l.item.locText
-          }, null, 8, ["locString"])
-        ], 2))
-      ], 34)
-    ], 2));
+            l.question.itemSvgIcon ? (i(), a("svg", {
+              key: 0,
+              class: r(l.question.cssClasses.itemDecorator)
+            }, [
+              v("use", {
+                "xlink:href": l.question.itemSvgIcon
+              }, null, 8, zs)
+            ], 2)) : p("", !0)
+          ], 2)) : p("", !0),
+          l.hideLabel ? p("", !0) : (i(), a("span", {
+            key: 1,
+            class: r(o(l.item))
+          }, [
+            c(m, {
+              is: "survey-string",
+              locString: l.item.locText
+            }, null, 8, ["locString"])
+          ], 2))
+        ], 34)
+      ], 2),
+      l.item.isCommentShowing ? (i(), g(m, {
+        key: 0,
+        is: "survey-other-choice",
+        question: l.question,
+        item: l.item
+      }, null, 8, ["question", "item"])) : p("", !0)
+    ], 64));
   }
-}), Us = ["src"], Qs = ["title"], Ks = { key: 0 }, js = /* @__PURE__ */ y({
+}), Qs = ["src"], Ks = ["title"], js = { key: 0 }, Gs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -1050,7 +1058,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         width: s.question.renderedCanvasWidth
       })
     }, [
-      B(v("div", {
+      Z(v("div", {
         class: r(s.question.cssClasses.placeholder)
       }, [
         c(m, {
@@ -1069,7 +1077,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           style: k({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, Us)) : p("", !0),
+        }, null, 14, Qs)) : p("", !0),
         v("canvas", {
           tabindex: "-1",
           class: r(s.question.cssClasses.canvas),
@@ -1089,14 +1097,14 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.clearValue(!0);
           })
         }, [
-          s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), a("span", Ks, "✖")),
+          s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), a("span", js, "✖")),
           s.question.cssClasses.clearButtonIconId ? (i(), g(m, {
             key: 1,
             is: "sv-svg-icon",
             iconName: s.question.cssClasses.clearButtonIconId,
             size: "auto"
           }, null, 8, ["iconName"])) : p("", !0)
-        ], 10, Qs)
+        ], 10, Ks)
       ], 2)) : p("", !0),
       s.question.showLoadingIndicator ? (i(), a("div", {
         key: 1,
@@ -1106,7 +1114,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : p("", !0)
     ], 6));
   }
-}), Gs = ["innerHTML"], Xs = /* @__PURE__ */ y({
+}), Xs = ["innerHTML"], Js = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -1121,9 +1129,9 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n,
       class: r(o.question.renderCssRoot),
       innerHTML: w(s)
-    }, null, 10, Gs));
+    }, null, 10, Xs));
   }
-}), Js = ["src", "alt", "width", "height"], Ys = ["src", "width", "height"], _s = ["src", "title", "width", "height"], xs = /* @__PURE__ */ y({
+}), Ys = ["src", "alt", "width", "height"], _s = ["src", "width", "height"], xs = ["src", "title", "width", "height"], e1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -1138,7 +1146,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: n
     }, [
-      o.question.renderedMode === "image" ? B((i(), a("img", {
+      o.question.renderedMode === "image" ? Z((i(), a("img", {
         key: 0,
         class: r(o.question.getImageCss()),
         src: w(s),
@@ -1156,10 +1164,10 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (l) => {
           o.question.onErrorHandler();
         })
-      }, null, 46, Js)), [
+      }, null, 46, Ys)), [
         [A, w(s) && !o.question.contentNotLoaded]
       ]) : p("", !0),
-      o.question.renderedMode === "video" ? B((i(), a("video", {
+      o.question.renderedMode === "video" ? Z((i(), a("video", {
         key: 1,
         controls: "",
         class: r(o.question.getImageCss()),
@@ -1177,7 +1185,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (l) => {
           o.question.onErrorHandler();
         })
-      }, null, 46, Ys)), [
+      }, null, 46, _s)), [
         [A, w(s) && !o.question.contentNotLoaded]
       ]) : p("", !0),
       o.question.renderedMode === "youtube" ? (i(), a("iframe", {
@@ -1192,7 +1200,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           width: o.question.renderedStyleWidth,
           height: o.question.renderedStyleHeight
         })
-      }, null, 14, _s)) : p("", !0),
+      }, null, 14, xs)) : p("", !0),
       !w(s) || o.question.contentNotLoaded ? (i(), a("div", {
         key: 3,
         class: r(o.question.cssClasses.noImage)
@@ -1205,7 +1213,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : p("", !0)
     ], 2));
   }
-}), e1 = /* @__PURE__ */ y({
+}), s1 = ["aria-label"], n1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1216,10 +1224,12 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     return T(e, n), (s, o) => (i(), a("div", {
       class: r(s.question.cssClasses.root),
       ref_key: "root",
-      ref: n
-    }, I(s.question.formatedValue), 3));
+      ref: n,
+      "aria-live": "polite",
+      "aria-label": s.question.formatedValue
+    }, I(s.question.formatedValue), 11, s1));
   }
-}), s1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], n1 = ["id", "multiple", "placeholder"], t1 = ["id", "multiple", "placeholder"], o1 = /* @__PURE__ */ y({
+}), t1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], o1 = ["id", "multiple", "placeholder"], i1 = ["id", "multiple", "placeholder"], r1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1246,7 +1256,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, s1)) : p("", !0),
+      }, null, 10, t1)) : p("", !0),
       s.question.isReadOnlyAttr ? (i(), a("input", {
         key: 1,
         type: "file",
@@ -1256,7 +1266,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, n1)) : p("", !0),
+      }, null, 10, o1)) : p("", !0),
       s.question.isDisabledAttr ? (i(), a("input", {
         key: 2,
         type: "file",
@@ -1266,7 +1276,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, t1)) : p("", !0),
+      }, null, 10, i1)) : p("", !0),
       v("div", {
         class: r(s.question.cssClasses.dragArea),
         onDrop: o[0] || (o[0] = //@ts-ignore
@@ -1325,7 +1335,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), i1 = { class: "sv-hidden" }, Ce = "survey-imagepicker-item", r1 = /* @__PURE__ */ y({
+}), l1 = { class: "sv-hidden" }, ve = "survey-imagepicker-item", a1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1334,8 +1344,8 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     const e = u, n = f(null);
     T(e, n);
-    const s = (t) => e.question.getItemValueWrapperComponentName(t) || Ce, o = (t) => ({
-      componentName: Ce,
+    const s = (t) => e.question.getItemValueWrapperComponentName(t) || ve, o = (t) => ({
+      componentName: ve,
       componentData: {
         question: e.question,
         item: t,
@@ -1348,24 +1358,24 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: n
     }, [
-      v("legend", i1, I(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? p("", !0) : (i(!0), a(M, { key: 0 }, V(t.question.visibleChoices, (d) => (i(), g(m, $({
+      v("legend", l1, I(t.question.locTitle.renderedHtml), 1),
+      t.question.hasColumns ? p("", !0) : (i(!0), a(H, { key: 0 }, V(t.question.visibleChoices, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
       }, o(d)), null, 16, ["is"]))), 128)),
-      t.question.hasColumns ? (i(!0), a(M, { key: 1 }, V(t.question.columns, (d, C) => (i(), a("div", {
+      t.question.hasColumns ? (i(!0), a(H, { key: 1 }, V(t.question.columns, (d, C) => (i(), a("div", {
         class: r(t.question.getColumnClass()),
         key: C,
         role: "presentation"
       }, [
-        (i(!0), a(M, null, V(d, (L) => (i(), g(m, $({
+        (i(!0), a(H, null, V(d, (L) => (i(), g(m, $({
           key: L.value,
           is: s(L)
         }, o(L)), null, 16, ["is"]))), 128))
       ], 2))), 128)) : p("", !0)
     ], 6));
   }
-}), l1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], a1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], u1 = ["src", "width", "height", "alt"], d1 = ["src", "width", "height"], m1 = /* @__PURE__ */ y({
+}), u1 = ["name", "value", "id", "disabled", "readonly", "required", "aria-label", "aria-invalid", "aria-errormessage"], d1 = ["name", "value", "id", "disabled", "readonly", "required", "aria-label", "aria-invalid", "aria-errormessage"], m1 = ["src", "width", "height", "alt"], p1 = ["src", "width", "height"], v1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1373,7 +1383,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     item: {}
   },
   setup(u) {
-    const e = u, n = (t) => e.question.getItemClass(t), s = H({
+    const e = u, n = (t) => e.question.getItemClass(t), s = M({
       get() {
         return e.question.value;
       },
@@ -1390,7 +1400,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       v("label", {
         class: r(t.question.cssClasses.label)
       }, [
-        t.question.multiSelect ? B((i(), a("input", {
+        t.question.multiSelect ? Z((i(), a("input", {
           key: 0,
           type: "checkbox",
           name: t.question.questionName,
@@ -1399,14 +1409,14 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "onUpdate:modelValue": l[0] || (l[0] = (d) => s.value = d),
           disabled: !t.question.getItemEnabled(t.item),
           readonly: t.question.isReadOnlyAttr,
-          "aria-required": t.question.ariaRequired,
+          required: t.question.inputRequiredAttribute,
           "aria-label": t.item.locText.renderedHtml,
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: r(t.question.cssClasses.itemControl)
-        }, null, 10, l1)), [
-          [ie, s.value]
-        ]) : B((i(), a("input", {
+        }, null, 10, u1)), [
+          [oe, s.value]
+        ]) : Z((i(), a("input", {
           key: 1,
           type: "radio",
           name: t.question.questionName,
@@ -1415,13 +1425,13 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "onUpdate:modelValue": l[1] || (l[1] = (d) => s.value = d),
           disabled: !t.question.getItemEnabled(t.item),
           readonly: t.question.isReadOnlyAttr,
-          "aria-required": t.question.ariaRequired,
+          required: t.question.hasRequiredError(),
           "aria-label": t.item.locText.renderedHtml,
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: r(t.question.cssClasses.itemControl)
-        }, null, 10, a1)), [
-          [se, s.value]
+        }, null, 10, d1)), [
+          [he, s.value]
         ]),
         v("div", {
           class: r(t.question.cssClasses.itemDecorator)
@@ -1456,7 +1466,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: l[3] || (l[3] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, u1)) : p("", !0),
+            }, null, 46, m1)) : p("", !0),
             w(o) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (i(), a("video", {
               key: 2,
               controls: "",
@@ -1471,7 +1481,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: l[5] || (l[5] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, d1)) : p("", !0),
+            }, null, 46, p1)) : p("", !0),
             !w(o) || t.item.contentNotLoaded ? (i(), a("div", {
               key: 3,
               class: r(t.question.cssClasses.itemNoImage),
@@ -1502,7 +1512,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), p1 = /* @__PURE__ */ y({
+}), C1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1538,7 +1548,7 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n
     }, I(o.question.value), 513));
   }
-}), v1 = /* @__PURE__ */ y({
+}), c1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1555,23 +1565,24 @@ const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         is: "sv-dropdown",
         question: s.question
       }, null, 8, ["question"]),
-      s.question.isOtherSelected ? (i(), g(m, {
+      s.question.isShowingChoiceComment ? (i(), g(m, {
         key: 0,
         is: "survey-other-choice",
-        question: s.question
-      }, null, 8, ["question"])) : p("", !0)
+        question: s.question,
+        item: s.question.selectedItem
+      }, null, 8, ["question", "item"])) : p("", !0)
     ], 2));
   }
-}), C1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], c1 = {
+}), g1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], y1 = {
   key: 0,
   value: ""
-}, g1 = ["id"];
+}, h1 = ["id"];
 G.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const y1 = /* @__PURE__ */ y({
+const q1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1584,7 +1595,7 @@ const y1 = /* @__PURE__ */ y({
       e.question.onClick(l);
     }, o = (l) => {
       e.question.onKeyUp(l);
-    }, t = H({
+    }, t = M({
       get() {
         return e.question.value ?? "";
       },
@@ -1606,7 +1617,7 @@ const y1 = /* @__PURE__ */ y({
           disabled: "",
           id: l.question.inputId,
           class: r(l.question.getControlClass())
-        }, I(l.question.readOnlyText), 11, g1)) : B((i(), a("select", {
+        }, I(l.question.readOnlyText), 11, h1)) : Z((i(), a("select", {
           key: 0,
           id: l.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (C) => t.value = C),
@@ -1620,13 +1631,13 @@ const y1 = /* @__PURE__ */ y({
           "aria-errormessage": l.question.a11y_input_ariaErrormessage,
           required: l.question.isRequired
         }, [
-          l.question.allowClear ? (i(), a("option", c1, I(l.question.placeholder), 1)) : p("", !0),
-          (i(!0), a(M, null, V(l.question.visibleChoices, (C) => (i(), g(m, {
+          l.question.allowClear ? (i(), a("option", y1, I(l.question.placeholder), 1)) : p("", !0),
+          (i(!0), a(H, null, V(l.question.visibleChoices, (C) => (i(), g(m, {
             is: "sv-dropdown-option-item",
             item: C,
             key: C.id
           }, null, 8, ["item"]))), 128))
-        ], 42, C1)), [
+        ], 42, g1)), [
           [Be, t.value]
         ]),
         l.question.cssClasses.chevronButtonIconId ? (i(), a("div", {
@@ -1642,14 +1653,15 @@ const y1 = /* @__PURE__ */ y({
           }, null, 8, ["class", "iconName"])
         ], 2)) : p("", !0)
       ], 2),
-      l.question.isOtherSelected ? (i(), g(m, {
+      l.question.isShowingChoiceComment ? (i(), g(m, {
         key: 0,
         is: "survey-other-choice",
-        question: l.question
-      }, null, 8, ["question"])) : p("", !0)
+        question: l.question,
+        item: l.question.selectedItem
+      }, null, 8, ["question", "item"])) : p("", !0)
     ], 2));
   }
-}), h1 = ["value", "disabled"], q1 = /* @__PURE__ */ y({
+}), w1 = ["value", "disabled"], b1 = /* @__PURE__ */ y({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1659,15 +1671,15 @@ const y1 = /* @__PURE__ */ y({
     return S(() => e.item), (s, o) => (i(), a("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, I(w(n)), 9, h1));
+    }, I(w(n)), 9, w1));
   }
-}), w1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], b1 = { style: { visibility: "hidden" } }, L1 = ["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"], k1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], f1 = /* @__PURE__ */ y({
+}), L1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], k1 = { style: { visibility: "hidden" } }, f1 = ["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"], H1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], M1 = /* @__PURE__ */ y({
   __name: "Dropdown",
   props: {
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = H(() => e.question.dropdownListModel), o = (b) => {
+    const e = u, n = f(null), s = M(() => e.question.dropdownListModel), o = (b) => {
       var R;
       (R = s.value) == null || R.onClick(b);
     }, t = (b) => {
@@ -1676,7 +1688,7 @@ const y1 = /* @__PURE__ */ y({
     }, l = () => {
       if (n.value) {
         const b = n.value, R = s.value.inputStringRendered;
-        We.isTwoValueEquals(R, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
+        Fe.isTwoValueEquals(R, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
       }
     }, d = (b) => {
       e.question.onBlur(b), l();
@@ -1684,11 +1696,11 @@ const y1 = /* @__PURE__ */ y({
       e.question.onFocus(b);
     }, L = (b) => {
       s.value.inputStringRendered = b.target.value;
-    }, h = H(
+    }, h = M(
       () => e.question.showSelectedItemLocText
-    ), q = H(() => e.question.selectedItemLocText);
-    return S(() => s.value), z(l), Z(l), (b, R) => {
-      var N, K, j, ue;
+    ), q = M(() => e.question.selectedItemLocText);
+    return S(() => s.value), z(l), B(l), (b, R) => {
+      var N, K, j, ae;
       return i(), a("div", {
         class: r(b.question.cssClasses.selectWrapper),
         onClick: o
@@ -1731,7 +1743,7 @@ const y1 = /* @__PURE__ */ y({
               key: 1,
               class: r(b.question.cssClasses.hintSuffix)
             }, [
-              v("span", b1, I(s.value.inputStringRendered), 1),
+              v("span", k1, I(s.value.inputStringRendered), 1),
               v("span", null, I(s.value.hintStringSuffix), 1)
             ], 2)) : p("", !0),
             b.question.showInputFieldComponent ? (i(), g(m, {
@@ -1766,13 +1778,13 @@ const y1 = /* @__PURE__ */ y({
               onInput: L,
               onBlur: d,
               onFocus: C
-            }, null, 42, L1)) : p("", !0)
+            }, null, 42, f1)) : p("", !0)
           ], 2),
           c(m, {
             is: "sv-action-bar",
             model: s.value.editorButtons
           }, null, 8, ["model"])
-        ], 42, w1)),
+        ], 42, L1)),
         b.question.isInputReadOnly ? p("", !0) : (i(), g(m, {
           key: 1,
           is: "sv-popup",
@@ -1784,7 +1796,7 @@ const y1 = /* @__PURE__ */ y({
           role: (N = s.value) == null ? void 0 : N.ariaQuestionRole,
           "aria-label": (K = s.value) == null ? void 0 : K.ariaQuestionLabel,
           "aria-labelledby": (j = s.value) == null ? void 0 : j.ariaQuestionLabelledby,
-          "aria-describedby": (ue = s.value) == null ? void 0 : ue.ariaQuestionDescribedby,
+          "aria-describedby": (ae = s.value) == null ? void 0 : ae.ariaQuestionDescribedby,
           "aria-expanded": !1,
           "aria-readonly": !0,
           "aria-disabled": !0,
@@ -1804,11 +1816,11 @@ const y1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: s.value.editorButtons
           }, null, 8, ["model"])
-        ], 10, k1)) : p("", !0)
+        ], 10, H1)) : p("", !0)
       ], 2);
     };
   }
-}), H1 = /* @__PURE__ */ y({
+}), I1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1828,19 +1840,20 @@ const y1 = /* @__PURE__ */ y({
       s.question.isOtherSelected ? (i(), g(m, {
         key: 0,
         is: "survey-other-choice",
-        question: s.question
-      }, null, 8, ["question"])) : p("", !0)
+        question: s.question,
+        item: s.question.otherItem
+      }, null, 8, ["question", "item"])) : p("", !0)
     ], 2));
   }
-}), M1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], I1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], V1 = /* @__PURE__ */ y({
+}), V1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], S1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], R1 = /* @__PURE__ */ y({
   __name: "Tagbox",
   props: {
     question: {}
   },
   setup(u) {
-    const e = u, n = H(() => {
+    const e = u, n = M(() => {
       const d = e.question;
-      return d.dropdownListModel || (d.dropdownListModel = new Fe(d)), e.question.dropdownListModel;
+      return d.dropdownListModel || (d.dropdownListModel = new Oe(d)), e.question.dropdownListModel;
     }), s = (d) => {
       var C;
       (C = n.value) == null || C.onClick(d);
@@ -1850,7 +1863,7 @@ const y1 = /* @__PURE__ */ y({
     }, t = (d) => {
       var C;
       (C = n.value) == null || C.onBlur(d);
-    }, l = ne(() => e.question.selectedChoices);
+    }, l = se(() => e.question.selectedChoices);
     return S(() => n.value), (d, C) => {
       var L, h, q, b;
       return i(), a("div", {
@@ -1880,7 +1893,7 @@ const y1 = /* @__PURE__ */ y({
           v("div", {
             class: r(d.question.cssClasses.controlValue)
           }, [
-            (i(!0), a(M, null, V(w(l), (R, N) => (i(), g(m, {
+            (i(!0), a(H, null, V(w(l), (R, N) => (i(), g(m, {
               is: "sv-tagbox-item",
               item: R,
               question: d.question,
@@ -1897,7 +1910,7 @@ const y1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 42, M1)),
+        ], 42, V1)),
         d.question.isInputReadOnly ? p("", !0) : (i(), g(m, {
           key: 1,
           is: "sv-popup",
@@ -1929,11 +1942,11 @@ const y1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 10, I1)) : p("", !0)
+        ], 10, S1)) : p("", !0)
       ], 2);
     };
   }
-}), S1 = { style: { visibility: "hidden" } }, R1 = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], T1 = /* @__PURE__ */ y({
+}), T1 = { style: { visibility: "hidden" } }, B1 = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], Z1 = /* @__PURE__ */ y({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1949,7 +1962,7 @@ const y1 = /* @__PURE__ */ y({
       e.question.onBlur(d);
     }, t = (d) => {
       e.question.onFocus(d);
-    }, l = H({
+    }, l = M({
       get() {
         return e.model.inputStringRendered ?? "";
       },
@@ -1979,10 +1992,10 @@ const y1 = /* @__PURE__ */ y({
           key: 1,
           class: r(d.question.cssClasses.hintSuffix)
         }, [
-          v("span", S1, I(d.model.inputStringRendered), 1),
+          v("span", T1, I(d.model.inputStringRendered), 1),
           v("span", null, I(d.model.hintStringSuffix), 1)
         ], 2)) : p("", !0),
-        B(v("input", {
+        Z(v("input", {
           type: "text",
           autocomplete: "off",
           "onUpdate:modelValue": C[0] || (C[0] = (L) => l.value = L),
@@ -2007,13 +2020,13 @@ const y1 = /* @__PURE__ */ y({
           onKeydown: s,
           onBlur: o,
           onFocus: t
-        }, null, 42, R1), [
+        }, null, 42, B1), [
           [Ze, l.value]
         ])
       ], 2)
     ], 2));
   }
-}), B1 = { class: "sv-tagbox__item-text" }, Z1 = /* @__PURE__ */ y({
+}), $1 = { class: "sv-tagbox__item-text" }, D1 = /* @__PURE__ */ y({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -2027,7 +2040,7 @@ const y1 = /* @__PURE__ */ y({
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      v("div", B1, [
+      v("div", $1, [
         c(m, {
           is: "survey-string",
           locString: s.item.locText
@@ -2046,7 +2059,7 @@ const y1 = /* @__PURE__ */ y({
       ], 2)
     ]));
   }
-}), $1 = /* @__PURE__ */ y({
+}), A1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -2070,7 +2083,7 @@ const y1 = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      t.question.selectToRankEnabled ? p("", !0) : (i(!0), a(M, { key: 0 }, V(t.question.renderedRankingChoices, (d, C) => (i(), g(m, $({
+      t.question.selectToRankEnabled ? p("", !0) : (i(!0), a(H, { key: 0 }, V(t.question.renderedRankingChoices, (d, C) => (i(), g(m, $({
         key: d.value + "-" + C + "-item",
         is: s(d)
       }, o(d, C)), null, 16, ["is"]))), 128)),
@@ -2079,7 +2092,7 @@ const y1 = /* @__PURE__ */ y({
         class: r(t.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (i(!0), a(M, null, V(t.question.renderedUnRankingChoices, (d, C) => (i(), g(m, $({
+        (i(!0), a(H, null, V(t.question.renderedUnRankingChoices, (d, C) => (i(), g(m, $({
           key: d.value + "-" + C + "-item",
           is: s(d)
         }, o(d, C, !0)), null, 16, ["is"]))), 128)),
@@ -2102,7 +2115,7 @@ const y1 = /* @__PURE__ */ y({
         class: r(t.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (i(!0), a(M, null, V(t.question.renderedRankingChoices, (d, C) => (i(), g(m, $({
+        (i(!0), a(H, null, V(t.question.renderedRankingChoices, (d, C) => (i(), g(m, $({
           key: d.value + "-" + C + "-item",
           is: s(d)
         }, o(d, C)), null, 16, ["is"]))), 128)),
@@ -2118,10 +2131,10 @@ const y1 = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 2));
   }
-}), D1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], A1 = {
+}), P1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], N1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, P1 = ["xlink:href"], N1 = ["xlink:href"], E1 = ["xlink:href"], W1 = /* @__PURE__ */ y({
+}, E1 = ["xlink:href"], W1 = ["xlink:href"], F1 = ["xlink:href"], O1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2131,7 +2144,7 @@ const y1 = /* @__PURE__ */ y({
     unrankedItem: { type: Boolean }
   },
   setup(u) {
-    const e = u, n = H(() => e.question.getNumberByIndex(e.index));
+    const e = u, n = M(() => e.question.getNumberByIndex(e.index));
     return S(() => e.item), (s, o) => (i(), a("div", {
       id: s.question.getItemId(s.item),
       tabindex: s.question.getItemTabIndex(s.item),
@@ -2157,7 +2170,7 @@ const y1 = /* @__PURE__ */ y({
         );
       })
     }, [
-      v("div", A1, [
+      v("div", N1, [
         v("div", {
           class: r(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2172,14 +2185,14 @@ const y1 = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, P1)
+              }, null, 8, E1)
             ], 2)),
             (i(), a("svg", {
               class: r(s.question.getIconFocusCss())
             }, [
               v("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, N1)
+              }, null, 8, W1)
             ], 2))
           ], 2),
           !s.unrankedItem && n.value ? (i(), a("div", {
@@ -2192,7 +2205,7 @@ const y1 = /* @__PURE__ */ y({
             (i(), a("svg", null, [
               v("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, E1)
+              }, null, 8, F1)
             ]))
           ], 2)),
           c(m, {
@@ -2202,9 +2215,9 @@ const y1 = /* @__PURE__ */ y({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, D1));
+    ], 42, P1));
   }
-}), F1 = /* @__PURE__ */ y({
+}), z1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2221,10 +2234,10 @@ const y1 = /* @__PURE__ */ y({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), O1 = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], z1 = /* @__PURE__ */ v("legend", {
+}), U1 = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Q1 = /* @__PURE__ */ v("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), U1 = /* @__PURE__ */ y({
+}, null, -1), K1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2248,7 +2261,7 @@ const y1 = /* @__PURE__ */ y({
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
       }, [
-        z1,
+        Q1,
         o.question.hasMinLabel ? (i(), a("span", {
           key: 0,
           class: r(o.question.cssClasses.minText)
@@ -2258,7 +2271,7 @@ const y1 = /* @__PURE__ */ y({
             locString: o.question.locMinRateDescription
           }, null, 8, ["locString"])
         ], 2)) : p("", !0),
-        (i(!0), a(M, null, V(o.question.renderedRateItems, (l, d) => (i(), g(m, {
+        (i(!0), a(H, null, V(o.question.renderedRateItems, (l, d) => (i(), g(m, {
           key: s(d),
           is: o.question.itemComponent,
           item: l,
@@ -2274,10 +2287,10 @@ const y1 = /* @__PURE__ */ y({
             locString: o.question.locMaxRateDescription
           }, null, 8, ["locString"])
         ], 2)) : p("", !0)
-      ], 8, O1)
+      ], 8, U1)
     ], 2));
   }
-}), Q1 = ["name", "id", "value", "disabled", "readonly", "aria-label"], K1 = ["data-text"], j1 = /* @__PURE__ */ y({
+}), j1 = ["name", "id", "value", "disabled", "readonly", "aria-label"], G1 = ["data-text"], X1 = /* @__PURE__ */ y({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2301,7 +2314,7 @@ const y1 = /* @__PURE__ */ y({
         readonly: n.question.isReadOnlyAttr,
         onClick: s[0] || (s[0] = (o) => n.question.setValueFromClick(o.target.value)),
         "aria-label": n.question.ariaLabel
-      }, null, 8, Q1),
+      }, null, 8, j1),
       v("span", {
         class: r(n.question.cssClasses.itemText),
         "data-text": n.item.text
@@ -2310,10 +2323,10 @@ const y1 = /* @__PURE__ */ y({
           is: "survey-string",
           locString: n.item.locText
         }, null, 8, ["locString"])
-      ], 10, K1)
+      ], 10, G1)
     ], 34));
   }
-}), G1 = ["title"], X1 = ["name", "id", "value", "disabled", "readonly", "aria-label"], J1 = /* @__PURE__ */ y({
+}), J1 = ["title"], Y1 = ["name", "id", "value", "disabled", "readonly", "aria-label"], _1 = /* @__PURE__ */ y({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2341,15 +2354,15 @@ const y1 = /* @__PURE__ */ y({
         readonly: n.question.isReadOnlyAttr,
         onClick: s[0] || (s[0] = (o) => n.question.setValueFromClick(o.target.value)),
         "aria-label": n.question.ariaLabel
-      }, null, 8, X1),
+      }, null, 8, Y1),
       c(m, {
         is: "sv-svg-icon",
         iconName: n.question.getItemSmileyIconName(n.item.itemValue),
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 46, G1));
+    ], 46, J1));
   }
-}), Y1 = ["title"], _1 = ["name", "id", "value", "disabled", "readonly", "aria-label"], x1 = /* @__PURE__ */ y({
+}), x1 = ["title"], en = ["name", "id", "value", "disabled", "readonly", "aria-label"], sn = /* @__PURE__ */ y({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2376,7 +2389,7 @@ const y1 = /* @__PURE__ */ y({
         readonly: n.question.isReadOnlyAttr,
         onClick: s[0] || (s[0] = (o) => n.question.setValueFromClick((o == null ? void 0 : o.target).value)),
         "aria-label": n.question.ariaLabel
-      }, null, 8, _1),
+      }, null, 8, en),
       c(m, {
         is: "sv-svg-icon",
         class: r("sv-star"),
@@ -2389,12 +2402,12 @@ const y1 = /* @__PURE__ */ y({
         iconName: n.question.itemStarIconAlt,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 42, Y1));
+    ], 42, x1));
   }
-}), en = { class: "sd-rating-dropdown-item" }, sn = { class: "sd-rating-dropdown-item_text" }, nn = {
+}), nn = { class: "sd-rating-dropdown-item" }, tn = { class: "sd-rating-dropdown-item_text" }, on = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, tn = /* @__PURE__ */ y({
+}, rn = /* @__PURE__ */ y({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2402,9 +2415,9 @@ const y1 = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (i(), a("div", en, [
-      v("span", sn, I(n.item.title), 1),
-      n.item.description ? (i(), a("div", nn, [
+    return S(() => e.item), (n, s) => (i(), a("div", nn, [
+      v("span", tn, I(n.item.title), 1),
+      n.item.description ? (i(), a("div", on, [
         c(m, {
           is: "survey-string",
           locString: n.item.description
@@ -2418,7 +2431,7 @@ G.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const on = /* @__PURE__ */ y({
+const ln = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2437,7 +2450,7 @@ const on = /* @__PURE__ */ y({
       }, null, 8, ["question"])
     ], 2));
   }
-}), rn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ln = /* @__PURE__ */ y({
+}), an = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], un = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2460,7 +2473,7 @@ const on = /* @__PURE__ */ y({
       v("label", {
         class: r(t.question.getItemCss())
       }, [
-        B(v("input", {
+        Z(v("input", {
           type: "checkbox",
           name: t.question.name,
           value: t.question.booleanValue ?? "",
@@ -2477,8 +2490,8 @@ const on = /* @__PURE__ */ y({
           "aria-describedby": t.question.a11y_input_ariaDescribedBy,
           "aria-invalid": t.question.a11y_input_ariaInvalid,
           "aria-errormessage": t.question.a11y_input_ariaErrormessage
-        }, null, 42, rn), [
-          [ie, t.question.booleanValue]
+        }, null, 42, an), [
+          [oe, t.question.booleanValue]
         ]),
         v("div", {
           class: r(t.question.cssClasses.sliderGhost),
@@ -2533,7 +2546,7 @@ G.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const an = /* @__PURE__ */ y({
+const dn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2574,7 +2587,7 @@ const an = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), un = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], dn = ["xlink:href"], mn = /* @__PURE__ */ y({
+}), mn = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], pn = ["xlink:href"], vn = /* @__PURE__ */ y({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2603,7 +2616,7 @@ const an = /* @__PURE__ */ y({
           readonly: s.question.isReadOnlyAttr,
           class: r(s.question.cssClasses.itemRadioControl),
           onChange: n
-        }, null, 42, un),
+        }, null, 42, mn),
         s.question.cssClasses.materialRadioDecorator ? (i(), a("span", {
           key: 0,
           class: r(s.question.cssClasses.materialRadioDecorator)
@@ -2614,7 +2627,7 @@ const an = /* @__PURE__ */ y({
           }, [
             v("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, dn)
+            }, null, 8, pn)
           ], 2)) : p("", !0)
         ], 2)) : p("", !0),
         v("span", {
@@ -2628,13 +2641,13 @@ const an = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), pn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], vn = ["xlink:href"], Cn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), cn = ["id"], gn = ["id"];
+}), Cn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], cn = ["xlink:href"], gn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), yn = ["id"], hn = ["id"];
 G.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const yn = /* @__PURE__ */ y({
+const qn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2654,7 +2667,7 @@ const yn = /* @__PURE__ */ y({
         v("label", {
           class: r(s.question.cssClasses.checkboxLabel)
         }, [
-          B(v("input", {
+          Z(v("input", {
             type: "checkbox",
             name: s.question.name,
             value: s.question.booleanValue ?? "",
@@ -2670,8 +2683,8 @@ const yn = /* @__PURE__ */ y({
             "aria-describedby": s.question.a11y_input_ariaDescribedBy,
             "aria-invalid": s.question.a11y_input_ariaInvalid,
             "aria-errormessage": s.question.a11y_input_ariaErrormessage
-          }, null, 42, pn), [
-            [ie, s.question.booleanValue]
+          }, null, 42, Cn), [
+            [oe, s.question.booleanValue]
           ]),
           v("span", {
             class: r(s.question.cssClasses.checkboxMaterialDecorator)
@@ -2682,9 +2695,9 @@ const yn = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.svgIcon
-              }, null, 8, vn)
+              }, null, 8, cn)
             ], 2)) : p("", !0),
-            Cn
+            gn
           ], 2),
           s.question.isLabelRendered ? (i(), a("span", {
             key: 0,
@@ -2703,7 +2716,7 @@ const yn = /* @__PURE__ */ y({
               element: s.question,
               css: s.css
             }, null, 8, ["element", "css"])) : p("", !0)
-          ], 10, cn)) : p("", !0)
+          ], 10, yn)) : p("", !0)
         ], 2),
         s.question.canRenderLabelDescription ? (i(), a("div", {
           key: 0,
@@ -2714,32 +2727,32 @@ const yn = /* @__PURE__ */ y({
             is: "survey-string",
             locString: s.question.locDescription
           }, null, 8, ["locString"])
-        ], 10, gn)) : p("", !0)
+        ], 10, hn)) : p("", !0)
       ], 2)
     ], 2));
   }
-}), hn = /* @__PURE__ */ y({
+}), wn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = ne(() => e.question.getRows());
+    const e = u, n = f(null), s = se(() => e.question.getRows());
     return T(e, n), (o, t) => (i(), a("table", {
       class: r(o.question.getQuestionRootCss()),
       ref_key: "root",
       ref: n
     }, [
       v("tbody", null, [
-        (i(!0), a(M, null, V(w(s), (l, d) => (i(), a(M, {
+        (i(!0), a(H, null, V(w(s), (l, d) => (i(), a(H, {
           key: o.question.inputId + "rowkey" + d
         }, [
           l.isVisible ? (i(), a("tr", {
             key: 0,
             class: r(o.question.cssClasses.row)
           }, [
-            (i(!0), a(M, null, V(l.cells, (C) => (i(), a("td", {
+            (i(!0), a(H, null, V(l.cells, (C) => (i(), a("td", {
               key: "item" + C.item.editor.id,
               class: r(C.className)
             }, [
@@ -2754,16 +2767,16 @@ const yn = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), qn = { key: 1 }, wn = { key: 2 }, bn = /* @__PURE__ */ y({
+}), bn = { key: 1 }, Ln = { key: 2 }, kn = /* @__PURE__ */ y({
   __name: "MultipletextItem",
   props: {
     question: {},
     cell: {}
   },
   setup(u) {
-    const e = u, n = (o) => re(o);
+    const e = u, n = (o) => ie(o);
     S(() => e.cell.item.editor);
-    const s = H(() => e.cell.item);
+    const s = M(() => e.cell.item);
     return (o, t) => o.cell.isErrorsCell ? (i(), g(m, {
       key: 1,
       is: "survey-errors",
@@ -2783,12 +2796,12 @@ const yn = /* @__PURE__ */ y({
           key: 0,
           class: r(o.question.cssClasses.requiredMark)
         }, I(s.value.editor.requiredMark), 3)) : p("", !0),
-        s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", qn, " ")) : p("", !0),
+        s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", bn, " ")) : p("", !0),
         c(m, {
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (i(), a("span", wn, " ")) : p("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (i(), a("span", Ln, " ")) : p("", !0),
         s.value.editor.isRequireTextAfterTitle ? (i(), a("span", {
           key: 3,
           "aria-hidden": "true",
@@ -2807,7 +2820,7 @@ const yn = /* @__PURE__ */ y({
       ], 34))
     ], 2));
   }
-}), Ln = /* @__PURE__ */ y({
+}), fn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Breadcrumbs",
   props: {
@@ -2820,7 +2833,7 @@ const yn = /* @__PURE__ */ y({
       key: 0,
       class: r(n.css.breadcrumbsRoot)
     }, [
-      (i(!0), a(M, null, V(n.model.actions, (o, t) => (i(), a(M, {
+      (i(!0), a(H, null, V(n.model.actions, (o, t) => (i(), a(H, {
         key: o.renderedId
       }, [
         t ? (i(), g(m, {
@@ -2837,21 +2850,21 @@ const yn = /* @__PURE__ */ y({
       ], 64))), 128))
     ], 2)) : p("", !0);
   }
-}), kn = ["onClick", "title"], fn = ["onClick", "title"], Hn = { key: 1 }, Mn = { key: 1 }, In = /* @__PURE__ */ y({
+}), Hn = ["onClick", "title"], Mn = ["onClick", "title"], In = { key: 1 }, Vn = { key: 1 }, Sn = /* @__PURE__ */ y({
   __name: "SingleInputSummary",
   props: {
     summary: {},
     css: {}
   },
   setup(u) {
-    const e = u, n = H(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = H(() => F.Instance.isComponentRegistered(n.value));
-    return (o, t) => o.summary.isEmpty() ? (i(), a("div", Hn, [
+    const e = u, n = M(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = M(() => F.Instance.isComponentRegistered(n.value));
+    return (o, t) => o.summary.isEmpty() ? (i(), a("div", In, [
       s.value ? (i(), g(m, {
         key: 0,
         is: "survey-placeholder-" + o.summary.question.getTemplate(),
         cssClasses: o.css,
         question: o.summary.question
-      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Mn, [
+      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Vn, [
         c(m, {
           is: "survey-string",
           locString: o.summary.noEntry
@@ -2861,7 +2874,7 @@ const yn = /* @__PURE__ */ y({
       key: 0,
       class: r(o.css.summary)
     }, [
-      (i(!0), a(M, null, V(o.summary.items, (l, d) => (i(), a("div", {
+      (i(!0), a(H, null, V(o.summary.items, (l, d) => (i(), a("div", {
         key: d,
         class: r(o.css.summaryRow)
       }, [
@@ -2887,7 +2900,7 @@ const yn = /* @__PURE__ */ y({
               iconName: "icon-editsmall-16x16",
               size: "auto"
             })
-          ], 10, kn)) : p("", !0),
+          ], 10, Hn)) : p("", !0),
           l.showRemove && l.btnRemove ? (i(), a("button", {
             key: 1,
             class: r(o.css.summaryRowActionDelete),
@@ -2899,12 +2912,12 @@ const yn = /* @__PURE__ */ y({
               iconName: "icon-delete-16x16",
               size: "auto"
             })
-          ], 10, fn)) : p("", !0)
+          ], 10, Mn)) : p("", !0)
         ], 2)
       ], 2))), 128))
     ], 2));
   }
-}), Vn = ["min", "max", "step"], Sn = ["id", "value", "min", "max", "step", "disabled", "onInput", "onFocus", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Rn = /* @__PURE__ */ y({
+}), Rn = ["min", "max", "step"], Tn = ["id", "value", "min", "max", "step", "disabled", "onInput", "onFocus", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Bn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Slider",
   props: {
@@ -2912,7 +2925,7 @@ const yn = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = f(null), s = f(null);
-    return T(e, n), Z(() => {
+    return T(e, n), B(() => {
       e.question.refreshInputRange(s.value);
     }), (o, t) => (i(), a("div", {
       class: r(o.question.rootCss),
@@ -2941,7 +2954,7 @@ const yn = /* @__PURE__ */ y({
         onPointerup: t[2] || (t[2] = (l) => {
           o.question.handleRangePointerUp(l, n.value);
         })
-      }, null, 42, Vn)) : p("", !0),
+      }, null, 42, Rn)) : p("", !0),
       v("div", {
         class: r(o.question.cssClasses.visualContainer),
         onPointerup: t[8] || (t[8] = (l) => {
@@ -2963,7 +2976,7 @@ const yn = /* @__PURE__ */ y({
             class: r(o.question.cssClasses.rangeTrack),
             style: k({ left: o.question.getTrackPercentLeft() + "%", right: o.question.getTrackPercentRight() + "%" })
           }, null, 6),
-          (i(!0), a(M, null, V(o.question.renderedValue, (l, d) => (i(), a(M, { key: d }, [
+          (i(!0), a(H, null, V(o.question.renderedValue, (l, d) => (i(), a(H, { key: d }, [
             v("input", {
               class: r(o.question.cssClasses.input),
               id: "sjs-slider-input-" + d,
@@ -3000,7 +3013,7 @@ const yn = /* @__PURE__ */ y({
               "aria-describedby": o.question.a11y_input_ariaDescribedBy,
               "aria-invalid": o.question.a11y_input_ariaInvalid,
               "aria-errormessage": o.question.a11y_input_ariaErrormessage
-            }, null, 42, Sn),
+            }, null, 42, Tn),
             v("div", {
               class: r(o.question.getThumbContainerCss(d)),
               style: k({ left: o.question.getPercent(l) + "%" })
@@ -3033,7 +3046,7 @@ const yn = /* @__PURE__ */ y({
         class: r(o.question.cssClasses.labelsContainer)
       }, [
         v("div", null, [
-          (i(!0), a(M, null, V(o.question.renderedLabels, (l) => (i(), g(m, {
+          (i(!0), a(H, null, V(o.question.renderedLabels, (l) => (i(), g(m, {
             key: l.id,
             is: "sv-slider-label-item",
             item: l,
@@ -3043,7 +3056,7 @@ const yn = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 2));
   }
-}), Tn = /* @__PURE__ */ y({
+}), Zn = /* @__PURE__ */ y({
   __name: "SliderLabelItem",
   props: {
     question: {},
@@ -3071,10 +3084,10 @@ const yn = /* @__PURE__ */ y({
       ], 2)
     ], 38));
   }
-}), Bn = { role: "radiogroup" }, Zn = { class: "sv-visuallyhidden" }, $n = {
+}), $n = { role: "radiogroup" }, Dn = { class: "sv-visuallyhidden" }, An = {
   key: 0,
   role: "presentation"
-}, Dn = { key: 0 }, An = ["onClick"], Pn = ["data-responsive-title", "onClick"], Nn = /* @__PURE__ */ y({
+}, Pn = { key: 0 }, Nn = ["onClick"], En = ["data-responsive-title", "onClick"], Wn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -3096,23 +3109,23 @@ const yn = /* @__PURE__ */ y({
       }
     );
     const o = (t, l) => {
-      t.value = l.value;
+      t.cellClick(l);
     };
     return (t, l) => (i(), a("div", {
       class: r(t.question.cssClasses.tableWrapper),
       ref_key: "root",
       ref: n
     }, [
-      v("fieldset", Bn, [
-        v("legend", Zn, I(t.question.locTitle.renderedHtml), 1),
+      v("fieldset", $n, [
+        v("legend", Dn, I(t.question.locTitle.renderedHtml), 1),
         v("table", {
           class: r(t.question.getTableCss()),
           role: "presentation"
         }, [
-          t.question.showHeader ? (i(), a("thead", $n, [
+          t.question.showHeader ? (i(), a("thead", An, [
             v("tr", null, [
-              t.question.hasRows ? (i(), a("td", Dn)) : p("", !0),
-              (i(!0), a(M, null, V(t.question.visibleColumns, (d, C) => (i(), a("th", {
+              t.question.hasRows ? (i(), a("td", Pn)) : p("", !0),
+              (i(!0), a(H, null, V(t.question.visibleColumns, (d, C) => (i(), a("th", {
                 key: C,
                 class: r(t.question.cssClasses.headerCell),
                 style: k({
@@ -3136,11 +3149,11 @@ const yn = /* @__PURE__ */ y({
             ])
           ])) : p("", !0),
           v("tbody", null, [
-            (i(!0), a(M, null, V(s.value, (d, C) => (i(), a("tr", {
+            (i(!0), a(H, null, V(s.value, (d, C) => (i(), a("tr", {
               key: "row_" + d.name + "_" + C,
               class: r(d.rowClasses || void 0)
             }, [
-              B(v("td", {
+              Z(v("td", {
                 class: r(d.rowTextClasses),
                 style: k({
                   minWidth: t.question.rowTitleWidth,
@@ -3162,7 +3175,7 @@ const yn = /* @__PURE__ */ y({
               ], 6), [
                 [A, t.question.hasRows]
               ]),
-              t.question.hasCellText ? (i(!0), a(M, { key: 0 }, V(t.question.visibleColumns, (L, h) => (i(), a("td", {
+              t.question.hasCellText ? (i(!0), a(H, { key: 0 }, V(t.question.visibleColumns, (L, h) => (i(), a("td", {
                 key: h,
                 class: r(t.question.getItemClass(d, L)),
                 onClick: (q) => o(d, L)
@@ -3171,8 +3184,8 @@ const yn = /* @__PURE__ */ y({
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(d.name, L)
                 }, null, 8, ["locString"])
-              ], 10, An))), 128)) : p("", !0),
-              t.question.hasCellText ? p("", !0) : (i(!0), a(M, { key: 1 }, V(t.question.visibleColumns, (L, h) => (i(), a("td", {
+              ], 10, Nn))), 128)) : p("", !0),
+              t.question.hasCellText ? p("", !0) : (i(!0), a(H, { key: 1 }, V(t.question.visibleColumns, (L, h) => (i(), a("td", {
                 key: h,
                 "data-responsive-title": L.locText.renderedHtml,
                 class: r(t.question.cssClasses.cell),
@@ -3185,14 +3198,14 @@ const yn = /* @__PURE__ */ y({
                   column: L,
                   columnIndex: h
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, Pn))), 128))
+              ], 10, En))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), En = ["data-sv-drop-target-matrix-row"], Wn = /* @__PURE__ */ y({
+}), Fn = ["data-sv-drop-target-matrix-row"], On = /* @__PURE__ */ y({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -3207,7 +3220,7 @@ const yn = /* @__PURE__ */ y({
         t && t.setRootElement(void 0), o.setRootElement(n.value);
       }
     );
-    return Z(() => {
+    return B(() => {
       e.row.setRootElement(n.value);
     }), P(() => {
       e.row.setRootElement(void 0), s();
@@ -3219,15 +3232,15 @@ const yn = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(o.row.cells, (l) => (i(), g(m, {
+      (i(!0), a(H, null, V(o.row.cells, (l) => (i(), g(m, {
         is: "survey-matrixdropdown-cell",
         cell: l,
         question: o.question,
         key: o.row.id + "_" + l.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, En)) : p("", !0);
+    ], 42, Fn)) : p("", !0);
   }
-}), Fn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], On = ["xlink:href"], zn = /* @__PURE__ */ y({
+}), zn = ["type", "name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Un = ["xlink:href"], Qn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -3237,59 +3250,53 @@ const yn = /* @__PURE__ */ y({
     columnIndex: {}
   },
   setup(u) {
-    const e = u, n = H({
-      get() {
-        return e.row.value ?? "";
-      },
-      set(s) {
-        const o = e.row;
-        o.value = s;
-      }
-    });
-    return (s, o) => (i(), a("label", {
-      onMousedown: o[1] || (o[1] = (t) => s.question.onMouseDown()),
-      class: r(s.question.getItemClass(s.row, s.column))
+    const e = u, n = e.row.isChecked(e.column) ? e.column.value : "", s = () => {
+      const t = e.row, l = e.column;
+      t.cellClick(l);
+    }, o = M(() => e.question.getItemSvgIcon(e.row, e.column));
+    return (t, l) => (i(), a("label", {
+      onMousedown: l[1] || (l[1] = (d) => t.question.onMouseDown()),
+      class: r(t.question.getItemClass(t.row, t.column))
     }, [
-      B(v("input", {
-        type: "radio",
-        class: r(s.question.cssClasses.itemValue),
-        name: s.row.fullName,
-        "onUpdate:modelValue": o[0] || (o[0] = (t) => n.value = t),
-        value: s.column.value,
-        readonly: s.row.isReadOnlyAttr,
-        disabled: s.row.isDisabledAttr,
-        id: s.question.inputId + "_" + s.row.name + "_" + s.columnIndex,
-        "aria-required": s.question.a11y_input_ariaRequired,
-        "aria-label": s.question.getCellAriaLabel(s.row, s.column),
-        "aria-invalid": s.question.a11y_input_ariaInvalid,
-        "aria-errormessage": s.question.a11y_input_ariaErrormessage
-      }, null, 10, Fn), [
-        [se, n.value]
+      Z(v("input", {
+        type: t.question.checkType,
+        class: r(t.question.cssItemValue),
+        name: t.row.fullName,
+        "onUpdate:modelValue": l[0] || (l[0] = (d) => ge(n) ? n.value = d : null),
+        onChange: s,
+        value: t.column.value,
+        readonly: t.row.isReadOnlyAttr,
+        disabled: t.row.isDisabledAttr,
+        id: t.question.inputId + "_" + t.row.name + "_" + t.columnIndex,
+        "aria-required": t.question.a11y_input_ariaRequired,
+        "aria-label": t.question.getCellAriaLabel(t.row, t.column),
+        "aria-invalid": t.question.a11y_input_ariaInvalid,
+        "aria-errormessage": t.question.a11y_input_ariaErrormessage
+      }, null, 42, zn), [
+        [$e, w(n)]
       ]),
       v("span", {
-        class: r(s.question.cssClasses.materialDecorator)
+        class: r(t.question.cssMaterialDecorator)
       }, [
-        s.question.itemSvgIcon ? (i(), a("svg", {
+        o.value ? (i(), a("svg", {
           key: 0,
-          class: r(s.question.cssClasses.itemDecorator)
+          class: r(t.question.cssItemDecorator)
         }, [
-          v("use", {
-            "xlink:href": s.question.itemSvgIcon
-          }, null, 8, On)
+          v("use", { "xlink:href": o.value }, null, 8, Un)
         ], 2)) : p("", !0)
       ], 2),
-      s.question.isMobile ? (i(), a("span", {
+      t.question.isMobile ? (i(), a("span", {
         key: 0,
-        class: r(s.question.cssClasses.cellResponsiveTitle)
+        class: r(t.question.cssClasses.cellResponsiveTitle)
       }, [
         c(m, {
           is: "survey-string",
-          locString: s.column.locText
+          locString: t.column.locText
         }, null, 8, ["locString"])
       ], 2)) : p("", !0)
     ], 34));
   }
-}), Un = /* @__PURE__ */ y({
+}), Kn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -3304,13 +3311,13 @@ const yn = /* @__PURE__ */ y({
       ref: n
     }, null, 8, ["question"]));
   }
-}), Qn = { key: 0 }, Kn = { key: 1 }, jn = /* @__PURE__ */ y({
+}), jn = { key: 0 }, Gn = { key: 1 }, Xn = /* @__PURE__ */ y({
   __name: "MatrixTable",
   props: {
     question: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.question.renderedTable);
+    const e = u, n = M(() => e.question.renderedTable);
     return S(() => n.value), (s, o) => (i(), a("div", {
       style: k({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
       class: r(s.question.cssClasses.tableWrapper)
@@ -3318,9 +3325,9 @@ const yn = /* @__PURE__ */ y({
       v("table", {
         class: r(s.question.getTableCss())
       }, [
-        n.value.showHeader ? (i(), a("thead", Qn, [
+        n.value.showHeader ? (i(), a("thead", jn, [
           v("tr", null, [
-            (i(!0), a(M, null, V(n.value.headerRow.cells, (t) => (i(), a(M, null, [
+            (i(!0), a(H, null, V(n.value.headerRow.cells, (t) => (i(), a(H, null, [
               t.hasTitle ? (i(), a("th", {
                 key: "header_" + t.id,
                 class: r(t.className),
@@ -3354,16 +3361,16 @@ const yn = /* @__PURE__ */ y({
           ])
         ])) : p("", !0),
         v("tbody", null, [
-          (i(!0), a(M, null, V(n.value.renderedRows, (t) => (i(), g(m, {
+          (i(!0), a(H, null, V(n.value.renderedRows, (t) => (i(), g(m, {
             key: s.question.inputId + "_" + t.id,
             is: "survey-matrix-row",
             row: t,
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        n.value.showFooter ? (i(), a("tfoot", Kn, [
+        n.value.showFooter ? (i(), a("tfoot", Gn, [
           v("tr", null, [
-            (i(!0), a(M, null, V(n.value.footerRow.cells, (t, l) => (i(), g(m, {
+            (i(!0), a(H, null, V(n.value.footerRow.cells, (t, l) => (i(), g(m, {
               is: "survey-matrixdropdown-cell",
               cell: t,
               question: s.question,
@@ -3374,7 +3381,7 @@ const yn = /* @__PURE__ */ y({
       ], 2)
     ], 6));
   }
-}), Gn = /* @__PURE__ */ v("span", null, " ", -1), Xn = /* @__PURE__ */ y({
+}), Jn = /* @__PURE__ */ v("span", null, " ", -1), Yn = /* @__PURE__ */ y({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3382,15 +3389,15 @@ const yn = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u;
-    return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), a(M, { key: 0 }, [
-      Gn,
+    return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), a(H, { key: 0 }, [
+      Jn,
       n.column.isRenderedRequired ? (i(), a("span", {
         key: 0,
         class: r(n.question.cssClasses.cellRequiredMark)
       }, I(n.column.requiredMark), 3)) : p("", !0)
     ], 64)) : p("", !0);
   }
-}), Jn = ["title", "colspan"], Yn = /* @__PURE__ */ y({
+}), _n = ["title", "colspan"], xn = /* @__PURE__ */ y({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3399,8 +3406,8 @@ const yn = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = f(!1), s = f(), o = () => e.cell.width || e.cell.minWidth ? { width: e.cell.width, minWidth: e.cell.minWidth } : null, t = () => e.cell.question.parentQuestion.getCellAriaLabel(e.cell.row, e.cell.column), l = () => {
       !e.cell.hasQuestion || !e.question || !e.question.survey || (n.value = e.cell.question.isVisible);
-    }, d = (h) => re(h);
-    l(), Z(() => {
+    }, d = (h) => ie(h);
+    l(), B(() => {
       if (!e.cell.hasQuestion || !e.question || !e.question.survey)
         return;
       e.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -3415,7 +3422,7 @@ const yn = /* @__PURE__ */ y({
       };
       e.question.survey.matrixAfterCellRender(b), q && q.afterRenderCore(h);
     });
-    const C = H(() => {
+    const C = M(() => {
       const h = e.cell;
       if (h.hasPanel) {
         const q = h.panel, b = q.survey;
@@ -3426,7 +3433,7 @@ const yn = /* @__PURE__ */ y({
         }
         return "survey-panel";
       }
-    }), L = H(() => {
+    }), L = M(() => {
       if (e.cell.hasPanel) {
         const q = e.cell.panel, b = q.survey;
         let R;
@@ -3484,7 +3491,7 @@ const yn = /* @__PURE__ */ y({
           question: h.cell.matrix
         }, null, 8, ["column", "question"])
       ], 2)) : p("", !0),
-      h.cell.hasQuestion ? B((i(), a("div", {
+      h.cell.hasQuestion ? Z((i(), a("div", {
         key: 5,
         class: r(h.cell.cellQuestionWrapperClassName)
       }, [
@@ -3534,8 +3541,9 @@ const yn = /* @__PURE__ */ y({
         h.cell.isOtherChoice ? (i(), g(m, {
           key: 3,
           is: "survey-other-choice",
-          question: h.cell.question
-        }, null, 8, ["question"])) : p("", !0)
+          question: h.cell.question,
+          item: h.cell.question.otherItem
+        }, null, 8, ["question", "item"])) : p("", !0)
       ], 2)), [
         [A, n.value]
       ]) : p("", !0),
@@ -3557,9 +3565,9 @@ const yn = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : p("", !0)
-    ], 46, Jn)) : p("", !0);
+    ], 46, _n)) : p("", !0);
   }
-}), _n = /* @__PURE__ */ y({
+}), et = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3622,7 +3630,7 @@ const yn = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 512));
   }
-}), xn = /* @__PURE__ */ y({
+}), st = /* @__PURE__ */ y({
   __name: "MatrixDynamicPlaceholder",
   props: {
     question: {}
@@ -3659,19 +3667,19 @@ const yn = /* @__PURE__ */ y({
     ], 2));
   }
 });
-function le(u, e = !0) {
+function re(u, e = !0) {
   return {
-    question: H(() => u.item.data.question),
-    row: e ? H(() => u.item.data.row) : void 0
+    question: M(() => u.item.data.question),
+    row: e ? M(() => u.item.data.row) : void 0
   };
 }
-const et = ["disabled"], st = /* @__PURE__ */ y({
+const nt = ["disabled"], tt = /* @__PURE__ */ y({
   __name: "RemoveButton",
   props: {
     item: {}
   },
   setup(u) {
-    const e = u, { question: n, row: s } = le(e);
+    const e = u, { question: n, row: s } = re(e);
     return (o, t) => (i(), a("button", {
       type: "button",
       class: r(w(n).getRemoveRowButtonCss()),
@@ -3685,15 +3693,15 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
       v("span", {
         class: r(w(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, et));
+    ], 10, nt));
   }
-}), nt = ["xlink:href"], tt = /* @__PURE__ */ y({
+}), ot = ["xlink:href"], it = /* @__PURE__ */ y({
   __name: "DragDropIcon",
   props: {
     item: {}
   },
   setup(u) {
-    const e = u, { question: n } = le(e, !1);
+    const e = u, { question: n } = re(e, !1);
     return (s, o) => (i(), a("div", null, [
       w(n).iconDragElement ? (i(), a("svg", {
         key: 0,
@@ -3701,20 +3709,20 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
       }, [
         v("use", {
           "xlink:href": w(n).iconDragElement
-        }, null, 8, nt)
+        }, null, 8, ot)
       ], 2)) : (i(), a("span", {
         key: 1,
         class: r(w(n).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), ot = ["title", "aria-expanded", "aria-controls"], it = /* @__PURE__ */ y({
+}), rt = ["title", "aria-expanded", "aria-controls"], lt = /* @__PURE__ */ y({
   __name: "DetailButton",
   props: {
     item: {}
   },
   setup(u) {
-    const e = u, { question: n, row: s } = le(e);
+    const e = u, { question: n, row: s } = re(e);
     return (o, t) => (i(), a("button", {
       type: "button",
       class: r(w(n).getDetailPanelButtonCss(w(s))),
@@ -3729,9 +3737,9 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
         iconName: w(n).getDetailPanelIconId(w(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, ot));
+    ], 10, rt));
   }
-}), rt = ["aria-label"], lt = /* @__PURE__ */ y({
+}), at = ["aria-label"], ut = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3739,7 +3747,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = he();
+    const e = u, n = f(null), s = qe();
     T(
       e,
       n,
@@ -3806,12 +3814,12 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
           style: k({ width: l.question.progress }),
           role: "progressbar",
           "aria-label": l.question.progressBarAriaLabel
-        }, null, 14, rt)
+        }, null, 14, at)
       ], 2)) : p("", !0),
       v("div", {
         class: r(l.question.cssClasses.panelsContainer)
       }, [
-        (i(!0), a(M, null, V(l.question.renderedPanels, (C, L) => (i(), a(M, {
+        (i(!0), a(H, null, V(l.question.renderedPanels, (C, L) => (i(), a(H, {
           key: C.id
         }, [
           v("div", {
@@ -3839,7 +3847,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : p("", !0)
     ], 2));
   }
-}), at = ["aria-label"], ut = /* @__PURE__ */ y({
+}), dt = ["aria-label"], mt = /* @__PURE__ */ y({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3869,7 +3877,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
               style: k({ width: s.question.progress }),
               role: "progressbar",
               "aria-label": s.question.progressBarAriaLabel
-            }, null, 14, at)
+            }, null, 14, dt)
           ], 2)) : p("", !0),
           c(m, {
             is: "sv-paneldynamic-next-btn",
@@ -3887,7 +3895,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), dt = ["aria-label"], mt = /* @__PURE__ */ y({
+}), pt = ["aria-label"], vt = /* @__PURE__ */ y({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3909,7 +3917,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
           style: k({ width: e.question.progress }),
           role: "progressbar",
           "aria-label": e.question.progressBarAriaLabel
-        }, null, 14, dt)
+        }, null, 14, pt)
       ], 2)) : p("", !0),
       e.question.showFooterToolbar ? (i(), a("div", {
         key: 1,
@@ -3922,7 +3930,7 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 2)) : p("", !0);
   }
-}), pt = /* @__PURE__ */ y({
+}), Ct = /* @__PURE__ */ y({
   __name: "PanelDynamicPlaceholder",
   props: {
     question: {}
@@ -3945,11 +3953,11 @@ const et = ["disabled"], st = /* @__PURE__ */ y({
   }
 });
 function X(u) {
-  return H(
+  return M(
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const vt = ["id"], Ct = /* @__PURE__ */ y({
+const ct = ["id"], gt = /* @__PURE__ */ y({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3974,9 +3982,9 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
           locString: w(n).locAddPanelText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, vt)) : p("", !0);
+    ], 10, ct)) : p("", !0);
   }
-}), ct = ["title"], gt = /* @__PURE__ */ y({
+}), yt = ["title"], ht = /* @__PURE__ */ y({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3996,9 +4004,9 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
         iconName: w(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, ct));
+    ], 10, yt));
   }
-}), yt = ["title"], ht = /* @__PURE__ */ y({
+}), qt = ["title"], wt = /* @__PURE__ */ y({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -4018,16 +4026,16 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
         iconName: w(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, yt));
+    ], 10, qt));
   }
-}), qt = ["id"], wt = /* @__PURE__ */ y({
+}), bt = ["id"], Lt = /* @__PURE__ */ y({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
     data: {}
   },
   setup(u) {
-    const e = u, n = X(e), s = H(
+    const e = u, n = X(e), s = M(
       () => e.item && e.item.data.panel || e.data.panel
     ), o = (l) => n.value.getPanelRemoveButtonId(l), t = (l) => {
       n.value.isInputReadOnly || n.value.removePanelUI(l);
@@ -4049,9 +4057,9 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
       v("span", {
         class: r(w(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, qt));
+    ], 10, bt));
   }
-}), bt = /* @__PURE__ */ y({
+}), kt = /* @__PURE__ */ y({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -4063,7 +4071,7 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
       class: r(w(n).cssClasses.progressText)
     }, I(w(n).progressText), 3));
   }
-}), Lt = ["id"], kt = /* @__PURE__ */ y({
+}), ft = ["id"], Ht = /* @__PURE__ */ y({
   __name: "Errors",
   props: {
     element: {},
@@ -4073,14 +4081,12 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
     const e = f();
     return (n, s) => n.element.hasVisibleErrors ? (i(), a("div", {
       key: 0,
-      role: "alert",
-      "aria-live": "polite",
       class: r(n.element.cssError),
       id: n.element.id + "_errors",
       ref_key: "root",
       ref: e
     }, [
-      (i(!0), a(M, null, V(n.element.errors, (o, t) => (i(), g(m, {
+      (i(!0), a(H, null, V(n.element.errors, (o, t) => (i(), g(m, {
         is: n.element.survey.questionErrorComponent,
         element: n.element,
         key: "error_" + t,
@@ -4088,21 +4094,21 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
         error: o,
         cssClasses: n.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, Lt)) : p("", !0);
+    ], 10, ft)) : p("", !0);
   }
-}), ft = { key: 0 }, Ht = /* @__PURE__ */ y({
+}), Mt = { key: 0 }, It = /* @__PURE__ */ y({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", ft, I(e.question.comment), 1)) : (i(), g(m, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", Mt, I(e.question.comment), 1)) : (i(), g(m, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), Mt = /* @__PURE__ */ y({
+}), Vt = /* @__PURE__ */ y({
   __name: "TitleElement",
   props: {
     element: {},
@@ -4110,9 +4116,9 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = (n) => {
-      qe(n);
+      we(n);
     };
-    return (n, s) => n.element.hasTitle ? (i(), g(ge(n.element.titleTagName), {
+    return (n, s) => n.element.hasTitle ? (i(), g(ce(n.element.titleTagName), {
       key: 0,
       class: r(n.element.cssTitle),
       "aria-label": n.element.titleAriaLabel,
@@ -4155,7 +4161,7 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : p("", !0);
   }
-}), It = { key: 2 }, Vt = { key: 4 }, St = { key: 6 }, Rt = { key: 8 }, Tt = /* @__PURE__ */ y({
+}), St = { key: 2 }, Rt = { key: 4 }, Tt = { key: 6 }, Bt = { key: 8 }, Zt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -4163,7 +4169,7 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
     css: {}
   },
   setup(u) {
-    return (e, n) => (i(), a(M, null, [
+    return (e, n) => (i(), a(H, null, [
       e.element.isTitleRenderedAsString ? (i(), g(m, {
         key: 0,
         is: "survey-string",
@@ -4174,26 +4180,26 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
       }, I(e.element.requiredMark), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", It, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", St, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", {
         key: 3,
         style: { position: "static" },
         class: r(e.element.cssTitleNumber),
         "aria-hidden": !0
       }, I(e.element.no), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", Vt, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", Rt, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", {
         key: 5,
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
       }, I(e.element.requiredMark), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", St, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", Tt, " ")) : p("", !0),
       e.element.isTitleRenderedAsString ? p("", !0) : (i(), g(m, {
         key: 7,
         is: "survey-string",
         locString: e.element.locRenderedTitle
       }, null, 8, ["locString"])),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", Rt, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", Bt, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", {
         key: 9,
         class: r(e.element.cssRequiredMark),
@@ -4201,16 +4207,16 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
       }, I(e.element.requiredMark), 3)) : p("", !0)
     ], 64));
   }
-}), Bt = { class: "sv-title-actions" }, Zt = { class: "sv-title-actions__title" }, $t = /* @__PURE__ */ y({
+}), $t = { class: "sv-title-actions" }, Dt = { class: "sv-title-actions__title" }, At = /* @__PURE__ */ y({
   __name: "TitleActions",
   props: {
     element: {},
     css: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.element.getTitleToolbar());
-    return (s, o) => (i(), a("div", Bt, [
-      v("span", Zt, [
+    const e = u, n = M(() => e.element.getTitleToolbar());
+    return (s, o) => (i(), a("div", $t, [
+      v("span", Dt, [
         s.element.isPage ? (i(), g(m, {
           key: 0,
           is: "survey-string",
@@ -4229,20 +4235,20 @@ const vt = ["id"], Ct = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ]));
   }
-}), Dt = (u, e) => {
+}), Pt = (u, e) => {
   const n = u.__vccOpts || u;
   for (const [s, o] of e)
     n[s] = o;
   return n;
-}, At = {}, Pt = { class: "sv-brand-info" }, Nt = /* @__PURE__ */ $e('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), Et = [
-  Nt
+}, Nt = {}, Et = { class: "sv-brand-info" }, Wt = /* @__PURE__ */ De('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), Ft = [
+  Wt
 ];
-function Wt(u, e) {
-  return i(), a("div", Pt, Et);
+function Ot(u, e) {
+  return i(), a("div", Et, Ft);
 }
-const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use", null, null, -1), zt = [
-  Ot
-], Ut = /* @__PURE__ */ y({
+const zt = /* @__PURE__ */ Pt(Nt, [["render", Ot]]), Ut = /* @__PURE__ */ v("use", null, null, -1), Qt = [
+  Ut
+], Kt = /* @__PURE__ */ y({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -4253,7 +4259,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u, n = f(), s = () => {
-      Oe(
+      ze(
         e.size,
         e.width,
         e.height,
@@ -4264,16 +4270,16 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     };
     return z(() => {
       s();
-    }), Z(() => {
+    }), B(() => {
       s();
     }), (o, t) => (i(), a("svg", {
       ref_key: "svgIconElement",
       ref: n,
       class: "sv-svg-icon",
       role: "presentation"
-    }, zt, 512));
+    }, Qt, 512));
   }
-}), Qt = /* @__PURE__ */ y({
+}), jt = /* @__PURE__ */ y({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -4301,7 +4307,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       ], 2)
     ]));
   }
-}), Kt = /* @__PURE__ */ y({
+}), Gt = /* @__PURE__ */ y({
   __name: "ActionBar",
   props: {
     model: {},
@@ -4315,13 +4321,13 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     S(() => e.model, void 0, (l) => {
       l.resetResponsivityManager();
     });
-    const o = ne(() => e.model.renderedActions);
+    const o = se(() => e.model.renderedActions);
     function t() {
       e.model.hasVisibleActions && e.model.initResponsivityManager(n.value);
     }
     return z(() => {
       t();
-    }), Z(() => {
+    }), B(() => {
       t();
     }), (l, d) => l.model.hasActions ? (i(), a("div", {
       key: 0,
@@ -4331,23 +4337,23 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       class: r(l.model.getRootCss()),
       onClick: s
     }, [
-      (i(!0), a(M, null, V(w(o), (C) => (i(), g(m, {
+      (i(!0), a(H, null, V(w(o), (C) => (i(), g(m, {
         is: "sv-action",
         key: C.renderedId,
         item: C
       }, null, 8, ["item"]))), 128))
     ], 6)) : p("", !0);
   }
-}), jt = ["id"], Gt = { class: "sv-action__content" }, Xt = /* @__PURE__ */ y({
+}), Xt = ["id"], Jt = { class: "sv-action__content" }, Yt = /* @__PURE__ */ y({
   __name: "Action",
   props: {
     item: {}
   },
   setup(u) {
-    const e = f(), n = u, s = H(
+    const e = f(), n = u, s = M(
       () => n.item.component || "sv-action-bar-item"
     );
-    return S(() => n.item), Z(() => {
+    return S(() => n.item), B(() => {
       const o = n.item;
       o.updateModeCallback = (t, l) => {
         o.mode = t, ye(() => {
@@ -4363,7 +4369,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       ref_key: "root",
       ref: e
     }, [
-      v("div", Gt, [
+      v("div", Jt, [
         o.item.needSeparator ? (i(), g(m, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4373,7 +4379,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           item: o.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, jt));
+    ], 10, Xt));
   }
 }), Q = {
   mounted: function(u, e) {
@@ -4387,23 +4393,23 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       u.tabIndex = -1;
       return;
     }
-    n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), qe(s, n), !1)), u.addEventListener("keydown", (s) => {
-      ze(s, n);
+    n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), we(s, n), !1)), u.addEventListener("keydown", (s) => {
+      Ue(s, n);
     }), u.addEventListener("blur", (s) => {
-      Ue(s);
+      Qe(s);
     });
   }
-}, Jt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Yt = {
+}, _t = ["disabled", "title", "aria-checked", "aria-expanded", "role"], xt = {
   inheritAttrs: !1
-}, _t = /* @__PURE__ */ y({
-  ...Yt,
+}, eo = /* @__PURE__ */ y({
+  ...xt,
   __name: "ActionBarItem",
   props: {
     item: {}
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => B((i(), a("button", {
+    return S(() => e.item), (n, s) => Z((i(), a("button", {
       class: r(n.item.getActionBarItemCss()),
       type: "button",
       onClick: s[0] || (s[0] = (o) => {
@@ -4436,14 +4442,14 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
         key: 1,
         class: r(n.item.getActionBarItemTitleCss())
       }, I(n.item.title), 3)) : p("", !0)
-    ], 42, Jt)), [
+    ], 42, _t)), [
       [w(Q), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
   }
-}), xt = ["disabled", "title", "role"], eo = {
+}), so = ["disabled", "title", "role"], no = {
   inheritAttrs: !1
-}, so = /* @__PURE__ */ y({
-  ...eo,
+}, to = /* @__PURE__ */ y({
+  ...no,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -4454,13 +4460,13 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     return S(
       () => e.item,
       (s) => {
-        n = new Qe(s);
+        n = new Ke(s);
       },
       () => {
         n.dispose();
       }
-    ), (s, o) => (i(), a(M, null, [
-      B((i(), a("button", {
+    ), (s, o) => (i(), a(H, null, [
+      Z((i(), a("button", {
         type: "button",
         class: r(s.item.getActionBarItemCss()),
         onClick: o[0] || (o[0] = (t) => {
@@ -4485,7 +4491,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           key: 1,
           class: r(s.item.getActionBarItemTitleCss())
         }, I(s.item.title), 3)) : p("", !0)
-      ], 42, xt)), [
+      ], 42, so)), [
         [w(Q), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       c(m, {
@@ -4494,18 +4500,18 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), no = /* @__PURE__ */ y({
+}), oo = /* @__PURE__ */ y({
   __name: "ActionBarSeparator",
   props: {
     item: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.item && e.item.innerCss);
+    const e = u, n = M(() => e.item && e.item.innerCss);
     return (s, o) => (i(), a("div", {
       class: r(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), to = ["aria-label", "placeholder", "value"], oo = ["aria-label"], io = ["role", "aria-label", "id"], ro = /* @__PURE__ */ y({
+}), io = ["aria-label", "placeholder", "value"], ro = ["aria-label"], lo = ["role", "aria-label", "id"], ao = /* @__PURE__ */ y({
   __name: "List",
   props: {
     model: {}
@@ -4519,8 +4525,8 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       C.filterString = d.target.value, e.model.goToItems(d);
     }, t = (d) => {
       e.model.onMouseMove(d);
-    }, l = ne(() => e.model.renderedActions);
-    return S(() => e.model), Z(() => {
+    }, l = se(() => e.model.renderedActions);
+    return S(() => e.model), B(() => {
       e.model.initListContainerHtmlElement(n.value);
     }), P(() => {
       e.model && (e.model.removeScrollEventListener(), e.model.initListContainerHtmlElement(void 0));
@@ -4550,7 +4556,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: o
-        }, null, 42, to),
+        }, null, 42, io),
         d.model.showSearchClearButton && d.model.filterString ? (i(), a("button", {
           key: 0,
           onClick: C[0] || (C[0] = (L) => {
@@ -4565,17 +4571,17 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           })
         ], 2)) : p("", !0)
       ], 2)) : p("", !0),
-      B(v("div", {
+      Z(v("div", {
         class: r(d.model.cssClasses.emptyContainer)
       }, [
         v("div", {
           class: r(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
-        }, I(d.model.emptyMessage), 11, oo)
+        }, I(d.model.emptyMessage), 11, ro)
       ], 2), [
         [A, d.model.isEmpty]
       ]),
-      d.model.renderElements ? B((i(), a("ul", {
+      d.model.renderElements ? Z((i(), a("ul", {
         key: 1,
         class: r(d.model.getListClass()),
         role: d.model.listRole,
@@ -4589,36 +4595,36 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           d.model.onKeyDown(L);
         })
       }, [
-        (i(!0), a(M, null, V(w(l), (L) => (i(), g(m, {
+        (i(!0), a(H, null, V(w(l), (L) => (i(), g(m, {
           is: "sv-list-item",
           item: L,
           model: d.model,
           key: L.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, io)), [
+      ], 42, lo)), [
         [A, !d.model.isEmpty]
       ]) : p("", !0)
     ], 2));
   }
-}), lo = ["role", "aria-selected", "aria-checked", "id", "tabindex"], ao = ["title"], uo = /* @__PURE__ */ y({
+}), uo = ["role", "aria-selected", "aria-checked", "id", "tabindex"], mo = ["title"], po = /* @__PURE__ */ y({
   __name: "ListItem",
   props: {
     model: {},
     item: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.item.elementId), s = (t) => {
+    const e = u, n = M(() => e.item.elementId), s = (t) => {
       e.model.onItemClick(e.item), t.stopPropagation();
     };
     S(() => e.item);
-    const o = H(
+    const o = M(
       () => e.item.component || e.model.itemComponent
     );
-    return Z(() => {
+    return B(() => {
       setTimeout(() => {
         e.model.onLastItemRended(e.item);
       });
-    }), (t, l) => B((i(), a("li", {
+    }), (t, l) => Z((i(), a("li", {
       role: t.model.listItemRole,
       "aria-selected": t.model.getA11yItemAriaSelected(t.item),
       "aria-checked": t.model.getA11yItemAriaChecked(t.item),
@@ -4645,13 +4651,13 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, ao)
-    ], 42, lo)), [
+      ], 46, mo)
+    ], 42, uo)), [
       [A, t.model.isItemVisible(t.item)],
       [w(Q), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), mo = /* @__PURE__ */ y({
+}), vo = /* @__PURE__ */ y({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4659,7 +4665,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (i(), a(M, null, [
+    return S(() => e.item), (n, s) => (i(), a(H, null, [
       n.item.iconName ? (i(), g(m, {
         key: 0,
         is: "sv-svg-icon",
@@ -4680,7 +4686,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       }, null, 8, ["class", "iconName"])) : p("", !0)
     ], 64));
   }
-}), po = /* @__PURE__ */ y({
+}), Co = /* @__PURE__ */ y({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4688,7 +4694,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (i(), a(M, null, [
+    return S(() => e.item), (n, s) => (i(), a(H, null, [
       c(m, {
         is: "sv-list-item-content",
         item: n.item,
@@ -4700,7 +4706,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), vo = /* @__PURE__ */ y({
+}), co = /* @__PURE__ */ y({
   __name: "Popup",
   props: {
     model: {}
@@ -4713,10 +4719,10 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     return W(
       () => e.model,
       (t) => {
-        n.value && n.value.dispose(), n.value = Ke(t), o();
+        n.value && n.value.dispose(), n.value = je(t), o();
       },
       { immediate: !0 }
-    ), S(() => n.value), Z(() => {
+    ), S(() => n.value), B(() => {
       o();
     }), P(() => {
       n.value.dispose();
@@ -4730,13 +4736,13 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), Co = { class: "sv-popup__body-content" }, co = {
+}), go = { class: "sv-popup__body-content" }, yo = {
   key: 0,
   class: "sv-popup__body-header"
-}, go = { class: "sv-popup__scrolling-content" }, yo = { class: "sv-popup__content" }, ho = {
+}, ho = { class: "sv-popup__scrolling-content" }, qo = { class: "sv-popup__content" }, wo = {
   key: 1,
   class: "sv-popup__body-footer"
-}, qo = /* @__PURE__ */ y({
+}, bo = /* @__PURE__ */ y({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4748,9 +4754,9 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     return S(() => e.model), z(() => {
       const s = e.model;
       s.isVisible && !s.isPositionSet && e.model.updateOnShowing();
-    }), Z(() => {
+    }), B(() => {
       e.model.isVisible && e.model.updateOnShowing();
-    }), (s, o) => B((i(), a("div", {
+    }), (s, o) => Z((i(), a("div", {
       tabindex: "-1",
       class: r(["sv-popup", s.model.styleClass]),
       onKeydown: o[0] || (o[0] = (t) => {
@@ -4776,16 +4782,16 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : p("", !0),
-        v("div", Co, [
-          s.model.title ? (i(), a("div", co, I(s.model.title), 1)) : p("", !0),
-          v("div", go, [
-            v("div", yo, [
+        v("div", go, [
+          s.model.title ? (i(), a("div", yo, I(s.model.title), 1)) : p("", !0),
+          v("div", ho, [
+            v("div", qo, [
               c(m, $({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (i(), a("div", ho, [
+          s.model.showFooter ? (i(), a("div", wo, [
             c(m, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4797,7 +4803,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       [A, s.model.isVisible]
     ]);
   }
-}), wo = /* @__PURE__ */ y({
+}), Lo = /* @__PURE__ */ y({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4811,7 +4817,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       })
     }, null, 4));
   }
-}), bo = /* @__PURE__ */ y({
+}), ko = /* @__PURE__ */ y({
   __name: "Container",
   props: {
     survey: {},
@@ -4819,22 +4825,22 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     needRenderWrapper: {}
   },
   setup(u) {
-    const e = u, n = H(
+    const e = u, n = M(
       () => e.survey.getContainerContent(e.container)
     );
-    return (s, o) => n.value.length > 0 ? (i(), a(M, { key: 0 }, [
+    return (s, o) => n.value.length > 0 ? (i(), a(H, { key: 0 }, [
       s.needRenderWrapper ? (i(), a("div", {
         key: 0,
         class: r(["sv-components-column", "sv-components-container-" + s.container])
       }, [
-        (i(!0), a(M, null, V(n.value, (t) => (i(), g(m, {
+        (i(!0), a(H, null, V(n.value, (t) => (i(), g(m, {
           key: t.id,
           is: t.component,
           survey: s.survey,
           container: s.container,
           model: t.data
         }, null, 8, ["is", "survey", "container", "model"]))), 128))
-      ], 2)) : (i(!0), a(M, { key: 1 }, V(n.value, (t) => (i(), g(m, {
+      ], 2)) : (i(!0), a(H, { key: 1 }, V(n.value, (t) => (i(), g(m, {
         key: t.id,
         is: t.component,
         survey: s.survey,
@@ -4843,7 +4849,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
       }, null, 8, ["is", "survey", "container", "model"]))), 128))
     ], 64)) : p("", !0);
   }
-}), Lo = ["aria-label"], Y = /* @__PURE__ */ y({
+}), fo = ["aria-label"], Y = /* @__PURE__ */ y({
   __name: "Progress",
   props: {
     survey: {},
@@ -4851,7 +4857,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     css: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.survey.progressValue + "%"), s = (t) => pe.getProgressTextInBarCss(t), o = (t) => pe.getProgressTextUnderBarCss(t);
+    const e = u, n = M(() => e.survey.progressValue + "%"), s = (t) => me.getProgressTextInBarCss(t), o = (t) => me.getProgressTextUnderBarCss(t);
     return (t, l) => (i(), a("div", {
       class: r(t.survey.getProgressCssClasses(t.container))
     }, [
@@ -4866,13 +4872,13 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
         v("span", {
           class: r(s(t.survey.css))
         }, I(t.survey.progressText), 3)
-      ], 14, Lo),
+      ], 14, fo),
       v("span", {
         class: r(o(t.survey.css))
       }, I(t.survey.progressText), 3)
     ], 2));
   }
-}), ko = ["aria-label"], fo = ["title"], Ho = ["onClick", "data-page-number"], Mo = ["title"], Io = ["title"], Vo = ["title"], So = /* @__PURE__ */ y({
+}), Ho = ["aria-label"], Mo = ["title"], Io = ["onClick", "data-page-number"], Vo = ["title"], So = ["title"], Ro = ["title"], To = /* @__PURE__ */ y({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4880,15 +4886,15 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
     container: {}
   },
   setup(u) {
-    const e = u, n = f(!1), s = f(!1), o = f(!1), t = f(!0), l = f(), d = H(() => e.survey.css);
+    const e = u, n = f(!1), s = f(!1), o = f(!1), t = f(!0), l = f(), d = M(() => e.survey.css);
     let C = null;
     const L = (h) => {
       let q = l.value;
       q.scrollLeft += (h ? -1 : 1) * 70;
     };
-    return Z(() => {
+    return B(() => {
       const h = l.value;
-      C = new je(e.model, h, {
+      C = new Ge(e.model, h, {
         onResize: (q) => {
           t.value = q, s.value = !q;
         },
@@ -4898,7 +4904,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
         onUpdateSettings: () => {
           t.value = e.model.showItemTitles, o.value = !e.model.showItemTitles;
         },
-        container: H(() => e.container)
+        container: M(() => e.container)
       });
     }), O(() => {
       C.dispose();
@@ -4917,7 +4923,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
         v("div", {
           class: r(h.survey.css.progressButtonsPageTitle),
           title: h.model.headerText
-        }, I(h.model.headerText), 11, fo)
+        }, I(h.model.headerText), 11, Mo)
       ], 2)) : p("", !0),
       v("div", {
         class: r(d.value.progressButtonsContainer)
@@ -4935,7 +4941,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
           v("ul", {
             class: r(d.value.progressButtonsList)
           }, [
-            (i(!0), a(M, null, V(h.survey.visiblePages, (b, R) => (i(), a("li", {
+            (i(!0), a(H, null, V(h.survey.visiblePages, (b, R) => (i(), a("li", {
               key: "listelement" + R,
               class: r(h.model.getListElementCss(R)),
               onClick: (N) => h.model.isListElementClickable(R) ? h.model.clickListElement(b) : null,
@@ -4953,12 +4959,12 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
                   is: "survey-string",
                   locString: b.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, Mo)) : p("", !0),
+              ], 10, Vo)) : p("", !0),
               t.value ? (i(), a("div", {
                 key: 1,
                 class: r(d.value.progressButtonsPageDescription),
                 title: b.locNavigationDescription.renderedHtml
-              }, I(b.locNavigationDescription.renderedHtml), 11, Io)) : p("", !0),
+              }, I(b.locNavigationDescription.renderedHtml), 11, So)) : p("", !0),
               v("div", {
                 class: r(d.value.progressButtonsButton)
               }, [
@@ -4970,7 +4976,7 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
                 }, null, 2),
                 v("span", null, I(h.model.getItemNumber(b)), 1)
               ], 2)
-            ], 10, Ho))), 128))
+            ], 10, Io))), 128))
           ], 2)
         ], 2),
         v("div", {
@@ -4986,11 +4992,11 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
         v("div", {
           class: r(h.survey.css.progressButtonsPageTitle),
           title: h.model.footerText
-        }, I(h.model.footerText), 11, Vo)
+        }, I(h.model.footerText), 11, Ro)
       ], 2)) : p("", !0)
-    ], 14, ko));
+    ], 14, Ho));
   }
-}), Ro = /* @__PURE__ */ y({
+}), Bo = /* @__PURE__ */ y({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4998,12 +5004,12 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return Z(() => {
+    return B(() => {
       e.model.updateStickyTOCSize(e.survey.rootElement);
     }), (n, s) => (i(), a("div", {
       class: r(n.model.containerCss)
     }, [
-      n.model.isMobile ? B((i(), a("div", {
+      n.model.isMobile ? Z((i(), a("div", {
         key: 0,
         onClick: s[0] || (s[0] = //@ts-ignore
         (...o) => n.model.togglePopup && n.model.togglePopup(...o))
@@ -5028,11 +5034,11 @@ const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use
   }
 });
 /*!
- * surveyjs - Survey JavaScript library v2.2.5
+ * surveyjs - Survey JavaScript library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
-var To = {
+var Zo = {
   modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
   modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
   modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
@@ -5096,11 +5102,11 @@ var To = {
   "smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
 };
 /*!
- * surveyjs - Survey JavaScript library v2.2.5
+ * surveyjs - Survey JavaScript library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
-var ke = {
+var fe = {
   modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
   modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
   modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
@@ -5163,34 +5169,34 @@ var ke = {
   "smiley-rate8-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"></path></svg>',
   "smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
 };
-const Bo = ["lang", "dir"], Zo = { onsubmit: "return false;" }, $o = {
+const $o = ["lang", "dir"], Do = { onsubmit: "return false;" }, Ao = {
   key: 0,
   class: "sv_custom_header"
-}, Do = { class: "sv-components-column sv-components-column--expandable" }, Ao = ["id"], Po = { key: 2 }, No = ["innerHTML"], Eo = ["innerHTML"], Wo = ["innerHTML"];
-we("v1", To);
-we("v2", ke);
-_.registerIcons(ke);
-const ae = /* @__PURE__ */ y({
+}, Po = { class: "sv-components-column sv-components-column--expandable" }, No = ["id"], Eo = { key: 2 }, Wo = ["innerHTML"], Fo = ["innerHTML"], Oo = ["innerHTML"];
+be("v1", Zo);
+be("v2", fe);
+_.registerIcons(fe);
+const le = /* @__PURE__ */ y({
   __name: "Survey",
   props: {
     model: {},
     survey: {}
   },
   setup(u) {
-    const e = u, n = f(), s = f(""), o = f(1), t = H(() => {
+    const e = u, n = f(), s = f(""), o = f(1), t = M(() => {
       const R = e.survey ? e.survey : e.model;
-      return De(R);
-    }), l = H(() => t.value.activePage ? t.value.activePage.id : ""), d = () => {
+      return Ae(R);
+    }), l = M(() => t.value.activePage ? t.value.activePage.id : ""), d = () => {
       const R = l.value;
       return !!t.value && R + o.value.toString();
-    }, C = H(
+    }, C = M(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), L = H(() => t.value.css), h = H(() => "page" + d()), q = () => C.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", b = (R) => {
+    ), L = M(() => t.value.css), h = M(() => "page" + d()), q = () => C.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", b = (R) => {
       if (R) {
         var N = n.value;
         N && R.afterRenderSurvey(N), R.renderCallback = () => {
           var K, j;
-          o.value++, (j = (K = he()) == null ? void 0 : K.proxy) == null || j.$forceUpdate();
+          o.value++, (j = (K = qe()) == null ? void 0 : K.proxy) == null || j.$forceUpdate();
         }, R.startTimerFromUI();
       }
     };
@@ -5202,7 +5208,7 @@ const ae = /* @__PURE__ */ y({
       (R) => {
         R.stopTimer(), R.renderCallback = void 0;
       }
-    ), Z(() => {
+    ), B(() => {
       b(t.value);
     }), P(() => {
       t.value.stopTimer(), t.value.beforeDestroySurveyElement(), t.value.renderCallback = void 0;
@@ -5232,13 +5238,13 @@ const ae = /* @__PURE__ */ y({
               class: r(L.value.rootBackgroundImage),
               style: k(t.value.backgroundImageStyle)
             }, null, 6)) : p("", !0),
-            v("form", Zo, [
+            v("form", Do, [
               c(m, {
                 is: "sv-scroll",
                 disabled: t.value.formScrollDisabled
               }, {
                 default: D(() => [
-                  t.value.hasLogo ? p("", !0) : (i(), a("div", $o)),
+                  t.value.hasLogo ? p("", !0) : (i(), a("div", Ao)),
                   v("div", {
                     class: r(L.value.container)
                   }, [
@@ -5263,7 +5269,7 @@ const ae = /* @__PURE__ */ y({
                         container: "left",
                         needRenderWrapper: !0
                       }, null, 8, ["survey"]),
-                      v("div", Do, [
+                      v("div", Po, [
                         c(m, {
                           is: "sv-components-container",
                           survey: t.value,
@@ -5298,7 +5304,7 @@ const ae = /* @__PURE__ */ y({
                             key: 0,
                             is: "sv-brand-info"
                           })) : p("", !0)
-                        ], 14, Ao)
+                        ], 14, No)
                       ]),
                       c(m, {
                         is: "sv-components-container",
@@ -5313,11 +5319,11 @@ const ae = /* @__PURE__ */ y({
                       container: "footer",
                       needRenderWrapper: !1
                     }, null, 8, ["survey"]),
-                    C.value ? (i(), a("div", Po, [
+                    C.value ? (i(), a("div", Eo, [
                       v("div", {
                         innerHTML: q(),
                         class: r(t.value.completedCss)
-                      }, null, 10, No),
+                      }, null, 10, Wo),
                       c(m, {
                         is: "sv-components-container",
                         survey: t.value,
@@ -5329,12 +5335,12 @@ const ae = /* @__PURE__ */ y({
                       key: 3,
                       class: r(t.value.completedBeforeCss),
                       innerHTML: t.value.processedCompletedBeforeHtml
-                    }, null, 10, Eo)) : p("", !0),
+                    }, null, 10, Fo)) : p("", !0),
                     t.value.state === "loading" ? (i(), a("div", {
                       key: 4,
                       class: r(t.value.loadingBodyCss),
                       innerHTML: t.value.processedLoadingHtml
-                    }, null, 10, Wo)) : p("", !0),
+                    }, null, 10, Oo)) : p("", !0),
                     t.value.state === "empty" ? (i(), a("div", {
                       key: 5,
                       class: r(L.value.bodyEmpty)
@@ -5352,9 +5358,9 @@ const ae = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 14, Bo));
+    ], 14, $o));
   }
-}), Fo = /* @__PURE__ */ y({
+}), zo = /* @__PURE__ */ y({
   __name: "Notifier",
   props: {
     model: {}
@@ -5375,23 +5381,24 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 6)) : p("", !0);
   }
-}), Oo = { key: 0 }, zo = /* @__PURE__ */ y({
+}), Uo = { key: 0 }, Qo = /* @__PURE__ */ y({
   __name: "QuestionOther",
   props: {
-    question: {}
+    question: {},
+    item: {}
   },
   setup(u) {
     return (e, n) => (i(), a("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (i(), a("div", Oo, I(e.question.otherValue), 1)) : (i(), g(m, {
+      e.question.isReadOnlyRenderDiv() ? (i(), a("div", Uo, I(e.question.getCommentValue(e.item)), 1)) : (i(), g(m, {
         key: 1,
         is: "sv-text-area",
-        model: e.question.otherTextAreaModel
+        model: e.question.getCommentTextAreaModel(e.item)
       }, null, 8, ["model"]))
     ], 2));
   }
-}), Uo = ["disabled", "value", "title"], Qo = /* @__PURE__ */ y({
+}), Ko = ["disabled", "value", "title"], jo = /* @__PURE__ */ y({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -5408,9 +5415,9 @@ const ae = /* @__PURE__ */ y({
       onMousedown: n,
       onClick: o[0] || (o[0] = //@ts-ignore
       (...t) => s.item.action && s.item.action(...t))
-    }, null, 42, Uo)) : p("", !0);
+    }, null, 42, Ko)) : p("", !0);
   }
-}), fe = /* @__PURE__ */ y({
+}), He = /* @__PURE__ */ y({
   __name: "PopupSurvey",
   props: {
     survey: {},
@@ -5437,7 +5444,7 @@ const ae = /* @__PURE__ */ y({
     const C = W(
       () => e.survey,
       (L) => {
-        const h = new Ge(null, L);
+        const h = new Xe(null, L);
         e.isExpanded !== void 0 && (h.isExpanded = e.isExpanded), e.closeOnCompleteTimeout !== void 0 && (h.closeOnCompleteTimeout = e.closeOnCompleteTimeout), e.allowClose !== void 0 && (h.allowClose = e.allowClose), e.allowFullScreen !== void 0 && (h.allowFullScreen = e.allowFullScreen), h.isShowing = !0, n.value = h;
       },
       {
@@ -5519,24 +5526,24 @@ const ae = /* @__PURE__ */ y({
         v("div", {
           class: r(n.value.cssBody)
         }, [
-          c(ae, { survey: L.survey }, null, 8, ["survey"])
+          c(le, { survey: L.survey }, null, 8, ["survey"])
         ], 2)
       ], 2)
     ], 38)) : p("", !0);
   }
-}), Ko = ["innerHTML"], jo = /* @__PURE__ */ y({
+}), Go = ["innerHTML"], Xo = /* @__PURE__ */ y({
   __name: "CustomWidget",
   props: {
     question: {},
     css: {}
   },
   setup(u) {
-    const e = u, n = f(), s = H(
+    const e = u, n = f(), s = M(
       () => e.question.customWidget.isDefaultRender
-    ), o = H(
+    ), o = M(
       () => !!e.question.customWidget.htmlTemplate
-    ), t = H(() => e.question.customWidget.htmlTemplate), l = H(() => "survey-" + e.question.getTemplate());
-    return Z(() => {
+    ), t = M(() => e.question.customWidget.htmlTemplate), l = M(() => "survey-" + e.question.getTemplate());
+    return B(() => {
       e.question.customWidget.afterRender(e.question, n.value);
     }), O(() => {
       e.question.customWidget.willUnmount(e.question, n.value);
@@ -5547,7 +5554,7 @@ const ae = /* @__PURE__ */ y({
       o.value ? (i(), a("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, Ko)) : p("", !0),
+      }, null, 8, Go)) : p("", !0),
       s.value ? (i(), g(m, {
         key: 1,
         is: l.value,
@@ -5556,12 +5563,12 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["is", "question", "css"])) : p("", !0)
     ], 512));
   }
-}), Go = /* @__PURE__ */ y({
+}), Jo = /* @__PURE__ */ y({
   __name: "PopupModal",
   setup(u) {
     const e = E();
     function n(s, o) {
-      const t = Xe(
+      const t = Je(
         s,
         o
       ), l = (d, C) => {
@@ -5569,9 +5576,9 @@ const ae = /* @__PURE__ */ y({
       };
       return t.onVisibilityChanged.add(l), t.model.isVisible = !0, e.value = t, t;
     }
-    return te.showDialog || (te.showDialog = n, P(() => {
-      te.showDialog = void 0;
-    })), (s, o) => e.value ? (i(), g(Ae, {
+    return ne.showDialog || (ne.showDialog = n, P(() => {
+      ne.showDialog = void 0;
+    })), (s, o) => e.value ? (i(), g(Pe, {
       key: 0,
       to: e.value.container
     }, [
@@ -5581,7 +5588,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 8, ["to"])) : p("", !0);
   }
-}), Xo = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Jo = /* @__PURE__ */ y({
+}), Yo = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], _o = /* @__PURE__ */ y({
   __name: "TextArea",
   props: {
     model: {},
@@ -5592,8 +5599,8 @@ const ae = /* @__PURE__ */ y({
       null
     ), s = function(t) {
       n.value = t, e.getRef && e.getRef(t);
-    }, o = H(() => e.model.getTextValue() || "");
-    return Z(() => {
+    }, o = M(() => e.model.getTextValue() || "");
+    return B(() => {
       e.model.setElement(n.value);
     }), z(() => {
       e.model.setElement(n.value);
@@ -5632,9 +5639,9 @@ const ae = /* @__PURE__ */ y({
       "aria-invalid": t.model.ariaInvalid,
       "aria-errormessage": t.model.ariaErrormessage,
       style: k({ resize: t.model.question.resizeStyle })
-    }, null, 46, Xo));
+    }, null, 46, Yo));
   }
-}), Yo = /* @__PURE__ */ y({
+}), xo = /* @__PURE__ */ y({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5646,7 +5653,7 @@ const ae = /* @__PURE__ */ y({
       class: r(n.remainingCharacterCounter)
     }, I(n.counter.remainingCharacterCounter), 3));
   }
-}), _o = /* @__PURE__ */ y({
+}), ei = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5656,7 +5663,7 @@ const ae = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = f(null);
     T(e, n);
-    const s = H(() => e.question.contentPanel);
+    const s = M(() => e.question.contentPanel);
     return (o, t) => (i(), g(m, {
       is: "survey-panel",
       ref_key: "root",
@@ -5665,7 +5672,7 @@ const ae = /* @__PURE__ */ y({
       css: o.css
     }, null, 8, ["element", "css"]));
   }
-}), xo = /* @__PURE__ */ y({
+}), si = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5675,7 +5682,7 @@ const ae = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = f(null);
     T(e, n);
-    const s = H(() => e.question.contentQuestion), o = (t) => re(t);
+    const s = M(() => e.question.contentQuestion), o = (t) => ie(t);
     return (t, l) => (i(), g(m, {
       ref: n.value,
       is: o(s.value),
@@ -5683,16 +5690,16 @@ const ae = /* @__PURE__ */ y({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), ei = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), si = [
-  ei
-], ce = 440, ni = /* @__PURE__ */ y({
+}), ni = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ti = [
+  ni
+], Ce = 440, oi = /* @__PURE__ */ y({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(u) {
-    const e = u, n = H(() => ce * e.model.progress), s = H(() => e.model.text);
+    const e = u, n = M(() => Ce * e.model.progress), s = M(() => e.model.text);
     return S(() => e.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), a("div", {
       key: 0,
       class: r(o.model.rootCss)
@@ -5700,8 +5707,8 @@ const ae = /* @__PURE__ */ y({
       o.model.showProgress ? (i(), a("svg", {
         key: 0,
         class: r(o.model.getProgressCss()),
-        style: k({ strokeDasharray: ce, strokeDashoffset: n.value })
-      }, si, 6)) : p("", !0),
+        style: k({ strokeDasharray: Ce, strokeDashoffset: n.value })
+      }, ti, 6)) : p("", !0),
       v("div", {
         class: r(o.model.textContainerCss)
       }, [
@@ -5713,17 +5720,17 @@ const ae = /* @__PURE__ */ y({
           class: r(o.model.minorTextCss)
         }, I(o.model.clockMinorText), 3)) : p("", !0)
       ], 2)
-    ], 2)) : B((i(), a("div", {
+    ], 2)) : Z((i(), a("div", {
       key: 1,
       class: r(o.model.survey.getCss().timerRoot)
     }, I(s.value), 3)), [
       [A, o.model.isRunning && !o.model.showTimerAsClock]
     ]);
   }
-}), ti = { class: "sd-loading-indicator" }, oi = /* @__PURE__ */ y({
+}), ii = { class: "sd-loading-indicator" }, ri = /* @__PURE__ */ y({
   __name: "LoadingIndicator",
   setup(u) {
-    return (e, n) => (i(), a("div", ti, [
+    return (e, n) => (i(), a("div", ii, [
       c(m, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5731,7 +5738,7 @@ const ae = /* @__PURE__ */ y({
       })
     ]));
   }
-}), ii = { key: 2 }, ri = /* @__PURE__ */ y({
+}), li = { key: 2 }, ai = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     model: {},
@@ -5742,7 +5749,7 @@ const ae = /* @__PURE__ */ y({
     return S(() => {
       const n = e.model;
       return n.survey = e.survey, e.model;
-    }), Z(() => {
+    }), B(() => {
       e.model.processResponsiveness();
     }), z(() => {
       e.model.processResponsiveness();
@@ -5761,13 +5768,13 @@ const ae = /* @__PURE__ */ y({
         class: r(n.model.contentClasses),
         style: k({ maxWidth: n.model.maxWidth })
       }, [
-        (i(!0), a(M, null, V(n.model.cells, (o, t) => (i(), g(m, {
+        (i(!0), a(H, null, V(n.model.cells, (o, t) => (i(), g(m, {
           is: "sv-header-cell",
           model: o,
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      n.survey.isMobile ? (i(), a("div", ii, [
+      n.survey.isMobile ? (i(), a("div", li, [
         c(m, {
           is: "sv-header-mobile",
           model: n.model
@@ -5775,10 +5782,10 @@ const ae = /* @__PURE__ */ y({
       ])) : p("", !0)
     ], 6)) : p("", !0);
   }
-}), li = {
+}), ui = {
   key: 0,
   class: "sv-header__logo"
-}, ai = ["src", "width", "height", "alt"], ui = /* @__PURE__ */ y({
+}, di = ["src", "width", "height", "alt"], mi = /* @__PURE__ */ y({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5792,7 +5799,7 @@ const ae = /* @__PURE__ */ y({
         class: "sv-header__cell-content",
         style: k(e.model.contentStyle)
       }, [
-        e.model.showLogo ? (i(), a("div", li, [
+        e.model.showLogo ? (i(), a("div", ui, [
           v("div", {
             class: r(e.model.survey.logoClassNames)
           }, [
@@ -5803,7 +5810,7 @@ const ae = /* @__PURE__ */ y({
               height: e.model.survey.renderedLogoHeight,
               alt: e.model.survey.locTitle.renderedHtml,
               style: k({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-            }, null, 14, ai)
+            }, null, 14, di)
           ], 2)
         ])) : p("", !0),
         e.model.showTitle ? (i(), a("div", {
@@ -5835,17 +5842,17 @@ const ae = /* @__PURE__ */ y({
       ], 4)
     ], 6));
   }
-}), di = { class: "sv-header--mobile" }, mi = {
+}), pi = { class: "sv-header--mobile" }, vi = {
   key: 0,
   class: "sv-header__logo"
-}, pi = ["src", "width", "height", "alt"], vi = /* @__PURE__ */ y({
+}, Ci = ["src", "width", "height", "alt"], ci = /* @__PURE__ */ y({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (e, n) => (i(), a("div", di, [
-      e.model.survey.hasLogo ? (i(), a("div", mi, [
+    return (e, n) => (i(), a("div", pi, [
+      e.model.survey.hasLogo ? (i(), a("div", vi, [
         v("div", {
           class: r(e.model.survey.logoClassNames)
         }, [
@@ -5856,7 +5863,7 @@ const ae = /* @__PURE__ */ y({
             height: e.model.survey.renderedLogoHeight,
             alt: e.model.survey.locTitle.renderedHtml,
             style: k({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-          }, null, 14, pi)
+          }, null, 14, Ci)
         ], 2)
       ])) : p("", !0),
       e.model.survey.hasTitle ? (i(), a("div", {
@@ -5887,7 +5894,7 @@ const ae = /* @__PURE__ */ y({
       ], 4)) : p("", !0)
     ]));
   }
-}), Ci = /* @__PURE__ */ y({
+}), gi = /* @__PURE__ */ y({
   __name: "Element",
   props: {
     element: {},
@@ -5895,7 +5902,7 @@ const ae = /* @__PURE__ */ y({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(), s = (C) => C.isPanel ? "survey-panel" : "survey-question", o = H(() => {
+    const e = u, n = f(), s = (C) => C.isPanel ? "survey-panel" : "survey-question", o = M(() => {
       const C = e.element.survey;
       if (C) {
         const L = C.getElementWrapperComponentName(e.element);
@@ -5903,7 +5910,7 @@ const ae = /* @__PURE__ */ y({
           return L;
       }
       return s(e.element);
-    }), t = (C) => C.cssClasses ? C.rootStyle : {}, l = H(() => {
+    }), t = (C) => C.cssClasses ? C.rootStyle : {}, l = M(() => {
       const C = e.element, L = C.survey;
       let h;
       return L && (h = L.getElementWrapperComponentData(C)), {
@@ -5922,7 +5929,7 @@ const ae = /* @__PURE__ */ y({
         L && L.setWrapperElement(void 0), C.setWrapperElement(n.value);
       }
     );
-    return Z(() => {
+    return B(() => {
       e.element.setWrapperElement(n.value);
     }), P(() => {
       e.element.setWrapperElement(void 0), d();
@@ -5943,20 +5950,20 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["is", "element", "css"])) : p("", !0)
     ], 6));
   }
-}), ci = /* @__PURE__ */ y({
+}), yi = /* @__PURE__ */ y({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const e = Pe(), n = H(() => !!e.default);
+    const e = Ne(), n = M(() => !!e.default);
     return (s, o) => n.value && !s.componentName ? x(s.$slots, "default", { key: 0 }) : (i(), g(m, $({
       key: 1,
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), gi = /* @__PURE__ */ y({
+}), hi = /* @__PURE__ */ y({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5979,7 +5986,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["iconName", "title"])) : p("", !0)
     ], 2));
   }
-}), yi = ["id"], hi = /* @__PURE__ */ y({
+}), qi = ["id"], wi = /* @__PURE__ */ y({
   __name: "FileVideo",
   props: {
     question: {}
@@ -6001,27 +6008,27 @@ const ae = /* @__PURE__ */ y({
         playsinline: "",
         id: e.question.videoId,
         class: r(e.question.cssClasses.video)
-      }, null, 10, yi),
+      }, null, 10, qi),
       c(m, {
         is: "sv-action",
         item: e.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), qi = ["for", "aria-label"], wi = /* @__PURE__ */ y({
+}), bi = ["for", "aria-label"], Li = /* @__PURE__ */ y({
   __name: "FileChooseButton",
   props: {
     data: {},
     item: {}
   },
   setup(u) {
-    const e = u, n = H(
+    const e = u, n = M(
       () => {
         var s, o;
         return ((s = e.data) == null ? void 0 : s.question) || ((o = e.item) == null ? void 0 : o.data.question);
       }
     );
-    return (s, o) => B((i(), a("label", {
+    return (s, o) => Z((i(), a("label", {
       tabindex: "0",
       class: r(n.value.getChooseFileCss()),
       for: n.value.inputId,
@@ -6036,11 +6043,11 @@ const ae = /* @__PURE__ */ y({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : p("", !0),
       v("span", null, I(n.value.chooseButtonText), 1)
-    ], 10, qi)), [
+    ], 10, bi)), [
       [w(Q)]
     ]);
   }
-}), bi = /* @__PURE__ */ y({
+}), ki = /* @__PURE__ */ y({
   __name: "FilePreview",
   props: {
     question: {}
@@ -6050,7 +6057,7 @@ const ae = /* @__PURE__ */ y({
       key: 0,
       class: r(e.question.cssClasses.fileList || void 0)
     }, [
-      (i(!0), a(M, null, V(e.question.renderedPages, (s) => (i(), g(m, {
+      (i(!0), a(H, null, V(e.question.renderedPages, (s) => (i(), g(m, {
         is: "sv-file-page",
         key: s.id,
         page: s,
@@ -6058,7 +6065,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["page", "question"]))), 128))
     ], 2)) : p("", !0);
   }
-}), Li = /* @__PURE__ */ y({
+}), fi = /* @__PURE__ */ y({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -6071,7 +6078,7 @@ const ae = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(s.question.visibleChoices, (t, l) => (i(), g(m, {
+      (i(!0), a(H, null, V(s.question.visibleChoices, (t, l) => (i(), g(m, {
         is: "sv-button-group-item",
         question: s.question,
         key: l,
@@ -6080,7 +6087,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), ki = ["title"], fi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Hi = ["title"], Mi = /* @__PURE__ */ y({
+}), Hi = ["title"], Mi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ii = ["title"], Vi = /* @__PURE__ */ y({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6088,9 +6095,9 @@ const ae = /* @__PURE__ */ y({
     index: {}
   },
   setup(u) {
-    const e = u, n = H(
-      () => new Je(e.question, e.item, e.index)
-    ), s = H({
+    const e = u, n = M(
+      () => new Ye(e.question, e.item, e.index)
+    ), s = M({
       get: () => e.question.renderedValue,
       set: (o) => {
         const t = e.question;
@@ -6101,7 +6108,7 @@ const ae = /* @__PURE__ */ y({
       class: r(n.value.css.label),
       title: n.value.caption.renderedHtml
     }, [
-      B(v("input", {
+      Z(v("input", {
         type: "radio",
         name: n.value.name,
         id: n.value.id,
@@ -6113,8 +6120,8 @@ const ae = /* @__PURE__ */ y({
         class: r(n.value.css.control),
         "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
         value: n.value.value
-      }, null, 10, fi), [
-        [se, s.value]
+      }, null, 10, Mi), [
+        [he, s.value]
       ]),
       v("div", {
         class: r(n.value.css.decorator)
@@ -6135,9 +6142,9 @@ const ae = /* @__PURE__ */ y({
             is: "survey-string",
             locString: n.value.caption
           }, null, 8, ["locString"])
-        ], 10, Hi)) : p("", !0)
+        ], 10, Ii)) : p("", !0)
       ], 2)
-    ], 10, ki));
+    ], 10, Hi));
   }
 });
 G.Instance.registerRenderer(
@@ -6145,7 +6152,7 @@ G.Instance.registerRenderer(
   "dropdown",
   "sv-buttongroup-dropdown"
 );
-const Ii = /* @__PURE__ */ y({
+const Si = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ButtonGroupDropdown",
   props: {
@@ -6164,14 +6171,14 @@ const Ii = /* @__PURE__ */ y({
       }, null, 8, ["question"])
     ], 2));
   }
-}), Vi = ["src", "width", "height", "alt"], Si = /* @__PURE__ */ y({
+}), Ri = ["src", "width", "height", "alt"], Ti = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
     data: {}
   },
   setup(u) {
-    const e = u, n = H(() => e.data), s = U(() => n.value.locLogo);
+    const e = u, n = M(() => e.data), s = U(() => n.value.locLogo);
     return (o, t) => (i(), a("div", {
       class: r(n.value.logoClassNames)
     }, [
@@ -6186,20 +6193,20 @@ const Ii = /* @__PURE__ */ y({
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, Vi)
+      }, null, 14, Ri)
     ], 2));
   }
-}), Ri = /* @__PURE__ */ y({
+}), Bi = /* @__PURE__ */ y({
   __name: "SvgBundle",
   setup(u) {
     const e = f(), n = () => {
       e.value && (e.value.innerHTML = _.iconsRenderedHtml());
     };
-    return Z(() => {
+    return B(() => {
       n(), _.onIconsChanged.add(n);
     }), P(() => {
       _.onIconsChanged.remove(n);
-    }), (s, o) => B((i(), a("svg", {
+    }), (s, o) => Z((i(), a("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: e
@@ -6207,7 +6214,7 @@ const Ii = /* @__PURE__ */ y({
       [A, !1]
     ]);
   }
-}), Ti = ["id"], Bi = /* @__PURE__ */ y({
+}), Zi = ["id"], $i = /* @__PURE__ */ y({
   __name: "FilePage",
   props: {
     page: {},
@@ -6219,22 +6226,22 @@ const Ii = /* @__PURE__ */ y({
       class: r(n.page.css),
       id: n.page.id
     }, [
-      (i(!0), a(M, null, V(n.page.items, (o) => (i(), g(m, {
+      (i(!0), a(H, null, V(n.page.items, (o) => (i(), g(m, {
         is: "sv-file-item",
         key: o,
         item: o,
         question: n.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, Ti));
+    ], 10, Zi));
   }
-}), Zi = ["href", "title", "download"], $i = ["src"], Di = ["href", "title", "download"], Ai = /* @__PURE__ */ y({
+}), Di = ["href", "title", "download"], Ai = ["src"], Pi = ["href", "title", "download"], Ni = /* @__PURE__ */ y({
   __name: "FileItem",
   props: {
     item: {},
     question: {}
   },
   setup(u) {
-    return (e, n) => B((i(), a("span", {
+    return (e, n) => Z((i(), a("span", {
       class: r(e.question.cssClasses.previewItem),
       onClick: n[3] || (n[3] = (s) => e.question.doDownloadFileFromContainer(s))
     }, [
@@ -6248,7 +6255,7 @@ const Ii = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: k({ width: e.question.imageWidth })
-        }, I(e.item.name), 13, Zi)
+        }, I(e.item.name), 13, Di)
       ], 2)) : p("", !0),
       v("div", {
         class: r(e.question.getImageWrapperCss(e.item))
@@ -6261,7 +6268,7 @@ const Ii = /* @__PURE__ */ y({
             width: e.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, $i)) : p("", !0),
+        }, null, 12, Ai)) : p("", !0),
         e.question.defaultImage(e.item) ? (i(), g(m, {
           key: 1,
           is: "sv-svg-icon",
@@ -6297,43 +6304,43 @@ const Ii = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: k({ width: e.question.imageWidth })
-        }, I(e.item.name), 13, Di)
+        }, I(e.item.name), 13, Pi)
       ], 2)) : p("", !0)
     ], 2)), [
       [A, e.item]
     ]);
   }
 });
-Ye.platform = "vue3";
-function Pi(u, e, n) {
+_e.platform = "vue3";
+function Ei(u, e, n) {
   u(e, n);
 }
-function He(u) {
-  const e = Pi.bind(
+function Me(u) {
+  const e = Ei.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", Ri), e("popup-survey", fe), e("survey-header", ns), e("sv-logo-image", Si), e("survey-page", ss), e("survey-row", ts), e("survey-question", as), e("survey-panel", ps), e("survey-element-header", Cs), e("survey-string", cs), e("sv-string-viewer", ys), e("sv-string-editor", qs), e("sv-skeleton", bs), e("sv-scroll", Hs), e("survey-text", Vs), e("survey-text-input", Ts), e("survey-checkbox", As), e("survey-checkbox-item", Es), e("survey-radiogroup", Ws), e("survey-radiogroup-item", zs), e("survey-signaturepad", js), e("survey-html", Xs), e("survey-image", xs), e("survey-expression", e1), e("survey-file", o1), e("sv-file-choose-btn", wi), e("sv-file-clean-btn", gi), e("sv-file-preview", bi), e("sv-file-page", Bi), e("sv-file-item", Ai), e("sv-file-video", hi), e("survey-imagepicker", r1), e("survey-imagepicker-item", m1), e("survey-comment", p1), e("survey-dropdown", v1), e("sv-dropdown-select", y1), e("sv-dropdown-option-item", q1), e("sv-dropdown", f1), e("survey-tagbox", H1), e("sv-tagbox", V1), e("sv-tagbox-item", Z1), e("sv-tagbox-filter", T1), e("survey-ranking", $1), e("survey-ranking-item", W1), e("sv-ranking-item", F1), e("survey-rating", U1), e("sv-rating-item", j1), e("sv-rating-item-smiley", J1), e("sv-rating-item-star", x1), e("sv-rating-dropdown", on), e("sv-rating-dropdown-item", tn), e("survey-boolean", ln), e("sv-boolean-radio", an), e("sv-boolean-radio-item", mn), e("sv-boolean-checkbox", yn), e("survey-multipletext", hn), e("survey-multipletext-item", bn), e("sv-breadcrumbs", Ln), e("sv-single-input-summary", In), e("survey-slider", Rn), e("sv-slider-label-item", Tn), e("survey-matrix", Nn), e("survey-matrix-row", Wn), e("survey-matrix-cell", zn), e("survey-matrixdropdown", Un), e("survey-matrixtable", jn), e("survey-matrixheaderrequired", Xn), e("survey-matrixdropdown-cell", Yn), e("survey-matrixdynamic", _n), e("survey-placeholder-matrixdynamic", xn), e("sv-matrix-remove-button", st), e("sv-matrix-drag-drop-icon", tt), e("sv-matrix-detail-button", it), e("survey-paneldynamic", lt), e("survey-paneldynamicprogress", ut), e("survey-paneldynamicprogress-v2", mt), e("survey-placeholder-paneldynamic", pt), e("sv-paneldynamic-add-btn", Ct), e("sv-paneldynamic-next-btn", gt), e("sv-paneldynamic-prev-btn", ht), e("sv-paneldynamic-remove-btn", wt), e("sv-paneldynamic-progress-text", bt), e("sv-components-container", bo), e("sv-progress-buttons", So), e("sv-navigation-toc", Ro), e("sv-progress-pages", Y), e("sv-progress-questions", Y), e("sv-progress-correctquestions", Y), e("sv-progress-requiredquestions", Y), e("survey-errors", kt), e("survey-question-comment", Ht), e("survey-element-title", Mt), e("survey-element-title-content", Tt), e("sv-title-actions", $t), e("sv-brand-info", Ft), e("sv-question-error", Qt), e("sv-svg-icon", Ut), e("sv-action-bar", Kt), e("sv-action", Xt), e("sv-action-bar-item", _t), e("sv-action-bar-item-dropdown", so), e("sv-action-bar-separator", no), e("sv-list", ro), e("sv-list-item-content", mo), e("sv-list-item-group", po), e("sv-list-item", uo), e("sv-popup", vo), e("sv-popup-container", qo), e("popup-pointer", wo), e("sv-notifier", Fo), e("survey-other-choice", zo), e("sv-nav-btn", Qo), e("survey-customwidget", jo), e("survey-popup-modal", Go), e("survey-composite", _o), e("survey-custom", xo), e("sv-timerpanel", ni), e("sv-loading-indicator", oi), e("sv-header", ri), e("sv-header-cell", ui), e("sv-header-mobile", vi), e("sv-template-renderer", ci), e("sv-character-counter", Yo), e("sv-text-area", Jo), e("survey-element", Ci), e("survey-buttongroup", Li), e("sv-button-group-item", Mi), e("sv-buttongroup-dropdown", Ii), e("survey", ae);
+  e("sv-svg-bundle", Bi), e("popup-survey", He), e("survey-header", ts), e("sv-logo-image", Ti), e("survey-page", ns), e("survey-row", os), e("survey-question", us), e("survey-panel", vs), e("survey-element-header", cs), e("survey-string", gs), e("sv-string-viewer", hs), e("sv-string-editor", ws), e("sv-skeleton", Ls), e("sv-scroll", Ms), e("survey-text", Ss), e("survey-text-input", Bs), e("survey-checkbox", Ps), e("survey-checkbox-item", Ws), e("survey-radiogroup", Fs), e("survey-radiogroup-item", Us), e("survey-signaturepad", Gs), e("survey-html", Js), e("survey-image", e1), e("survey-expression", n1), e("survey-file", r1), e("sv-file-choose-btn", Li), e("sv-file-clean-btn", hi), e("sv-file-preview", ki), e("sv-file-page", $i), e("sv-file-item", Ni), e("sv-file-video", wi), e("survey-imagepicker", a1), e("survey-imagepicker-item", v1), e("survey-comment", C1), e("survey-dropdown", c1), e("sv-dropdown-select", q1), e("sv-dropdown-option-item", b1), e("sv-dropdown", M1), e("survey-tagbox", I1), e("sv-tagbox", R1), e("sv-tagbox-item", D1), e("sv-tagbox-filter", Z1), e("survey-ranking", A1), e("survey-ranking-item", O1), e("sv-ranking-item", z1), e("survey-rating", K1), e("sv-rating-item", X1), e("sv-rating-item-smiley", _1), e("sv-rating-item-star", sn), e("sv-rating-dropdown", ln), e("sv-rating-dropdown-item", rn), e("survey-boolean", un), e("sv-boolean-radio", dn), e("sv-boolean-radio-item", vn), e("sv-boolean-checkbox", qn), e("survey-multipletext", wn), e("survey-multipletext-item", kn), e("sv-breadcrumbs", fn), e("sv-single-input-summary", Sn), e("survey-slider", Bn), e("sv-slider-label-item", Zn), e("survey-matrix", Wn), e("survey-matrix-row", On), e("survey-matrix-cell", Qn), e("survey-matrixdropdown", Kn), e("survey-matrixtable", Xn), e("survey-matrixheaderrequired", Yn), e("survey-matrixdropdown-cell", xn), e("survey-matrixdynamic", et), e("survey-placeholder-matrixdynamic", st), e("sv-matrix-remove-button", tt), e("sv-matrix-drag-drop-icon", it), e("sv-matrix-detail-button", lt), e("survey-paneldynamic", ut), e("survey-paneldynamicprogress", mt), e("survey-paneldynamicprogress-v2", vt), e("survey-placeholder-paneldynamic", Ct), e("sv-paneldynamic-add-btn", gt), e("sv-paneldynamic-next-btn", ht), e("sv-paneldynamic-prev-btn", wt), e("sv-paneldynamic-remove-btn", Lt), e("sv-paneldynamic-progress-text", kt), e("sv-components-container", ko), e("sv-progress-buttons", To), e("sv-navigation-toc", Bo), e("sv-progress-pages", Y), e("sv-progress-questions", Y), e("sv-progress-correctquestions", Y), e("sv-progress-requiredquestions", Y), e("survey-errors", Ht), e("survey-question-comment", It), e("survey-element-title", Vt), e("survey-element-title-content", Zt), e("sv-title-actions", At), e("sv-brand-info", zt), e("sv-question-error", jt), e("sv-svg-icon", Kt), e("sv-action-bar", Gt), e("sv-action", Yt), e("sv-action-bar-item", eo), e("sv-action-bar-item-dropdown", to), e("sv-action-bar-separator", oo), e("sv-list", ao), e("sv-list-item-content", vo), e("sv-list-item-group", Co), e("sv-list-item", po), e("sv-popup", co), e("sv-popup-container", bo), e("popup-pointer", Lo), e("sv-notifier", zo), e("survey-other-choice", Qo), e("sv-nav-btn", jo), e("survey-customwidget", Xo), e("survey-popup-modal", Jo), e("survey-composite", ei), e("survey-custom", si), e("sv-timerpanel", oi), e("sv-loading-indicator", ri), e("sv-header", ai), e("sv-header-cell", mi), e("sv-header-mobile", ci), e("sv-template-renderer", yi), e("sv-character-counter", xo), e("sv-text-area", _o), e("survey-element", gi), e("survey-buttongroup", fi), e("sv-button-group-item", Vi), e("sv-buttongroup-dropdown", Si), e("survey", le);
 }
-He(
+Me(
   (u, e) => F.Instance.registerComponent(u, e)
 );
-const Fi = {
+const zi = {
   install(u) {
-    u.component("SurveyComponent", ae), u.component("PopupSurveyComponent", fe), u.directive("key2click", Q), He((e, n) => {
+    u.component("SurveyComponent", le), u.component("PopupSurveyComponent", He), u.directive("key2click", Q), Me((e, n) => {
       u.component(e, n), F.Instance.registerComponent(e, e);
     });
   }
 };
 export {
   F as ComponentFactory,
-  fe as PopupSurveyComponent,
-  ae as SurveyComponent,
+  He as PopupSurveyComponent,
+  le as SurveyComponent,
   m as SvComponent,
   Q as key2ClickDirective,
-  Fi as surveyPlugin,
+  zi as surveyPlugin,
   S as useBase,
-  ne as useComputedArray,
+  se as useComputedArray,
   U as useLocString,
   T as useQuestion
 };