survey-vue3-ui 1.9.121 → 1.9.123

package/survey-vue3-ui.es.js

@@ -1,5 +1,5 @@
-import { shallowReactive as Ce, watch as J, onBeforeUnmount as X, onMounted as H, ref as _, shallowRef as j, triggerRef as le, unref as f, isRef as be, defineComponent as h, computed as w, onUpdated as ee, resolveComponent as v, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as b, createCommentVNode as d, Fragment as $, renderList as B, createBlock as q, resolveDynamicComponent as T, normalizeProps as F, mergeProps as W, withCtx as V, normalizeStyle as S, createElementVNode as c, onUnmounted as z, withDirectives as N, vShow as M, toDisplayString as R, vModelCheckbox as G, vModelRadio as se, vModelSelect as ke, vModelText as fe, getCurrentInstance as oe, guardReactiveProps as ye, createStaticVNode as Ie, resolveDirective as Y, toRaw as we, Teleport as Se, useSlots as Re, renderSlot as Te } from "vue";
-import { Base as $e, RendererFactory as ne, DropdownListModel as _e, Helpers as De, DropdownMultiSelectListModel as Be, doKey2ClickUp as qe, createSvg as Le, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as ae, SurveyProgressModel as ue, SurveyProgressButtonsModel as Ae, TOCModel as Me, PopupSurveyModel as He, settings as K, createDialogOptions as We, createPopupModalViewModel as Ee, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Ue } from "survey-core";
+import { shallowReactive as Ce, watch as G, onBeforeUnmount as J, onMounted as H, ref as _, shallowRef as j, triggerRef as le, unref as f, isRef as be, defineComponent as h, computed as w, onUpdated as x, resolveComponent as p, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as b, createCommentVNode as d, Fragment as $, renderList as B, createBlock as q, resolveDynamicComponent as T, normalizeProps as F, mergeProps as W, withCtx as O, normalizeStyle as S, createElementVNode as c, onUnmounted as z, withDirectives as P, vShow as M, toDisplayString as R, vModelRadio as ee, vModelCheckbox as ne, vModelSelect as ke, vModelText as fe, getCurrentInstance as oe, guardReactiveProps as ye, createStaticVNode as Ie, resolveDirective as X, toRaw as we, Teleport as Se, useSlots as Re, renderSlot as Te } from "vue";
+import { Base as $e, RendererFactory as se, DropdownListModel as _e, Helpers as De, DropdownMultiSelectListModel as Be, doKey2ClickUp as qe, createSvg as Le, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as ae, SurveyProgressModel as ue, SurveyProgressButtonsModel as Ae, TOCModel as Me, PopupSurveyModel as He, settings as K, createDialogOptions as We, createPopupModalViewModel as Ee, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Ue } from "survey-core";
 $e.createPropertiesHash = () => Ce({});
 function Ke(r) {
   return !r || r.__vueImplemented ? !1 : (r.createArrayCoreHandler = (s, o) => {
@@ -25,7 +25,7 @@ function de(r, s) {
 }
 function L(r, s, o) {
   let e = !1;
-  const n = J(
+  const n = G(
     r,
     (t, a) => {
       t && s && s(t, a), a && (de(a, e), o && o(a)), e = Ke(t);
@@ -34,7 +34,7 @@ function L(r, s, o) {
       immediate: !0
     }
   );
-  X(() => {
+  J(() => {
     const t = r();
     t && (de(t, e), o && o(t), n());
   });
@@ -42,7 +42,7 @@ function L(r, s, o) {
 function A(r, s, o, e) {
   L(() => r.question, o, e), H(() => {
     r.question && r.question.afterRenderQuestionElement(s.value);
-  }), X(() => {
+  }), J(() => {
     r.question.beforeDestroyQuestionElement(s.value);
   });
 }
@@ -51,7 +51,7 @@ function Q(r) {
     s.value = n.renderedHtml, n.onChanged = () => {
       s.value = n.renderedHtml;
     };
-  }, e = J(
+  }, e = G(
     r,
     (n, t) => {
       t && (t.onChanged = () => {
@@ -59,7 +59,7 @@ function Q(r) {
     },
     { immediate: !0 }
   );
-  return X(() => {
+  return J(() => {
     e();
   }), s;
 }
@@ -79,16 +79,16 @@ const je = /* @__PURE__ */ h({
     const e = w(() => s.page._showDescription), n = w(() => s.page.rows);
     return H(() => {
       s.survey && s.survey.afterRenderPage(o.value);
-    }), ee(() => {
+    }), x(() => {
       s.survey.afterRenderPage(o.value);
     }), (t, a) => {
-      const p = v("survey-element-title"), m = v("survey-string"), y = v("survey-errors"), g = v("survey-row");
+      const y = p("survey-element-title"), m = p("survey-string"), v = p("survey-errors"), g = p("survey-row");
       return i(), u("div", {
         class: l(t.page.cssRoot),
         ref_key: "root",
         ref: o
       }, [
-        b(p, {
+        b(y, {
           element: t.page,
           css: t.css
         }, null, 8, ["element", "css"]),
@@ -100,13 +100,13 @@ const je = /* @__PURE__ */ h({
             locString: t.page.locDescription
           }, null, 8, ["locString"])
         ], 2)) : d("", !0),
-        b(y, { element: t.page }, null, 8, ["element"]),
+        b(v, { element: t.page }, null, 8, ["element"]),
         (i(!0), u($, null, B(n.value, (I, C) => (i(), q(T(t.page.getSurvey().getRowWrapperComponentName(I)), F(W({
           key: t.page.id + "_" + C
         }, {
           componentData: t.page.getSurvey().getRowWrapperComponentData(I)
         })), {
-          default: V(() => [
+          default: O(() => [
             I.visible ? (i(), q(g, {
               key: 0,
               row: I,
@@ -130,7 +130,7 @@ const je = /* @__PURE__ */ h({
       var e = o.value;
       e && s.survey && s.survey.afterRenderHeader(e);
     }), (e, n) => {
-      const t = v("survey-element-title"), a = v("survey-string");
+      const t = p("survey-element-title"), a = p("survey-string");
       return e.survey.renderedHasHeader ? (i(), u("div", {
         key: 0,
         class: l(e.survey.css.header),
@@ -196,17 +196,17 @@ const je = /* @__PURE__ */ h({
         }, 10);
       }
     }), (n, t) => {
-      const a = v("survey-element");
+      const a = p("survey-element");
       return i(), u("div", {
         class: l(n.row.getRowCss()),
         ref_key: "root",
         ref: e
       }, [
-        (i(!0), u($, null, B(o.value, (p) => (i(), q(a, {
+        (i(!0), u($, null, B(o.value, (y) => (i(), q(a, {
           row: n.row,
           css: n.css,
-          element: p,
-          key: p.id
+          element: y,
+          key: y.id
         }, null, 8, ["row", "css", "element"]))), 128))
       ], 2);
     };
@@ -224,15 +224,15 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null), e = w(() => s.element.showErrorOnTop), n = w(() => s.element.showErrorOnBottom), t = (C) => C.cssContent, a = () => s.element.getRootStyle();
     L(() => s.element);
-    const p = () => {
+    const y = () => {
       o.value && s.element.afterRender(o.value);
-    }, m = J(
+    }, m = G(
       () => o.value,
       () => {
-        p();
+        y();
       }
-    ), y = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), g = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element) || y.value), I = w(() => ({
-      componentName: y.value,
+    ), v = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), g = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element) || v.value), I = w(() => ({
+      componentName: v.value,
       componentData: {
         question: s.element,
         data: s.element.survey.getElementWrapperComponentData(s.element)
@@ -240,14 +240,14 @@ const je = /* @__PURE__ */ h({
     }));
     return z(() => {
       m();
-    }), (C, P) => {
-      const k = v("survey-errors"), D = v("survey-element-header"), E = v("survey-string"), O = v("survey-question-comment");
+    }), (C, N) => {
+      const k = p("survey-errors"), D = p("survey-element-header"), E = p("survey-string"), V = p("survey-question-comment");
       return i(), u("div", {
         class: l(C.element.getRootCss()),
         style: S(a()),
         ref_key: "root",
         ref: o,
-        onFocusin: P[0] || (P[0] = (U) => C.element.focusIn()),
+        onFocusin: N[0] || (N[0] = (U) => C.element.focusIn()),
         id: C.element.id,
         role: C.element.ariaRole,
         "aria-required": C.element.ariaRequired,
@@ -266,7 +266,7 @@ const je = /* @__PURE__ */ h({
           element: C.element,
           css: C.css
         }, null, 8, ["element", "css"])) : d("", !0),
-        N(c("div", {
+        P(c("div", {
           class: l(t(C.element) || void 0),
           role: "presentation"
         }, [
@@ -285,7 +285,7 @@ const je = /* @__PURE__ */ h({
                 locString: C.element.locCommentText
               }, null, 8, ["locString"])
             ]),
-            b(O, { question: C.element }, null, 8, ["question"])
+            b(V, { question: C.element }, null, 8, ["question"])
           ], 2)) : d("", !0),
           n.value ? (i(), q(k, {
             key: 3,
@@ -332,7 +332,7 @@ const je = /* @__PURE__ */ h({
     return L(() => s.element), H(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, o.value);
     }), (t, a) => {
-      const p = v("survey-errors"), m = v("survey-element-header"), y = v("survey-row"), g = v("sv-action-bar");
+      const y = p("survey-errors"), m = p("survey-element-header"), v = p("survey-row"), g = p("sv-action-bar");
       return t.element.isVisible ? (i(), u("div", {
         key: 0,
         class: l(t.element.getContainerCss()),
@@ -341,7 +341,7 @@ const je = /* @__PURE__ */ h({
         ref_key: "root",
         ref: o
       }, [
-        t.element.showErrorsAbovePanel ? (i(), q(p, {
+        t.element.showErrorsAbovePanel ? (i(), q(y, {
           key: 0,
           element: t.element
         }, null, 8, ["element"])) : d("", !0),
@@ -350,7 +350,7 @@ const je = /* @__PURE__ */ h({
           element: t.element,
           css: t.css
         }, null, 8, ["element", "css"])) : d("", !0),
-        t.element.showErrorsAbovePanel ? d("", !0) : (i(), q(p, {
+        t.element.showErrorsAbovePanel ? d("", !0) : (i(), q(y, {
           key: 2,
           element: t.element
         }, null, 8, ["element"])),
@@ -365,8 +365,8 @@ const je = /* @__PURE__ */ h({
           }, {
             componentData: t.element.getSurvey().getRowWrapperComponentData(I)
           })), {
-            default: V(() => [
-              I.visible ? (i(), q(y, {
+            default: O(() => [
+              I.visible ? (i(), q(v, {
                 key: 0,
                 row: I,
                 survey: n.value,
@@ -393,7 +393,7 @@ const je = /* @__PURE__ */ h({
       typeof s.element.clickTitleFunction == "function" && s.element.clickTitleFunction(e);
     };
     return (e, n) => {
-      const t = v("survey-element-title"), a = v("survey-string"), p = v("sv-action-bar");
+      const t = p("survey-element-title"), a = p("survey-string"), y = p("sv-action-bar");
       return i(), u("div", {
         class: l(e.element.cssHeader),
         onClick: o
@@ -402,7 +402,7 @@ const je = /* @__PURE__ */ h({
           element: e.element,
           css: e.css
         }, null, 8, ["element", "css"]),
-        e.element.hasDescriptionUnderTitle ? N((i(), u("div", {
+        e.element.hasDescriptionUnderTitle ? P((i(), u("div", {
           key: 0,
           class: l(e.element.cssDescription)
         }, [
@@ -412,7 +412,7 @@ const je = /* @__PURE__ */ h({
         ], 2)), [
           [M, e.element.hasDescription]
         ]) : d("", !0),
-        e.element.additionalTitleToolbar ? (i(), q(p, {
+        e.element.additionalTitleToolbar ? (i(), q(y, {
           key: 1,
           model: e.element.additionalTitleToolbar
         }, null, 8, ["model"])) : d("", !0)
@@ -493,7 +493,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("survey-text-input");
+      const t = p("survey-text-input");
       return e.question.isReadOnlyRenderDiv() ? (i(), u("div", {
         key: 0,
         ref_key: "root",
@@ -527,7 +527,7 @@ const je = /* @__PURE__ */ h({
     L(() => s.question);
     const o = w(() => s.question.inputStyle);
     return (e, n) => {
-      const t = v("sv-character-counter");
+      const t = p("sv-character-counter");
       return e.question.getMaxLength() ? (i(), u("div", ys, [
         c("input", {
           disabled: e.question.isInputReadOnly,
@@ -612,7 +612,7 @@ const je = /* @__PURE__ */ h({
       }
     });
     return (t, a) => {
-      const p = v("survey-other-choice");
+      const y = p("survey-other-choice");
       return i(), u("fieldset", {
         class: l(t.question.getSelectBaseRootCss()),
         ref_key: "root",
@@ -643,8 +643,8 @@ const je = /* @__PURE__ */ h({
           key: 4,
           class: l(t.question.cssClasses.rootMultiColumn)
         }, [
-          t.question.hasColumns ? (i(!0), u($, { key: 0 }, B(t.question.columns, (m, y) => (i(), u("div", {
-            key: y,
+          t.question.hasColumns ? (i(!0), u($, { key: 0 }, B(t.question.columns, (m, v) => (i(), u("div", {
+            key: v,
             class: l(t.question.getColumnClass()),
             role: "presentation"
           }, [
@@ -656,7 +656,7 @@ const je = /* @__PURE__ */ h({
         t.question.hasFootItems ? (i(!0), u($, { key: 5 }, B(t.question.footItems, (m) => (i(), q(T(e(m)), W({
           key: m.value
         }, n(m)), null, 16))), 128)) : d("", !0),
-        t.question.renderedValue && t.question.isOtherSelected ? (i(), q(p, {
+        t.question.renderedValue && t.question.isOtherSelected ? (i(), q(y, {
           key: 6,
           question: t.question
         }, null, 8, ["question"])) : d("", !0),
@@ -685,7 +685,7 @@ const je = /* @__PURE__ */ h({
       "show-legend": !0
     }, null, 8, ["question"]));
   }
-}), Is = ["name", "value", "id", "disabled"], ws = ["name", "value", "id", "disabled"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ h({
+}), Is = ["name", "checked", "value", "id", "disabled"], ws = ["xlink:href"], Ss = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -694,84 +694,59 @@ const je = /* @__PURE__ */ h({
     hideLabel: { type: Boolean }
   },
   setup(r) {
-    const s = r, o = w({
-      get() {
-        return s.question.isAllSelected || "";
-      },
-      set(n) {
-        const t = s.question;
-        t.isAllSelected = !!n;
-      }
-    });
+    const s = r;
     L(() => s.item);
-    const e = w({
-      get: () => s.question.renderedValue,
-      set: (n) => {
-        const t = s.question;
-        t.renderedValue = n;
-      }
-    });
-    return L(() => s.item), (n, t) => {
-      const a = v("survey-string");
+    const o = (e) => {
+      s.question.clickItemHandler(s.item, e.target.checked);
+    };
+    return (e, n) => {
+      const t = p("survey-string");
       return i(), u("div", {
         role: "presentation",
-        class: l(n.question.getItemClass(n.item))
+        class: l(e.question.getItemClass(e.item))
       }, [
         c("label", {
-          class: l(n.question.getLabelClass(n.item))
+          class: l(e.question.getLabelClass(e.item))
         }, [
-          n.item == n.question.selectAllItem ? N((i(), u("input", {
-            key: 0,
-            type: "checkbox",
-            role: "option",
-            name: n.question.name + n.item.value,
-            value: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (p) => o.value = p),
-            id: n.question.getItemId(n.item),
-            disabled: !n.question.getItemEnabled(n.item),
-            class: l(n.question.cssClasses.itemControl)
-          }, null, 10, Is)), [
-            [G, o.value]
-          ]) : d("", !0),
-          n.item != n.question.selectAllItem ? N((i(), u("input", {
-            key: 1,
+          c("input", {
             type: "checkbox",
             role: "option",
-            name: n.question.name + n.item.value,
-            value: n.item.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (p) => e.value = p),
-            id: n.question.getItemId(n.item),
-            disabled: !n.question.getItemEnabled(n.item),
-            class: l(n.question.cssClasses.itemControl)
-          }, null, 10, ws)), [
-            [G, e.value]
-          ]) : d("", !0),
-          n.question.cssClasses.materialDecorator ? (i(), u("span", {
-            key: 2,
-            class: l(n.question.cssClasses.materialDecorator)
+            name: e.question.name + e.item.id,
+            checked: e.question.isItemSelected(e.item),
+            onInput: n[0] || (n[0] = (a) => {
+              o(a);
+            }),
+            value: e.item.value,
+            id: e.question.getItemId(e.item),
+            disabled: !e.question.getItemEnabled(e.item),
+            class: l(e.question.cssClasses.itemControl)
+          }, null, 42, Is),
+          e.question.cssClasses.materialDecorator ? (i(), u("span", {
+            key: 0,
+            class: l(e.question.cssClasses.materialDecorator)
           }, [
-            n.question.itemSvgIcon ? (i(), u("svg", {
+            e.question.itemSvgIcon ? (i(), u("svg", {
               key: 0,
-              class: l(n.question.cssClasses.itemDecorator)
+              class: l(e.question.cssClasses.itemDecorator)
             }, [
               c("use", {
-                "xlink:href": n.question.itemSvgIcon
-              }, null, 8, Ss)
+                "xlink:href": e.question.itemSvgIcon
+              }, null, 8, ws)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
-          n.hideLabel ? d("", !0) : (i(), u("span", {
-            key: 3,
-            class: l(n.question.cssClasses.controlLabel)
+          e.hideLabel ? d("", !0) : (i(), u("span", {
+            key: 1,
+            class: l(e.question.cssClasses.controlLabel)
           }, [
-            b(a, {
-              locString: n.item.locText
+            b(t, {
+              locString: e.item.locText
             }, null, 8, ["locString"])
           ], 2))
         ], 2)
       ], 2);
     };
   }
-}), Ts = /* @__PURE__ */ h({
+}), Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -780,7 +755,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     return (s, o) => (i(), q(ge, { question: s.question }, null, 8, ["question"]));
   }
-}), $s = ["name", "value", "id", "aria-describedby", "disabled"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
+}), Ts = ["name", "value", "id", "aria-describedby", "disabled"], $s = ["xlink:href"], _s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -797,7 +772,7 @@ const je = /* @__PURE__ */ h({
       }
     });
     return L(() => s.item), (t, a) => {
-      const p = v("survey-string");
+      const y = p("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: l(t.question.getItemClass(t.item))
@@ -806,7 +781,7 @@ const je = /* @__PURE__ */ h({
           onMousedown: a[1] || (a[1] = (m) => t.question.onMouseDown()),
           class: l(o(t.item))
         }, [
-          N(c("input", {
+          P(c("input", {
             type: "radio",
             name: t.question.questionName,
             value: t.item.value,
@@ -815,8 +790,8 @@ const je = /* @__PURE__ */ h({
             "onUpdate:modelValue": a[0] || (a[0] = (m) => n.value = m),
             disabled: !t.question.getItemEnabled(t.item),
             class: l(t.question.cssClasses.itemControl)
-          }, null, 10, $s), [
-            [se, n.value]
+          }, null, 10, Ts), [
+            [ee, n.value]
           ]),
           t.question.cssClasses.materialDecorator ? (i(), u("span", {
             key: 0,
@@ -828,14 +803,14 @@ const je = /* @__PURE__ */ h({
             }, [
               c("use", {
                 "xlink:href": t.question.itemSvgIcon
-              }, null, 8, _s)
+              }, null, 8, $s)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           t.hideLabel ? d("", !0) : (i(), u("span", {
             key: 1,
             class: l(e(t.item))
           }, [
-            b(p, {
+            b(y, {
               locString: t.item.locText
             }, null, 8, ["locString"])
           ], 2))
@@ -843,7 +818,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Bs = ["src"], Ls = ["title"], Ns = { key: 0 }, Ps = /* @__PURE__ */ h({
+}), Ds = ["src"], Bs = ["title"], Ls = { key: 0 }, Ns = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -852,7 +827,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("survey-string"), a = v("sv-svg-icon"), p = v("sv-loading-indicator");
+      const t = p("survey-string"), a = p("sv-svg-icon"), y = p("sv-loading-indicator");
       return i(), u("div", {
         class: l(e.question.cssClasses.root),
         ref_key: "root",
@@ -861,7 +836,7 @@ const je = /* @__PURE__ */ h({
           width: e.question.renderedCanvasWidth
         })
       }, [
-        N(c("div", {
+        P(c("div", {
           class: l(e.question.cssClasses.placeholder)
         }, [
           b(t, {
@@ -878,7 +853,7 @@ const je = /* @__PURE__ */ h({
             style: S({
               width: e.question.renderedCanvasWidth
             })
-          }, null, 14, Bs)) : d("", !0),
+          }, null, 14, Ds)) : d("", !0),
           c("canvas", {
             tabindex: "0",
             class: l(e.question.cssClasses.canvas),
@@ -897,24 +872,24 @@ const je = /* @__PURE__ */ h({
               e.question.clearValue();
             })
           }, [
-            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
+            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ls, "\u2716")),
             e.question.cssClasses.clearButtonIconId ? (i(), q(a, {
               key: 1,
               iconName: e.question.cssClasses.clearButtonIconId,
               size: "auto"
             }, null, 8, ["iconName"])) : d("", !0)
-          ], 10, Ls)
+          ], 10, Bs)
         ], 2)) : d("", !0),
         e.question.showLoadingIndicator ? (i(), u("div", {
           key: 1,
           class: l(e.question.cssClasses.loadingIndicator)
         }, [
-          b(p)
+          b(y)
         ], 2)) : d("", !0)
       ], 6);
     };
   }
-}), As = ["innerHTML"], Ms = /* @__PURE__ */ h({
+}), Ps = ["innerHTML"], As = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -929,9 +904,9 @@ const je = /* @__PURE__ */ h({
       ref: o,
       class: l(n.question.renderCssRoot),
       innerHTML: f(e)
-    }, null, 10, As));
+    }, null, 10, Ps));
   }
-}), Hs = ["src", "alt", "width", "height"], Ws = ["src", "width", "height"], Es = ["src", "width", "height"], Vs = /* @__PURE__ */ h({
+}), Ms = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Es = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -942,13 +917,13 @@ const je = /* @__PURE__ */ h({
     A(s, o);
     const e = Q(() => s.question.locImageLink);
     return (n, t) => {
-      const a = v("sv-svg-icon");
+      const a = p("sv-svg-icon");
       return i(), u("div", {
         class: l(n.question.cssClasses.root),
         ref_key: "root",
         ref: o
       }, [
-        n.question.renderedMode === "image" ? N((i(), u("img", {
+        n.question.renderedMode === "image" ? P((i(), u("img", {
           key: 0,
           class: l(n.question.getImageCss()),
           src: f(e),
@@ -960,16 +935,16 @@ const je = /* @__PURE__ */ h({
             width: n.question.renderedStyleWidth,
             height: n.question.renderedStyleHeight
           }),
-          onLoad: t[0] || (t[0] = (p) => {
+          onLoad: t[0] || (t[0] = (y) => {
             n.question.onLoadHandler();
           }),
-          onError: t[1] || (t[1] = (p) => {
+          onError: t[1] || (t[1] = (y) => {
             n.question.onErrorHandler();
           })
-        }, null, 46, Hs)), [
+        }, null, 46, Ms)), [
           [M, f(e) && !n.question.contentNotLoaded]
         ]) : d("", !0),
-        n.question.renderedMode === "video" ? N((i(), u("video", {
+        n.question.renderedMode === "video" ? P((i(), u("video", {
           key: 1,
           controls: "",
           class: l(n.question.getImageCss()),
@@ -981,13 +956,13 @@ const je = /* @__PURE__ */ h({
             width: n.question.renderedStyleWidth,
             height: n.question.renderedStyleHeight
           }),
-          onLoadedmetadata: t[2] || (t[2] = (p) => {
+          onLoadedmetadata: t[2] || (t[2] = (y) => {
             n.question.onLoadHandler();
           }),
-          onError: t[3] || (t[3] = (p) => {
+          onError: t[3] || (t[3] = (y) => {
             n.question.onErrorHandler();
           })
-        }, null, 46, Ws)), [
+        }, null, 46, Hs)), [
           [M, f(e) && !n.question.contentNotLoaded]
         ]) : d("", !0),
         n.question.renderedMode === "youtube" ? (i(), u("iframe", {
@@ -1001,7 +976,7 @@ const je = /* @__PURE__ */ h({
             width: n.question.renderedStyleWidth,
             height: n.question.renderedStyleHeight
           })
-        }, null, 14, Es)) : d("", !0),
+        }, null, 14, Ws)) : d("", !0),
         !f(e) || n.question.contentNotLoaded ? (i(), u("div", {
           key: 3,
           class: l(n.question.cssClasses.noImage)
@@ -1014,7 +989,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Os = /* @__PURE__ */ h({
+}), Vs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1028,7 +1003,7 @@ const je = /* @__PURE__ */ h({
       ref: o
     }, R(e.question.formatedValue), 3));
   }
-}), Fs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], zs = ["id", "multiple", "placeholder"], Us = /* @__PURE__ */ h({
+}), Os = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], Fs = ["id", "multiple", "placeholder"], zs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1037,7 +1012,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("survey-string"), a = v("sv-file-choose-btn"), p = v("sv-action-bar"), m = v("sv-file-clean-btn"), y = v("sv-loading-indicator"), g = v("sv-file-video"), I = v("sv-file-preview");
+      const t = p("survey-string"), a = p("sv-file-choose-btn"), y = p("sv-action-bar"), m = p("sv-file-clean-btn"), v = p("sv-loading-indicator"), g = p("sv-file-video"), I = p("sv-file-preview");
       return i(), u("div", {
         class: l(e.question.fileRootCss),
         ref_key: "root",
@@ -1058,7 +1033,7 @@ const je = /* @__PURE__ */ h({
           title: e.question.inputTitle,
           accept: e.question.acceptedTypes,
           capture: e.question.renderCapture
-        }, null, 42, Fs)) : d("", !0),
+        }, null, 42, Os)) : d("", !0),
         e.question.isReadOnly ? (i(), u("input", {
           key: 1,
           type: "file",
@@ -1068,7 +1043,7 @@ const je = /* @__PURE__ */ h({
           multiple: e.question.allowMultiple,
           placeholder: e.question.title,
           style: { color: "transparent" }
-        }, null, 10, zs)) : d("", !0),
+        }, null, 10, Fs)) : d("", !0),
         c("div", {
           class: l(e.question.cssClasses.dragArea),
           onDrop: n[1] || (n[1] = (...C) => e.question.onDrop && e.question.onDrop(...C)),
@@ -1094,7 +1069,7 @@ const je = /* @__PURE__ */ h({
                 key: 0,
                 data: { question: e.question }
               }, null, 8, ["data"])) : d("", !0),
-              e.question.actionsContainerVisible ? (i(), q(p, {
+              e.question.actionsContainerVisible ? (i(), q(y, {
                 key: 1,
                 model: e.question.actionsContainer
               }, null, 8, ["model"])) : d("", !0),
@@ -1113,7 +1088,7 @@ const je = /* @__PURE__ */ h({
             key: 2,
             class: l(e.question.cssClasses.loadingIndicator)
           }, [
-            b(y)
+            b(v)
           ], 2)) : d("", !0),
           e.question.isPlayingVideo ? (i(), q(g, {
             key: 3,
@@ -1128,7 +1103,7 @@ const je = /* @__PURE__ */ h({
             question: e.question,
             css: e.question.showRemoveButtonBottom
           }, null, 8, ["question", "css"])) : d("", !0),
-          e.question.fileNavigatorVisible ? (i(), q(p, {
+          e.question.fileNavigatorVisible ? (i(), q(y, {
             key: 6,
             model: e.question.fileNavigator
           }, null, 8, ["model"])) : d("", !0)
@@ -1136,7 +1111,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ks = { class: "sv-hidden" }, me = "survey-imagepicker-item", js = /* @__PURE__ */ h({
+}), Us = { class: "sv-hidden" }, me = "survey-imagepicker-item", Ks = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1158,22 +1133,22 @@ const je = /* @__PURE__ */ h({
       ref_key: "root",
       ref: o
     }, [
-      c("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.visibleChoices, (p) => (i(), q(T(e(p)), W({
-        key: p.value
-      }, n(p)), null, 16))), 128)),
-      t.question.hasColumns ? (i(!0), u($, { key: 1 }, B(t.question.columns, (p, m) => (i(), u("div", {
+      c("legend", Us, R(t.question.locTitle.renderedHtml), 1),
+      t.question.hasColumns ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.visibleChoices, (y) => (i(), q(T(e(y)), W({
+        key: y.value
+      }, n(y)), null, 16))), 128)),
+      t.question.hasColumns ? (i(!0), u($, { key: 1 }, B(t.question.columns, (y, m) => (i(), u("div", {
         class: l(t.question.getColumnClass()),
         key: m,
         role: "presentation"
       }, [
-        (i(!0), u($, null, B(p, (y) => (i(), q(T(e(y)), W({
-          key: y.value
-        }, n(y)), null, 16))), 128))
+        (i(!0), u($, null, B(y, (v) => (i(), q(T(e(v)), W({
+          key: v.value
+        }, n(v)), null, 16))), 128))
       ], 2))), 128)) : d("", !0)
     ], 2));
   }
-}), Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Js = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Ys = /* @__PURE__ */ h({
+}), js = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["src", "width", "height", "alt"], Js = ["src", "width", "height"], Xs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1185,14 +1160,14 @@ const je = /* @__PURE__ */ h({
     L(() => s.item);
     const e = Q(() => s.item.locImageLink);
     return (n, t) => {
-      const a = v("sv-svg-icon"), p = v("survey-string");
+      const a = p("sv-svg-icon"), y = p("survey-string");
       return i(), u("div", {
         class: l(o(n.item))
       }, [
         c("label", {
           class: l(n.question.cssClasses.label)
         }, [
-          n.question.multiSelect ? N((i(), u("input", {
+          n.question.multiSelect ? P((i(), u("input", {
             key: 0,
             type: "checkbox",
             name: n.question.questionName,
@@ -1205,9 +1180,9 @@ const je = /* @__PURE__ */ h({
             "aria-invalid": n.question.ariaInvalid,
             "aria-describedby": n.question.ariaDescribedBy,
             class: l(n.question.cssClasses.itemControl)
-          }, null, 10, Qs)), [
-            [G, n.question.value]
-          ]) : N((i(), u("input", {
+          }, null, 10, js)), [
+            [ne, n.question.value]
+          ]) : P((i(), u("input", {
             key: 1,
             type: "radio",
             name: n.question.questionName,
@@ -1220,8 +1195,8 @@ const je = /* @__PURE__ */ h({
             "aria-invalid": n.question.ariaInvalid,
             "aria-describedby": n.question.ariaDescribedBy,
             class: l(n.question.cssClasses.itemControl)
-          }, null, 10, Gs)), [
-            [se, n.question.value]
+          }, null, 10, Qs)), [
+            [ee, n.question.value]
           ]),
           c("div", {
             class: l(n.question.cssClasses.itemDecorator)
@@ -1254,7 +1229,7 @@ const je = /* @__PURE__ */ h({
                 onError: t[3] || (t[3] = (m) => {
                   n.item.onErrorHandler();
                 })
-              }, null, 46, Js)) : d("", !0),
+              }, null, 46, Gs)) : d("", !0),
               f(e) && !n.item.contentNotLoaded && n.question.contentMode === "video" ? (i(), u("video", {
                 key: 2,
                 controls: "",
@@ -1269,7 +1244,7 @@ const je = /* @__PURE__ */ h({
                 onError: t[5] || (t[5] = (m) => {
                   n.item.onErrorHandler();
                 })
-              }, null, 46, Xs)) : d("", !0),
+              }, null, 46, Js)) : d("", !0),
               !f(e) || n.item.contentNotLoaded ? (i(), u("div", {
                 key: 3,
                 class: l(n.question.cssClasses.itemNoImage),
@@ -1290,7 +1265,7 @@ const je = /* @__PURE__ */ h({
               key: 0,
               class: l(n.question.cssClasses.itemText)
             }, [
-              b(p, {
+              b(y, {
                 locString: n.item.locText
               }, null, 8, ["locString"])
             ], 2)) : d("", !0)
@@ -1299,7 +1274,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], en = /* @__PURE__ */ h({
+}), Ys = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1314,7 +1289,7 @@ const je = /* @__PURE__ */ h({
       t.value = n.target.value;
     };
     return (n, t) => {
-      const a = v("sv-character-counter");
+      const a = p("sv-character-counter");
       return !n.question.isReadOnlyRenderDiv() && !n.question.getMaxLength() ? (i(), u("textarea", {
         key: 0,
         ref_key: "root",
@@ -1329,11 +1304,11 @@ const je = /* @__PURE__ */ h({
         placeholder: n.question.renderedPlaceholder,
         class: l(n.question.className),
         onChange: e,
-        onInput: t[0] || (t[0] = (p) => {
-          n.question.onInput(p);
+        onInput: t[0] || (t[0] = (y) => {
+          n.question.onInput(y);
         }),
-        onKeydown: t[1] || (t[1] = (p) => {
-          n.question.onKeyDown(p);
+        onKeydown: t[1] || (t[1] = (y) => {
+          n.question.onKeyDown(y);
         }),
         "aria-required": n.question.a11y_input_ariaRequired,
         "aria-label": n.question.a11y_input_ariaLabel,
@@ -1341,7 +1316,7 @@ const je = /* @__PURE__ */ h({
         "aria-invalid": n.question.a11y_input_ariaInvalid,
         "aria-describedby": n.question.a11y_input_ariaDescribedBy,
         style: S({ resize: n.question.resizeStyle })
-      }, null, 46, Zs)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
+      }, null, 46, Ys)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
         key: 1,
         ref_key: "root",
         ref: o
@@ -1357,11 +1332,11 @@ const je = /* @__PURE__ */ h({
           placeholder: n.question.renderedPlaceholder,
           class: l(n.question.className),
           onChange: e,
-          onInput: t[2] || (t[2] = (p) => {
-            n.question.onInput(p);
+          onInput: t[2] || (t[2] = (y) => {
+            n.question.onInput(y);
           }),
-          onKeydown: t[3] || (t[3] = (p) => {
-            n.question.onKeyDown(p);
+          onKeydown: t[3] || (t[3] = (y) => {
+            n.question.onKeyDown(y);
           }),
           "aria-required": n.question.a11y_input_ariaRequired,
           "aria-label": n.question.a11y_input_ariaLabel,
@@ -1369,7 +1344,7 @@ const je = /* @__PURE__ */ h({
           "aria-invalid": n.question.a11y_input_ariaInvalid,
           "aria-describedby": n.question.a11y_input_ariaDescribedBy,
           style: S({ resize: n.question.resizeStyle })
-        }, null, 46, xs),
+        }, null, 46, Zs),
         b(a, {
           counter: n.question.characterCounter,
           remainingCharacterCounter: n.question.cssClasses.remainingCharacterCounter
@@ -1381,7 +1356,7 @@ const je = /* @__PURE__ */ h({
       }, R(n.question.value), 513));
     };
   }
-}), sn = /* @__PURE__ */ h({
+}), en = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1390,7 +1365,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("sv-dropdown"), a = v("survey-other-choice");
+      const t = p("sv-dropdown"), a = p("survey-other-choice");
       return i(), u("div", {
         class: l(e.question.renderCssRoot),
         ref_key: "root",
@@ -1404,16 +1379,16 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), nn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], on = {
+}), sn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], nn = {
   key: 0,
   value: ""
-}, tn = ["id"];
-ne.Instance.registerRenderer(
+}, on = ["id"];
+se.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const rn = /* @__PURE__ */ h({
+const tn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1432,12 +1407,12 @@ const rn = /* @__PURE__ */ h({
         return (a = s.question.value) != null ? a : "";
       },
       set(a) {
-        const p = s.question;
-        a === "" ? p.renderedValue = void 0 : p.renderedValue = a;
+        const y = s.question;
+        a === "" ? y.renderedValue = void 0 : y.renderedValue = a;
       }
     });
-    return (a, p) => {
-      const m = v("sv-dropdown-option-item"), y = v("sv-svg-icon"), g = v("survey-other-choice");
+    return (a, y) => {
+      const m = p("sv-dropdown-option-item"), v = p("sv-svg-icon"), g = p("survey-other-choice");
       return i(), u("div", {
         class: l(a.question.renderCssRoot),
         ref_key: "root",
@@ -1451,10 +1426,10 @@ const rn = /* @__PURE__ */ h({
             disabled: "",
             id: a.question.inputId,
             class: l(a.question.getControlClass())
-          }, R(a.question.readOnlyText), 11, tn)) : N((i(), u("select", {
+          }, R(a.question.readOnlyText), 11, on)) : P((i(), u("select", {
             key: 0,
             id: a.question.inputId,
-            "onUpdate:modelValue": p[0] || (p[0] = (I) => t.value = I),
+            "onUpdate:modelValue": y[0] || (y[0] = (I) => t.value = I),
             onClick: e,
             onKeyup: n,
             autocomplete: a.question.autocomplete,
@@ -1465,19 +1440,19 @@ const rn = /* @__PURE__ */ h({
             "aria-describedby": a.question.ariaDescribedBy,
             required: a.question.isRequired
           }, [
-            a.question.allowClear ? (i(), u("option", on, R(a.question.placeholder), 1)) : d("", !0),
+            a.question.allowClear ? (i(), u("option", nn, R(a.question.placeholder), 1)) : d("", !0),
             (i(!0), u($, null, B(a.question.visibleChoices, (I) => (i(), q(m, {
               item: I,
               key: I.id
             }, null, 8, ["item"]))), 128))
-          ], 42, nn)), [
+          ], 42, sn)), [
             [ke, t.value]
           ]),
           a.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
             key: 2,
             class: l(a.question.cssClasses.chevronButton)
           }, [
-            b(y, {
+            b(v, {
               class: l(a.question.cssClasses.chevronButtonSvg),
               iconName: a.question.cssClasses.chevronButtonIconId,
               size: "auto"
@@ -1491,7 +1466,7 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), ln = ["value", "disabled"], an = /* @__PURE__ */ h({
+}), rn = ["value", "disabled"], ln = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1501,9 +1476,9 @@ const rn = /* @__PURE__ */ h({
     return L(() => s.item), (e, n) => (i(), u("option", {
       value: e.item.value,
       disabled: !e.item.isEnabled
-    }, R(f(o)), 9, ln));
+    }, R(f(o)), 9, rn));
   }
-}), un = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], dn = { style: { visibility: "hidden" } }, mn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], cn = ["id"], pn = /* @__PURE__ */ h({
+}), an = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], un = { style: { visibility: "hidden" } }, dn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], mn = ["id"], cn = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1521,7 +1496,7 @@ const rn = /* @__PURE__ */ h({
     }, a = (k) => {
       var D;
       (D = e.value) == null || D.onClear(k);
-    }, p = (k) => {
+    }, y = (k) => {
       var D;
       (D = e.value) == null || D.keyHandler(k);
     }, m = () => {
@@ -1529,7 +1504,7 @@ const rn = /* @__PURE__ */ h({
         const k = o.value, D = e.value.inputStringRendered;
         De.isTwoValueEquals(D, k.value, !1, !0, !1) || (k.value = e.value.inputStringRendered);
       }
-    }, y = (k) => {
+    }, v = (k) => {
       var D;
       (D = e.value) == null || D.onBlur(k), m();
     }, g = (k) => {
@@ -1539,9 +1514,9 @@ const rn = /* @__PURE__ */ h({
       e.value.inputStringRendered = k.target.value;
     }, C = w(
       () => s.question.showSelectedItemLocText
-    ), P = w(() => s.question.selectedItemLocText);
-    return L(() => e.value), ee(m), H(m), (k, D) => {
-      const E = v("survey-string"), O = v("sv-svg-icon"), U = v("sv-popup");
+    ), N = w(() => s.question.selectedItemLocText);
+    return L(() => e.value), x(m), H(m), (k, D) => {
+      const E = p("survey-string"), V = p("sv-svg-icon"), U = p("sv-popup");
       return i(), u("div", {
         class: l(k.question.cssClasses.selectWrapper),
         onClick: n
@@ -1551,8 +1526,8 @@ const rn = /* @__PURE__ */ h({
           id: k.question.inputId,
           disabled: k.question.isInputReadOnly ? !0 : null,
           tabindex: e.value.noTabIndex ? void 0 : 0,
-          onKeydown: p,
-          onBlur: y,
+          onKeydown: y,
+          onBlur: v,
           class: l(k.question.getControlClass()),
           role: k.question.ariaRole,
           "aria-required": k.question.ariaRequired,
@@ -1575,13 +1550,13 @@ const rn = /* @__PURE__ */ h({
           }, [
             C.value ? (i(), q(E, {
               key: 0,
-              locString: P.value
+              locString: N.value
             }, null, 8, ["locString"])) : d("", !0),
             e.value.showHintString ? (i(), u("div", {
               key: 1,
               class: l(k.question.cssClasses.hintSuffix)
             }, [
-              c("span", dn, R(e.value.inputStringRendered), 1),
+              c("span", un, R(e.value.inputStringRendered), 1),
               c("span", null, R(e.value.hintStringSuffix), 1)
             ], 2)) : d("", !0),
             k.question.showInputFieldComponent ? (i(), q(T(k.question.inputFieldComponentName), {
@@ -1608,17 +1583,17 @@ const rn = /* @__PURE__ */ h({
               "aria-activedescendant": e.value.ariaActivedescendant,
               placeholder: e.value.placeholderRendered,
               onInput: I,
-              onBlur: y,
+              onBlur: v,
               onFocus: g
-            }, null, 42, mn)
+            }, null, 42, dn)
           ], 2),
-          k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
+          k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
             key: 1,
             class: l(k.question.cssClasses.cleanButton),
             onClick: a,
             "aria-hidden": "true"
           }, [
-            b(O, {
+            b(V, {
               class: l(k.question.cssClasses.cleanButtonSvg),
               iconName: k.question.cssClasses.cleanButtonIconId,
               title: k.question.clearCaption,
@@ -1627,7 +1602,7 @@ const rn = /* @__PURE__ */ h({
           ], 2)), [
             [M, k.question.showClearButton]
           ]) : d("", !0)
-        ], 42, un)),
+        ], 42, an)),
         k.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1639,7 +1614,7 @@ const rn = /* @__PURE__ */ h({
             locString: k.question.selectedItemLocText
           }, null, 8, ["locString"])) : d("", !0),
           c("div", null, R(k.question.readOnlyText), 1)
-        ], 10, cn)) : (i(), q(U, {
+        ], 10, mn)) : (i(), q(U, {
           key: 1,
           model: k.question.dropdownListModel.popupModel
         }, null, 8, ["model"])),
@@ -1649,7 +1624,7 @@ const rn = /* @__PURE__ */ h({
           onPointerdown: t,
           "aria-hidden": "true"
         }, [
-          b(O, {
+          b(V, {
             class: l(k.question.cssClasses.chevronButtonSvg),
             iconName: k.question.cssClasses.chevronButtonIconId,
             size: "auto"
@@ -1658,7 +1633,7 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), vn = /* @__PURE__ */ h({
+}), pn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1667,7 +1642,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("sv-tagbox"), a = v("survey-other-choice");
+      const t = p("sv-tagbox"), a = p("survey-other-choice");
       return i(), u("div", {
         class: l(e.question.renderCssRoot),
         ref_key: "root",
@@ -1681,111 +1656,114 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], gn = /* @__PURE__ */ h({
+}), vn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], yn = ["id"], qn = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
   },
   setup(r) {
     const s = r, o = w(() => {
-      const y = s.question;
-      return y.dropdownListModel || (y.dropdownListModel = new Be(y)), s.question.dropdownListModel;
-    }), e = (y) => {
+      const v = s.question;
+      return v.dropdownListModel || (v.dropdownListModel = new Be(v)), s.question.dropdownListModel;
+    }), e = (v) => {
       var g;
-      (g = o.value) == null || g.onClick(y);
-    }, n = (y) => {
+      (g = o.value) == null || g.onClick(v);
+    }, n = (v) => {
       var g;
-      (g = o.value) == null || g.chevronPointerDown(y);
-    }, t = (y) => {
+      (g = o.value) == null || g.chevronPointerDown(v);
+    }, t = (v) => {
       var g;
-      (g = o.value) == null || g.onClear(y);
-    }, a = (y) => {
+      (g = o.value) == null || g.onClear(v);
+    }, a = (v) => {
       var g;
-      (g = o.value) == null || g.keyHandler(y);
-    }, p = (y) => {
+      (g = o.value) == null || g.keyHandler(v);
+    }, y = (v) => {
       var g;
-      (g = o.value) == null || g.onBlur(y);
+      (g = o.value) == null || g.onBlur(v);
     }, m = w(() => s.question.selectedChoices);
-    return L(() => o.value), (y, g) => {
-      const I = v("sv-tagbox-item"), C = v("sv-tagbox-filter"), P = v("sv-svg-icon"), k = v("sv-popup");
+    return L(() => o.value), (v, g) => {
+      const I = p("sv-tagbox-item"), C = p("sv-tagbox-filter"), N = p("sv-svg-icon"), k = p("sv-popup"), D = p("survey-string");
       return i(), u("div", {
-        class: l(y.question.cssClasses.selectWrapper),
+        class: l(v.question.cssClasses.selectWrapper),
         onClick: e
       }, [
-        y.question.isReadOnly ? d("", !0) : (i(), u("div", {
+        v.question.isReadOnly ? d("", !0) : (i(), u("div", {
           key: 0,
-          id: y.question.inputId,
+          id: v.question.inputId,
           tabindex: o.value.noTabIndex ? void 0 : 0,
-          disabled: y.question.isInputReadOnly ? !0 : null,
+          disabled: v.question.isInputReadOnly ? !0 : null,
           onKeydown: a,
-          onBlur: p,
-          class: l(y.question.getControlClass()),
-          role: y.question.ariaRole,
-          "aria-required": y.question.ariaRequired,
-          "aria-label": y.question.ariaLabel,
-          "aria-invalid": y.question.ariaInvalid,
-          "aria-describedby": y.question.ariaDescribedBy,
-          "aria-expanded": y.question.ariaExpanded === null ? void 0 : y.question.ariaExpanded === "true",
+          onBlur: y,
+          class: l(v.question.getControlClass()),
+          role: v.question.ariaRole,
+          "aria-required": v.question.ariaRequired,
+          "aria-label": v.question.ariaLabel,
+          "aria-invalid": v.question.ariaInvalid,
+          "aria-describedby": v.question.ariaDescribedBy,
+          "aria-expanded": v.question.ariaExpanded === null ? void 0 : v.question.ariaExpanded === "true",
           "aria-controls": o.value.listElementId,
           "aria-activedescendant": o.value.ariaActivedescendant,
-          required: y.question.isRequired ? !0 : null
+          required: v.question.isRequired ? !0 : null
         }, [
           c("div", {
-            class: l(y.question.cssClasses.controlValue)
+            class: l(v.question.cssClasses.controlValue)
           }, [
-            (i(!0), u($, null, B(m.value, (D, E) => (i(), q(I, {
-              item: D,
-              question: y.question,
-              key: "item" + E
+            (i(!0), u($, null, B(m.value, (E, V) => (i(), q(I, {
+              item: E,
+              question: v.question,
+              key: "item" + V
             }, null, 8, ["item", "question"]))), 128)),
             b(C, {
               model: o.value,
-              question: y.question
+              question: v.question
             }, null, 8, ["model", "question"])
           ], 2),
-          y.question.allowClear && y.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
+          v.question.allowClear && v.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
             key: 0,
-            class: l(y.question.cssClasses.cleanButton),
+            class: l(v.question.cssClasses.cleanButton),
             onClick: t,
             "aria-hidden": "true"
           }, [
-            b(P, {
-              class: l(y.question.cssClasses.cleanButtonSvg),
-              iconName: y.question.cssClasses.cleanButtonIconId,
-              title: y.question.clearCaption,
+            b(N, {
+              class: l(v.question.cssClasses.cleanButtonSvg),
+              iconName: v.question.cssClasses.cleanButtonIconId,
+              title: v.question.clearCaption,
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [M, y.question.showClearButton]
+            [M, v.question.showClearButton]
           ]) : d("", !0)
-        ], 42, yn)),
-        y.question.isReadOnly ? (i(), u("div", {
+        ], 42, vn)),
+        v.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
-          id: y.question.inputId,
-          class: l(y.question.getControlClass())
+          id: v.question.inputId,
+          class: l(v.question.getControlClass())
         }, [
-          c("div", null, R(y.question.readOnlyText), 1)
-        ], 10, qn)) : (i(), q(k, {
+          v.question.locReadOnlyText ? (i(), q(D, {
+            key: 0,
+            locString: v.question.locReadOnlyText
+          }, null, 8, ["locString"])) : d("", !0)
+        ], 10, yn)) : (i(), q(k, {
           key: 1,
           model: o.value.popupModel
         }, null, 8, ["model"])),
-        y.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
+        v.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
           key: 3,
-          class: l(y.question.cssClasses.chevronButton),
+          class: l(v.question.cssClasses.chevronButton),
           onPointerdown: n,
           "aria-hidden": "true"
         }, [
-          b(P, {
-            class: l(y.question.cssClasses.chevronButtonSvg),
-            iconName: y.question.cssClasses.chevronButtonIconId,
+          b(N, {
+            class: l(v.question.cssClasses.chevronButtonSvg),
+            iconName: v.question.cssClasses.chevronButtonIconId,
             size: "auto"
           }, null, 8, ["class", "iconName"])
         ], 34)) : d("", !0)
       ], 2);
     };
   }
-}), hn = { style: { visibility: "hidden" } }, Cn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], bn = /* @__PURE__ */ h({
+}), gn = { style: { visibility: "hidden" } }, hn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], Cn = /* @__PURE__ */ h({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1793,8 +1771,8 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, o = (a) => {
-      const p = s.model;
-      p.inputStringRendered = a.target.value;
+      const y = s.model;
+      y.inputStringRendered = a.target.value;
     }, e = (a) => {
       s.model.inputKeyHandler(a);
     }, n = (a) => {
@@ -1802,8 +1780,8 @@ const rn = /* @__PURE__ */ h({
     }, t = (a) => {
       s.model.onFocus(a);
     };
-    return L(() => s.model), (a, p) => {
-      const m = v("survey-string");
+    return L(() => s.model), (a, y) => {
+      const m = p("survey-string");
       return i(), u("div", {
         class: l(a.question.cssClasses.hint)
       }, [
@@ -1824,13 +1802,13 @@ const rn = /* @__PURE__ */ h({
             key: 1,
             class: l(a.question.cssClasses.hintSuffix)
           }, [
-            c("span", hn, R(a.model.inputStringRendered), 1),
+            c("span", gn, R(a.model.inputStringRendered), 1),
             c("span", null, R(a.model.hintStringSuffix), 1)
           ], 2)) : d("", !0),
-          N(c("input", {
+          P(c("input", {
             type: "text",
             autocomplete: "off",
-            "onUpdate:modelValue": p[0] || (p[0] = (y) => a.model.inputStringRendered = y),
+            "onUpdate:modelValue": y[0] || (y[0] = (v) => a.model.inputStringRendered = v),
             class: l(a.question.cssClasses.filterStringInput),
             placeholder: a.model.filterStringPlaceholder,
             disabled: a.question.isInputReadOnly,
@@ -1848,14 +1826,14 @@ const rn = /* @__PURE__ */ h({
             onKeydown: e,
             onBlur: n,
             onFocus: t
-          }, null, 42, Cn), [
+          }, null, 42, hn), [
             [fe, a.model.inputStringRendered]
           ])
         ], 2)
       ], 2);
     };
   }
-}), kn = { class: "sv-tagbox__item-text" }, fn = /* @__PURE__ */ h({
+}), bn = { class: "sv-tagbox__item-text" }, kn = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1866,12 +1844,12 @@ const rn = /* @__PURE__ */ h({
       s.question.dropdownListModel.deselectItem(s.item.value), e.stopPropagation();
     };
     return L(() => s.item), (e, n) => {
-      const t = v("survey-string"), a = v("sv-svg-icon");
+      const t = p("survey-string"), a = p("sv-svg-icon");
       return i(), u("div", {
         class: "sv-tagbox__item",
         key: e.item.key
       }, [
-        c("div", kn, [
+        c("div", bn, [
           b(t, {
             locString: e.item.locText
           }, null, 8, ["locString"])
@@ -1889,7 +1867,7 @@ const rn = /* @__PURE__ */ h({
       ]);
     };
   }
-}), In = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -1898,7 +1876,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     A(s, o);
-    const e = (t) => s.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, a, p) => ({
+    const e = (t) => s.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, a, y) => ({
       componentName: s.question.getPropertyByName("itemComponent").isDefaultValue(
         s.question.itemComponent
       ) ? "survey-ranking-item" : s.question.itemComponent,
@@ -1906,33 +1884,33 @@ const rn = /* @__PURE__ */ h({
         question: s.question,
         item: t,
         index: a,
-        unrankedItem: p,
+        unrankedItem: y,
         data: s.question.getItemValueWrapperComponentData(t)
       }
     });
     return (t, a) => {
-      const p = v("survey-string");
+      const y = p("survey-string");
       return i(), u("div", {
         class: l(t.question.rootClass),
         ref_key: "root",
         ref: o
       }, [
-        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.rankingChoices, (m, y) => (i(), q(T(e(m)), W({
-          key: m.value + "-" + y + "-item"
-        }, n(m, y)), null, 16))), 128)),
+        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u($, { key: 0 }, B(t.question.rankingChoices, (m, v) => (i(), q(T(e(m)), W({
+          key: m.value + "-" + v + "-item"
+        }, n(m, v)), null, 16))), 128)),
         t.question.selectToRankEnabled ? (i(), u("div", {
           key: 1,
           class: l(t.question.getContainerClasses("from")),
           "data-ranking": "from-container"
         }, [
-          (i(!0), u($, null, B(t.question.unRankingChoices, (m, y) => (i(), q(T(e(m)), W({
-            key: m.value + "-" + y + "-item"
-          }, n(m, y, !0)), null, 16))), 128)),
+          (i(!0), u($, null, B(t.question.unRankingChoices, (m, v) => (i(), q(T(e(m)), W({
+            key: m.value + "-" + v + "-item"
+          }, n(m, v, !0)), null, 16))), 128)),
           t.question.unRankingChoices.length === 0 ? (i(), u("div", {
             key: 0,
             class: l(t.question.cssClasses.containerPlaceholder)
           }, [
-            b(p, {
+            b(y, {
               locString: t.question.locSelectToRankEmptyRankedAreaText
             }, null, 8, ["locString"])
           ], 2)) : d("", !0)
@@ -1946,14 +1924,14 @@ const rn = /* @__PURE__ */ h({
           class: l(t.question.getContainerClasses("to")),
           "data-ranking": "to-container"
         }, [
-          (i(!0), u($, null, B(t.question.rankingChoices, (m, y) => (i(), q(T(e(m)), W({
-            key: m.value + "-" + y + "-item"
-          }, n(m, y)), null, 16))), 128)),
+          (i(!0), u($, null, B(t.question.rankingChoices, (m, v) => (i(), q(T(e(m)), W({
+            key: m.value + "-" + v + "-item"
+          }, n(m, v)), null, 16))), 128)),
           t.question.rankingChoices.length === 0 ? (i(), u("div", {
             key: 0,
             class: l(t.question.cssClasses.containerPlaceholder)
           }, [
-            b(p, {
+            b(y, {
               locString: t.question.locSelectToRankEmptyUnrankedAreaText
             }, null, 8, ["locString"])
           ], 2)) : d("", !0)
@@ -1961,10 +1939,10 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), wn = ["tabindex", "data-sv-drop-target-ranking-item"], Sn = {
+}), In = ["tabindex", "data-sv-drop-target-ranking-item"], wn = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Rn = ["xlink:href"], Tn = ["xlink:href"], $n = ["xlink:href"], _n = /* @__PURE__ */ h({
+}, Sn = ["xlink:href"], Rn = ["xlink:href"], Tn = ["xlink:href"], $n = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -1976,7 +1954,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = w(() => s.question.getNumberByIndex(s.index));
     return L(() => s.item), (e, n) => {
-      const t = v("survey-string");
+      const t = p("survey-string");
       return i(), u("div", {
         tabindex: e.question.getItemTabIndex(e.item),
         "data-sv-drop-target-ranking-item": e.index,
@@ -1993,7 +1971,7 @@ const rn = /* @__PURE__ */ h({
           );
         })
       }, [
-        c("div", Sn, [
+        c("div", wn, [
           c("div", {
             class: l(e.question.cssClasses.itemGhostNode)
           }, null, 2),
@@ -2008,14 +1986,14 @@ const rn = /* @__PURE__ */ h({
               }, [
                 c("use", {
                   "xlink:href": e.question.dragDropSvgIcon
-                }, null, 8, Rn)
+                }, null, 8, Sn)
               ], 2)),
               (i(), u("svg", {
                 class: l(e.question.getIconFocusCss())
               }, [
                 c("use", {
                   "xlink:href": e.question.arrowsSvgIcon
-                }, null, 8, Tn)
+                }, null, 8, Rn)
               ], 2))
             ], 2),
             !e.unrankedItem && o.value ? (i(), u("div", {
@@ -2028,7 +2006,7 @@ const rn = /* @__PURE__ */ h({
               (i(), u("svg", null, [
                 c("use", {
                   "xlink:href": e.question.dashSvgIcon
-                }, null, 8, $n)
+                }, null, 8, Tn)
               ]))
             ], 2)),
             c("div", {
@@ -2040,13 +2018,13 @@ const rn = /* @__PURE__ */ h({
             ], 2)
           ], 2)
         ])
-      ], 42, wn);
+      ], 42, In);
     };
   }
-}), Dn = { role: "radiogroup" }, Bn = /* @__PURE__ */ c("legend", {
+}), _n = { role: "radiogroup" }, Dn = /* @__PURE__ */ c("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), Ln = /* @__PURE__ */ h({
+}, null, -1), Bn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2057,14 +2035,14 @@ const rn = /* @__PURE__ */ h({
     A(s, o);
     const e = (n) => s.question.getInputId(n);
     return (n, t) => {
-      const a = v("survey-string");
+      const a = p("survey-string");
       return i(), u("div", {
         class: l(n.question.ratingRootCss),
         ref_key: "root",
         ref: o
       }, [
-        c("fieldset", Dn, [
-          Bn,
+        c("fieldset", _n, [
+          Dn,
           n.question.hasMinLabel ? (i(), u("span", {
             key: 0,
             class: l(n.question.cssClasses.minText)
@@ -2073,9 +2051,9 @@ const rn = /* @__PURE__ */ h({
               locString: n.question.locMinRateDescription
             }, null, 8, ["locString"])
           ], 2)) : d("", !0),
-          (i(!0), u($, null, B(n.question.renderedRateItems, (p, m) => (i(), q(T(n.question.itemComponent), {
+          (i(!0), u($, null, B(n.question.renderedRateItems, (y, m) => (i(), q(T(n.question.itemComponent), {
             key: e(m),
-            item: p,
+            item: y,
             index: m,
             question: n.question
           }, null, 8, ["item", "index", "question"]))), 128)),
@@ -2091,7 +2069,7 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Nn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Pn = /* @__PURE__ */ h({
+}), Ln = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Nn = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2101,7 +2079,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.item), (o, e) => {
-      const n = v("survey-string");
+      const n = p("survey-string");
       return i(), u("label", {
         key: o.item.value,
         onMousedown: e[1] || (e[1] = (t) => o.question.onMouseDown()),
@@ -2119,7 +2097,7 @@ const rn = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, Nn),
+        }, null, 8, Ln),
         c("span", {
           class: l(o.question.cssClasses.itemText)
         }, [
@@ -2130,7 +2108,7 @@ const rn = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Mn = /* @__PURE__ */ h({
+}), Pn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2140,7 +2118,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.item), (o, e) => {
-      const n = v("sv-svg-icon");
+      const n = p("sv-svg-icon");
       return i(), u("label", {
         key: o.item.value,
         onMousedown: e[1] || (e[1] = (t) => o.question.onMouseDown()),
@@ -2161,7 +2139,7 @@ const rn = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, An),
+        }, null, 8, Pn),
         b(n, {
           iconName: o.question.getItemSmileyIconName(o.item.itemValue),
           size: "auto",
@@ -2170,7 +2148,7 @@ const rn = /* @__PURE__ */ h({
       ], 38);
     };
   }
-}), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Wn = /* @__PURE__ */ h({
+}), Mn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Hn = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2180,7 +2158,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.item), (o, e) => {
-      const n = v("sv-svg-icon");
+      const n = p("sv-svg-icon");
       return i(), u("label", {
         key: o.item.value,
         onMousedown: e[1] || (e[1] = (t) => o.question.onMouseDown()),
@@ -2200,7 +2178,7 @@ const rn = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, Hn),
+        }, null, 8, Mn),
         b(n, {
           class: l("sv-star"),
           iconName: o.question.itemStarIcon,
@@ -2216,10 +2194,10 @@ const rn = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), En = { class: "sd-rating-dropdown-item" }, Vn = { class: "sd-rating-dropdown-item_text" }, On = {
+}), Wn = { class: "sd-rating-dropdown-item" }, En = { class: "sd-rating-dropdown-item_text" }, Vn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, Fn = /* @__PURE__ */ h({
+}, On = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {}
@@ -2227,10 +2205,10 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.item), (o, e) => {
-      const n = v("survey-string");
-      return i(), u("div", En, [
-        c("span", Vn, R(o.item.title), 1),
-        o.item.description ? (i(), u("div", On, [
+      const n = p("survey-string");
+      return i(), u("div", Wn, [
+        c("span", En, R(o.item.title), 1),
+        o.item.description ? (i(), u("div", Vn, [
           b(n, {
             locString: o.item.description
           }, null, 8, ["locString"])
@@ -2239,12 +2217,12 @@ const rn = /* @__PURE__ */ h({
     };
   }
 });
-ne.Instance.registerRenderer(
+se.Instance.registerRenderer(
   "rating",
   "dropdown",
   "sv-rating-dropdown"
 );
-const zn = /* @__PURE__ */ h({
+const Fn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2253,7 +2231,7 @@ const zn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("sv-dropdown");
+      const t = p("sv-dropdown");
       return i(), u("div", {
         class: l(e.question.cssClasses.rootDropdown),
         ref_key: "root",
@@ -2263,7 +2241,7 @@ const zn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Un = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Kn = /* @__PURE__ */ h({
+}), zn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Un = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2279,21 +2257,21 @@ const zn = /* @__PURE__ */ h({
     };
     return (t, a) => {
       var m;
-      const p = v("survey-string");
+      const y = p("survey-string");
       return i(), u("div", {
         class: l(t.question.cssClasses.root),
         ref_key: "root",
         ref: o,
-        onKeydown: a[4] || (a[4] = (y) => t.question.onKeyDownCore(y))
+        onKeydown: a[4] || (a[4] = (v) => t.question.onKeyDownCore(v))
       }, [
         c("label", {
           class: l(t.question.getItemCss())
         }, [
-          N(c("input", {
+          P(c("input", {
             type: "checkbox",
             name: t.question.name,
             value: (m = t.question.booleanValue) != null ? m : "",
-            "onUpdate:modelValue": a[0] || (a[0] = (y) => t.question.booleanValue = y),
+            "onUpdate:modelValue": a[0] || (a[0] = (v) => t.question.booleanValue = v),
             class: l(t.question.cssClasses.control),
             id: t.question.inputId,
             ".indeterminate": t.question.isIndeterminate,
@@ -2302,24 +2280,24 @@ const zn = /* @__PURE__ */ h({
             "aria-label": t.question.ariaLabel,
             "aria-invalid": t.question.ariaInvalid,
             "aria-describedby": t.question.ariaDescribedBy
-          }, null, 42, Un), [
-            [G, t.question.booleanValue]
+          }, null, 42, zn), [
+            [ne, t.question.booleanValue]
           ]),
           c("div", {
             class: l(t.question.cssClasses.sliderGhost),
-            onClick: a[1] || (a[1] = (y) => e(y, !1))
+            onClick: a[1] || (a[1] = (v) => e(v, !1))
           }, [
             c("span", {
               class: l(t.question.getLabelCss(!1))
             }, [
-              b(p, {
+              b(y, {
                 locString: t.question.locLabelFalse
               }, null, 8, ["locString"])
             ], 2)
           ], 2),
           c("div", {
             class: l(t.question.cssClasses.switch),
-            onClick: a[2] || (a[2] = (y) => n(y))
+            onClick: a[2] || (a[2] = (v) => n(v))
           }, [
             c("span", {
               class: l(t.question.cssClasses.slider)
@@ -2328,7 +2306,7 @@ const zn = /* @__PURE__ */ h({
                 key: 0,
                 class: l(t.question.cssClasses.sliderText)
               }, [
-                b(p, {
+                b(y, {
                   locString: t.question.getCheckedLabel()
                 }, null, 8, ["locString"])
               ], 2)) : d("", !0)
@@ -2336,12 +2314,12 @@ const zn = /* @__PURE__ */ h({
           ], 2),
           c("div", {
             class: l(t.question.cssClasses.sliderGhost),
-            onClick: a[3] || (a[3] = (y) => e(y, !0))
+            onClick: a[3] || (a[3] = (v) => e(v, !0))
           }, [
             c("span", {
               class: l(t.question.getLabelCss(!0))
             }, [
-              b(p, {
+              b(y, {
                 locString: t.question.locLabelTrue
               }, null, 8, ["locString"])
             ], 2)
@@ -2351,12 +2329,12 @@ const zn = /* @__PURE__ */ h({
     };
   }
 });
-ne.Instance.registerRenderer(
+se.Instance.registerRenderer(
   "boolean",
   "radio",
   "sv-boolean-radio"
 );
-const jn = /* @__PURE__ */ h({
+const Kn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2365,7 +2343,7 @@ const jn = /* @__PURE__ */ h({
   setup(r) {
     const s = _(null);
     return A(r, s), (e, n) => {
-      const t = v("sv-boolean-radio-item");
+      const t = p("sv-boolean-radio-item");
       return i(), u("div", {
         class: l(e.question.cssClasses.rootRadio),
         ref_key: "root",
@@ -2391,7 +2369,7 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Qn = ["name", "value", "checked", "aria-describedby", "disabled"], Gn = ["xlink:href"], Jn = /* @__PURE__ */ h({
+}), jn = ["name", "value", "checked", "aria-describedby", "disabled"], Qn = ["xlink:href"], Gn = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2404,7 +2382,7 @@ const jn = /* @__PURE__ */ h({
       n.booleanValue = e.target.value == "true";
     };
     return (e, n) => {
-      const t = v("survey-string");
+      const t = p("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: l(e.question.getRadioItemClass(e.question.cssClasses, e.value))
@@ -2421,7 +2399,7 @@ const jn = /* @__PURE__ */ h({
             disabled: e.question.isInputReadOnly,
             class: l(e.question.cssClasses.itemRadioControl),
             onChange: o
-          }, null, 42, Qn),
+          }, null, 42, jn),
           e.question.cssClasses.materialRadioDecorator ? (i(), u("span", {
             key: 0,
             class: l(e.question.cssClasses.materialRadioDecorator)
@@ -2432,7 +2410,7 @@ const jn = /* @__PURE__ */ h({
             }, [
               c("use", {
                 "xlink:href": e.question.itemSvgIcon
-              }, null, 8, Gn)
+              }, null, 8, Qn)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           c("span", {
@@ -2444,13 +2422,13 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Xn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Yn = ["xlink:href"], Zn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), xn = ["id"];
-ne.Instance.registerRenderer(
+}), Jn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Xn = ["xlink:href"], Yn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), Zn = ["id"];
+se.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const eo = /* @__PURE__ */ h({
+const xn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2461,7 +2439,7 @@ const eo = /* @__PURE__ */ h({
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
       var m;
-      const t = v("survey-element-title-content"), a = v("sv-title-actions"), p = v("survey-string");
+      const t = p("survey-element-title-content"), a = p("sv-title-actions"), y = p("survey-string");
       return i(), u("div", {
         class: l(e.question.cssClasses.rootCheckbox),
         ref_key: "root",
@@ -2473,11 +2451,11 @@ const eo = /* @__PURE__ */ h({
           c("label", {
             class: l(e.question.cssClasses.checkboxLabel)
           }, [
-            N(c("input", {
+            P(c("input", {
               type: "checkbox",
               name: e.question.name,
               value: (m = e.question.booleanValue) != null ? m : "",
-              "onUpdate:modelValue": n[0] || (n[0] = (y) => e.question.booleanValue = y),
+              "onUpdate:modelValue": n[0] || (n[0] = (v) => e.question.booleanValue = v),
               class: l(e.question.cssClasses.controlCheckbox),
               id: e.question.inputId,
               ".indeterminate": e.question.isIndeterminate,
@@ -2486,8 +2464,8 @@ const eo = /* @__PURE__ */ h({
               "aria-label": e.question.ariaLabel,
               "aria-invalid": e.question.ariaInvalid,
               "aria-describedby": e.question.ariaDescribedBy
-            }, null, 42, Xn), [
-              [G, e.question.booleanValue]
+            }, null, 42, Jn), [
+              [ne, e.question.booleanValue]
             ]),
             c("span", {
               class: l(e.question.cssClasses.checkboxMaterialDecorator)
@@ -2498,9 +2476,9 @@ const eo = /* @__PURE__ */ h({
               }, [
                 c("use", {
                   "xlink:href": e.question.svgIcon
-                }, null, 8, Yn)
+                }, null, 8, Xn)
               ], 2)) : d("", !0),
-              Zn
+              Yn
             ], 2),
             e.question.isLabelRendered ? (i(), u("span", {
               key: 0,
@@ -2517,13 +2495,13 @@ const eo = /* @__PURE__ */ h({
                 element: e.question,
                 css: e.css
               }, null, 8, ["element", "css"])) : d("", !0)
-            ], 10, xn)) : d("", !0)
+            ], 10, Zn)) : d("", !0)
           ], 2),
           e.question.canRenderLabelDescription ? (i(), u("div", {
             key: 0,
             class: l(e.question.cssDescription)
           }, [
-            b(p, {
+            b(y, {
               locString: e.question.locDescription
             }, null, 8, ["locString"])
           ], 2)) : d("", !0)
@@ -2531,7 +2509,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), so = /* @__PURE__ */ h({
+}), eo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2540,27 +2518,27 @@ const eo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null), e = w(() => s.question.getRows());
     return A(s, o), (n, t) => {
-      const a = v("survey-multipletext-item");
+      const a = p("survey-multipletext-item");
       return i(), u("table", {
         class: l(n.question.getQuestionRootCss()),
         ref_key: "root",
         ref: o
       }, [
         c("tbody", null, [
-          (i(!0), u($, null, B(e.value, (p, m) => (i(), u($, {
+          (i(!0), u($, null, B(e.value, (y, m) => (i(), u($, {
             key: n.question.inputId + "rowkey" + m
           }, [
-            p.isVisible ? (i(), u("tr", {
+            y.isVisible ? (i(), u("tr", {
               key: 0,
               class: l(n.question.cssClasses.row)
             }, [
-              (i(!0), u($, null, B(p.cells, (y) => (i(), u("td", {
-                key: "item" + y.item.editor.id,
-                class: l(y.className)
+              (i(!0), u($, null, B(y.cells, (v) => (i(), u("td", {
+                key: "item" + v.item.editor.id,
+                class: l(v.className)
               }, [
                 b(a, {
                   question: n.question,
-                  cell: y
+                  cell: v
                 }, null, 8, ["question", "cell"])
               ], 2))), 128))
             ], 2)) : d("", !0)
@@ -2569,7 +2547,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), no = { key: 1 }, oo = /* @__PURE__ */ h({
+}), so = { key: 1 }, no = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2580,8 +2558,8 @@ const eo = /* @__PURE__ */ h({
     L(() => s.cell.item.editor);
     const e = w(() => s.cell.item);
     return (n, t) => {
-      const a = v("survey-string"), p = v("survey-errors");
-      return n.cell.isErrorsCell ? (i(), q(p, {
+      const a = p("survey-string"), y = p("survey-errors");
+      return n.cell.isErrorsCell ? (i(), q(y, {
         key: 1,
         element: e.value.editor
       }, null, 8, ["element"])) : (i(), u("label", {
@@ -2599,7 +2577,7 @@ const eo = /* @__PURE__ */ h({
           b(a, {
             locString: e.value.locTitle
           }, null, 8, ["locString"]),
-          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", no, "\xA0")) : d("", !0),
+          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", so, "\xA0")) : d("", !0),
           e.value.editor.isRequireTextAfterTitle ? (i(), u("span", {
             key: 2,
             "aria-hidden": "true",
@@ -2618,7 +2596,7 @@ const eo = /* @__PURE__ */ h({
       ], 2));
     };
   }
-}), to = { class: "sv-hidden" }, io = { key: 0 }, ro = { key: 0 }, lo = ["onClick"], ao = ["data-responsive-title", "onClick"], uo = ["name", "onUpdate:modelValue", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], mo = ["xlink:href"], co = /* @__PURE__ */ h({
+}), oo = { class: "sv-hidden" }, to = { key: 0 }, io = { key: 0 }, ro = ["onClick"], lo = ["data-responsive-title", "onClick"], ao = ["name", "onUpdate:modelValue", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], uo = ["xlink:href"], mo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2643,22 +2621,22 @@ const eo = /* @__PURE__ */ h({
       s.question.isInputReadOnly || (t.value = a.value);
     };
     return (t, a) => {
-      const p = v("survey-string");
+      const y = p("survey-string");
       return i(), u("div", {
         class: l(t.question.cssClasses.tableWrapper),
         ref_key: "root",
         ref: o
       }, [
         c("fieldset", null, [
-          c("legend", to, R(t.question.locTitle.renderedHtml), 1),
+          c("legend", oo, R(t.question.locTitle.renderedHtml), 1),
           c("table", {
             class: l(t.question.getTableCss())
           }, [
-            t.question.showHeader ? (i(), u("thead", io, [
+            t.question.showHeader ? (i(), u("thead", to, [
               c("tr", null, [
-                t.question.hasRows ? (i(), u("td", ro)) : d("", !0),
-                (i(!0), u($, null, B(t.question.visibleColumns, (m, y) => (i(), u("th", {
-                  key: y,
+                t.question.hasRows ? (i(), u("td", io)) : d("", !0),
+                (i(!0), u($, null, B(t.question.visibleColumns, (m, v) => (i(), u("th", {
+                  key: v,
                   class: l(t.question.cssClasses.headerCell),
                   style: S({
                     minWidth: t.question.columnMinWidth,
@@ -2668,8 +2646,8 @@ const eo = /* @__PURE__ */ h({
                   (i(), q(T(t.question.getColumnHeaderWrapperComponentName(m)), {
                     componentData: t.question.getColumnHeaderWrapperComponentData(m)
                   }, {
-                    default: V(() => [
-                      b(p, {
+                    default: O(() => [
+                      b(y, {
                         locString: m.locText
                       }, null, 8, ["locString"])
                     ]),
@@ -2679,11 +2657,11 @@ const eo = /* @__PURE__ */ h({
               ])
             ])) : d("", !0),
             c("tbody", null, [
-              (i(!0), u($, null, B(e.value, (m, y) => (i(), u("tr", {
-                key: "row_" + m.name + "_" + y,
+              (i(!0), u($, null, B(e.value, (m, v) => (i(), u("tr", {
+                key: "row_" + m.name + "_" + v,
                 class: l(m.rowClasses || void 0)
               }, [
-                N(c("td", {
+                P(c("td", {
                   class: l(t.question.cssClasses.rowTextCell),
                   style: S({
                     minWidth: t.question.rowTitleWidth,
@@ -2693,8 +2671,8 @@ const eo = /* @__PURE__ */ h({
                   (i(), q(T(t.question.getRowHeaderWrapperComponentName(m)), {
                     componentData: t.question.getRowHeaderWrapperComponentData(m)
                   }, {
-                    default: V(() => [
-                      b(p, {
+                    default: O(() => [
+                      b(y, {
                         locString: m.locText
                       }, null, 8, ["locString"])
                     ]),
@@ -2708,10 +2686,10 @@ const eo = /* @__PURE__ */ h({
                   class: l(t.question.getItemClass(m, g)),
                   onClick: (C) => n(m, g)
                 }, [
-                  b(p, {
+                  b(y, {
                     locString: t.question.getCellDisplayLocText(m.name, g)
                   }, null, 8, ["locString"])
-                ], 10, lo))), 128)) : d("", !0),
+                ], 10, ro))), 128)) : d("", !0),
                 t.question.hasCellText ? d("", !0) : (i(!0), u($, { key: 1 }, B(t.question.visibleColumns, (g, I) => (i(), u("td", {
                   key: I,
                   "data-responsive-title": g.locText.renderedHtml,
@@ -2722,7 +2700,7 @@ const eo = /* @__PURE__ */ h({
                     onMousedown: a[0] || (a[0] = (C) => t.question.onMouseDown()),
                     class: l(t.question.getItemClass(m, g))
                   }, [
-                    N(c("input", {
+                    P(c("input", {
                       type: "radio",
                       class: l(t.question.cssClasses.itemValue),
                       name: m.fullName,
@@ -2731,11 +2709,14 @@ const eo = /* @__PURE__ */ h({
                       disabled: t.question.isInputReadOnly,
                       id: t.question.inputId + "_" + m.name + "_" + I,
                       "aria-required": t.question.a11y_input_ariaRequired,
-                      "aria-label": t.question.getCellAriaLabel(m.locText.renderedHtml, g.locText.renderedHtml),
+                      "aria-label": t.question.getCellAriaLabel(
+                        m.locText.renderedHtml,
+                        g.locText.renderedHtml
+                      ),
                       "aria-invalid": t.question.a11y_input_ariaInvalid,
                       "aria-describedby": t.question.a11y_input_ariaDescribedBy
-                    }, null, 10, uo), [
-                      [se, m.value]
+                    }, null, 10, ao), [
+                      [ee, m.value]
                     ]),
                     c("span", {
                       class: l(t.question.cssClasses.materialDecorator)
@@ -2746,20 +2727,19 @@ const eo = /* @__PURE__ */ h({
                       }, [
                         c("use", {
                           "xlink:href": t.question.itemSvgIcon
-                        }, null, 8, mo)
+                        }, null, 8, uo)
                       ], 2)) : d("", !0)
                     ], 2),
-                    N(c("span", {
+                    t.question.isMobile ? (i(), u("span", {
+                      key: 0,
                       class: l(t.question.cssClasses.cellResponsiveTitle)
                     }, [
-                      b(p, {
+                      b(y, {
                         locString: g.locText
                       }, null, 8, ["locString"])
-                    ], 2), [
-                      [M, t.question.isMobile]
-                    ])
+                    ], 2)) : d("", !0)
                   ], 34)
-                ], 10, ao))), 128))
+                ], 10, lo))), 128))
               ], 2))), 128))
             ])
           ], 2)
@@ -2767,7 +2747,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), po = /* @__PURE__ */ h({
+}), co = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2776,7 +2756,7 @@ const eo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = _(null);
     return A(s, o), (e, n) => {
-      const t = v("survey-matrixtable");
+      const t = p("survey-matrixtable");
       return i(), q(t, {
         question: e.question,
         ref_key: "root",
@@ -2784,7 +2764,7 @@ const eo = /* @__PURE__ */ h({
       }, null, 8, ["question"]);
     };
   }
-}), vo = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], qo = { key: 1 }, go = /* @__PURE__ */ h({
+}), po = { key: 0 }, vo = ["data-sv-drop-target-matrix-row", "onPointerdown"], yo = { key: 1 }, qo = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2805,7 +2785,7 @@ const eo = /* @__PURE__ */ h({
         };
       }
     ), (e, n) => {
-      const t = v("survey-string"), a = v("survey-matrixheaderrequired"), p = v("survey-matrixcell");
+      const t = p("survey-string"), a = p("survey-matrixheaderrequired"), y = p("survey-matrixcell");
       return i(), u("div", {
         style: S({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
         class: l(e.question.cssClasses.tableWrapper)
@@ -2813,7 +2793,7 @@ const eo = /* @__PURE__ */ h({
         c("table", {
           class: l(e.question.getTableCss())
         }, [
-          o.value.showHeader ? (i(), u("thead", vo, [
+          o.value.showHeader ? (i(), u("thead", po, [
             c("tr", null, [
               (i(!0), u($, null, B(o.value.headerRow.cells, (m) => (i(), u($, null, [
                 m.hasTitle ? (i(), u("th", {
@@ -2824,7 +2804,7 @@ const eo = /* @__PURE__ */ h({
                   (i(), q(T(e.question.getColumnHeaderWrapperComponentName(m)), {
                     componentData: e.question.getColumnHeaderWrapperComponentData(m)
                   }, {
-                    default: V(() => [
+                    default: O(() => [
                       b(t, {
                         locString: m.locTitle
                       }, null, 8, ["locString"]),
@@ -2852,23 +2832,23 @@ const eo = /* @__PURE__ */ h({
               m.visible ? (i(), u("tr", {
                 key: 0,
                 "data-sv-drop-target-matrix-row": m.row && m.row.id,
-                onPointerdown: (y) => e.question.onPointerDown(y, m.row),
+                onPointerdown: (v) => e.question.onPointerDown(v, m.row),
                 class: l(m.className)
               }, [
-                (i(!0), u($, null, B(m.cells, (y, g) => (i(), q(p, {
-                  cell: y,
+                (i(!0), u($, null, B(m.cells, (v, g) => (i(), q(y, {
+                  cell: v,
                   question: e.question,
                   key: m.id + "_" + g
                 }, null, 8, ["cell", "question"]))), 128))
-              ], 42, yo)) : d("", !0)
+              ], 42, vo)) : d("", !0)
             ], 64))), 128))
           ]),
-          o.value.showFooter ? (i(), u("tfoot", qo, [
+          o.value.showFooter ? (i(), u("tfoot", yo, [
             c("tr", null, [
-              (i(!0), u($, null, B(o.value.footerRow.cells, (m, y) => (i(), q(p, {
+              (i(!0), u($, null, B(o.value.footerRow.cells, (m, v) => (i(), q(y, {
                 cell: m,
                 question: e.question,
-                key: "footer_" + y
+                key: "footer_" + v
               }, null, 8, ["cell", "question"]))), 128))
             ])
           ])) : d("", !0)
@@ -2876,7 +2856,7 @@ const eo = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), ho = /* @__PURE__ */ c("span", null, "\xA0", -1), Co = /* @__PURE__ */ h({
+}), go = /* @__PURE__ */ c("span", null, "\xA0", -1), ho = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -2885,21 +2865,21 @@ const eo = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.column), (o, e) => o.column.isRenderedRequired ? (i(), u($, { key: 0 }, [
-      ho,
+      go,
       o.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
         class: l(o.question.cssClasses.cellRequiredText)
       }, R(o.column.requiredText), 3)) : d("", !0)
     ], 64)) : d("", !0);
   }
-}), bo = ["data-responsive-title", "title", "colspan"], ko = /* @__PURE__ */ h({
+}), Co = ["data-responsive-title", "title", "colspan"], bo = /* @__PURE__ */ h({
   __name: "MatrixCell",
   props: {
     question: {},
     cell: {}
   },
   setup(r) {
-    const s = r, o = _(!1), e = _(), n = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, a = () => o.value = s.cell.question.isVisible, p = (g) => te(g);
+    const s = r, o = _(!1), e = _(), n = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, a = () => o.value = s.cell.question.isVisible, y = (g) => te(g);
     H(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
@@ -2920,28 +2900,28 @@ const eo = /* @__PURE__ */ h({
       if (g.hasPanel) {
         const I = g.panel, C = I.survey;
         if (C) {
-          const P = C.getElementWrapperComponentName(I);
-          if (P)
-            return P;
+          const N = C.getElementWrapperComponentName(I);
+          if (N)
+            return N;
         }
         return "survey-panel";
       }
-    }), y = w(() => {
+    }), v = w(() => {
       if (s.cell.hasPanel) {
         const I = s.cell.panel, C = I.survey;
-        let P;
-        return C && (P = C.getElementWrapperComponentData(I)), {
+        let N;
+        return C && (N = C.getElementWrapperComponentData(I)), {
           componentName: "survey-panel",
           componentData: {
             element: I,
-            data: P,
+            data: N,
             css: s.question.cssClasses
           }
         };
       }
     });
     return (g, I) => {
-      const C = v("survey-errors"), P = v("sv-matrix-drag-drop-icon"), k = v("sv-action-bar"), D = v("survey-radiogroup-item"), E = v("survey-checkbox-item"), O = v("survey-other-choice"), U = v("survey-string");
+      const C = p("survey-errors"), N = p("sv-matrix-drag-drop-icon"), k = p("sv-action-bar"), D = p("survey-radiogroup-item"), E = p("survey-checkbox-item"), V = p("survey-other-choice"), U = p("survey-string");
       return i(), u("td", {
         class: l(g.cell.className),
         "data-responsive-title": n(),
@@ -2956,7 +2936,7 @@ const eo = /* @__PURE__ */ h({
           key: 0,
           element: g.cell.question
         }, null, 8, ["element"])) : d("", !0),
-        g.cell.isDragHandlerCell ? (i(), q(P, {
+        g.cell.isDragHandlerCell ? (i(), q(N, {
           key: 1,
           item: { data: { row: g.cell.row, question: g.question } }
         }, null, 8, ["item"])) : d("", !0),
@@ -2965,8 +2945,8 @@ const eo = /* @__PURE__ */ h({
           model: g.cell.item.getData(),
           handleClick: !1
         }, null, 8, ["model"])) : d("", !0),
-        g.cell.hasPanel ? (i(), q(T(m.value), F(W({ key: 3 }, y.value)), null, 16)) : d("", !0),
-        g.cell.hasQuestion ? N((i(), u("div", {
+        g.cell.hasPanel ? (i(), q(T(m.value), F(W({ key: 3 }, v.value)), null, 16)) : d("", !0),
+        g.cell.hasQuestion ? P((i(), u("div", {
           key: 4,
           class: l(g.question.cssClasses.cellQuestionWrapper)
         }, [
@@ -2974,8 +2954,8 @@ const eo = /* @__PURE__ */ h({
             key: 0,
             componentData: g.question.getCellWrapperComponentData(g.cell.cell)
           }, {
-            default: V(() => [
-              (i(), q(T(p(g.cell.question)), {
+            default: O(() => [
+              (i(), q(T(y(g.cell.question)), {
                 question: g.cell.question
               }, null, 8, ["question"]))
             ]),
@@ -2989,7 +2969,7 @@ const eo = /* @__PURE__ */ h({
             key: 2,
             componentData: g.question.getCellWrapperComponentData(g.cell.cell)
           }, {
-            default: V(() => [
+            default: O(() => [
               g.cell.isRadio ? (i(), q(D, {
                 key: g.cell.item.value,
                 question: g.cell.question,
@@ -3005,7 +2985,7 @@ const eo = /* @__PURE__ */ h({
             ]),
             _: 1
           }, 8, ["componentData"])) : d("", !0),
-          g.cell.isOtherChoice ? (i(), q(O, {
+          g.cell.isOtherChoice ? (i(), q(V, {
             key: 3,
             question: g.cell.question
           }, null, 8, ["question"])) : d("", !0)
@@ -3016,7 +2996,7 @@ const eo = /* @__PURE__ */ h({
           key: 5,
           componentData: g.question.getCellWrapperComponentData(g.cell)
         }, {
-          default: V(() => [
+          default: O(() => [
             g.cell.hasTitle ? (i(), q(U, {
               key: 0,
               locString: g.cell.locTitle
@@ -3028,10 +3008,10 @@ const eo = /* @__PURE__ */ h({
           ]),
           _: 1
         }, 8, ["componentData"])) : d("", !0)
-      ], 46, bo);
+      ], 46, Co);
     };
   }
-}), fo = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3044,7 +3024,7 @@ const eo = /* @__PURE__ */ h({
       s.question.addRowUI();
     };
     return (n, t) => {
-      const a = v("survey-string"), p = v("survey-matrixtable");
+      const a = p("survey-string"), y = p("survey-matrixtable");
       return i(), u("div", {
         ref_key: "root",
         ref: o
@@ -3066,7 +3046,7 @@ const eo = /* @__PURE__ */ h({
             }, null, 2)
           ], 2)
         ], 2)) : d("", !0),
-        n.question.renderedTable.showTable ? (i(), q(p, {
+        n.question.renderedTable.showTable ? (i(), q(y, {
           key: 1,
           question: n.question
         }, null, 8, ["question"])) : d("", !0),
@@ -3122,7 +3102,7 @@ function ie(r, s = !0) {
     row: s ? w(() => r.item.data.row) : void 0
   };
 }
-const Io = ["disabled"], wo = /* @__PURE__ */ h({
+const fo = ["disabled"], Io = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3130,7 +3110,7 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, { question: o, row: e } = ie(s);
     return (n, t) => {
-      const a = v("survey-string");
+      const a = p("survey-string");
       return i(), u("button", {
         type: "button",
         class: l(f(o).getRemoveRowButtonCss()),
@@ -3143,10 +3123,10 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
         c("span", {
           class: l(f(o).cssClasses.iconRemove)
         }, null, 2)
-      ], 10, Io);
+      ], 10, fo);
     };
   }
-}), So = ["xlink:href"], Ro = /* @__PURE__ */ h({
+}), wo = ["xlink:href"], So = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3159,13 +3139,13 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
     }, [
       c("use", {
         "xlink:href": f(o).iconDragElement
-      }, null, 8, So)
+      }, null, 8, wo)
     ], 2)) : (i(), u("span", {
       key: 1,
       class: l(f(o).cssClasses.iconDrag)
     }, null, 2));
   }
-}), To = ["aria-expanded", "aria-controls"], $o = /* @__PURE__ */ h({
+}), Ro = ["aria-expanded", "aria-controls"], To = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3173,7 +3153,7 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, { question: o, row: e } = ie(s);
     return (n, t) => {
-      const a = v("sv-svg-icon");
+      const a = p("sv-svg-icon");
       return i(), u("button", {
         type: "button",
         class: l(f(o).getDetailPanelButtonCss(f(e))),
@@ -3186,10 +3166,10 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
           iconName: f(o).getDetailPanelIconId(f(e)),
           size: "auto"
         }, null, 8, ["class", "iconName"])
-      ], 10, To);
+      ], 10, Ro);
     };
   }
-}), _o = /* @__PURE__ */ h({
+}), $o = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3203,14 +3183,14 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
       o,
       (m) => {
         m.panelCountChangedCallback = () => {
-          var y;
-          (y = e == null ? void 0 : e.proxy) == null || y.$forceUpdate();
+          var v;
+          (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
         }, m.currentIndexChangedCallback = () => {
-          var y;
-          (y = e == null ? void 0 : e.proxy) == null || y.$forceUpdate();
+          var v;
+          (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
         }, m.renderModeChangedCallback = () => {
-          var y;
-          (y = e == null ? void 0 : e.proxy) == null || y.$forceUpdate();
+          var v;
+          (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
         };
       },
       (m) => {
@@ -3226,17 +3206,17 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
       const m = [];
       return s.question.currentPanel && m.push(s.question.currentPanel), m;
     }), t = () => s.question.showLegacyNavigation, a = (m) => {
-      const y = s.question.getSurvey();
-      if (y) {
-        const g = y.getElementWrapperComponentName(m);
+      const v = s.question.getSurvey();
+      if (v) {
+        const g = v.getElementWrapperComponentName(m);
         if (g)
           return g;
       }
       return "panel";
-    }, p = (m) => {
-      const y = s.question.getSurvey();
+    }, y = (m) => {
+      const v = s.question.getSurvey();
       let g;
-      return y && (g = y.getElementWrapperComponentData(m)), {
+      return v && (g = v.getElementWrapperComponentData(m)), {
         componentName: "survey-panel",
         componentData: {
           element: m,
@@ -3244,8 +3224,8 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
         }
       };
     };
-    return (m, y) => {
-      const g = v("survey-string"), I = v("sv-paneldynamic-add-btn"), C = v("survey-paneldynamicprogress"), P = v("sv-paneldynamic-remove-btn"), k = v("survey-paneldynamicprogress-v2");
+    return (m, v) => {
+      const g = p("survey-string"), I = p("sv-paneldynamic-add-btn"), C = p("survey-paneldynamicprogress"), N = p("sv-paneldynamic-remove-btn"), k = p("survey-paneldynamicprogress-v2");
       return i(), u("div", {
         class: l(m.question.cssClasses.root),
         ref_key: "root",
@@ -3284,8 +3264,8 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
           c("div", {
             class: l(m.question.getPanelWrapperCss())
           }, [
-            (i(), q(T(a(D)), F(ye(p(D))), null, 16)),
-            m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && D.state !== "collapsed" ? (i(), q(P, {
+            (i(), q(T(a(D)), F(ye(y(D))), null, 16)),
+            m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && D.state !== "collapsed" ? (i(), q(N, {
               key: 0,
               data: { question: m.question, panel: D }
             }, null, 8, ["data"])) : d("", !0)
@@ -3310,7 +3290,7 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Do = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3318,7 +3298,7 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
     return (e, n) => {
-      const t = v("sv-paneldynamic-prev-btn"), a = v("sv-paneldynamic-next-btn"), p = v("sv-paneldynamic-add-btn"), m = v("sv-paneldynamic-progress-text");
+      const t = p("sv-paneldynamic-prev-btn"), a = p("sv-paneldynamic-next-btn"), y = p("sv-paneldynamic-add-btn"), m = p("sv-paneldynamic-progress-text");
       return i(), u("div", {
         class: l(o())
       }, [
@@ -3346,7 +3326,7 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
               data: { question: e.question }
             }, null, 8, ["data"])
           ], 2),
-          b(p, {
+          b(y, {
             data: { question: e.question }
           }, null, 8, ["data"]),
           b(m, {
@@ -3356,14 +3336,14 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Bo = /* @__PURE__ */ h({
+}), Do = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
   },
   setup(r) {
     return (s, o) => {
-      const e = v("sv-action-bar");
+      const e = p("sv-action-bar");
       return s.question.cssClasses.footer ? (i(), u("div", {
         key: 0,
         class: l(s.question.cssClasses.footer)
@@ -3393,19 +3373,19 @@ const Io = ["disabled"], wo = /* @__PURE__ */ h({
     };
   }
 });
-function Z(r) {
+function Y(r) {
   return w(
     () => r.item && r.item.data.question || r.data.question
   );
 }
-const Lo = /* @__PURE__ */ h({
+const Bo = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
     data: {}
   },
   setup(r) {
-    const o = Z(r), e = () => {
+    const o = Y(r), e = () => {
       o.value.addPanelUI();
     };
     return (n, t) => f(o).canAddPanel ? (i(), u("button", {
@@ -3419,18 +3399,18 @@ const Lo = /* @__PURE__ */ h({
       }, R(f(o).panelAddText), 3)
     ], 2)) : d("", !0);
   }
-}), No = ["title"], Po = /* @__PURE__ */ h({
+}), Lo = ["title"], No = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
     data: {}
   },
   setup(r) {
-    const o = Z(r), e = () => {
+    const o = Y(r), e = () => {
       o.value.goToNextPanel();
     };
     return (n, t) => {
-      const a = v("sv-svg-icon");
+      const a = p("sv-svg-icon");
       return i(), u("div", {
         title: f(o).panelNextText,
         onClick: e,
@@ -3440,21 +3420,21 @@ const Lo = /* @__PURE__ */ h({
           iconName: f(o).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, No);
+      ], 10, Lo);
     };
   }
-}), Ao = ["title"], Mo = /* @__PURE__ */ h({
+}), Po = ["title"], Ao = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
     data: {}
   },
   setup(r) {
-    const o = Z(r), e = () => {
+    const o = Y(r), e = () => {
       o.value.goToPrevPanel();
     };
     return (n, t) => {
-      const a = v("sv-svg-icon");
+      const a = p("sv-svg-icon");
       return i(), u("div", {
         title: f(o).panelPrevText,
         onClick: e,
@@ -3464,17 +3444,17 @@ const Lo = /* @__PURE__ */ h({
           iconName: f(o).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Ao);
+      ], 10, Po);
     };
   }
-}), Ho = /* @__PURE__ */ h({
+}), Mo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
     data: {}
   },
   setup(r) {
-    const s = r, o = Z(s), e = w(
+    const s = r, o = Y(s), e = w(
       () => s.item && s.item.data.panel || s.data.panel
     ), n = (t) => {
       o.value.isInputReadOnly || o.value.removePanelUI(t);
@@ -3482,7 +3462,7 @@ const Lo = /* @__PURE__ */ h({
     return (t, a) => (i(), u("button", {
       type: "button",
       class: l(f(o).getPanelRemoveButtonCss()),
-      onClick: a[0] || (a[0] = (p) => n(e.value))
+      onClick: a[0] || (a[0] = (y) => n(e.value))
     }, [
       c("span", {
         class: l(f(o).cssClasses.buttonRemoveText)
@@ -3492,19 +3472,19 @@ const Lo = /* @__PURE__ */ h({
       }, null, 2)
     ], 2));
   }
-}), Wo = /* @__PURE__ */ h({
+}), Ho = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
     data: {}
   },
   setup(r) {
-    const o = Z(r);
+    const o = Y(r);
     return (e, n) => (i(), u("div", {
       class: l(f(o).cssClasses.progressText)
     }, R(f(o).progressText), 3));
   }
-}), Eo = ["id"], Vo = /* @__PURE__ */ h({
+}), Wo = ["id"], Eo = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3513,7 +3493,7 @@ const Lo = /* @__PURE__ */ h({
   setup(r) {
     const s = _();
     return (o, e) => {
-      const n = v("survey-string");
+      const n = p("survey-string");
       return o.element.hasVisibleErrors ? (i(), u("div", {
         key: 0,
         role: "alert",
@@ -3542,16 +3522,16 @@ const Lo = /* @__PURE__ */ h({
             }, null, 8, ["locString"])
           ], 2)
         ]))), 128))
-      ], 10, Eo)) : d("", !0);
+      ], 10, Wo)) : d("", !0);
     };
   }
-}), Oo = { key: 0 }, Fo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], zo = /* @__PURE__ */ h({
+}), Vo = { key: 0 }, Oo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Fo = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(r) {
-    return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Oo, R(s.question.comment), 1)) : (i(), u("textarea", {
+    return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Vo, R(s.question.comment), 1)) : (i(), u("textarea", {
       key: 1,
       id: s.question.commentId,
       readonly: s.question.isInputReadOnly,
@@ -3569,9 +3549,9 @@ const Lo = /* @__PURE__ */ h({
       onInput: o[1] || (o[1] = (e) => {
         s.question.onCommentInput(e);
       })
-    }, null, 46, Fo));
+    }, null, 46, Oo));
   }
-}), Uo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3582,7 +3562,7 @@ const Lo = /* @__PURE__ */ h({
       qe(o);
     };
     return (o, e) => {
-      const n = v("survey-element-title-content"), t = v("sv-title-actions");
+      const n = p("survey-element-title-content"), t = p("sv-title-actions");
       return o.element.hasTitle ? (i(), q(T(o.element.titleTagName), {
         key: 0,
         class: l(o.element.cssTitle),
@@ -3595,7 +3575,7 @@ const Lo = /* @__PURE__ */ h({
           s(a);
         })
       }, {
-        default: V(() => [
+        default: O(() => [
           o.element.hasTitleActions ? d("", !0) : (i(), q(n, {
             key: 0,
             element: o.element,
@@ -3611,7 +3591,7 @@ const Lo = /* @__PURE__ */ h({
       }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : d("", !0);
     };
   }
-}), Ko = { key: 3 }, jo = { key: 5 }, Qo = { key: 7 }, Go = /* @__PURE__ */ h({
+}), Uo = { key: 3 }, Ko = { key: 5 }, jo = { key: 7 }, Qo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3620,7 +3600,7 @@ const Lo = /* @__PURE__ */ h({
   },
   setup(r) {
     return (s, o) => {
-      const e = v("survey-string");
+      const e = p("survey-string");
       return i(), u($, null, [
         s.element.isTitleRenderedAsString ? (i(), q(e, {
           key: 0,
@@ -3637,18 +3617,18 @@ const Lo = /* @__PURE__ */ h({
           class: l(s.element.cssTitleNumber),
           "aria-hidden": !0
         }, R(s.element.no), 3)) : d("", !0),
-        !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", Ko, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", Uo, "\xA0")) : d("", !0),
         !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", {
           key: 4,
           class: l(s.element.cssClasses.requiredText),
           "aria-hidden": !0
         }, R(s.element.requiredText), 3)) : d("", !0),
-        !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", jo, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", Ko, "\xA0")) : d("", !0),
         s.element.isTitleRenderedAsString ? d("", !0) : (i(), q(e, {
           key: 6,
           locString: s.element.locTitle
         }, null, 8, ["locString"])),
-        !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", Qo, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", jo, "\xA0")) : d("", !0),
         !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", {
           key: 8,
           class: l(s.element.cssClasses.requiredText),
@@ -3657,7 +3637,7 @@ const Lo = /* @__PURE__ */ h({
       ], 64);
     };
   }
-}), Jo = { class: "sv-title-actions" }, Xo = { class: "sv-title-actions__title" }, Yo = /* @__PURE__ */ h({
+}), Go = { class: "sv-title-actions" }, Jo = { class: "sv-title-actions__title" }, Xo = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3666,9 +3646,9 @@ const Lo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, o = w(() => s.element.getTitleToolbar());
     return (e, n) => {
-      const t = v("survey-string"), a = v("survey-element-title-content"), p = v("sv-action-bar");
-      return i(), u("div", Jo, [
-        c("span", Xo, [
+      const t = p("survey-string"), a = p("survey-element-title-content"), y = p("sv-action-bar");
+      return i(), u("div", Go, [
+        c("span", Jo, [
           e.element.isPage ? (i(), q(t, {
             key: 0,
             locString: e.element.locTitle
@@ -3679,7 +3659,7 @@ const Lo = /* @__PURE__ */ h({
             css: e.css
           }, null, 8, ["element", "css"]))
         ]),
-        b(p, { model: o.value }, null, 8, ["model"])
+        b(y, { model: o.value }, null, 8, ["model"])
       ]);
     };
   }
@@ -3688,15 +3668,15 @@ const Lo = /* @__PURE__ */ h({
   for (const [e, n] of s)
     o[e] = n;
   return o;
-}, Zo = {}, xo = { class: "sv-brand-info" }, et = /* @__PURE__ */ Ie('<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), st = [
-  et
+}, Yo = {}, Zo = { class: "sv-brand-info" }, xo = /* @__PURE__ */ Ie('<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 = [
+  xo
 ];
-function nt(r, s) {
-  return i(), u("div", xo, st);
+function st(r, s) {
+  return i(), u("div", Zo, et);
 }
-const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use", null, null, -1), it = [
-  tt
-], rt = /* @__PURE__ */ h({
+const nt = /* @__PURE__ */ he(Yo, [["render", st]]), ot = /* @__PURE__ */ c("use", null, null, -1), tt = [
+  ot
+], it = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3716,7 +3696,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         s.title
       );
     };
-    return ee(() => {
+    return x(() => {
       e();
     }), H(() => {
       e();
@@ -3725,9 +3705,9 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ref: o,
       class: "sv-svg-icon",
       role: "img"
-    }, it, 512));
+    }, tt, 512));
   }
-}), lt = /* @__PURE__ */ h({
+}), rt = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3745,7 +3725,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     }), z(() => {
       s.model.resetResponsivityManager();
     }), (t, a) => {
-      const p = v("sv-action");
+      const y = p("sv-action");
       return t.model.hasActions ? (i(), u("div", {
         key: 0,
         ref_key: "root",
@@ -3753,14 +3733,14 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         class: l(t.model.getRootCss()),
         onClick: e
       }, [
-        (i(!0), u($, null, B(n.value, (m) => (i(), q(p, {
+        (i(!0), u($, null, B(n.value, (m) => (i(), q(y, {
           key: m.id,
           item: m
         }, null, 8, ["item"]))), 128))
       ], 2)) : d("", !0);
     };
   }
-}), at = ["id"], ut = { class: "sv-action__content" }, dt = /* @__PURE__ */ h({
+}), lt = ["id"], at = { class: "sv-action__content" }, ut = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -3770,22 +3750,22 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       () => s.item.component || "sv-action-bar-item"
     );
     return L(() => s.item), (e, n) => {
-      const t = v("sv-action-bar-separator");
+      const t = p("sv-action-bar-separator");
       return i(), u("div", {
         class: l(e.item.getActionRootCss()),
         id: e.item.id
       }, [
-        c("div", ut, [
+        c("div", at, [
           e.item.needSeparator ? (i(), q(t, { key: 0 })) : d("", !0),
           (i(), q(T(o.value), { item: e.item }, null, 8, ["item"]))
         ])
-      ], 10, at);
+      ], 10, lt);
     };
   }
-}), mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], ct = {
+}), dt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], mt = {
   inheritAttrs: !1
-}, pt = /* @__PURE__ */ h({
-  ...ct,
+}, ct = /* @__PURE__ */ h({
+  ...mt,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -3793,8 +3773,8 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
   setup(r) {
     const s = r;
     return L(() => s.item), (o, e) => {
-      const n = v("sv-svg-icon"), t = Y("key2click");
-      return N((i(), u("button", {
+      const n = p("sv-svg-icon"), t = X("key2click");
+      return P((i(), u("button", {
         class: l(o.item.getActionBarItemCss()),
         type: "button",
         onClick: e[0] || (e[0] = (a) => {
@@ -3820,15 +3800,15 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           key: 1,
           class: l(o.item.getActionBarItemTitleCss())
         }, R(o.item.title), 3)) : d("", !0)
-      ], 42, mt)), [
+      ], 42, dt)), [
         [t, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
       ]);
     };
   }
-}), vt = ["disabled", "title", "role"], yt = {
+}), pt = ["disabled", "title", "role"], vt = {
   inheritAttrs: !1
-}, qt = /* @__PURE__ */ h({
-  ...yt,
+}, yt = /* @__PURE__ */ h({
+  ...vt,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -3845,16 +3825,16 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         e.dispose();
       }
     ), (n, t) => {
-      const a = v("sv-svg-icon"), p = v("sv-popup"), m = Y("key2click");
+      const a = p("sv-svg-icon"), y = p("sv-popup"), m = X("key2click");
       return i(), u($, null, [
-        N((i(), u("button", {
+        P((i(), u("button", {
           type: "button",
           class: l(n.item.getActionBarItemCss()),
-          onClick: t[0] || (t[0] = (y) => {
-            n.item.action(n.item, !!y.pointerType);
+          onClick: t[0] || (t[0] = (v) => {
+            n.item.action(n.item, !!v.pointerType);
           }),
-          onKeyup: t[1] || (t[1] = (y) => {
-            y.stopPropagation();
+          onKeyup: t[1] || (t[1] = (v) => {
+            v.stopPropagation();
           }),
           disabled: n.item.disabled,
           title: n.item.tooltip || n.item.title,
@@ -3871,17 +3851,17 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             key: 1,
             class: l(n.item.getActionBarItemTitleCss())
           }, R(n.item.title), 3)) : d("", !0)
-        ], 42, vt)), [
+        ], 42, pt)), [
           [m, { processEsc: !1, disableTabStop: n.item.disableTabStop }]
         ]),
-        b(p, {
+        b(y, {
           model: n.item.popupModel,
           getTarget: f(o)
         }, null, 8, ["model", "getTarget"])
       ], 64);
     };
   }
-}), gt = /* @__PURE__ */ h({
+}), qt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -3892,25 +3872,25 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       class: l(["sv-action-bar-separator", o.value])
     }, null, 2));
   }
-}), ht = ["aria-label", "placeholder", "value"], Ct = ["aria-label"], bt = ["id"], kt = /* @__PURE__ */ h({
+}), gt = ["aria-label", "placeholder", "value"], ht = ["aria-label"], Ct = ["id"], bt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
   },
   setup(r) {
     const s = r, o = _(null), e = (a) => {
-      const p = s.model;
-      p.filterString = a.target.value;
+      const y = s.model;
+      y.filterString = a.target.value;
     }, n = (a) => {
-      const p = s.model;
-      p.filterString = a.target.value, s.model.goToItems(a);
+      const y = s.model;
+      y.filterString = a.target.value, s.model.goToItems(a);
     }, t = (a) => {
       s.model.onMouseMove(a);
     };
     return L(() => s.model), H(() => {
       s.model.initListContainerHtmlElement(o.value);
-    }), (a, p) => {
-      const m = v("sv-svg-icon"), y = v("sv-list-item");
+    }), (a, y) => {
+      const m = p("sv-svg-icon"), v = p("sv-list-item");
       return i(), u("div", {
         class: l(a.model.cssClasses.root),
         ref_key: "listContainerElement",
@@ -3936,10 +3916,10 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             value: a.model.filterString,
             onChange: e,
             onKeyup: n
-          }, null, 42, ht),
+          }, null, 42, gt),
           a.model.showSearchClearButton && !!a.model.filterString ? (i(), u("button", {
             key: 0,
-            onClick: p[0] || (p[0] = (g) => {
+            onClick: y[0] || (y[0] = (g) => {
               a.model.onClickSearchClearButton(g);
             }),
             class: l(a.model.cssClasses.searchClearButtonIcon)
@@ -3950,41 +3930,41 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             })
           ], 2)) : d("", !0)
         ], 2)) : d("", !0),
-        N(c("div", {
+        P(c("div", {
           class: l(a.model.cssClasses.emptyContainer)
         }, [
           c("div", {
             class: l(a.model.cssClasses.emptyText),
             "aria-label": a.model.emptyMessage
-          }, R(a.model.emptyMessage), 11, Ct)
+          }, R(a.model.emptyMessage), 11, ht)
         ], 2), [
           [M, a.model.isEmpty]
         ]),
-        a.model.renderElements ? N((i(), u("ul", {
+        a.model.renderElements ? P((i(), u("ul", {
           key: 1,
           class: l(a.model.getListClass()),
           role: "listbox",
           id: a.model.elementId,
-          onMousedown: p[1] || (p[1] = (g) => {
+          onMousedown: y[1] || (y[1] = (g) => {
             g.preventDefault();
           }),
           onMousemove: t,
-          onKeydown: p[2] || (p[2] = (g) => {
+          onKeydown: y[2] || (y[2] = (g) => {
             a.model.onKeyDown(g);
           })
         }, [
-          (i(!0), u($, null, B(a.model.renderedActions, (g) => (i(), q(y, {
+          (i(!0), u($, null, B(a.model.renderedActions, (g) => (i(), q(v, {
             item: g,
             model: a.model,
             key: g.id
           }, null, 8, ["item", "model"]))), 128))
-        ], 42, bt)), [
+        ], 42, Ct)), [
           [M, !a.model.isEmpty]
         ]) : d("", !0)
       ], 2);
     };
   }
-}), ft = ["aria-selected", "id"], It = ["title"], wt = /* @__PURE__ */ h({
+}), kt = ["aria-selected", "id"], ft = ["title"], It = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -3999,14 +3979,14 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         s.model.onLastItemRended(s.item);
       });
     }), (n, t) => {
-      const a = v("sv-svg-icon"), p = v("survey-string"), m = Y("key2click");
-      return N((i(), u("li", {
+      const a = p("sv-svg-icon"), y = p("survey-string"), m = X("key2click");
+      return P((i(), u("li", {
         tabindex: "0",
         role: "option",
         "aria-selected": n.model.isItemSelected(n.item),
         key: n.item.id,
         id: o.value,
-        onPointerdown: t[0] || (t[0] = (y) => n.model.onPointerDown(y, n.item)),
+        onPointerdown: t[0] || (t[0] = (v) => n.model.onPointerDown(v, n.item)),
         class: l(n.model.getItemClass(n.item)),
         onClick: e
       }, [
@@ -4025,7 +4005,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             iconName: n.item.iconName,
             size: n.item.iconSize
           }, null, 8, ["class", "iconName", "size"])) : d("", !0),
-          n.item.component ? d("", !0) : (i(), q(p, {
+          n.item.component ? d("", !0) : (i(), q(y, {
             key: 1,
             locString: n.item.locTitle
           }, null, 8, ["locString"])),
@@ -4033,14 +4013,14 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             key: 2,
             item: n.item
           }, null, 8, ["item"])) : d("", !0)
-        ], 14, It)
-      ], 42, ft)), [
+        ], 14, ft)
+      ], 42, kt)), [
         [M, n.model.isItemVisible(n.item)],
         [m]
       ]);
     };
   }
-}), St = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     getTarget: { type: Function },
@@ -4050,7 +4030,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     const s = r, o = j(
       ae(s.model, void 0)
     ), e = _(null);
-    return J(
+    return G(
       () => s.model,
       (n) => {
         o.value.dispose(), o.value = ae(n, void 0);
@@ -4065,7 +4045,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     }), z(() => {
       o.value.dispose();
     }), (n, t) => {
-      const a = v("sv-popup-container");
+      const a = p("sv-popup-container");
       return i(), u("div", {
         ref_key: "root",
         ref: e
@@ -4074,13 +4054,13 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ], 512);
     };
   }
-}), Rt = { class: "sv-popup__shadow" }, Tt = { class: "sv-popup__body-content" }, $t = {
+}), St = { class: "sv-popup__shadow" }, Rt = { class: "sv-popup__body-content" }, Tt = {
   key: 0,
   class: "sv-popup__body-header"
-}, _t = { class: "sv-popup__scrolling-content" }, Dt = { class: "sv-popup__content" }, Bt = {
+}, $t = { class: "sv-popup__scrolling-content" }, _t = { class: "sv-popup__content" }, Dt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Lt = /* @__PURE__ */ h({
+}, Bt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4091,21 +4071,21 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     const e = (n) => {
       n.stopPropagation();
     };
-    return L(() => s.model), ee(() => {
+    return L(() => s.model), x(() => {
       const n = s.model;
       !o && n.isVisible && s.model.updateOnShowing(), o = n.isVisible;
     }), H(() => {
       s.model.isVisible && s.model.updateOnShowing();
     }), (n, t) => {
-      const a = v("sv-action-bar");
-      return N((i(), u("div", {
+      const a = p("sv-action-bar");
+      return P((i(), u("div", {
         tabindex: "-1",
         class: l(["sv-popup", n.model.styleClass]),
-        onKeydown: t[0] || (t[0] = (p) => {
-          n.model.onKeyDown(p);
+        onKeydown: t[0] || (t[0] = (y) => {
+          n.model.onKeyDown(y);
         }),
-        onClick: t[1] || (t[1] = (p) => {
-          n.model.clickOutside(p);
+        onClick: t[1] || (t[1] = (y) => {
+          n.model.clickOutside(y);
         })
       }, [
         c("div", {
@@ -4119,19 +4099,19 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           }),
           onClick: e
         }, [
-          c("div", Rt, [
+          c("div", St, [
             n.model.showHeader ? (i(), q(T(n.model.popupHeaderTemplate), {
               key: 0,
               model: n.model
             }, null, 8, ["model"])) : d("", !0),
-            c("div", Tt, [
-              n.model.title ? (i(), u("div", $t, R(n.model.title), 1)) : d("", !0),
-              c("div", _t, [
-                c("div", Dt, [
+            c("div", Rt, [
+              n.model.title ? (i(), u("div", Tt, R(n.model.title), 1)) : d("", !0),
+              c("div", $t, [
+                c("div", _t, [
                   (i(), q(T(n.model.contentComponentName), F(ye(n.model.contentComponentData)), null, 16))
                 ])
               ]),
-              n.model.showFooter ? (i(), u("div", Bt, [
+              n.model.showFooter ? (i(), u("div", Dt, [
                 b(a, {
                   model: n.model.footerToolbar
                 }, null, 8, ["model"])
@@ -4144,7 +4124,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ]);
     };
   }
-}), Nt = /* @__PURE__ */ h({
+}), Lt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4158,10 +4138,10 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       })
     }, null, 4));
   }
-}), Pt = {
+}), Nt = {
   key: 0,
   class: "sv-components-column"
-}, At = /* @__PURE__ */ h({
+}, Pt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4173,7 +4153,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       () => s.survey.getContainerContent(s.container)
     );
     return (e, n) => o.value.length > 0 ? (i(), u($, { key: 0 }, [
-      e.needRenderWrapper ? (i(), u("div", Pt, [
+      e.needRenderWrapper ? (i(), u("div", Nt, [
         (i(!0), u($, null, B(o.value, (t, a) => (i(), q(T(t.component), {
           survey: e.survey,
           container: e.container,
@@ -4185,7 +4165,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       }, null, 8, ["survey", "model"]))), 256))
     ], 64)) : d("", !0);
   }
-}), x = /* @__PURE__ */ h({
+}), Z = /* @__PURE__ */ h({
   __name: "Progress",
   props: {
     survey: {},
@@ -4214,7 +4194,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       }, R(t.survey.progressText), 3)
     ], 2));
   }
-}), Mt = ["onClick"], Ht = ["title"], Wt = ["title"], Et = /* @__PURE__ */ h({
+}), At = ["onClick"], Mt = ["title"], Ht = ["title"], Wt = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {}
@@ -4222,20 +4202,20 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
   setup(r) {
     const s = r, o = new Ae(s.survey), e = _(!1), n = _(), t = w(() => s.survey.css);
     let a;
-    const p = (C) => o.isListElementClickable(C), m = (C) => o.getListElementCss(C), y = (C) => {
+    const y = (C) => o.isListElementClickable(C), m = (C) => o.getListElementCss(C), v = (C) => {
       o.clickListElement(C);
-    }, g = (C, P) => o.getScrollButtonCss(C, P), I = (C) => {
-      let P = n.value;
-      P.scrollLeft += (C ? -1 : 1) * 70;
+    }, g = (C, N) => o.getScrollButtonCss(C, N), I = (C) => {
+      let N = n.value;
+      N.scrollLeft += (C ? -1 : 1) * 70;
     };
     return H(() => {
       const C = n.value;
       a = setInterval(() => {
         e.value = C.scrollWidth > C.offsetWidth;
       }, 100);
-    }), X(() => {
+    }), J(() => {
       typeof a < "u" && (clearInterval(a), a = void 0);
-    }), (C, P) => (i(), u("div", {
+    }), (C, N) => (i(), u("div", {
       class: l(t.value.progressButtonsContainerCenter)
     }, [
       c("div", {
@@ -4243,7 +4223,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       }, [
         c("div", {
           class: l(g(e.value, !0)),
-          onClick: P[0] || (P[0] = (k) => I(!0)),
+          onClick: N[0] || (N[0] = (k) => I(!0)),
           role: "button"
         }, null, 2),
         c("div", {
@@ -4257,28 +4237,28 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
             (i(!0), u($, null, B(C.survey.visiblePages, (k, D) => (i(), u("li", {
               key: "listelement" + D,
               class: l(m(D)),
-              onClick: (E) => p(D) ? y(D) : null
+              onClick: (E) => y(D) ? v(D) : null
             }, [
               c("div", {
                 class: l(t.value.progressButtonsPageTitle),
                 title: k.renderedNavigationTitle
-              }, R(k.renderedNavigationTitle), 11, Ht),
+              }, R(k.renderedNavigationTitle), 11, Mt),
               c("div", {
                 class: l(t.value.progressButtonsPageDescription),
                 title: k.locNavigationDescription.renderedHtml
-              }, R(k.locNavigationDescription.renderedHtml), 11, Wt)
-            ], 10, Mt))), 128))
+              }, R(k.locNavigationDescription.renderedHtml), 11, Ht)
+            ], 10, At))), 128))
           ], 2)
         ], 2),
         c("div", {
           class: l(g(e.value, !1)),
-          onClick: P[1] || (P[1] = (k) => I(!1)),
+          onClick: N[1] || (N[1] = (k) => I(!1)),
           role: "button"
         }, null, 2)
       ], 2)
     ], 2));
   }
-}), Vt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {}
@@ -4286,13 +4266,13 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
   setup(r) {
     const s = r, o = new Me(s.survey);
     return (e, n) => {
-      const t = v("sv-svg-icon"), a = v("sv-popup"), p = v("sv-list"), m = Y("key2click");
+      const t = p("sv-svg-icon"), a = p("sv-popup"), y = p("sv-list"), m = X("key2click");
       return i(), u("div", {
         class: l(f(o).containerCss)
       }, [
-        f(o).isMobile ? N((i(), u("div", {
+        f(o).isMobile ? P((i(), u("div", {
           key: 0,
-          onClick: n[0] || (n[0] = (...y) => f(o).togglePopup && f(o).togglePopup(...y))
+          onClick: n[0] || (n[0] = (...v) => f(o).togglePopup && f(o).togglePopup(...v))
         }, [
           b(t, {
             iconName: f(o).icon,
@@ -4303,17 +4283,17 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           }, null, 8, ["model"])
         ])), [
           [m]
-        ]) : (i(), q(p, {
+        ]) : (i(), q(y, {
           key: 1,
           model: f(o).listModel
         }, null, 8, ["model"]))
       ], 2);
     };
   }
-}), Ot = { onsubmit: "return false;" }, Ft = {
+}), Vt = { onsubmit: "return false;" }, Ot = {
   key: 0,
   class: "sv_custom_header"
-}, zt = { class: "sv-components-column sv-components-column--expandable" }, Ut = ["id"], Kt = { key: 2 }, jt = ["innerHTML"], Qt = ["innerHTML"], Gt = ["innerHTML"], ce = /* @__PURE__ */ h({
+}, Ft = { class: "sv-components-column sv-components-column--expandable" }, zt = ["id"], Ut = { key: 2 }, Kt = ["innerHTML"], jt = ["innerHTML"], Qt = ["innerHTML"], ce = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
     model: {},
@@ -4323,24 +4303,24 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     const s = r, o = _(), e = _(""), n = _(1), t = w(() => {
       const C = s.survey ? s.survey : s.model;
       return we(C);
-    }), a = w(() => t.value.activePage ? t.value.activePage.id : ""), p = () => {
+    }), a = w(() => t.value.activePage ? t.value.activePage.id : ""), y = () => {
       const C = a.value;
       return !!t.value && C + n.value.toString();
     }, m = w(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), y = w(() => t.value.css), g = w(() => "page" + p()), I = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
+    ), v = w(() => t.value.css), g = w(() => "page" + y()), I = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
     return L(() => t.value), H(() => {
       if (!!t.value) {
         var C = o.value;
         C && t.value.afterRenderSurvey(C), t.value.renderCallback = () => {
-          var P, k;
-          n.value++, (k = (P = oe()) == null ? void 0 : P.proxy) == null || k.$forceUpdate();
+          var N, k;
+          n.value++, (k = (N = oe()) == null ? void 0 : N.proxy) == null || k.$forceUpdate();
         }, t.value.startTimerFromUI();
       }
     }), z(() => {
       t.value.stopTimer(), t.value.renderCallback = void 0;
-    }), (C, P) => {
-      const k = v("sv-svg-bundle"), D = v("survey-popup-modal"), E = v("survey-header"), O = v("survey-page"), U = v("sv-brand-info"), re = v("sv-notifier");
+    }), (C, N) => {
+      const k = p("sv-svg-bundle"), D = p("survey-popup-modal"), E = p("survey-header"), V = p("survey-page"), U = p("sv-brand-info"), re = p("sv-notifier");
       return i(), u("div", {
         class: l(t.value.getRootCss()),
         style: S(t.value.themeVariables),
@@ -4354,13 +4334,13 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           b(D),
           t.value.renderBackgroundImage ? (i(), u("div", {
             key: 0,
-            class: l(y.value.rootBackgroundImage),
+            class: l(v.value.rootBackgroundImage),
             style: S(t.value.backgroundImageStyle)
           }, null, 6)) : d("", !0),
-          c("form", Ot, [
-            t.value.hasLogo ? d("", !0) : (i(), u("div", Ft)),
+          c("form", Vt, [
+            t.value.hasLogo ? d("", !0) : (i(), u("div", Ot)),
             c("div", {
-              class: l(y.value.container)
+              class: l(v.value.container)
             }, [
               t.value.headerView === "basic" ? (i(), q(E, {
                 key: 0,
@@ -4380,7 +4360,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
                   container: "left",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"])),
-                c("div", zt, [
+                c("div", Ft, [
                   (i(), q(T("sv-components-container"), {
                     survey: t.value,
                     container: "center",
@@ -4396,18 +4376,18 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
                       container: "contentTop",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"])),
-                    (i(), q(O, {
+                    (i(), q(V, {
                       key: g.value,
                       survey: t.value,
                       page: t.value.activePage,
-                      css: y.value
+                      css: v.value
                     }, null, 8, ["survey", "page", "css"])),
                     (i(), q(T("sv-components-container"), {
                       survey: t.value,
                       container: "contentBottom",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"]))
-                  ], 14, Ut)
+                  ], 14, zt)
                 ]),
                 (i(), q(T("sv-components-container"), {
                   survey: t.value,
@@ -4420,11 +4400,11 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
                 container: "footer",
                 needRenderWrapper: !1
               }, null, 8, ["survey"])),
-              m.value ? (i(), u("div", Kt, [
+              m.value ? (i(), u("div", Ut, [
                 c("div", {
                   innerHTML: I(),
                   class: l(t.value.completedCss)
-                }, null, 10, jt),
+                }, null, 10, Kt),
                 (i(), q(T("sv-components-container"), {
                   survey: t.value,
                   container: "completePage",
@@ -4435,15 +4415,15 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
                 key: 3,
                 class: l(t.value.completedBeforeCss),
                 innerHTML: t.value.processedCompletedBeforeHtml
-              }, null, 10, Qt)) : d("", !0),
+              }, null, 10, jt)) : d("", !0),
               t.value.state === "loading" ? (i(), u("div", {
                 key: 4,
                 class: l(t.value.loadingBodyCss),
                 innerHTML: t.value.processedLoadingHtml
-              }, null, 10, Gt)) : d("", !0),
+              }, null, 10, Qt)) : d("", !0),
               t.value.state === "empty" ? (i(), u("div", {
                 key: 5,
-                class: l(y.value.bodyEmpty)
+                class: l(v.value.bodyEmpty)
               }, R(t.value.emptySurveyText), 3)) : d("", !0)
             ], 2)
           ]),
@@ -4455,7 +4435,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ], 6);
     };
   }
-}), Jt = /* @__PURE__ */ h({
+}), Gt = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -4463,8 +4443,8 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
   setup(r) {
     const s = r;
     return L(() => s.model), (o, e) => {
-      const n = v("sv-action-bar");
-      return N((i(), u("div", {
+      const n = p("sv-action-bar");
+      return P((i(), u("div", {
         class: l(o.model.css),
         style: S({ visibility: o.model.active ? "visible" : "hidden" }),
         role: "alert",
@@ -4479,7 +4459,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ]);
     };
   }
-}), Xt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Yt = { key: 1 }, Zt = /* @__PURE__ */ h({
+}), Jt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Xt = { key: 1 }, Yt = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {},
@@ -4507,11 +4487,11 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         onInput: o[1] || (o[1] = (e) => {
           s.question.onOtherValueInput(e);
         })
-      }, null, 46, Xt)),
-      s.question.isReadOnlyRenderDiv() ? (i(), u("div", Yt, R(s.question.otherValue), 1)) : d("", !0)
+      }, null, 46, Jt)),
+      s.question.isReadOnlyRenderDiv() ? (i(), u("div", Xt, R(s.question.otherValue), 1)) : d("", !0)
     ], 2));
   }
-}), xt = ["disabled", "value", "title"], ei = /* @__PURE__ */ h({
+}), Zt = ["disabled", "value", "title"], xt = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4527,7 +4507,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       title: e.item.getTooltip(),
       onMousedown: o,
       onClick: n[0] || (n[0] = (...t) => e.item.action && e.item.action(...t))
-    }, null, 42, xt)) : d("", !0);
+    }, null, 42, Zt)) : d("", !0);
   }
 }), pe = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -4545,13 +4525,13 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       return (I = o.value) == null ? void 0 : I.isExpanded;
     }), a = () => {
       o.value.changeExpandCollapse();
-    }, p = () => {
+    }, y = () => {
       o.value.hide();
-    }, m = () => "SurveyComponent", y = () => {
+    }, m = () => "SurveyComponent", v = () => {
       o.value.onScroll();
     };
     L(() => o.value);
-    const g = J(
+    const g = G(
       () => s.survey,
       (I) => {
         const C = new He(null, I);
@@ -4564,7 +4544,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     return z(() => {
       g();
     }), (I, C) => {
-      const P = v("survey-string"), k = v("sv-svg-icon");
+      const N = p("survey-string"), k = p("sv-svg-icon");
       return o.value.isShowing ? (i(), u("div", {
         key: 0,
         style: S([{ position: "fixed", bottom: "3px", right: "10px" }, {
@@ -4584,7 +4564,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
               style: { "padding-right": "10px" },
               class: l(o.value.cssHeaderTitle)
             }, [
-              b(P, {
+              b(N, {
                 locString: I.survey.locTitle
               }, null, 8, ["locString"])
             ], 2),
@@ -4596,7 +4576,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           o.value.allowClose ? (i(), u("span", {
             key: 0,
             class: l(o.value.cssHeaderButton),
-            onClick: p,
+            onClick: y,
             style: { transform: "rotate(45deg)", float: "right", cursor: "pointer", "user-select": "none", width: "24px", height: "24px" }
           }, [
             b(k, {
@@ -4619,14 +4599,14 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         t.value ? (i(), u("div", {
           key: 0,
           class: l(o.value.cssBody),
-          onScroll: y
+          onScroll: v
         }, [
           (i(), q(T(m()), { survey: I.survey }, null, 8, ["survey"]))
         ], 34)) : d("", !0)
       ], 6)) : d("", !0);
     };
   }
-}), si = ["innerHTML"], ni = /* @__PURE__ */ h({
+}), ei = ["innerHTML"], si = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -4640,37 +4620,37 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     ), t = w(() => s.question.customWidget.htmlTemplate), a = w(() => "survey-" + s.question.getTemplate());
     return H(() => {
       s.question.customWidget.afterRender(s.question, o.value);
-    }), X(() => {
+    }), J(() => {
       s.question.customWidget.willUnmount(s.question, o.value);
-    }), (p, m) => (i(), u("div", {
+    }), (y, m) => (i(), u("div", {
       ref_key: "root",
       ref: o
     }, [
       n.value ? (i(), u("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, si)) : d("", !0),
+      }, null, 8, ei)) : d("", !0),
       e.value ? (i(), q(T(a.value), {
         key: 1,
-        question: p.question,
-        css: p.css
+        question: y.question,
+        css: y.css
       }, null, 8, ["question", "css"])) : d("", !0)
     ], 512));
   }
-}), oi = /* @__PURE__ */ h({
+}), ni = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(r) {
     const s = j();
-    function o(n, t, a, p, m, y, g = "popup") {
+    function o(n, t, a, y, m, v, g = "popup") {
       const I = We(
         n,
         t,
         a,
-        p,
+        y,
         void 0,
         void 0,
         m,
-        y,
+        v,
         g
       );
       return e(I);
@@ -4690,7 +4670,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     })), K.showDialog || (K.showDialog = e, z(() => {
       K.showDialog = void 0;
     })), (n, t) => {
-      const a = v("sv-popup-container");
+      const a = p("sv-popup-container");
       return s.value ? (i(), q(Se, {
         key: 0,
         to: s.value.container
@@ -4699,7 +4679,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       ], 8, ["to"])) : d("", !0);
     };
   }
-}), ti = /* @__PURE__ */ h({
+}), oi = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -4711,7 +4691,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       class: l(o.remainingCharacterCounter)
     }, R(o.counter.remainingCharacterCounter), 3));
   }
-}), ii = /* @__PURE__ */ h({
+}), ti = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -4723,7 +4703,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
     A(s, o);
     const e = w(() => s.question.contentPanel);
     return (n, t) => {
-      const a = v("survey-panel");
+      const a = p("survey-panel");
       return i(), q(a, {
         ref_key: "root",
         ref: o,
@@ -4732,7 +4712,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       }, null, 8, ["element", "css"]);
     };
   }
-}), ri = /* @__PURE__ */ h({
+}), ii = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -4749,9 +4729,9 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
       css: t.css
     }, null, 8, ["question", "css"]));
   }
-}), li = /* @__PURE__ */ c("use", { "xlink:href": "#icon-timercircle" }, null, -1), ai = [
-  li
-], ve = 440, ui = /* @__PURE__ */ h({
+}), ri = /* @__PURE__ */ c("use", { "xlink:href": "#icon-timercircle" }, null, -1), li = [
+  ri
+], ve = 440, ai = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -4767,7 +4747,7 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
         key: 0,
         class: l(n.model.getProgressCss()),
         style: S({ strokeDasharray: ve, strokeDashoffset: o.value })
-      }, ai, 6)) : d("", !0),
+      }, li, 6)) : d("", !0),
       c("div", {
         class: l(n.model.textContainerCss)
       }, [
@@ -4779,24 +4759,24 @@ const ot = /* @__PURE__ */ he(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use
           class: l(n.model.minorTextCss)
         }, R(n.model.clockMinorText), 3)) : d("", !0)
       ], 2)
-    ], 2)) : N((i(), u("div", {
+    ], 2)) : P((i(), u("div", {
       key: 1,
       class: l(n.model.survey.getCss().timerRoot)
     }, R(e.value), 3)), [
       [M, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), di = {}, mi = { class: "sd-loading-indicator" };
-function ci(r, s) {
-  const o = v("sv-svg-icon");
-  return i(), u("div", mi, [
+}), ui = {}, di = { class: "sd-loading-indicator" };
+function mi(r, s) {
+  const o = p("sv-svg-icon");
+  return i(), u("div", di, [
     b(o, {
       iconName: "icon-loading",
       size: "'auto'"
     })
   ]);
 }
-const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @__PURE__ */ h({
+const ci = /* @__PURE__ */ he(ui, [["render", mi]]), pi = { key: 2 }, vi = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -4808,7 +4788,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       const o = s.model;
       return o.survey = s.survey, s.model;
     }), (o, e) => {
-      const n = v("sv-header-cell"), t = v("sv-header-mobile");
+      const n = p("sv-header-cell"), t = p("sv-header-mobile");
       return i(), u("div", {
         class: l(o.model.headerClasses),
         style: S({ height: o.model.renderedHeight })
@@ -4823,28 +4803,28 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           class: l(o.model.contentClasses),
           style: S({ maxWidth: o.model.maxWidth })
         }, [
-          (i(!0), u($, null, B(o.model.cells, (a, p) => (i(), q(n, {
+          (i(!0), u($, null, B(o.model.cells, (a, y) => (i(), q(n, {
             model: a,
-            key: p
+            key: y
           }, null, 8, ["model"]))), 128))
         ], 6)),
-        o.survey.isMobile ? (i(), u("div", vi, [
+        o.survey.isMobile ? (i(), u("div", pi, [
           b(t, { model: o.model }, null, 8, ["model"])
         ])) : d("", !0)
       ], 6);
     };
   }
-}), qi = {
+}), yi = {
   key: 0,
   class: "sv-header__logo"
-}, gi = ["src", "width", "height", "alt"], hi = /* @__PURE__ */ h({
+}, qi = ["src", "width", "height", "alt"], gi = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
   },
   setup(r) {
     return (s, o) => {
-      const e = v("survey-element-title"), n = v("survey-string");
+      const e = p("survey-element-title"), n = p("survey-string");
       return i(), u("div", {
         class: l(s.model.css),
         style: S(s.model.style)
@@ -4853,7 +4833,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           class: "sv-header__cell-content",
           style: S(s.model.contentStyle)
         }, [
-          s.model.showLogo ? (i(), u("div", qi, [
+          s.model.showLogo ? (i(), u("div", yi, [
             c("div", {
               class: l(s.model.survey.logoClassNames)
             }, [
@@ -4864,7 +4844,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
                 height: s.model.survey.renderedLogoHeight,
                 alt: s.model.survey.locTitle.renderedHtml,
                 style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-              }, null, 14, gi)
+              }, null, 14, qi)
             ], 2)
           ])) : d("", !0),
           s.model.showTitle ? (i(), u("div", {
@@ -4895,19 +4875,19 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       ], 6);
     };
   }
-}), Ci = { class: "sv-header--mobile" }, bi = {
+}), hi = { class: "sv-header--mobile" }, Ci = {
   key: 0,
   class: "sv-header__logo"
-}, ki = ["src", "width", "height", "alt"], fi = /* @__PURE__ */ h({
+}, bi = ["src", "width", "height", "alt"], ki = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(r) {
     return (s, o) => {
-      const e = v("survey-element-title"), n = v("survey-string");
-      return i(), u("div", Ci, [
-        s.model.survey.hasLogo ? (i(), u("div", bi, [
+      const e = p("survey-element-title"), n = p("survey-string");
+      return i(), u("div", hi, [
+        s.model.survey.hasLogo ? (i(), u("div", Ci, [
           c("div", {
             class: l(s.model.survey.logoClassNames)
           }, [
@@ -4918,7 +4898,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
               height: s.model.survey.renderedLogoHeight,
               alt: s.model.survey.locTitle.renderedHtml,
               style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-            }, null, 14, ki)
+            }, null, 14, bi)
           ], 2)
         ])) : d("", !0),
         s.model.survey.hasTitle ? (i(), u("div", {
@@ -4948,7 +4928,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       ]);
     };
   }
-}), Ii = /* @__PURE__ */ h({
+}), fi = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -4959,26 +4939,26 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
     const s = r, o = (a) => a.isPanel ? "survey-panel" : "survey-question", e = w(() => {
       const a = s.element.survey;
       if (a) {
-        const p = a.getElementWrapperComponentName(s.element);
-        if (p)
-          return p;
+        const y = a.getElementWrapperComponentName(s.element);
+        if (y)
+          return y;
       }
       return o(s.element);
     }), n = (a) => a.cssClasses ? a.rootStyle : {}, t = w(() => {
-      const a = s.element, p = a.survey;
+      const a = s.element, y = a.survey;
       let m;
-      return p && (m = p.getElementWrapperComponentData(a)), {
+      return y && (m = y.getElementWrapperComponentData(a)), {
         componentName: o(a),
         componentData: {
           element: a,
-          survey: p,
+          survey: y,
           row: s.row,
           css: s.css,
           data: m
         }
       };
     });
-    return (a, p) => (i(), u("div", {
+    return (a, y) => (i(), u("div", {
       style: S(n(a.element)),
       class: l(a.element.cssClasses.questionWrapper)
     }, [
@@ -4989,7 +4969,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       }, null, 8, ["element", "css"])) : d("", !0)
     ], 6));
   }
-}), wi = /* @__PURE__ */ h({
+}), Ii = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -4999,7 +4979,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
     const s = Re(), o = w(() => !!s.default);
     return (e, n) => o.value && !e.componentName ? Te(e.$slots, "default", { key: 0 }) : (i(), q(T(e.componentName), F(W({ key: 1 }, e.componentData)), null, 16));
   }
-}), Si = /* @__PURE__ */ h({
+}), wi = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5007,7 +4987,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
   },
   setup(r) {
     return (s, o) => {
-      const e = v("sv-svg-icon");
+      const e = p("sv-svg-icon");
       return i(), u("button", {
         type: "button",
         class: l(s.css),
@@ -5023,14 +5003,14 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       ], 2);
     };
   }
-}), Ri = ["id"], Ti = /* @__PURE__ */ h({
+}), Si = ["id"], Ri = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
   },
   setup(r) {
     return (s, o) => {
-      const e = v("sv-action");
+      const e = p("sv-action");
       return i(), u("div", {
         class: l(s.question.cssClasses.videoContainer)
       }, [
@@ -5045,14 +5025,14 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           playsinline: "",
           id: s.question.videoId,
           class: l(s.question.cssClasses.video)
-        }, null, 10, Ri),
+        }, null, 10, Si),
         b(e, {
           item: s.question.takePictureAction
         }, null, 8, ["item"])
       ], 2);
     };
   }
-}), $i = ["for", "aria-label"], _i = /* @__PURE__ */ h({
+}), Ti = ["for", "aria-label"], $i = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5066,8 +5046,8 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       }
     );
     return (e, n) => {
-      const t = v("sv-svg-icon"), a = Y("key2click");
-      return N((i(), u("label", {
+      const t = p("sv-svg-icon"), a = X("key2click");
+      return P((i(), u("label", {
         tabindex: "0",
         class: l(o.value.getChooseFileCss()),
         for: o.value.inputId,
@@ -5080,24 +5060,24 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           size: "auto"
         }, null, 8, ["title", "iconName"])) : d("", !0),
         c("span", null, R(o.value.chooseButtonText), 1)
-      ], 10, $i)), [
+      ], 10, Ti)), [
         [a]
       ]);
     };
   }
-}), Di = ["onClick", "href", "title", "download"], Bi = ["src"], Li = ["onClick"], Ni = ["onClick", "href", "title", "download"], Pi = /* @__PURE__ */ h({
+}), _i = ["onClick", "href", "title", "download"], Di = ["src"], Bi = ["onClick"], Li = ["onClick", "href", "title", "download"], Ni = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
   },
   setup(r) {
     return (s, o) => {
-      const e = v("sv-svg-icon");
+      const e = p("sv-svg-icon");
       return s.question.showPreviewContainer ? (i(), u("div", {
         key: 0,
         class: l(s.question.cssClasses.fileList || void 0)
       }, [
-        (i(!0), u($, null, B(s.question.previewValue, (n, t) => N((i(), u("span", {
+        (i(!0), u($, null, B(s.question.previewValue, (n, t) => P((i(), u("span", {
           key: s.question.inputId + "_" + t,
           class: l(s.question.cssClasses.preview)
         }, [
@@ -5111,7 +5091,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
               title: n.name,
               download: n.name,
               style: S({ width: s.question.imageWidth })
-            }, R(n.name), 13, Di)
+            }, R(n.name), 13, _i)
           ], 2)) : d("", !0),
           c("div", {
             class: l(s.question.getImageWrapperCss(n))
@@ -5124,7 +5104,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
                 width: s.question.imageWidth
               }),
               alt: "File preview"
-            }, null, 12, Bi)) : d("", !0),
+            }, null, 12, Di)) : d("", !0),
             s.question.defaultImage(n) ? (i(), q(e, {
               key: 1,
               iconName: s.question.cssClasses.defaultImageIconId,
@@ -5146,7 +5126,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
                 iconName: s.question.cssClasses.removeFileSvgIconId,
                 size: "auto"
               }, null, 8, ["title", "class", "iconName"])) : d("", !0)
-            ], 10, Li)) : d("", !0)
+            ], 10, Bi)) : d("", !0)
           ], 2),
           n.name && s.question.cssClasses.fileSignBottom ? (i(), u("div", {
             key: 1,
@@ -5158,7 +5138,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
               title: n.name,
               download: n.name,
               style: S({ width: s.question.imageWidth })
-            }, R(n.name), 13, Ni)
+            }, R(n.name), 13, Li)
           ], 2)) : d("", !0)
         ], 2)), [
           [M, n && s.question.isPreviewVisible(t)]
@@ -5166,7 +5146,7 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       ], 2)) : d("", !0);
     };
   }
-}), Ai = /* @__PURE__ */ h({
+}), Pi = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5174,23 +5154,23 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
   setup(r) {
     const s = r, o = _();
     return A(s, o), (e, n) => {
-      const t = v("sv-button-group-item");
+      const t = p("sv-button-group-item");
       return i(), u("div", {
         role: "group",
         class: l(e.question.cssClasses.root),
         ref_key: "root",
         ref: o
       }, [
-        (i(!0), u($, null, B(e.question.visibleChoices, (a, p) => (i(), q(t, {
+        (i(!0), u($, null, B(e.question.visibleChoices, (a, y) => (i(), q(t, {
           question: e.question,
-          key: p,
+          key: y,
           item: a,
-          index: p
+          index: y
         }, null, 8, ["question", "item", "index"]))), 128))
       ], 2);
     };
   }
-}), Mi = ["title"], Hi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "disabled", "value"], Wi = ["title"], Ei = /* @__PURE__ */ h({
+}), Ai = ["title"], Mi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "disabled", "value"], Hi = ["title"], Wi = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5208,13 +5188,13 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
       }
     });
     return (n, t) => {
-      const a = v("sv-svg-icon"), p = v("survey-string");
+      const a = p("sv-svg-icon"), y = p("survey-string");
       return i(), u("label", {
         role: "radio",
         class: l(o.value.css.label),
         title: o.value.caption.renderedHtml
       }, [
-        N(c("input", {
+        P(c("input", {
           type: "radio",
           name: o.value.name,
           id: o.value.id,
@@ -5227,8 +5207,8 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           class: l(o.value.css.control),
           "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value = m),
           value: o.value.value
-        }, null, 10, Hi), [
-          [se, e.value]
+        }, null, 10, Mi), [
+          [ee, e.value]
         ]),
         c("div", {
           class: l(o.value.css.decorator)
@@ -5244,15 +5224,15 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
             class: l(o.value.css.caption),
             title: o.value.caption.renderedHtml
           }, [
-            b(p, {
+            b(y, {
               locString: o.value.caption
             }, null, 8, ["locString"])
-          ], 10, Wi)) : d("", !0)
+          ], 10, Hi)) : d("", !0)
         ], 2)
-      ], 10, Mi);
+      ], 10, Ai);
     };
   }
-}), Vi = ["src", "width", "height", "alt"], Oi = /* @__PURE__ */ h({
+}), Ei = ["src", "width", "height", "alt"], Vi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5274,16 +5254,16 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
           width: o.value.renderedStyleLogoWidth,
           height: o.value.renderedStyleLogoHeight
         })
-      }, null, 14, Vi)
+      }, null, 14, Ei)
     ], 2));
   }
-}), Fi = /* @__PURE__ */ h({
+}), Oi = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(r) {
     const s = _();
     return H(() => {
       s.value.innerHTML = Oe.iconsRenderedHtml();
-    }), (o, e) => N((i(), u("svg", {
+    }), (o, e) => P((i(), u("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: s
@@ -5293,8 +5273,8 @@ const pi = /* @__PURE__ */ he(di, [["render", ci]]), vi = { key: 2 }, yi = /* @_
   }
 });
 Fe.platform = "vue3";
-function zi(r) {
-  r.component("SurveyComponent", ce), r.component("sv-svg-bundle", Fi), r.component("PopupSurveyComponent", pe), r.component("survey", ce), r.component("popup-survey", pe), r.component("survey-header", Qe), r.component("sv-logo-image", Oi), r.component("survey-page", je), r.component("survey-row", Ge), r.component("survey-question", Ye), r.component("survey-panel", ss), r.component("survey-element-header", ns), r.component("survey-string", os), r.component("sv-string-viewer", rs), r.component("sv-string-editor", as), r.component("sv-skeleton", ds), r.component("survey-text", ps), r.component("survey-text-input", gs), r.component("survey-checkbox", fs), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Ms), r.component("survey-image", Vs), r.component("survey-expression", Os), r.component("survey-file", Us), r.component("sv-file-choose-btn", _i), r.component("sv-file-clean-btn", Si), r.component("sv-file-preview", Pi), r.component("sv-file-video", Ti), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", Mn), r.component("sv-rating-item-star", Wn), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", Fn), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", eo), r.component("survey-multipletext", so), r.component("survey-multipletext-item", oo), r.component("survey-matrix", co), r.component("survey-matrixdropdown", po), r.component("survey-matrixtable", go), r.component("survey-matrixheaderrequired", Co), r.component("survey-matrixcell", ko), r.component("survey-matrixdynamic", fo), r.component("sv-matrix-remove-button", wo), r.component("sv-matrix-drag-drop-icon", Ro), r.component("sv-matrix-detail-button", $o), r.component("survey-paneldynamic", _o), r.component("survey-paneldynamicprogress", Do), r.component("survey-paneldynamicprogress-v2", Bo), r.component("sv-paneldynamic-add-btn", Lo), r.component("sv-paneldynamic-next-btn", Po), r.component("sv-paneldynamic-prev-btn", Mo), r.component("sv-paneldynamic-remove-btn", Ho), r.component("sv-paneldynamic-progress-text", Wo), r.component("sv-components-container", At), r.component("sv-progress-buttons", Et), r.component("sv-progress-toc", Vt), r.component("sv-progress-pages", x), r.component("sv-progress-questions", x), r.component("sv-progress-correctquestions", x), r.component("sv-progress-requiredquestions", x), r.component("survey-errors", Vo), r.component("survey-question-comment", zo), r.component("survey-element-title", Uo), r.component("survey-element-title-content", Go), r.component("sv-title-actions", Yo), r.component("sv-brand-info", ot), r.component("sv-svg-icon", rt), r.component("sv-action-bar", lt), r.component("sv-action", dt), r.component("sv-action-bar-item", pt), r.component("sv-action-bar-item-dropdown", qt), r.component("sv-action-bar-separator", gt), r.component("sv-list", kt), r.component("sv-list-item", wt), r.component("sv-popup", St), r.component("sv-popup-container", Lt), r.component("popup-pointer", Nt), r.component("sv-notifier", Jt), r.component("survey-other-choice", Zt), r.component("sv-nav-btn", ei), r.component("survey-customwidget", ni), r.component("survey-popup-modal", oi), r.component("sv-character-counter", ti), r.component("survey-composite", ii), r.component("survey-custom", ri), r.component("sv-timerpanel", ui), r.component("sv-loading-indicator", pi), r.component("sv-header", yi), r.component("sv-header-cell", hi), r.component("sv-header-mobile", fi), r.component("sv-template-renderer", wi), r.component("survey-element", Ii), r.component("survey-buttongroup", Ai), r.component("sv-button-group-item", Ei), r.directive("key2click", {
+function Fi(r) {
+  r.component("SurveyComponent", ce), r.component("sv-svg-bundle", Oi), r.component("PopupSurveyComponent", pe), r.component("survey", ce), r.component("popup-survey", pe), r.component("survey-header", Qe), r.component("sv-logo-image", Vi), r.component("survey-page", je), r.component("survey-row", Ge), r.component("survey-question", Ye), r.component("survey-panel", ss), r.component("survey-element-header", ns), r.component("survey-string", os), r.component("sv-string-viewer", rs), r.component("sv-string-editor", as), r.component("sv-skeleton", ds), r.component("survey-text", ps), r.component("survey-text-input", gs), r.component("survey-checkbox", fs), r.component("survey-checkbox-item", Ss), r.component("survey-radiogroup", Rs), r.component("survey-radiogroup-item", _s), r.component("survey-signaturepad", Ns), r.component("survey-html", As), r.component("survey-image", Es), r.component("survey-expression", Vs), r.component("survey-file", zs), r.component("sv-file-choose-btn", $i), r.component("sv-file-clean-btn", wi), r.component("sv-file-preview", Ni), r.component("sv-file-video", Ri), r.component("survey-imagepicker", Ks), r.component("survey-imagepicker-item", Xs), r.component("survey-comment", xs), r.component("survey-dropdown", en), r.component("sv-dropdown-select", tn), r.component("sv-dropdown-option-item", ln), r.component("sv-dropdown", cn), r.component("survey-tagbox", pn), r.component("sv-tagbox", qn), r.component("sv-tagbox-item", kn), r.component("sv-tagbox-filter", Cn), r.component("survey-ranking", fn), r.component("survey-ranking-item", $n), r.component("survey-rating", Bn), r.component("sv-rating-item", Nn), r.component("sv-rating-item-smiley", An), r.component("sv-rating-item-star", Hn), r.component("sv-rating-dropdown", Fn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Un), r.component("sv-boolean-radio", Kn), r.component("sv-boolean-radio-item", Gn), r.component("sv-boolean-checkbox", xn), r.component("survey-multipletext", eo), r.component("survey-multipletext-item", no), r.component("survey-matrix", mo), r.component("survey-matrixdropdown", co), r.component("survey-matrixtable", qo), r.component("survey-matrixheaderrequired", ho), r.component("survey-matrixcell", bo), r.component("survey-matrixdynamic", ko), r.component("sv-matrix-remove-button", Io), r.component("sv-matrix-drag-drop-icon", So), r.component("sv-matrix-detail-button", To), r.component("survey-paneldynamic", $o), r.component("survey-paneldynamicprogress", _o), r.component("survey-paneldynamicprogress-v2", Do), r.component("sv-paneldynamic-add-btn", Bo), r.component("sv-paneldynamic-next-btn", No), r.component("sv-paneldynamic-prev-btn", Ao), r.component("sv-paneldynamic-remove-btn", Mo), r.component("sv-paneldynamic-progress-text", Ho), r.component("sv-components-container", Pt), r.component("sv-progress-buttons", Wt), r.component("sv-progress-toc", Et), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", Eo), r.component("survey-question-comment", Fo), r.component("survey-element-title", zo), r.component("survey-element-title-content", Qo), r.component("sv-title-actions", Xo), r.component("sv-brand-info", nt), r.component("sv-svg-icon", it), r.component("sv-action-bar", rt), r.component("sv-action", ut), r.component("sv-action-bar-item", ct), r.component("sv-action-bar-item-dropdown", yt), r.component("sv-action-bar-separator", qt), r.component("sv-list", bt), r.component("sv-list-item", It), r.component("sv-popup", wt), r.component("sv-popup-container", Bt), r.component("popup-pointer", Lt), r.component("sv-notifier", Gt), r.component("survey-other-choice", Yt), r.component("sv-nav-btn", xt), r.component("survey-customwidget", si), r.component("survey-popup-modal", ni), r.component("sv-character-counter", oi), r.component("survey-composite", ti), r.component("survey-custom", ii), r.component("sv-timerpanel", ai), r.component("sv-loading-indicator", ci), r.component("sv-header", vi), r.component("sv-header-cell", gi), r.component("sv-header-mobile", ki), r.component("sv-template-renderer", Ii), r.component("survey-element", fi), r.component("survey-buttongroup", Pi), r.component("sv-button-group-item", Wi), r.directive("key2click", {
     mounted: function(s, o) {
       const e = { ...o.value };
       if (e.disableTabStop) {
@@ -5309,13 +5289,13 @@ function zi(r) {
     }
   });
 }
-const ji = {
+const Ki = {
   install(r) {
-    zi(r);
+    Fi(r);
   }
 };
 export {
-  ji as surveyPlugin,
+  Ki as surveyPlugin,
   L as useBase,
   Q as useLocString,
   A as useQuestion