survey-vue3-ui 1.11.1 → 1.11.3

package/survey-vue3-ui.es.js

@@ -1,5 +1,5 @@
-import { shallowReactive as be, watch as K, onUpdated as x, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as ke, triggerRef as ne, unref as w, isRef as fe, defineComponent as h, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as D, renderList as L, createBlock as g, resolveDynamicComponent as R, normalizeProps as z, mergeProps as E, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as oe, withDirectives as N, vShow as H, toDisplayString as T, vModelRadio as ee, vModelCheckbox as te, vModelSelect as we, vModelText as Ie, getCurrentInstance as ye, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
-import { Base as De, RendererFactory as se, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as qe, createSvg as Ae, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as Me, SurveyProgressModel as ue, ProgressButtonsResponsivityManager as Ee, PopupSurveyModel as He, settings as j, createDialogOptions as We, createPopupModalViewModel as Fe, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
+import { shallowReactive as be, watch as K, onUpdated as x, onBeforeUnmount as j, onMounted as M, ref as $, shallowRef as U, watchEffect as ke, triggerRef as ne, unref as w, isRef as fe, defineComponent as g, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as m, Fragment as _, renderList as L, createBlock as q, resolveDynamicComponent as R, normalizeProps as z, mergeProps as E, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as oe, withDirectives as N, vShow as H, toDisplayString as T, vModelRadio as ee, vModelCheckbox as te, vModelSelect as we, vModelText as Ie, getCurrentInstance as ve, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
+import { Base as De, RendererFactory as se, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ae, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as Me, SurveyProgressModel as ae, ProgressButtonsResponsivityManager as Ee, PopupSurveyModel as He, settings as Q, createDialogOptions as We, createPopupModalViewModel as Fe, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
 De.createPropertiesHash = () => be({});
 function Qe(r) {
   var s;
@@ -19,7 +19,7 @@ function Qe(r) {
     fe(n[e]) ? n[e].value = t : n[e] = t;
   }), r.enableOnElementRenderedEvent(), r.__vueImplemented++);
 }
-function de(r) {
+function ue(r) {
   var s;
   !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented--, r.__vueImplemented <= 0 && (r.iteratePropertiesHash((n, e) => {
     n[e] = w(n[e]), Array.isArray(n[e]) && (n[e].onArrayChanged = void 0);
@@ -29,7 +29,7 @@ function B(r, s, n) {
   const e = K(
     r,
     (t, o) => {
-      t && s && s(t, o), o && (de(o), n && n(o)), Qe(t);
+      t && s && s(t, o), o && (ue(o), n && n(o)), Qe(t);
     },
     {
       immediate: !0
@@ -37,19 +37,19 @@ function B(r, s, n) {
   );
   x(() => {
     r().afterRerender();
-  }), G(() => {
+  }), j(() => {
     const t = r();
-    t && (de(t), n && n(t), e());
+    t && (ue(t), n && n(t), e());
   });
 }
 function P(r, s, n, e) {
   B(() => r.question, n, e), M(() => {
     r.question && r.question.afterRenderQuestionElement(s.value);
-  }), G(() => {
+  }), j(() => {
     r.question.beforeDestroyQuestionElement(s.value);
   });
 }
-function J(r) {
+function G(r) {
   const s = $(), n = (t) => {
     s.value = t.renderedHtml, t.onChanged = () => {
       s.value = t.renderedHtml;
@@ -62,7 +62,7 @@ function J(r) {
     },
     { immediate: !0 }
   );
-  return G(() => {
+  return j(() => {
     e();
   }), s;
 }
@@ -73,11 +73,11 @@ function re(r) {
   const s = U(), n = ke(() => {
     s.value = r(), ne(s);
   });
-  return G(() => {
+  return j(() => {
     n();
   }), s;
 }
-const je = /* @__PURE__ */ h({
+const je = /* @__PURE__ */ g({
   __name: "Page",
   props: {
     survey: {},
@@ -96,13 +96,13 @@ const je = /* @__PURE__ */ h({
     ), M(() => {
       e();
     }), (o, l) => {
-      const m = y("survey-element-title"), v = y("survey-string"), c = y("survey-errors"), q = y("survey-row");
+      const c = y("survey-element-title"), v = y("survey-string"), d = y("survey-errors"), h = y("survey-row");
       return i(), u("div", {
         class: a(o.page.cssRoot),
         ref_key: "root",
         ref: n
       }, [
-        C(m, {
+        C(c, {
           element: o.page,
           css: o.css
         }, null, 8, ["element", "css"]),
@@ -113,15 +113,15 @@ const je = /* @__PURE__ */ h({
           C(v, {
             locString: o.page.locDescription
           }, null, 8, ["locString"])
-        ], 2)) : d("", !0),
-        C(c, { element: o.page }, null, 8, ["element"]),
-        (i(!0), u(D, null, L(o.page.visibleRows, (f) => (i(), g(R(o.page.getSurvey().getRowWrapperComponentName(f)), z(E({
+        ], 2)) : m("", !0),
+        C(d, { element: o.page }, null, 8, ["element"]),
+        (i(!0), u(_, null, L(o.page.visibleRows, (f) => (i(), q(R(o.page.getSurvey().getRowWrapperComponentName(f)), z(E({
           key: f.id
         }, {
           componentData: o.page.getSurvey().getRowWrapperComponentData(f)
         })), {
           default: V(() => [
-            C(q, {
+            C(h, {
               row: f,
               survey: o.survey,
               css: o.css
@@ -132,7 +132,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ge = /* @__PURE__ */ h({
+}), Ge = /* @__PURE__ */ g({
   __name: "Header",
   props: {
     survey: {}
@@ -150,10 +150,10 @@ const je = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        e.survey.isLogoBefore ? (i(), g(R(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
+        e.survey.isLogoBefore ? (i(), q(R(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
           key: 0,
           data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
-        }, null, 8, ["data"])) : d("", !0),
+        }, null, 8, ["data"])) : m("", !0),
         e.survey.renderedHasTitle ? (i(), u("div", {
           key: 1,
           class: a(e.survey.css.headerText),
@@ -170,19 +170,19 @@ const je = /* @__PURE__ */ h({
             C(l, {
               locString: e.survey.locDescription
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0)
-        ], 6)) : d("", !0),
-        e.survey.isLogoAfter ? (i(), g(R(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
+          ], 2)) : m("", !0)
+        ], 6)) : m("", !0),
+        e.survey.isLogoAfter ? (i(), q(R(e.survey.getElementWrapperComponentName(e.survey, "logo-image")), {
           key: 2,
           data: e.survey.getElementWrapperComponentData(e.survey, "logo-image")
-        }, null, 8, ["data"])) : d("", !0),
+        }, null, 8, ["data"])) : m("", !0),
         p("div", {
           class: a(e.survey.css.headerClose)
         }, null, 2)
-      ], 2)) : d("", !0);
+      ], 2)) : m("", !0);
     };
   }
-}), Je = /* @__PURE__ */ h({
+}), Je = /* @__PURE__ */ g({
   __name: "Row",
   props: {
     row: {},
@@ -213,7 +213,7 @@ const je = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(D, null, L(e.row.visibleElements, (l) => (i(), g(o, {
+        (i(!0), u(_, null, L(e.row.visibleElements, (l) => (i(), q(o, {
           row: e.row,
           css: e.css,
           element: l,
@@ -224,7 +224,7 @@ const je = /* @__PURE__ */ h({
   }
 }), Xe = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], Ye = ["id"], Ze = {
   inheritAttrs: !1
-}, xe = /* @__PURE__ */ h({
+}, xe = /* @__PURE__ */ g({
   ...Ze,
   __name: "Question",
   props: {
@@ -235,14 +235,14 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null), e = S(() => s.element.showErrorOnTop), t = S(() => s.element.showErrorOnBottom), o = (k) => k.cssContent, l = () => s.element.getRootStyle();
     B(() => s.element);
-    const m = () => {
+    const c = () => {
       n.value && s.element.afterRender(n.value);
     }, v = K(
       () => n.value,
       () => {
-        m();
+        c();
       }
-    ), c = S(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), q = S(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = S(() => ({
+    ), d = S(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), h = S(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = S(() => ({
       componentData: {
         question: s.element,
         data: s.element.survey.getElementWrapperComponentData(s.element)
@@ -250,14 +250,14 @@ const je = /* @__PURE__ */ h({
     }));
     return O(() => {
       v();
-    }), (k, _) => {
+    }), (k, D) => {
       const b = y("survey-errors"), A = y("survey-element-header"), W = y("survey-string"), F = y("survey-question-comment");
       return i(), u("div", {
         class: a(k.element.getRootCss()),
         style: I(l()),
         ref_key: "root",
         ref: n,
-        onFocusin: _[0] || (_[0] = (Q) => k.element.focusIn()),
+        onFocusin: D[0] || (D[0] = (J) => k.element.focusIn()),
         id: k.element.id,
         role: k.element.ariaRole,
         "aria-required": k.element.ariaRequired,
@@ -267,29 +267,29 @@ const je = /* @__PURE__ */ h({
         "aria-expanded": k.element.ariaExpanded === null ? void 0 : k.element.ariaExpanded === "true",
         "data-name": k.element.name
       }, [
-        k.element.showErrorsAboveQuestion ? (i(), g(b, {
+        k.element.showErrorsAboveQuestion ? (i(), q(b, {
           key: 0,
           element: k.element,
           location: "top"
-        }, null, 8, ["element"])) : d("", !0),
-        k.element.hasTitleOnLeftTop ? (i(), g(A, {
+        }, null, 8, ["element"])) : m("", !0),
+        k.element.hasTitleOnLeftTop ? (i(), q(A, {
           key: 1,
           element: k.element,
           css: k.css
-        }, null, 8, ["element", "css"])) : d("", !0),
-        (i(), g(R(q.value), z(oe(f.value)), {
+        }, null, 8, ["element", "css"])) : m("", !0),
+        (i(), q(R(h.value), z(oe(f.value)), {
           default: V(() => [
             p("div", {
               class: a(o(k.element) || void 0),
               style: I({ display: k.element.renderedIsExpanded ? void 0 : "none" }),
               role: "presentation"
             }, [
-              e.value ? (i(), g(b, {
+              e.value ? (i(), q(b, {
                 key: 0,
                 element: k.element,
                 location: "top"
-              }, null, 8, ["element"])) : d("", !0),
-              (i(), g(R(c.value), { question: k.element }, null, 8, ["question"])),
+              }, null, 8, ["element"])) : m("", !0),
+              (i(), q(R(d.value), { question: k.element }, null, 8, ["question"])),
               k.element.hasComment ? (i(), u("div", {
                 key: 1,
                 class: a(k.element.getCommentAreaCss())
@@ -300,12 +300,12 @@ const je = /* @__PURE__ */ h({
                   }, null, 8, ["locString"])
                 ]),
                 C(F, { question: k.element }, null, 8, ["question"])
-              ], 2)) : d("", !0),
-              t.value ? (i(), g(b, {
+              ], 2)) : m("", !0),
+              t.value ? (i(), q(b, {
                 key: 2,
                 element: k.element,
                 location: "bottom"
-              }, null, 8, ["element"])) : d("", !0),
+              }, null, 8, ["element"])) : m("", !0),
               k.element.hasDescriptionUnderInput ? (i(), u("div", {
                 key: 3,
                 class: a(k.element.cssClasses.descriptionUnderInput),
@@ -314,27 +314,27 @@ const je = /* @__PURE__ */ h({
                 C(W, {
                   locString: k.element.locDescription
                 }, null, 8, ["locString"])
-              ], 10, Ye)) : d("", !0)
+              ], 10, Ye)) : m("", !0)
             ], 6)
           ]),
           _: 1
         }, 16)),
-        k.element.hasTitleOnBottom ? (i(), g(A, {
+        k.element.hasTitleOnBottom ? (i(), q(A, {
           key: 2,
           element: k.element,
           css: k.css
-        }, null, 8, ["element", "css"])) : d("", !0),
-        k.element.showErrorsBelowQuestion ? (i(), g(b, {
+        }, null, 8, ["element", "css"])) : m("", !0),
+        k.element.showErrorsBelowQuestion ? (i(), q(b, {
           key: 3,
           element: k.element,
           location: "bottom"
-        }, null, 8, ["element"])) : d("", !0)
+        }, null, 8, ["element"])) : m("", !0)
       ], 46, Xe);
     };
   }
 }), es = ["id"], ss = ["id"], ns = {
   inheritAttrs: !1
-}, os = /* @__PURE__ */ h({
+}, os = /* @__PURE__ */ g({
   ...ns,
   inheritAttrs: !1,
   __name: "Panel",
@@ -348,25 +348,25 @@ const je = /* @__PURE__ */ h({
     return B(() => s.element), M(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
     }), (t, o) => {
-      const l = y("survey-errors"), m = y("survey-element-header"), v = y("survey-row"), c = y("sv-action-bar");
+      const l = y("survey-errors"), c = y("survey-element-header"), v = y("survey-row"), d = y("sv-action-bar");
       return t.element.getIsContentVisible() ? (i(), u("div", {
         key: 0,
         class: a(t.element.getContainerCss()),
         id: t.element.id,
-        onFocusin: o[0] || (o[0] = (q) => t.element.focusIn()),
+        onFocusin: o[0] || (o[0] = (h) => t.element.focusIn()),
         ref_key: "root",
         ref: n
       }, [
-        t.element.showErrorsAbovePanel ? (i(), g(l, {
+        t.element.showErrorsAbovePanel ? (i(), q(l, {
           key: 0,
           element: t.element
-        }, null, 8, ["element"])) : d("", !0),
-        t.element.hasTitle || t.element.hasDescription ? (i(), g(m, {
+        }, null, 8, ["element"])) : m("", !0),
+        t.element.hasTitle || t.element.hasDescription ? (i(), q(c, {
           key: 1,
           element: t.element,
           css: t.css
-        }, null, 8, ["element", "css"])) : d("", !0),
-        t.element.showErrorsAbovePanel ? d("", !0) : (i(), g(l, {
+        }, null, 8, ["element", "css"])) : m("", !0),
+        t.element.showErrorsAbovePanel ? m("", !0) : (i(), q(l, {
           key: 2,
           element: t.element
         }, null, 8, ["element"])),
@@ -376,82 +376,86 @@ const je = /* @__PURE__ */ h({
           style: I({ paddingLeft: t.element.innerPaddingLeft }),
           class: a(t.element.cssClasses.panel.content)
         }, [
-          (i(!0), u(D, null, L(t.element.visibleRows, (q) => (i(), g(R(t.element.getSurvey().getRowWrapperComponentName(q)), z(E({
-            key: q.id
+          (i(!0), u(_, null, L(t.element.visibleRows, (h) => (i(), q(R(t.element.getSurvey().getRowWrapperComponentName(h)), z(E({
+            key: h.id
           }, {
-            componentData: t.element.getSurvey().getRowWrapperComponentData(q)
+            componentData: t.element.getSurvey().getRowWrapperComponentData(h)
           })), {
             default: V(() => [
               C(v, {
-                row: q,
+                row: h,
                 survey: e.value,
                 css: t.css
               }, null, 8, ["row", "survey", "css"])
             ]),
             _: 2
           }, 1040))), 128)),
-          C(c, {
+          C(d, {
             model: t.element.getFooterToolbar()
           }, null, 8, ["model"])
-        ], 14, ss)) : d("", !0)
-      ], 42, es)) : d("", !0);
+        ], 14, ss)) : m("", !0)
+      ], 42, es)) : m("", !0);
     };
   }
-}), ts = ["id"], is = /* @__PURE__ */ h({
+}), ts = ["id"], is = /* @__PURE__ */ g({
   __name: "ElementHeader",
   props: {
     element: {},
     css: {}
   },
   setup(r) {
-    const s = r, n = (e) => {
-      typeof s.element.clickTitleFunction == "function" && s.element.clickTitleFunction(e);
+    const s = r, n = (t) => {
+      typeof s.element.clickTitleFunction == "function" && s.element.clickTitleFunction(t);
+    }, e = () => {
+      const t = { width: void 0 };
+      return "titleWidth" in s.element && (t.width = s.element.titleWidth), t;
     };
-    return (e, t) => {
-      const o = y("survey-element-title"), l = y("survey-string"), m = y("sv-action-bar");
+    return (t, o) => {
+      const l = y("survey-element-title"), c = y("survey-string"), v = y("sv-action-bar");
       return i(), u("div", {
-        class: a(e.element.cssHeader),
-        onClick: n
+        class: a(t.element.cssHeader),
+        onClick: n,
+        style: I(e())
       }, [
-        C(o, {
-          element: e.element,
-          css: e.css
+        C(l, {
+          element: t.element,
+          css: t.css
         }, null, 8, ["element", "css"]),
-        e.element.hasDescriptionUnderTitle ? N((i(), u("div", {
+        t.element.hasDescriptionUnderTitle ? N((i(), u("div", {
           key: 0,
-          class: a(e.element.cssDescription),
-          id: e.element.ariaDescriptionId
+          class: a(t.element.cssDescription),
+          id: t.element.ariaDescriptionId
         }, [
-          C(l, {
-            locString: e.element.locDescription
+          C(c, {
+            locString: t.element.locDescription
           }, null, 8, ["locString"])
         ], 10, ts)), [
-          [H, e.element.hasDescription]
-        ]) : d("", !0),
-        e.element.hasAdditionalTitleToolbar ? (i(), g(m, {
+          [H, t.element.hasDescription]
+        ]) : m("", !0),
+        t.element.hasAdditionalTitleToolbar ? (i(), q(v, {
           key: 1,
-          model: e.element.additionalTitleToolbar
-        }, null, 8, ["model"])) : d("", !0)
-      ], 2);
+          model: t.element.additionalTitleToolbar
+        }, null, 8, ["model"])) : m("", !0)
+      ], 6);
     };
   }
-}), rs = /* @__PURE__ */ h({
+}), rs = /* @__PURE__ */ g({
   __name: "String",
   props: {
     locString: {}
   },
   setup(r) {
-    return (s, n) => (i(), g(R(s.locString.renderAs), {
+    return (s, n) => (i(), q(R(s.locString.renderAs), {
       locString: s.locString.renderAsData
     }, null, 8, ["locString"]));
   }
-}), ls = ["innerHTML"], as = /* @__PURE__ */ h({
+}), ls = ["innerHTML"], as = /* @__PURE__ */ g({
   __name: "StringViewer",
   props: {
     locString: {}
   },
   setup(r) {
-    const s = r, n = J(() => s.locString), e = s.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
+    const s = r, n = G(() => s.locString), e = s.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
     return (t, o) => t.locString.hasHtml ? (i(), u("span", {
       key: 0,
       class: a(w(e)),
@@ -461,7 +465,7 @@ const je = /* @__PURE__ */ h({
       class: a(w(e))
     }, T(w(n)), 3));
   }
-}), us = ["innerHTML"], ds = /* @__PURE__ */ h({
+}), us = ["innerHTML"], ds = /* @__PURE__ */ g({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -488,7 +492,7 @@ const je = /* @__PURE__ */ h({
       onClick: e
     }, T(t.locString.renderedHtml), 33));
   }
-}), ms = ["id"], cs = /* @__PURE__ */ h({
+}), ms = ["id"], cs = /* @__PURE__ */ g({
   __name: "Skeleton",
   props: {
     element: {}
@@ -500,7 +504,7 @@ const je = /* @__PURE__ */ h({
       id: n.element.id
     }, null, 8, ms));
   }
-}), ps = ["id"], vs = ["value"], ys = /* @__PURE__ */ h({
+}), ps = ["id"], vs = ["value"], ys = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -523,9 +527,9 @@ const je = /* @__PURE__ */ h({
         p("datalist", {
           id: e.question.dataListId
         }, [
-          (i(!0), u(D, null, L(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
+          (i(!0), u(_, null, L(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
         ], 8, ps)
-      ], 512)) : (i(), g(o, {
+      ], 512)) : (i(), q(o, {
         key: 2,
         question: e.question,
         "get-ref": (l) => {
@@ -534,7 +538,7 @@ const je = /* @__PURE__ */ h({
       }, null, 8, ["question", "get-ref"]));
     };
   }
-}), qs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], gs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ h({
+}), qs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], gs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ g({
   __name: "TextInput",
   props: {
     question: {},
@@ -546,11 +550,11 @@ const je = /* @__PURE__ */ h({
     }, t = $(null);
     s({ root: t }), B(() => n.question);
     const o = S(() => n.question.inputStyle);
-    return (l, m) => {
+    return (l, c) => {
       const v = y("sv-character-counter");
       return l.question.getMaxLength() ? (i(), u("div", {
         key: 1,
-        ref: (c) => e(c)
+        ref: (d) => e(d)
       }, [
         p("input", {
           disabled: l.question.isDisabledAttr,
@@ -568,12 +572,12 @@ const je = /* @__PURE__ */ h({
           placeholder: l.question.renderedPlaceholder,
           autocomplete: l.question.autocomplete,
           value: l.question.inputValue,
-          onChange: m[6] || (m[6] = (...c) => l.question.onChange && l.question.onChange(...c)),
-          onKeyup: m[7] || (m[7] = (...c) => l.question.onKeyUp && l.question.onKeyUp(...c)),
-          onKeydown: m[8] || (m[8] = (...c) => l.question.onKeyDown && l.question.onKeyDown(...c)),
-          onCompositionUpdate: m[9] || (m[9] = (...c) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...c)),
-          onBlur: m[10] || (m[10] = (...c) => l.question.onBlur && l.question.onBlur(...c)),
-          onFocus: m[11] || (m[11] = (...c) => l.question.onFocus && l.question.onFocus(...c)),
+          onChange: c[6] || (c[6] = (...d) => l.question.onChange && l.question.onChange(...d)),
+          onKeyup: c[7] || (c[7] = (...d) => l.question.onKeyUp && l.question.onKeyUp(...d)),
+          onKeydown: c[8] || (c[8] = (...d) => l.question.onKeyDown && l.question.onKeyDown(...d)),
+          onCompositionUpdate: c[9] || (c[9] = (...d) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...d)),
+          onBlur: c[10] || (c[10] = (...d) => l.question.onBlur && l.question.onBlur(...d)),
+          onFocus: c[11] || (c[11] = (...d) => l.question.onFocus && l.question.onFocus(...d)),
           "aria-required": l.question.a11y_input_ariaRequired,
           "aria-label": l.question.a11y_input_ariaLabel,
           "aria-labelledby": l.question.a11y_input_ariaLabelledBy,
@@ -587,7 +591,7 @@ const je = /* @__PURE__ */ h({
         }, null, 8, ["counter", "remainingCharacterCounter"])
       ], 512)) : (i(), u("input", {
         key: 0,
-        ref: (c) => e(c),
+        ref: (d) => e(d),
         disabled: l.question.isDisabledAttr,
         readonly: l.question.isReadOnlyAttr,
         class: a(l.question.getControlClass()),
@@ -603,12 +607,12 @@ const je = /* @__PURE__ */ h({
         placeholder: l.question.renderedPlaceholder,
         autocomplete: l.question.autocomplete,
         value: l.question.inputValue,
-        onChange: m[0] || (m[0] = (...c) => l.question.onChange && l.question.onChange(...c)),
-        onKeyup: m[1] || (m[1] = (...c) => l.question.onKeyUp && l.question.onKeyUp(...c)),
-        onKeydown: m[2] || (m[2] = (...c) => l.question.onKeyDown && l.question.onKeyDown(...c)),
-        onCompositionUpdate: m[3] || (m[3] = (...c) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...c)),
-        onBlur: m[4] || (m[4] = (...c) => l.question.onBlur && l.question.onBlur(...c)),
-        onFocus: m[5] || (m[5] = (...c) => l.question.onFocus && l.question.onFocus(...c)),
+        onChange: c[0] || (c[0] = (...d) => l.question.onChange && l.question.onChange(...d)),
+        onKeyup: c[1] || (c[1] = (...d) => l.question.onKeyUp && l.question.onKeyUp(...d)),
+        onKeydown: c[2] || (c[2] = (...d) => l.question.onKeyDown && l.question.onKeyDown(...d)),
+        onCompositionUpdate: c[3] || (c[3] = (...d) => l.question.onCompositionUpdate && l.question.onCompositionUpdate(...d)),
+        onBlur: c[4] || (c[4] = (...d) => l.question.onBlur && l.question.onBlur(...d)),
+        onFocus: c[5] || (c[5] = (...d) => l.question.onFocus && l.question.onFocus(...d)),
         "aria-required": l.question.a11y_input_ariaRequired,
         "aria-label": l.question.a11y_input_ariaLabel,
         "aria-labelledby": l.question.a11y_input_ariaLabelledBy,
@@ -621,7 +625,7 @@ const je = /* @__PURE__ */ h({
 }), Cs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], bs = {
   key: 0,
   class: "sv-hidden"
-}, ks = { key: 7 }, fs = ["value"], ge = /* @__PURE__ */ h({
+}, ks = { key: 7 }, fs = ["value"], qe = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -640,7 +644,7 @@ const je = /* @__PURE__ */ h({
       }
     });
     return (o, l) => {
-      const m = y("survey-other-choice");
+      const c = y("survey-other-choice");
       return i(), u("fieldset", {
         class: a(o.question.getSelectBaseRootCss()),
         ref_key: "root",
@@ -653,42 +657,42 @@ const je = /* @__PURE__ */ h({
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
       }, [
-        o.showLegend ? (i(), u("legend", bs, T(o.question.locTitle.renderedHtml), 1)) : d("", !0),
-        o.question.hasHeadItems ? (i(!0), u(D, { key: 1 }, L(o.question.headItems, (v) => (i(), g(R(e(v)), E({
+        o.showLegend ? (i(), u("legend", bs, T(o.question.locTitle.renderedHtml), 1)) : m("", !0),
+        o.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, L(o.question.headItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
-        }, t(v)), null, 16))), 128)) : d("", !0),
-        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(D, { key: 2 }, L(o.question.bodyItems, (v) => (i(), g(R(e(v)), E({
+        }, t(v)), null, 16))), 128)) : m("", !0),
+        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(_, { key: 2 }, L(o.question.bodyItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
-        }, t(v)), null, 16))), 128)) : d("", !0),
+        }, t(v)), null, 16))), 128)) : m("", !0),
         o.question.blockedRow ? (i(), u("div", {
           key: 3,
           class: a(o.question.cssClasses.rootRow)
         }, [
-          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(D, { key: 0 }, L(o.question.dataChoices, (v) => (i(), g(R(e(v)), E({
+          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(_, { key: 0 }, L(o.question.dataChoices, (v) => (i(), q(R(e(v)), E({
             key: v.value
-          }, t(v)), null, 16))), 128)) : d("", !0)
-        ], 2)) : d("", !0),
+          }, t(v)), null, 16))), 128)) : m("", !0)
+        ], 2)) : m("", !0),
         o.question.hasColumns ? (i(), u("div", {
           key: 4,
           class: a(o.question.cssClasses.rootMultiColumn)
         }, [
-          o.question.hasColumns ? (i(!0), u(D, { key: 0 }, L(o.question.columns, (v, c) => (i(), u("div", {
-            key: c,
+          o.question.hasColumns ? (i(!0), u(_, { key: 0 }, L(o.question.columns, (v, d) => (i(), u("div", {
+            key: d,
             class: a(o.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(D, null, L(v, (q) => (i(), g(R(e(q)), E({
-              key: q.value
-            }, t(q)), null, 16))), 128))
-          ], 2))), 128)) : d("", !0)
-        ], 2)) : d("", !0),
-        o.question.hasFootItems ? (i(!0), u(D, { key: 5 }, L(o.question.footItems, (v) => (i(), g(R(e(v)), E({
+            (i(!0), u(_, null, L(v, (h) => (i(), q(R(e(h)), E({
+              key: h.value
+            }, t(h)), null, 16))), 128))
+          ], 2))), 128)) : m("", !0)
+        ], 2)) : m("", !0),
+        o.question.hasFootItems ? (i(!0), u(_, { key: 5 }, L(o.question.footItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
-        }, t(v)), null, 16))), 128)) : d("", !0),
-        o.question.renderedValue && o.question.isOtherSelected ? (i(), g(m, {
+        }, t(v)), null, 16))), 128)) : m("", !0),
+        o.question.renderedValue && o.question.isOtherSelected ? (i(), q(c, {
           key: 6,
           question: o.question
-        }, null, 8, ["question"])) : d("", !0),
+        }, null, 8, ["question"])) : m("", !0),
         o.question.showClearButtonInContent ? (i(), u("div", ks, [
           p("input", {
             type: "button",
@@ -698,23 +702,23 @@ const je = /* @__PURE__ */ h({
             }),
             value: o.question.clearButtonCaption
           }, null, 10, fs)
-        ])) : d("", !0)
+        ])) : m("", !0)
       ], 10, Cs);
     };
   }
-}), ws = /* @__PURE__ */ h({
+}), ws = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
     question: {}
   },
   setup(r) {
-    return (s, n) => (i(), g(ge, {
+    return (s, n) => (i(), q(qe, {
       question: s.question,
       "show-legend": !0
     }, null, 8, ["question"]));
   }
-}), Is = ["name", "checked", "value", "id", "disabled", "readonly"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ h({
+}), Is = ["name", "checked", "value", "id", "disabled", "readonly"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -762,9 +766,9 @@ const je = /* @__PURE__ */ h({
               p("use", {
                 "xlink:href": e.question.itemSvgIcon
               }, null, 8, Ss)
-            ], 2)) : d("", !0)
-          ], 2)) : d("", !0),
-          e.hideLabel ? d("", !0) : (i(), u("span", {
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
+          e.hideLabel ? m("", !0) : (i(), u("span", {
             key: 1,
             class: a(e.question.cssClasses.controlLabel)
           }, [
@@ -776,16 +780,16 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ts = /* @__PURE__ */ h({
+}), Ts = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
     question: {}
   },
   setup(r) {
-    return (s, n) => (i(), g(ge, { question: s.question }, null, 8, ["question"]));
+    return (s, n) => (i(), q(qe, { question: s.question }, null, 8, ["question"]));
   }
-}), $s = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
+}), $s = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], _s = ["xlink:href"], Ds = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -802,7 +806,7 @@ const je = /* @__PURE__ */ h({
       }
     });
     return B(() => s.item), (o, l) => {
-      const m = y("survey-string");
+      const c = y("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: a(o.question.getItemClass(o.item))
@@ -835,13 +839,13 @@ const je = /* @__PURE__ */ h({
               p("use", {
                 "xlink:href": o.question.itemSvgIcon
               }, null, 8, _s)
-            ], 2)) : d("", !0)
-          ], 2)) : d("", !0),
-          o.hideLabel ? d("", !0) : (i(), u("span", {
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
+          o.hideLabel ? m("", !0) : (i(), u("span", {
             key: 1,
             class: a(e(o.item))
           }, [
-            C(m, {
+            C(c, {
               locString: o.item.locText
             }, null, 8, ["locString"])
           ], 2))
@@ -849,7 +853,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Bs = ["src"], Ls = ["title"], As = { key: 0 }, Ns = /* @__PURE__ */ h({
+}), Bs = ["src"], Ls = ["title"], As = { key: 0 }, Ns = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -858,7 +862,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return P(s, n), (e, t) => {
-      const o = y("survey-string"), l = y("sv-svg-icon"), m = y("sv-loading-indicator");
+      const o = y("survey-string"), l = y("sv-svg-icon"), c = y("sv-loading-indicator");
       return i(), u("div", {
         class: a(e.question.cssClasses.root),
         ref_key: "root",
@@ -884,7 +888,7 @@ const je = /* @__PURE__ */ h({
             style: I({
               width: e.question.renderedCanvasWidth
             })
-          }, null, 14, Bs)) : d("", !0),
+          }, null, 14, Bs)) : m("", !0),
           p("canvas", {
             tabindex: "-1",
             class: a(e.question.cssClasses.canvas),
@@ -903,24 +907,24 @@ const je = /* @__PURE__ */ h({
               e.question.clearValue(!0);
             })
           }, [
-            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", As, "\u2716")),
-            e.question.cssClasses.clearButtonIconId ? (i(), g(l, {
+            e.question.cssClasses.clearButtonIconId ? m("", !0) : (i(), u("span", As, "\u2716")),
+            e.question.cssClasses.clearButtonIconId ? (i(), q(l, {
               key: 1,
               iconName: e.question.cssClasses.clearButtonIconId,
               size: "auto"
-            }, null, 8, ["iconName"])) : d("", !0)
+            }, null, 8, ["iconName"])) : m("", !0)
           ], 10, Ls)
-        ], 2)) : d("", !0),
+        ], 2)) : m("", !0),
         e.question.showLoadingIndicator ? (i(), u("div", {
           key: 1,
           class: a(e.question.cssClasses.loadingIndicator)
         }, [
-          C(m)
-        ], 2)) : d("", !0)
+          C(c)
+        ], 2)) : m("", !0)
       ], 6);
     };
   }
-}), Ps = ["innerHTML"], Ms = /* @__PURE__ */ h({
+}), Ps = ["innerHTML"], Ms = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -929,7 +933,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     P(s, n);
-    const e = J(() => s.question.locHtml);
+    const e = G(() => s.question.locHtml);
     return (t, o) => (i(), u("div", {
       ref_key: "root",
       ref: n,
@@ -937,7 +941,7 @@ const je = /* @__PURE__ */ h({
       innerHTML: w(e)
     }, null, 10, Ps));
   }
-}), Es = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ h({
+}), Es = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -946,7 +950,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     P(s, n);
-    const e = J(() => s.question.locImageLink);
+    const e = G(() => s.question.locImageLink);
     return (t, o) => {
       const l = y("sv-svg-icon");
       return i(), u("div", {
@@ -966,15 +970,15 @@ const je = /* @__PURE__ */ h({
             width: t.question.renderedStyleWidth,
             height: t.question.renderedStyleHeight
           }),
-          onLoad: o[0] || (o[0] = (m) => {
+          onLoad: o[0] || (o[0] = (c) => {
             t.question.onLoadHandler();
           }),
-          onError: o[1] || (o[1] = (m) => {
+          onError: o[1] || (o[1] = (c) => {
             t.question.onErrorHandler();
           })
         }, null, 46, Es)), [
           [H, w(e) && !t.question.contentNotLoaded]
-        ]) : d("", !0),
+        ]) : m("", !0),
         t.question.renderedMode === "video" ? N((i(), u("video", {
           key: 1,
           controls: "",
@@ -987,15 +991,15 @@ const je = /* @__PURE__ */ h({
             width: t.question.renderedStyleWidth,
             height: t.question.renderedStyleHeight
           }),
-          onLoadedmetadata: o[2] || (o[2] = (m) => {
+          onLoadedmetadata: o[2] || (o[2] = (c) => {
             t.question.onLoadHandler();
           }),
-          onError: o[3] || (o[3] = (m) => {
+          onError: o[3] || (o[3] = (c) => {
             t.question.onErrorHandler();
           })
         }, null, 46, Hs)), [
           [H, w(e) && !t.question.contentNotLoaded]
-        ]) : d("", !0),
+        ]) : m("", !0),
         t.question.renderedMode === "youtube" ? (i(), u("iframe", {
           key: 2,
           class: a(t.question.getImageCss()),
@@ -1007,7 +1011,7 @@ const je = /* @__PURE__ */ h({
             width: t.question.renderedStyleWidth,
             height: t.question.renderedStyleHeight
           })
-        }, null, 14, Ws)) : d("", !0),
+        }, null, 14, Ws)) : m("", !0),
         !w(e) || t.question.contentNotLoaded ? (i(), u("div", {
           key: 3,
           class: a(t.question.cssClasses.noImage)
@@ -1016,11 +1020,11 @@ const je = /* @__PURE__ */ h({
             iconName: t.question.cssClasses.noImageSvgIconId,
             size: 48
           }, null, 8, ["iconName"])
-        ], 2)) : d("", !0)
+        ], 2)) : m("", !0)
       ], 2);
     };
   }
-}), Vs = /* @__PURE__ */ h({
+}), Vs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1034,7 +1038,7 @@ const je = /* @__PURE__ */ h({
       ref: n
     }, T(e.question.formatedValue), 3));
   }
-}), Os = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], zs = ["id", "multiple", "placeholder"], Us = ["id", "multiple", "placeholder"], Ks = /* @__PURE__ */ h({
+}), Os = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], zs = ["id", "multiple", "placeholder"], Us = ["id", "multiple", "placeholder"], Ks = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1043,7 +1047,7 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return P(s, n), (e, t) => {
-      const o = y("survey-string"), l = y("sv-file-choose-btn"), m = y("sv-action-bar"), v = y("sv-file-clean-btn"), c = y("sv-loading-indicator"), q = y("sv-file-video"), f = y("sv-file-preview");
+      const o = y("survey-string"), l = y("sv-file-choose-btn"), c = y("sv-action-bar"), v = y("sv-file-clean-btn"), d = y("sv-loading-indicator"), h = y("sv-file-video"), f = y("sv-file-preview");
       return i(), u("div", {
         class: a(e.question.fileRootCss),
         ref_key: "root",
@@ -1063,7 +1067,7 @@ const je = /* @__PURE__ */ h({
           title: e.question.inputTitle,
           accept: e.question.acceptedTypes,
           capture: e.question.renderCapture
-        }, null, 10, Os)) : d("", !0),
+        }, null, 10, Os)) : m("", !0),
         e.question.isReadOnlyAttr ? (i(), u("input", {
           key: 1,
           type: "file",
@@ -1073,7 +1077,7 @@ const je = /* @__PURE__ */ h({
           multiple: e.question.allowMultiple,
           placeholder: e.question.title,
           style: { color: "transparent" }
-        }, null, 10, zs)) : d("", !0),
+        }, null, 10, zs)) : m("", !0),
         e.question.isDisabledAttr ? (i(), u("input", {
           key: 2,
           type: "file",
@@ -1083,7 +1087,7 @@ const je = /* @__PURE__ */ h({
           multiple: e.question.allowMultiple,
           placeholder: e.question.title,
           style: { color: "transparent" }
-        }, null, 10, Us)) : d("", !0),
+        }, null, 10, Us)) : m("", !0),
         p("div", {
           class: a(e.question.cssClasses.dragArea),
           onDrop: t[0] || (t[0] = (...k) => e.question.onDrop && e.question.onDrop(...k)),
@@ -1105,53 +1109,53 @@ const je = /* @__PURE__ */ h({
             p("div", {
               class: a(e.question.cssClasses.wrapper)
             }, [
-              e.question.showChooseButton ? (i(), g(l, {
+              e.question.showChooseButton ? (i(), q(l, {
                 key: 0,
                 data: { question: e.question }
-              }, null, 8, ["data"])) : d("", !0),
-              e.question.actionsContainerVisible ? (i(), g(m, {
+              }, null, 8, ["data"])) : m("", !0),
+              e.question.actionsContainerVisible ? (i(), q(c, {
                 key: 1,
                 model: e.question.actionsContainer
-              }, null, 8, ["model"])) : d("", !0),
+              }, null, 8, ["model"])) : m("", !0),
               e.question.isEmpty() ? (i(), u("span", {
                 key: 2,
                 class: a(e.question.cssClasses.noFileChosen)
-              }, T(e.question.noFileChosenCaption), 3)) : d("", !0)
+              }, T(e.question.noFileChosenCaption), 3)) : m("", !0)
             ], 2)
-          ], 2)) : d("", !0),
-          e.question.showRemoveButton ? (i(), g(v, {
+          ], 2)) : m("", !0),
+          e.question.showRemoveButton ? (i(), q(v, {
             key: 1,
             question: e.question,
             css: e.question.showRemoveButton
-          }, null, 8, ["question", "css"])) : d("", !0),
+          }, null, 8, ["question", "css"])) : m("", !0),
           e.question.showLoadingIndicator ? (i(), u("div", {
             key: 2,
             class: a(e.question.cssClasses.loadingIndicator)
           }, [
-            C(c)
-          ], 2)) : d("", !0),
-          e.question.isPlayingVideo ? (i(), g(q, {
+            C(d)
+          ], 2)) : m("", !0),
+          e.question.isPlayingVideo ? (i(), q(h, {
             key: 3,
             question: e.question
-          }, null, 8, ["question"])) : d("", !0),
-          e.question.allowShowPreview ? (i(), g(f, {
+          }, null, 8, ["question"])) : m("", !0),
+          e.question.allowShowPreview ? (i(), q(f, {
             key: 4,
             question: e.question
-          }, null, 8, ["question"])) : d("", !0),
-          e.question.showRemoveButtonBottom ? (i(), g(v, {
+          }, null, 8, ["question"])) : m("", !0),
+          e.question.showRemoveButtonBottom ? (i(), q(v, {
             key: 5,
             question: e.question,
             css: e.question.showRemoveButtonBottom
-          }, null, 8, ["question", "css"])) : d("", !0),
-          e.question.fileNavigatorVisible ? (i(), g(m, {
+          }, null, 8, ["question", "css"])) : m("", !0),
+          e.question.fileNavigatorVisible ? (i(), q(c, {
             key: 6,
             model: e.question.fileNavigator
-          }, null, 8, ["model"])) : d("", !0)
+          }, null, 8, ["model"])) : m("", !0)
         ], 34)
       ], 2);
     };
   }
-}), Qs = { class: "sv-hidden" }, me = "survey-imagepicker-item", js = /* @__PURE__ */ h({
+}), Qs = { class: "sv-hidden" }, de = "survey-imagepicker-item", js = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1160,8 +1164,8 @@ const je = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     P(s, n);
-    const e = (o) => s.question.getItemValueWrapperComponentName(o) || me, t = (o) => ({
-      componentName: me,
+    const e = (o) => s.question.getItemValueWrapperComponentName(o) || de, t = (o) => ({
+      componentName: de,
       componentData: {
         question: s.question,
         item: o,
@@ -1174,21 +1178,21 @@ const je = /* @__PURE__ */ h({
       ref: n
     }, [
       p("legend", Qs, T(o.question.locTitle.renderedHtml), 1),
-      o.question.hasColumns ? d("", !0) : (i(!0), u(D, { key: 0 }, L(o.question.visibleChoices, (m) => (i(), g(R(e(m)), E({
-        key: m.value
-      }, t(m)), null, 16))), 128)),
-      o.question.hasColumns ? (i(!0), u(D, { key: 1 }, L(o.question.columns, (m, v) => (i(), u("div", {
+      o.question.hasColumns ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.visibleChoices, (c) => (i(), q(R(e(c)), E({
+        key: c.value
+      }, t(c)), null, 16))), 128)),
+      o.question.hasColumns ? (i(!0), u(_, { key: 1 }, L(o.question.columns, (c, v) => (i(), u("div", {
         class: a(o.question.getColumnClass()),
         key: v,
         role: "presentation"
       }, [
-        (i(!0), u(D, null, L(m, (c) => (i(), g(R(e(c)), E({
-          key: c.value
-        }, t(c)), null, 16))), 128))
-      ], 2))), 128)) : d("", !0)
+        (i(!0), u(_, null, L(c, (d) => (i(), q(R(e(d)), E({
+          key: d.value
+        }, t(d)), null, 16))), 128))
+      ], 2))), 128)) : m("", !0)
     ], 2));
   }
-}), Gs = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Js = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Xs = ["src", "width", "height", "alt"], Ys = ["src", "width", "height"], Zs = /* @__PURE__ */ h({
+}), Gs = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Js = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Xs = ["src", "width", "height", "alt"], Ys = ["src", "width", "height"], Zs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1206,9 +1210,9 @@ const je = /* @__PURE__ */ h({
       }
     });
     B(() => s.item);
-    const t = J(() => s.item.locImageLink);
+    const t = G(() => s.item.locImageLink);
     return (o, l) => {
-      const m = y("sv-svg-icon"), v = y("survey-string");
+      const c = y("sv-svg-icon"), v = y("survey-string");
       return i(), u("div", {
         class: a(n(o.item))
       }, [
@@ -1221,7 +1225,7 @@ const je = /* @__PURE__ */ h({
             name: o.question.questionName,
             value: o.item.value,
             id: o.question.getItemId(o.item),
-            "onUpdate:modelValue": l[0] || (l[0] = (c) => e.value = c),
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => e.value = d),
             disabled: !o.question.getItemEnabled(o.item),
             readonly: o.question.isReadOnlyAttr,
             "aria-required": o.question.ariaRequired,
@@ -1237,7 +1241,7 @@ const je = /* @__PURE__ */ h({
             name: o.question.questionName,
             value: o.item.value,
             id: o.question.getItemId(o.item),
-            "onUpdate:modelValue": l[1] || (l[1] = (c) => e.value = c),
+            "onUpdate:modelValue": l[1] || (l[1] = (d) => e.value = d),
             disabled: !o.question.getItemEnabled(o.item),
             readonly: o.question.isReadOnlyAttr,
             "aria-required": o.question.ariaRequired,
@@ -1258,13 +1262,13 @@ const je = /* @__PURE__ */ h({
                 key: 0,
                 class: a(o.question.cssClasses.checkedItemDecorator)
               }, [
-                o.question.cssClasses.checkedItemSvgIconId ? (i(), g(m, {
+                o.question.cssClasses.checkedItemSvgIconId ? (i(), q(c, {
                   key: 0,
                   class: a(o.question.cssClasses.checkedItemSvgIcon),
                   size: "auto",
                   iconName: o.question.cssClasses.checkedItemSvgIconId
-                }, null, 8, ["class", "iconName"])) : d("", !0)
-              ], 2)) : d("", !0),
+                }, null, 8, ["class", "iconName"])) : m("", !0)
+              ], 2)) : m("", !0),
               w(t) && !o.item.contentNotLoaded && o.question.contentMode === "image" ? (i(), u("img", {
                 key: 1,
                 class: a(o.question.cssClasses.image),
@@ -1273,13 +1277,13 @@ const je = /* @__PURE__ */ h({
                 height: o.question.renderedImageHeight,
                 style: I({ objectFit: o.question.imageFit }),
                 alt: o.item.locText.renderedHtml,
-                onLoad: l[2] || (l[2] = (c) => {
-                  o.question.onContentLoaded(o.item, c);
+                onLoad: l[2] || (l[2] = (d) => {
+                  o.question.onContentLoaded(o.item, d);
                 }),
-                onError: l[3] || (l[3] = (c) => {
+                onError: l[3] || (l[3] = (d) => {
                   o.item.onErrorHandler();
                 })
-              }, null, 46, Xs)) : d("", !0),
+              }, null, 46, Xs)) : m("", !0),
               w(t) && !o.item.contentNotLoaded && o.question.contentMode === "video" ? (i(), u("video", {
                 key: 2,
                 controls: "",
@@ -1288,13 +1292,13 @@ const je = /* @__PURE__ */ h({
                 width: o.question.renderedImageWidth,
                 height: o.question.renderedImageHeight,
                 style: I({ objectFit: o.question.imageFit }),
-                onLoadedmetadata: l[4] || (l[4] = (c) => {
-                  o.question.onContentLoaded(o.item, c);
+                onLoadedmetadata: l[4] || (l[4] = (d) => {
+                  o.question.onContentLoaded(o.item, d);
                 }),
-                onError: l[5] || (l[5] = (c) => {
+                onError: l[5] || (l[5] = (d) => {
                   o.item.onErrorHandler();
                 })
-              }, null, 46, Ys)) : d("", !0),
+              }, null, 46, Ys)) : m("", !0),
               !w(t) || o.item.contentNotLoaded ? (i(), u("div", {
                 key: 3,
                 class: a(o.question.cssClasses.itemNoImage),
@@ -1304,12 +1308,12 @@ const je = /* @__PURE__ */ h({
                   objectFit: o.question.imageFit
                 })
               }, [
-                C(m, {
+                C(c, {
                   class: a(o.question.cssClasses.itemNoImageSvgIcon),
                   iconName: o.question.cssClasses.itemNoImageSvgIconId,
                   size: 48
                 }, null, 8, ["class", "iconName"])
-              ], 6)) : d("", !0)
+              ], 6)) : m("", !0)
             ], 2),
             o.question.showLabel ? (i(), u("span", {
               key: 0,
@@ -1318,13 +1322,13 @@ const je = /* @__PURE__ */ h({
               C(v, {
                 locString: o.item.locText
               }, null, 8, ["locString"])
-            ], 2)) : d("", !0)
+            ], 2)) : m("", !0)
           ], 2)
         ], 2)
       ], 2);
     };
   }
-}), xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], en = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], sn = /* @__PURE__ */ h({
+}), xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], en = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], sn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1354,11 +1358,11 @@ const je = /* @__PURE__ */ h({
         placeholder: t.question.renderedPlaceholder,
         class: a(t.question.className),
         onChange: e,
-        onInput: o[0] || (o[0] = (m) => {
-          t.question.onInput(m);
+        onInput: o[0] || (o[0] = (c) => {
+          t.question.onInput(c);
         }),
-        onKeydown: o[1] || (o[1] = (m) => {
-          t.question.onKeyDown(m);
+        onKeydown: o[1] || (o[1] = (c) => {
+          t.question.onKeyDown(c);
         }),
         "aria-required": t.question.a11y_input_ariaRequired,
         "aria-label": t.question.a11y_input_ariaLabel,
@@ -1383,11 +1387,11 @@ const je = /* @__PURE__ */ h({
           placeholder: t.question.renderedPlaceholder,
           class: a(t.question.className),
           onChange: e,
-          onInput: o[2] || (o[2] = (m) => {
-            t.question.onInput(m);
+          onInput: o[2] || (o[2] = (c) => {
+            t.question.onInput(c);
           }),
-          onKeydown: o[3] || (o[3] = (m) => {
-            t.question.onKeyDown(m);
+          onKeydown: o[3] || (o[3] = (c) => {
+            t.question.onKeyDown(c);
           }),
           "aria-required": t.question.a11y_input_ariaRequired,
           "aria-label": t.question.a11y_input_ariaLabel,
@@ -1408,7 +1412,7 @@ const je = /* @__PURE__ */ h({
       }, T(t.question.value), 513));
     };
   }
-}), nn = /* @__PURE__ */ h({
+}), nn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1424,10 +1428,10 @@ const je = /* @__PURE__ */ h({
         ref: n
       }, [
         C(o, { question: e.question }, null, 8, ["question"]),
-        e.question.isOtherSelected ? (i(), g(l, {
+        e.question.isOtherSelected ? (i(), q(l, {
           key: 0,
           question: e.question
-        }, null, 8, ["question"])) : d("", !0)
+        }, null, 8, ["question"])) : m("", !0)
       ], 2);
     };
   }
@@ -1440,7 +1444,7 @@ se.Instance.registerRenderer(
   "select",
   "sv-dropdown-select"
 );
-const ln = /* @__PURE__ */ h({
+const ln = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1459,12 +1463,12 @@ const ln = /* @__PURE__ */ h({
         return (l = s.question.value) != null ? l : "";
       },
       set(l) {
-        const m = s.question;
-        l === "" ? m.renderedValue = void 0 : m.renderedValue = l;
+        const c = s.question;
+        l === "" ? c.renderedValue = void 0 : c.renderedValue = l;
       }
     });
-    return (l, m) => {
-      const v = y("sv-dropdown-option-item"), c = y("sv-svg-icon"), q = y("survey-other-choice");
+    return (l, c) => {
+      const v = y("sv-dropdown-option-item"), d = y("sv-svg-icon"), h = y("survey-other-choice");
       return i(), u("div", {
         class: a(l.question.renderCssRoot),
         ref_key: "root",
@@ -1481,7 +1485,7 @@ const ln = /* @__PURE__ */ h({
           }, T(l.question.readOnlyText), 11, rn)) : N((i(), u("select", {
             key: 0,
             id: l.question.inputId,
-            "onUpdate:modelValue": m[0] || (m[0] = (f) => o.value = f),
+            "onUpdate:modelValue": c[0] || (c[0] = (f) => o.value = f),
             onClick: e,
             onKeyup: t,
             autocomplete: l.question.autocomplete,
@@ -1492,8 +1496,8 @@ const ln = /* @__PURE__ */ h({
             "aria-errormessage": l.question.ariaErrormessage,
             required: l.question.isRequired
           }, [
-            l.question.allowClear ? (i(), u("option", tn, T(l.question.placeholder), 1)) : d("", !0),
-            (i(!0), u(D, null, L(l.question.visibleChoices, (f) => (i(), g(v, {
+            l.question.allowClear ? (i(), u("option", tn, T(l.question.placeholder), 1)) : m("", !0),
+            (i(!0), u(_, null, L(l.question.visibleChoices, (f) => (i(), q(v, {
               item: f,
               key: f.id
             }, null, 8, ["item"]))), 128))
@@ -1504,33 +1508,33 @@ const ln = /* @__PURE__ */ h({
             key: 2,
             class: a(l.question.cssClasses.chevronButton)
           }, [
-            C(c, {
+            C(d, {
               class: a(l.question.cssClasses.chevronButtonSvg),
               iconName: l.question.cssClasses.chevronButtonIconId,
               size: "auto"
             }, null, 8, ["class", "iconName"])
-          ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
         ], 2),
-        l.question.isOtherSelected ? (i(), g(q, {
+        l.question.isOtherSelected ? (i(), q(h, {
           key: 0,
           question: l.question
-        }, null, 8, ["question"])) : d("", !0)
+        }, null, 8, ["question"])) : m("", !0)
       ], 2);
     };
   }
-}), an = ["value", "disabled"], un = /* @__PURE__ */ h({
+}), an = ["value", "disabled"], un = /* @__PURE__ */ g({
   __name: "OptionItem",
   props: {
     item: {}
   },
   setup(r) {
-    const s = r, n = J(() => s.item.locText);
+    const s = r, n = G(() => s.item.locText);
     return B(() => s.item), (e, t) => (i(), u("option", {
       value: e.item.value,
       disabled: !e.item.isEnabled
     }, T(w(n)), 9, an));
   }
-}), dn = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], mn = { style: { visibility: "hidden" } }, cn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], pn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], vn = /* @__PURE__ */ h({
+}), dn = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], mn = { style: { visibility: "hidden" } }, cn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], pn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], vn = /* @__PURE__ */ g({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1545,7 +1549,7 @@ const ln = /* @__PURE__ */ h({
     }, l = (b) => {
       var A;
       (A = e.value) == null || A.onClear(b);
-    }, m = (b) => {
+    }, c = (b) => {
       var A;
       (A = e.value) == null || A.keyHandler(b);
     }, v = () => {
@@ -1553,30 +1557,30 @@ const ln = /* @__PURE__ */ h({
         const b = n.value, A = e.value.inputStringRendered;
         Be.isTwoValueEquals(A, b.value, !1, !0, !1) || (b.value = e.value.inputStringRendered);
       }
-    }, c = (b) => {
+    }, d = (b) => {
       var A;
       (A = e.value) == null || A.onBlur(b), v();
-    }, q = (b) => {
+    }, h = (b) => {
       var A;
       (A = e.value) == null || A.onFocus(b);
     }, f = (b) => {
       e.value.inputStringRendered = b.target.value;
     }, k = S(
       () => s.question.showSelectedItemLocText
-    ), _ = S(() => s.question.selectedItemLocText);
+    ), D = S(() => s.question.selectedItemLocText);
     return B(() => e.value), x(v), M(v), (b, A) => {
-      const W = y("survey-string"), F = y("sv-svg-icon"), Q = y("sv-popup");
+      const W = y("survey-string"), F = y("sv-svg-icon"), J = y("sv-popup");
       return i(), u("div", {
         class: a(b.question.cssClasses.selectWrapper),
         onClick: t
       }, [
-        b.question.isReadOnly ? d("", !0) : (i(), u("div", {
+        b.question.isReadOnly ? m("", !0) : (i(), u("div", {
           key: 0,
           id: b.question.inputId,
           disabled: b.question.isDisabledAttr ? !0 : null,
           tabindex: e.value.noTabIndex ? void 0 : 0,
-          onKeydown: m,
-          onBlur: c,
+          onKeydown: c,
+          onBlur: d,
           class: a(b.question.getControlClass()),
           role: b.question.ariaRole,
           "aria-required": b.question.ariaRequired,
@@ -1593,26 +1597,26 @@ const ln = /* @__PURE__ */ h({
             class: a(b.question.cssClasses.hintPrefix)
           }, [
             p("span", null, T(e.value.hintStringPrefix), 1)
-          ], 2)) : d("", !0),
+          ], 2)) : m("", !0),
           p("div", {
             class: a(b.question.cssClasses.controlValue)
           }, [
-            k.value ? (i(), g(W, {
+            k.value ? (i(), q(W, {
               key: 0,
-              locString: _.value
-            }, null, 8, ["locString"])) : d("", !0),
+              locString: D.value
+            }, null, 8, ["locString"])) : m("", !0),
             e.value.showHintString ? (i(), u("div", {
               key: 1,
               class: a(b.question.cssClasses.hintSuffix)
             }, [
               p("span", mn, T(e.value.inputStringRendered), 1),
               p("span", null, T(e.value.hintStringSuffix), 1)
-            ], 2)) : d("", !0),
-            b.question.showInputFieldComponent ? (i(), g(R(b.question.inputFieldComponentName), {
+            ], 2)) : m("", !0),
+            b.question.showInputFieldComponent ? (i(), q(R(b.question.inputFieldComponentName), {
               key: 2,
               item: e.value.getSelectedAction(),
               question: b.question
-            }, null, 8, ["item", "question"])) : d("", !0),
+            }, null, 8, ["item", "question"])) : m("", !0),
             p("input", {
               type: "text",
               ref_key: "inputElement",
@@ -1633,8 +1637,8 @@ const ln = /* @__PURE__ */ h({
               "aria-activedescendant": e.value.ariaActivedescendant,
               placeholder: e.value.placeholderRendered,
               onInput: f,
-              onBlur: c,
-              onFocus: q
+              onBlur: d,
+              onFocus: h
             }, null, 42, cn)
           ], 2),
           b.question.allowClear && b.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
@@ -1651,7 +1655,7 @@ const ln = /* @__PURE__ */ h({
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
             [H, b.question.showClearButton]
-          ]) : d("", !0)
+          ]) : m("", !0)
         ], 42, dn)),
         b.question.isReadOnly ? (i(), u("div", {
           key: 2,
@@ -1662,12 +1666,12 @@ const ln = /* @__PURE__ */ h({
           tabindex: b.question.isDisabledAttr ? void 0 : 0,
           class: a(b.question.getControlClass())
         }, [
-          b.question.selectedItemLocText ? (i(), g(W, {
+          b.question.selectedItemLocText ? (i(), q(W, {
             key: 0,
             locString: b.question.selectedItemLocText
-          }, null, 8, ["locString"])) : d("", !0),
+          }, null, 8, ["locString"])) : m("", !0),
           p("div", null, T(b.question.readOnlyText), 1)
-        ], 10, pn)) : (i(), g(Q, {
+        ], 10, pn)) : (i(), q(J, {
           key: 1,
           model: b.question.dropdownListModel.popupModel
         }, null, 8, ["model"])),
@@ -1682,11 +1686,11 @@ const ln = /* @__PURE__ */ h({
             iconName: b.question.cssClasses.chevronButtonIconId,
             size: "auto"
           }, null, 8, ["class", "iconName"])
-        ], 34)) : d("", !0)
+        ], 34)) : m("", !0)
       ], 2);
     };
   }
-}), yn = /* @__PURE__ */ h({
+}), yn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1702,124 +1706,124 @@ const ln = /* @__PURE__ */ h({
         ref: n
       }, [
         C(o, { question: e.question }, null, 8, ["question"]),
-        e.question.isOtherSelected ? (i(), g(l, {
+        e.question.isOtherSelected ? (i(), q(l, {
           key: 0,
           question: e.question
-        }, null, 8, ["question"])) : d("", !0)
+        }, null, 8, ["question"])) : m("", !0)
       ], 2);
     };
   }
-}), qn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], gn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], hn = /* @__PURE__ */ h({
+}), qn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], gn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], hn = /* @__PURE__ */ g({
   __name: "Tagbox",
   props: {
     question: {}
   },
   setup(r) {
     const s = r, n = S(() => {
-      const c = s.question;
-      return c.dropdownListModel || (c.dropdownListModel = new Le(c)), s.question.dropdownListModel;
-    }), e = (c) => {
-      var q;
-      (q = n.value) == null || q.onClick(c);
-    }, t = (c) => {
-      var q;
-      (q = n.value) == null || q.chevronPointerDown(c);
-    }, o = (c) => {
-      var q;
-      (q = n.value) == null || q.onClear(c);
-    }, l = (c) => {
-      var q;
-      (q = n.value) == null || q.keyHandler(c);
-    }, m = (c) => {
-      var q;
-      (q = n.value) == null || q.onBlur(c);
+      const d = s.question;
+      return d.dropdownListModel || (d.dropdownListModel = new Le(d)), s.question.dropdownListModel;
+    }), e = (d) => {
+      var h;
+      (h = n.value) == null || h.onClick(d);
+    }, t = (d) => {
+      var h;
+      (h = n.value) == null || h.chevronPointerDown(d);
+    }, o = (d) => {
+      var h;
+      (h = n.value) == null || h.onClear(d);
+    }, l = (d) => {
+      var h;
+      (h = n.value) == null || h.keyHandler(d);
+    }, c = (d) => {
+      var h;
+      (h = n.value) == null || h.onBlur(d);
     }, v = re(() => s.question.selectedChoices);
-    return B(() => n.value), (c, q) => {
-      const f = y("sv-tagbox-item"), k = y("sv-tagbox-filter"), _ = y("sv-svg-icon"), b = y("sv-popup"), A = y("survey-string");
+    return B(() => n.value), (d, h) => {
+      const f = y("sv-tagbox-item"), k = y("sv-tagbox-filter"), D = y("sv-svg-icon"), b = y("sv-popup"), A = y("survey-string");
       return i(), u("div", {
-        class: a(c.question.cssClasses.selectWrapper),
+        class: a(d.question.cssClasses.selectWrapper),
         onClick: e
       }, [
-        c.question.isReadOnly ? d("", !0) : (i(), u("div", {
+        d.question.isReadOnly ? m("", !0) : (i(), u("div", {
           key: 0,
-          id: c.question.inputId,
+          id: d.question.inputId,
           tabindex: n.value.noTabIndex ? void 0 : 0,
-          disabled: c.question.isDisabledAttr ? !0 : null,
+          disabled: d.question.isDisabledAttr ? !0 : null,
           onKeydown: l,
-          onBlur: m,
-          class: a(c.question.getControlClass()),
-          role: c.question.ariaRole,
-          "aria-required": c.question.ariaRequired,
-          "aria-label": c.question.ariaLabel,
-          "aria-invalid": c.question.ariaInvalid,
-          "aria-errormessage": c.question.ariaErrormessage,
-          "aria-expanded": c.question.ariaExpanded === null ? void 0 : c.question.ariaExpanded === "true",
+          onBlur: c,
+          class: a(d.question.getControlClass()),
+          role: d.question.ariaRole,
+          "aria-required": d.question.ariaRequired,
+          "aria-label": d.question.ariaLabel,
+          "aria-invalid": d.question.ariaInvalid,
+          "aria-errormessage": d.question.ariaErrormessage,
+          "aria-expanded": d.question.ariaExpanded === null ? void 0 : d.question.ariaExpanded === "true",
           "aria-controls": n.value.listElementId,
           "aria-activedescendant": n.value.ariaActivedescendant,
-          required: c.question.isRequired ? !0 : null
+          required: d.question.isRequired ? !0 : null
         }, [
           p("div", {
-            class: a(c.question.cssClasses.controlValue)
+            class: a(d.question.cssClasses.controlValue)
           }, [
-            (i(!0), u(D, null, L(w(v), (W, F) => (i(), g(f, {
+            (i(!0), u(_, null, L(w(v), (W, F) => (i(), q(f, {
               item: W,
-              question: c.question,
+              question: d.question,
               key: "item" + F
             }, null, 8, ["item", "question"]))), 128)),
             C(k, {
               model: n.value,
-              question: c.question
+              question: d.question
             }, null, 8, ["model", "question"])
           ], 2),
-          c.question.allowClear && c.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
+          d.question.allowClear && d.question.cssClasses.cleanButtonIconId ? N((i(), u("div", {
             key: 0,
-            class: a(c.question.cssClasses.cleanButton),
+            class: a(d.question.cssClasses.cleanButton),
             onClick: o,
             "aria-hidden": "true"
           }, [
-            C(_, {
-              class: a(c.question.cssClasses.cleanButtonSvg),
-              iconName: c.question.cssClasses.cleanButtonIconId,
-              title: c.question.clearCaption,
+            C(D, {
+              class: a(d.question.cssClasses.cleanButtonSvg),
+              iconName: d.question.cssClasses.cleanButtonIconId,
+              title: d.question.clearCaption,
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [H, c.question.showClearButton]
-          ]) : d("", !0)
+            [H, d.question.showClearButton]
+          ]) : m("", !0)
         ], 42, qn)),
-        c.question.isReadOnly ? (i(), u("div", {
+        d.question.isReadOnly ? (i(), u("div", {
           key: 2,
-          id: c.question.inputId,
-          "aria-label": c.question.a11y_input_ariaLabel,
-          "aria-labelledby": c.question.a11y_input_ariaLabelledBy,
-          "aria-describedby": c.question.a11y_input_ariaDescribedBy,
-          tabindex: c.question.isDisabledAttr ? void 0 : 0,
-          class: a(c.question.getControlClass())
+          id: d.question.inputId,
+          "aria-label": d.question.a11y_input_ariaLabel,
+          "aria-labelledby": d.question.a11y_input_ariaLabelledBy,
+          "aria-describedby": d.question.a11y_input_ariaDescribedBy,
+          tabindex: d.question.isDisabledAttr ? void 0 : 0,
+          class: a(d.question.getControlClass())
         }, [
-          c.question.locReadOnlyText ? (i(), g(A, {
+          d.question.locReadOnlyText ? (i(), q(A, {
             key: 0,
-            locString: c.question.locReadOnlyText
-          }, null, 8, ["locString"])) : d("", !0)
-        ], 10, gn)) : (i(), g(b, {
+            locString: d.question.locReadOnlyText
+          }, null, 8, ["locString"])) : m("", !0)
+        ], 10, gn)) : (i(), q(b, {
           key: 1,
           model: n.value.popupModel
         }, null, 8, ["model"])),
-        c.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
+        d.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
           key: 3,
-          class: a(c.question.cssClasses.chevronButton),
+          class: a(d.question.cssClasses.chevronButton),
           onPointerdown: t,
           "aria-hidden": "true"
         }, [
-          C(_, {
-            class: a(c.question.cssClasses.chevronButtonSvg),
-            iconName: c.question.cssClasses.chevronButtonIconId,
+          C(D, {
+            class: a(d.question.cssClasses.chevronButtonSvg),
+            iconName: d.question.cssClasses.chevronButtonIconId,
             size: "auto"
           }, null, 8, ["class", "iconName"])
-        ], 34)) : d("", !0)
+        ], 34)) : m("", !0)
       ], 2);
     };
   }
-}), Cn = { style: { visibility: "hidden" } }, bn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], kn = /* @__PURE__ */ h({
+}), Cn = { style: { visibility: "hidden" } }, bn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], kn = /* @__PURE__ */ g({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1827,8 +1831,8 @@ const ln = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = (l) => {
-      const m = s.model;
-      m.inputStringRendered = l.target.value;
+      const c = s.model;
+      c.inputStringRendered = l.target.value;
     }, e = (l) => {
       s.model.inputKeyHandler(l);
     }, t = (l) => {
@@ -1836,7 +1840,7 @@ const ln = /* @__PURE__ */ h({
     }, o = (l) => {
       s.model.onFocus(l);
     };
-    return B(() => s.model), (l, m) => {
+    return B(() => s.model), (l, c) => {
       const v = y("survey-string");
       return i(), u("div", {
         class: a(l.question.cssClasses.hint)
@@ -1846,25 +1850,25 @@ const ln = /* @__PURE__ */ h({
           class: a(l.question.cssClasses.hintPrefix)
         }, [
           p("span", null, T(l.model.hintStringPrefix), 1)
-        ], 2)) : d("", !0),
+        ], 2)) : m("", !0),
         p("div", {
           class: a(l.question.cssClasses.hintSuffixWrapper)
         }, [
-          l.question.showSelectedItemLocText ? (i(), g(v, {
+          l.question.showSelectedItemLocText ? (i(), q(v, {
             key: 0,
             locString: l.question.selectedItemLocText
-          }, null, 8, ["locString"])) : d("", !0),
+          }, null, 8, ["locString"])) : m("", !0),
           l.model.showHintString ? (i(), u("div", {
             key: 1,
             class: a(l.question.cssClasses.hintSuffix)
           }, [
             p("span", Cn, T(l.model.inputStringRendered), 1),
             p("span", null, T(l.model.hintStringSuffix), 1)
-          ], 2)) : d("", !0),
+          ], 2)) : m("", !0),
           N(p("input", {
             type: "text",
             autocomplete: "off",
-            "onUpdate:modelValue": m[0] || (m[0] = (c) => l.model.inputStringRendered = c),
+            "onUpdate:modelValue": c[0] || (c[0] = (d) => l.model.inputStringRendered = d),
             class: a(l.question.cssClasses.filterStringInput),
             placeholder: l.model.filterStringPlaceholder,
             disabled: l.question.isDisabledAttr,
@@ -1890,7 +1894,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), fn = { class: "sv-tagbox__item-text" }, wn = /* @__PURE__ */ h({
+}), fn = { class: "sv-tagbox__item-text" }, wn = /* @__PURE__ */ g({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1924,7 +1928,7 @@ const ln = /* @__PURE__ */ h({
       ]);
     };
   }
-}), In = /* @__PURE__ */ h({
+}), In = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -1933,7 +1937,7 @@ const ln = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     P(s, n);
-    const e = (o) => s.question.getItemValueWrapperComponentName(o) || "survey-ranking-item", t = (o, l, m) => ({
+    const e = (o) => s.question.getItemValueWrapperComponentName(o) || "survey-ranking-item", t = (o, l, c) => ({
       componentName: s.question.getPropertyByName("itemComponent").isDefaultValue(
         s.question.itemComponent
       ) ? "survey-ranking-item" : s.question.itemComponent,
@@ -1941,65 +1945,65 @@ const ln = /* @__PURE__ */ h({
         question: s.question,
         item: o,
         index: l,
-        unrankedItem: m,
+        unrankedItem: c,
         data: s.question.getItemValueWrapperComponentData(o)
       }
     });
     return (o, l) => {
-      const m = y("survey-string");
+      const c = y("survey-string");
       return i(), u("div", {
         class: a(o.question.rootClass),
         ref_key: "root",
         ref: n
       }, [
-        o.question.selectToRankEnabled ? d("", !0) : (i(!0), u(D, { key: 0 }, L(o.question.renderedRankingChoices, (v, c) => (i(), g(R(e(v)), E({
-          key: v.value + "-" + c + "-item"
-        }, t(v, c)), null, 16))), 128)),
+        o.question.selectToRankEnabled ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), E({
+          key: v.value + "-" + d + "-item"
+        }, t(v, d)), null, 16))), 128)),
         o.question.selectToRankEnabled ? (i(), u("div", {
           key: 1,
           class: a(o.question.getContainerClasses("from")),
           "data-ranking": "from-container"
         }, [
-          (i(!0), u(D, null, L(o.question.renderedUnRankingChoices, (v, c) => (i(), g(R(e(v)), E({
-            key: v.value + "-" + c + "-item"
-          }, t(v, c, !0)), null, 16))), 128)),
+          (i(!0), u(_, null, L(o.question.renderedUnRankingChoices, (v, d) => (i(), q(R(e(v)), E({
+            key: v.value + "-" + d + "-item"
+          }, t(v, d, !0)), null, 16))), 128)),
           o.question.renderedUnRankingChoices.length === 0 ? (i(), u("div", {
             key: 0,
             class: a(o.question.cssClasses.containerPlaceholder)
           }, [
-            C(m, {
+            C(c, {
               locString: o.question.locSelectToRankEmptyRankedAreaText
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0)
-        ], 2)) : d("", !0),
+          ], 2)) : m("", !0)
+        ], 2)) : m("", !0),
         o.question.selectToRankEnabled ? (i(), u("div", {
           key: 2,
           class: a(o.question.cssClasses.containersDivider)
-        }, null, 2)) : d("", !0),
+        }, null, 2)) : m("", !0),
         o.question.selectToRankEnabled ? (i(), u("div", {
           key: 3,
           class: a(o.question.getContainerClasses("to")),
           "data-ranking": "to-container"
         }, [
-          (i(!0), u(D, null, L(o.question.renderedRankingChoices, (v, c) => (i(), g(R(e(v)), E({
-            key: v.value + "-" + c + "-item"
-          }, t(v, c)), null, 16))), 128)),
+          (i(!0), u(_, null, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), E({
+            key: v.value + "-" + d + "-item"
+          }, t(v, d)), null, 16))), 128)),
           o.question.renderedRankingChoices.length === 0 ? (i(), u("div", {
             key: 0,
             class: a(o.question.cssClasses.containerPlaceholder)
           }, [
-            C(m, {
+            C(c, {
               locString: o.question.locSelectToRankEmptyUnrankedAreaText
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0)
-        ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
+        ], 2)) : m("", !0)
       ], 2);
     };
   }
 }), Sn = ["tabindex", "data-sv-drop-target-ranking-item"], Rn = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Tn = ["xlink:href"], $n = ["xlink:href"], _n = ["xlink:href"], Dn = /* @__PURE__ */ h({
+}, Tn = ["xlink:href"], $n = ["xlink:href"], _n = ["xlink:href"], Dn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2072,7 +2076,7 @@ const ln = /* @__PURE__ */ h({
               }, null, 8, _n)
             ]))
           ], 2)),
-          (i(), g(R(e.question.itemContentComponent), {
+          (i(), q(R(e.question.itemContentComponent), {
             item: e.item,
             cssClasses: e.question.cssClasses
           }, null, 8, ["item", "cssClasses"]))
@@ -2080,7 +2084,7 @@ const ln = /* @__PURE__ */ h({
       ])
     ], 42, Sn));
   }
-}), Bn = /* @__PURE__ */ h({
+}), Bn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2102,7 +2106,7 @@ const ln = /* @__PURE__ */ h({
 }), Ln = { role: "radiogroup" }, An = /* @__PURE__ */ p("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), Nn = /* @__PURE__ */ h({
+}, null, -1), Nn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2128,10 +2132,10 @@ const ln = /* @__PURE__ */ h({
             C(l, {
               locString: t.question.locMinRateDescription
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0),
-          (i(!0), u(D, null, L(t.question.renderedRateItems, (m, v) => (i(), g(R(t.question.itemComponent), {
+          ], 2)) : m("", !0),
+          (i(!0), u(_, null, L(t.question.renderedRateItems, (c, v) => (i(), q(R(t.question.itemComponent), {
             key: e(v),
-            item: m,
+            item: c,
             index: v,
             question: t.question
           }, null, 8, ["item", "index", "question"]))), 128)),
@@ -2142,12 +2146,12 @@ const ln = /* @__PURE__ */ h({
             C(l, {
               locString: t.question.locMaxRateDescription
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
         ])
       ], 2);
     };
   }
-}), Pn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = /* @__PURE__ */ h({
+}), Pn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = /* @__PURE__ */ g({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2187,7 +2191,7 @@ const ln = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), En = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Hn = /* @__PURE__ */ h({
+}), En = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Hn = /* @__PURE__ */ g({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2228,7 +2232,7 @@ const ln = /* @__PURE__ */ h({
       ], 38);
     };
   }
-}), Wn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Fn = /* @__PURE__ */ h({
+}), Wn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Fn = /* @__PURE__ */ g({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2278,7 +2282,7 @@ const ln = /* @__PURE__ */ h({
 }), Vn = { class: "sd-rating-dropdown-item" }, On = { class: "sd-rating-dropdown-item_text" }, zn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, Un = /* @__PURE__ */ h({
+}, Un = /* @__PURE__ */ g({
   __name: "RatingDropdownItem",
   props: {
     item: {}
@@ -2293,7 +2297,7 @@ const ln = /* @__PURE__ */ h({
           C(t, {
             locString: n.item.description
           }, null, 8, ["locString"])
-        ])) : d("", !0)
+        ])) : m("", !0)
       ]);
     };
   }
@@ -2303,7 +2307,7 @@ se.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const Kn = /* @__PURE__ */ h({
+const Kn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2322,7 +2326,7 @@ const Kn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Qn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], jn = /* @__PURE__ */ h({
+}), Qn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], jn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2338,12 +2342,12 @@ const Kn = /* @__PURE__ */ h({
     };
     return (o, l) => {
       var v;
-      const m = y("survey-string");
+      const c = y("survey-string");
       return i(), u("div", {
         class: a(o.question.cssClasses.root),
         ref_key: "root",
         ref: n,
-        onKeydown: l[4] || (l[4] = (c) => o.question.onKeyDownCore(c))
+        onKeydown: l[4] || (l[4] = (d) => o.question.onKeyDownCore(d))
       }, [
         p("label", {
           class: a(o.question.getItemCss())
@@ -2352,7 +2356,7 @@ const Kn = /* @__PURE__ */ h({
             type: "checkbox",
             name: o.question.name,
             value: (v = o.question.booleanValue) != null ? v : "",
-            "onUpdate:modelValue": l[0] || (l[0] = (c) => o.question.booleanValue = c),
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => o.question.booleanValue = d),
             class: a(o.question.cssClasses.control),
             id: o.question.inputId,
             ".indeterminate": o.question.isIndeterminate,
@@ -2370,19 +2374,19 @@ const Kn = /* @__PURE__ */ h({
           ]),
           p("div", {
             class: a(o.question.cssClasses.sliderGhost),
-            onClick: l[1] || (l[1] = (c) => e(c, o.question.swapOrder))
+            onClick: l[1] || (l[1] = (d) => e(d, o.question.swapOrder))
           }, [
             p("span", {
               class: a(o.question.getLabelCss(o.question.swapOrder))
             }, [
-              C(m, {
+              C(c, {
                 locString: o.question.locLabelLeft
               }, null, 8, ["locString"])
             ], 2)
           ], 2),
           p("div", {
             class: a(o.question.cssClasses.switch),
-            onClick: l[2] || (l[2] = (c) => t(c))
+            onClick: l[2] || (l[2] = (d) => t(d))
           }, [
             p("span", {
               class: a(o.question.cssClasses.slider),
@@ -2392,20 +2396,20 @@ const Kn = /* @__PURE__ */ h({
                 key: 0,
                 class: a(o.question.cssClasses.sliderText)
               }, [
-                C(m, {
+                C(c, {
                   locString: o.question.getCheckedLabel()
                 }, null, 8, ["locString"])
-              ], 2)) : d("", !0)
+              ], 2)) : m("", !0)
             ], 6)
           ], 2),
           p("div", {
             class: a(o.question.cssClasses.sliderGhost),
-            onClick: l[3] || (l[3] = (c) => e(c, !o.question.swapOrder))
+            onClick: l[3] || (l[3] = (d) => e(d, !o.question.swapOrder))
           }, [
             p("span", {
               class: a(o.question.getLabelCss(!o.question.swapOrder))
             }, [
-              C(m, {
+              C(c, {
                 locString: o.question.locLabelRight
               }, null, 8, ["locString"])
             ], 2)
@@ -2420,7 +2424,7 @@ se.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const Gn = /* @__PURE__ */ h({
+const Gn = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2439,19 +2443,19 @@ const Gn = /* @__PURE__ */ h({
           role: "presentation",
           class: a(e.question.cssClasses.radioFieldset)
         }, [
-          e.question.swapOrder ? (i(), g(o, {
+          e.question.swapOrder ? (i(), q(o, {
             key: !0,
             question: e.question,
             locText: e.question.locLabelTrue,
             value: !0
-          }, null, 8, ["question", "locText"])) : d("", !0),
-          (i(), g(o, {
+          }, null, 8, ["question", "locText"])) : m("", !0),
+          (i(), q(o, {
             key: !1,
             question: e.question,
             locText: e.question.locLabelFalse,
             value: !1
           }, null, 8, ["question", "locText"])),
-          e.question.swapOrder ? d("", !0) : (i(), g(o, {
+          e.question.swapOrder ? m("", !0) : (i(), q(o, {
             key: !0,
             question: e.question,
             locText: e.question.locLabelTrue,
@@ -2461,7 +2465,7 @@ const Gn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Jn = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], Xn = ["xlink:href"], Yn = /* @__PURE__ */ h({
+}), Jn = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], Xn = ["xlink:href"], Yn = /* @__PURE__ */ g({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2504,8 +2508,8 @@ const Gn = /* @__PURE__ */ h({
               p("use", {
                 "xlink:href": e.question.itemSvgIcon
               }, null, 8, Xn)
-            ], 2)) : d("", !0)
-          ], 2)) : d("", !0),
+            ], 2)) : m("", !0)
+          ], 2)) : m("", !0),
           p("span", {
             class: a(e.question.cssClasses.radioControlLabel)
           }, [
@@ -2521,7 +2525,7 @@ se.Instance.registerRenderer(
   "checkbox",
   "sv-boolean-checkbox"
 );
-const oo = /* @__PURE__ */ h({
+const oo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2532,7 +2536,7 @@ const oo = /* @__PURE__ */ h({
     const s = r, n = $(null);
     return P(s, n), (e, t) => {
       var v;
-      const o = y("survey-element-title-content"), l = y("sv-title-actions"), m = y("survey-string");
+      const o = y("survey-element-title-content"), l = y("sv-title-actions"), c = y("survey-string");
       return i(), u("div", {
         class: a(e.question.cssClasses.rootCheckbox),
         ref_key: "root",
@@ -2548,7 +2552,7 @@ const oo = /* @__PURE__ */ h({
               type: "checkbox",
               name: e.question.name,
               value: (v = e.question.booleanValue) != null ? v : "",
-              "onUpdate:modelValue": t[0] || (t[0] = (c) => e.question.booleanValue = c),
+              "onUpdate:modelValue": t[0] || (t[0] = (d) => e.question.booleanValue = d),
               class: a(e.question.cssClasses.controlCheckbox),
               id: e.question.inputId,
               ".indeterminate": e.question.isIndeterminate,
@@ -2571,7 +2575,7 @@ const oo = /* @__PURE__ */ h({
                 p("use", {
                   "xlink:href": e.question.svgIcon
                 }, null, 8, xn)
-              ], 2)) : d("", !0),
+              ], 2)) : m("", !0),
               eo
             ], 2),
             e.question.isLabelRendered ? (i(), u("span", {
@@ -2579,32 +2583,32 @@ const oo = /* @__PURE__ */ h({
               id: e.question.labelRenderedAriaID,
               class: a(e.question.cssClasses.checkboxControlLabel)
             }, [
-              e.question.hasTitleActions ? d("", !0) : (i(), g(o, {
+              e.question.hasTitleActions ? m("", !0) : (i(), q(o, {
                 key: 0,
                 element: e.question,
                 css: e.css
               }, null, 8, ["element", "css"])),
-              e.question.hasTitleActions ? (i(), g(l, {
+              e.question.hasTitleActions ? (i(), q(l, {
                 key: 1,
                 element: e.question,
                 css: e.css
-              }, null, 8, ["element", "css"])) : d("", !0)
-            ], 10, so)) : d("", !0)
+              }, null, 8, ["element", "css"])) : m("", !0)
+            ], 10, so)) : m("", !0)
           ], 2),
           e.question.canRenderLabelDescription ? (i(), u("div", {
             key: 0,
             class: a(e.question.cssDescription),
             id: e.question.ariaDescriptionId
           }, [
-            C(m, {
+            C(c, {
               locString: e.question.locDescription
             }, null, 8, ["locString"])
-          ], 10, no)) : d("", !0)
+          ], 10, no)) : m("", !0)
         ], 2)
       ], 2);
     };
   }
-}), to = /* @__PURE__ */ h({
+}), to = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2620,29 +2624,29 @@ const oo = /* @__PURE__ */ h({
         ref: n
       }, [
         p("tbody", null, [
-          (i(!0), u(D, null, L(w(e), (m, v) => (i(), u(D, {
+          (i(!0), u(_, null, L(w(e), (c, v) => (i(), u(_, {
             key: t.question.inputId + "rowkey" + v
           }, [
-            m.isVisible ? (i(), u("tr", {
+            c.isVisible ? (i(), u("tr", {
               key: 0,
               class: a(t.question.cssClasses.row)
             }, [
-              (i(!0), u(D, null, L(m.cells, (c) => (i(), u("td", {
-                key: "item" + c.item.editor.id,
-                class: a(c.className)
+              (i(!0), u(_, null, L(c.cells, (d) => (i(), u("td", {
+                key: "item" + d.item.editor.id,
+                class: a(d.className)
               }, [
                 C(l, {
                   question: t.question,
-                  cell: c
+                  cell: d
                 }, null, 8, ["question", "cell"])
               ], 2))), 128))
-            ], 2)) : d("", !0)
+            ], 2)) : m("", !0)
           ], 64))), 128))
         ])
       ], 2);
     };
   }
-}), io = { key: 1 }, ro = /* @__PURE__ */ h({
+}), io = { key: 1 }, ro = /* @__PURE__ */ g({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2653,8 +2657,8 @@ const oo = /* @__PURE__ */ h({
     B(() => s.cell.item.editor);
     const e = S(() => s.cell.item);
     return (t, o) => {
-      const l = y("survey-string"), m = y("survey-errors");
-      return t.cell.isErrorsCell ? (i(), g(m, {
+      const l = y("survey-string"), c = y("survey-errors");
+      return t.cell.isErrorsCell ? (i(), q(c, {
         key: 1,
         element: e.value.editor
       }, null, 8, ["element"])) : (i(), u("label", {
@@ -2668,30 +2672,30 @@ const oo = /* @__PURE__ */ h({
           e.value.editor.isRequireTextBeforeTitle || e.value.editor.isRequireTextOnStart ? (i(), u("span", {
             key: 0,
             class: a(t.question.cssClasses.requiredText)
-          }, T(e.value.editor.requiredText), 3)) : d("", !0),
+          }, T(e.value.editor.requiredText), 3)) : m("", !0),
           C(l, {
             locString: e.value.locTitle
           }, null, 8, ["locString"]),
-          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", io, "\xA0")) : d("", !0),
+          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", io, "\xA0")) : m("", !0),
           e.value.editor.isRequireTextAfterTitle ? (i(), u("span", {
             key: 2,
             "aria-hidden": "true",
             class: a(t.question.cssClasses.requiredText)
-          }, T(e.value.editor.requiredText), 3)) : d("", !0)
+          }, T(e.value.editor.requiredText), 3)) : m("", !0)
         ], 6),
         (i(), u("div", {
           key: e.value.editor.id,
           class: a(t.question.getItemCss()),
           onFocusin: o[0] || (o[0] = (v) => e.value.focusIn())
         }, [
-          (i(), g(R(n(e.value.editor)), {
+          (i(), q(R(n(e.value.editor)), {
             question: e.value.editor
           }, null, 8, ["question"]))
         ], 34))
       ], 2));
     };
   }
-}), lo = { class: "sv-hidden" }, ao = { key: 0 }, uo = { key: 0 }, mo = ["onClick"], co = ["data-responsive-title", "onClick"], po = /* @__PURE__ */ h({
+}), lo = { class: "sv-hidden" }, ao = { key: 0 }, uo = { key: 0 }, mo = ["onClick"], co = ["data-responsive-title", "onClick"], po = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2716,7 +2720,7 @@ const oo = /* @__PURE__ */ h({
       o.value = l.value;
     };
     return (o, l) => {
-      const m = y("survey-string");
+      const c = y("survey-string");
       return i(), u("div", {
         class: a(o.question.cssClasses.tableWrapper),
         ref_key: "root",
@@ -2729,20 +2733,20 @@ const oo = /* @__PURE__ */ h({
           }, [
             o.question.showHeader ? (i(), u("thead", ao, [
               p("tr", null, [
-                o.question.hasRows ? (i(), u("td", uo)) : d("", !0),
-                (i(!0), u(D, null, L(o.question.visibleColumns, (v, c) => (i(), u("th", {
-                  key: c,
+                o.question.hasRows ? (i(), u("td", uo)) : m("", !0),
+                (i(!0), u(_, null, L(o.question.visibleColumns, (v, d) => (i(), u("th", {
+                  key: d,
                   class: a(o.question.cssClasses.headerCell),
                   style: I({
                     minWidth: o.question.columnMinWidth,
                     width: o.question.columnMinWidth
                   })
                 }, [
-                  (i(), g(R(o.question.getColumnHeaderWrapperComponentName(v)), {
+                  (i(), q(R(o.question.getColumnHeaderWrapperComponentName(v)), {
                     componentData: o.question.getColumnHeaderWrapperComponentData(v)
                   }, {
                     default: V(() => [
-                      C(m, {
+                      C(c, {
                         locString: v.locText
                       }, null, 8, ["locString"])
                     ]),
@@ -2750,10 +2754,10 @@ const oo = /* @__PURE__ */ h({
                   }, 1032, ["componentData"]))
                 ], 6))), 128))
               ])
-            ])) : d("", !0),
+            ])) : m("", !0),
             p("tbody", null, [
-              (i(!0), u(D, null, L(e.value, (v, c) => (i(), u("tr", {
-                key: "row_" + v.name + "_" + c,
+              (i(!0), u(_, null, L(e.value, (v, d) => (i(), u("tr", {
+                key: "row_" + v.name + "_" + d,
                 class: a(v.rowClasses || void 0)
               }, [
                 N(p("td", {
@@ -2763,11 +2767,11 @@ const oo = /* @__PURE__ */ h({
                     width: o.question.rowTitleWidth
                   })
                 }, [
-                  (i(), g(R(o.question.getRowHeaderWrapperComponentName(v)), {
+                  (i(), q(R(o.question.getRowHeaderWrapperComponentName(v)), {
                     componentData: o.question.getRowHeaderWrapperComponentData(v)
                   }, {
                     default: V(() => [
-                      C(m, {
+                      C(c, {
                         locString: v.locText
                       }, null, 8, ["locString"])
                     ]),
@@ -2776,25 +2780,25 @@ const oo = /* @__PURE__ */ h({
                 ], 6), [
                   [H, o.question.hasRows]
                 ]),
-                o.question.hasCellText ? (i(!0), u(D, { key: 0 }, L(o.question.visibleColumns, (q, f) => (i(), u("td", {
+                o.question.hasCellText ? (i(!0), u(_, { key: 0 }, L(o.question.visibleColumns, (h, f) => (i(), u("td", {
                   key: f,
-                  class: a(o.question.getItemClass(v, q)),
-                  onClick: (k) => t(v, q)
+                  class: a(o.question.getItemClass(v, h)),
+                  onClick: (k) => t(v, h)
                 }, [
-                  C(m, {
-                    locString: o.question.getCellDisplayLocText(v.name, q)
+                  C(c, {
+                    locString: o.question.getCellDisplayLocText(v.name, h)
                   }, null, 8, ["locString"])
-                ], 10, mo))), 128)) : d("", !0),
-                o.question.hasCellText ? d("", !0) : (i(!0), u(D, { key: 1 }, L(o.question.visibleColumns, (q, f) => (i(), u("td", {
+                ], 10, mo))), 128)) : m("", !0),
+                o.question.hasCellText ? m("", !0) : (i(!0), u(_, { key: 1 }, L(o.question.visibleColumns, (h, f) => (i(), u("td", {
                   key: f,
-                  "data-responsive-title": q.locText.renderedHtml,
+                  "data-responsive-title": h.locText.renderedHtml,
                   class: a(o.question.cssClasses.cell),
-                  onClick: (k) => t(v, q)
+                  onClick: (k) => t(v, h)
                 }, [
-                  (i(), g(R(o.question.cellComponent), {
+                  (i(), q(R(o.question.cellComponent), {
                     question: o.question,
                     row: v,
-                    column: q,
+                    column: h,
                     columnIndex: f
                   }, null, 8, ["question", "row", "column", "columnIndex"]))
                 ], 10, co))), 128))
@@ -2805,7 +2809,7 @@ const oo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), vo = ["data-sv-drop-target-matrix-row"], yo = /* @__PURE__ */ h({
+}), vo = ["data-sv-drop-target-matrix-row"], yo = /* @__PURE__ */ g({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -2829,20 +2833,20 @@ const oo = /* @__PURE__ */ h({
       return t.row.visible ? (i(), u("tr", {
         key: 0,
         "data-sv-drop-target-matrix-row": t.row.row && t.row.row.id,
-        onPointerdown: o[0] || (o[0] = (m) => t.question.onPointerDown(m, t.row.row)),
+        onPointerdown: o[0] || (o[0] = (c) => t.question.onPointerDown(c, t.row.row)),
         class: a(t.row.className),
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(D, null, L(t.row.cells, (m, v) => (i(), g(l, {
-          cell: m,
+        (i(!0), u(_, null, L(t.row.cells, (c, v) => (i(), q(l, {
+          cell: c,
           question: t.question,
           key: t.row.id + "_" + v
         }, null, 8, ["cell", "question"]))), 128))
-      ], 42, vo)) : d("", !0);
+      ], 42, vo)) : m("", !0);
     };
   }
-}), qo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], go = ["xlink:href"], ho = /* @__PURE__ */ h({
+}), qo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], go = ["xlink:href"], ho = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2887,7 +2891,7 @@ const oo = /* @__PURE__ */ h({
             p("use", {
               "xlink:href": s.question.itemSvgIcon
             }, null, 8, go)
-          ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
         ], 2),
         s.question.isMobile ? (i(), u("span", {
           key: 0,
@@ -2896,11 +2900,11 @@ const oo = /* @__PURE__ */ h({
           C(e, {
             locString: s.column.locText
           }, null, 8, ["locString"])
-        ], 2)) : d("", !0)
+        ], 2)) : m("", !0)
       ], 34);
     };
   }
-}), Co = /* @__PURE__ */ h({
+}), Co = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2910,14 +2914,14 @@ const oo = /* @__PURE__ */ h({
     const s = r, n = $(null);
     return P(s, n), (e, t) => {
       const o = y("survey-matrixtable");
-      return i(), g(o, {
+      return i(), q(o, {
         question: e.question,
         ref_key: "root",
         ref: n
       }, null, 8, ["question"]);
     };
   }
-}), bo = { key: 0 }, ko = { key: 1 }, fo = /* @__PURE__ */ h({
+}), bo = { key: 0 }, ko = { key: 1 }, fo = /* @__PURE__ */ g({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2925,7 +2929,7 @@ const oo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = S(() => s.question.renderedTable);
     return B(() => n.value), (e, t) => {
-      const o = y("survey-string"), l = y("survey-matrixheaderrequired"), m = y("survey-matrix-row"), v = y("survey-matrixdropdown-cell");
+      const o = y("survey-string"), l = y("survey-matrixheaderrequired"), c = y("survey-matrix-row"), v = y("survey-matrixdropdown-cell");
       return i(), u("div", {
         style: I({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
         class: a(e.question.cssClasses.tableWrapper)
@@ -2935,57 +2939,57 @@ const oo = /* @__PURE__ */ h({
         }, [
           n.value.showHeader ? (i(), u("thead", bo, [
             p("tr", null, [
-              (i(!0), u(D, null, L(n.value.headerRow.cells, (c) => (i(), u(D, null, [
-                c.hasTitle ? (i(), u("th", {
-                  key: "header_" + c.id,
-                  class: a(c.className),
-                  style: I({ minWidth: c.minWidth, width: c.width })
+              (i(!0), u(_, null, L(n.value.headerRow.cells, (d) => (i(), u(_, null, [
+                d.hasTitle ? (i(), u("th", {
+                  key: "header_" + d.id,
+                  class: a(d.className),
+                  style: I({ minWidth: d.minWidth, width: d.width })
                 }, [
-                  (i(), g(R(e.question.getColumnHeaderWrapperComponentName(c)), {
-                    componentData: e.question.getColumnHeaderWrapperComponentData(c)
+                  (i(), q(R(e.question.getColumnHeaderWrapperComponentName(d)), {
+                    componentData: e.question.getColumnHeaderWrapperComponentData(d)
                   }, {
                     default: V(() => [
                       C(o, {
-                        locString: c.locTitle
+                        locString: d.locTitle
                       }, null, 8, ["locString"]),
-                      c.column ? (i(), g(l, {
+                      d.column ? (i(), q(l, {
                         key: 0,
-                        column: c.column,
+                        column: d.column,
                         question: e.question
-                      }, null, 8, ["column", "question"])) : d("", !0)
+                      }, null, 8, ["column", "question"])) : m("", !0)
                     ]),
                     _: 2
                   }, 1032, ["componentData"]))
-                ], 6)) : d("", !0),
-                c.hasTitle ? d("", !0) : (i(), u("td", {
-                  class: a(c.className),
-                  key: "header_" + c.id,
-                  style: I({ minWidth: c.minWidth, width: c.width })
+                ], 6)) : m("", !0),
+                d.hasTitle ? m("", !0) : (i(), u("td", {
+                  class: a(d.className),
+                  key: "header_" + d.id,
+                  style: I({ minWidth: d.minWidth, width: d.width })
                 }, null, 6))
               ], 64))), 256))
             ])
-          ])) : d("", !0),
+          ])) : m("", !0),
           p("tbody", null, [
-            (i(!0), u(D, null, L(n.value.renderedRows, (c) => (i(), g(m, {
-              key: e.question.inputId + "_" + c.id,
-              row: c,
+            (i(!0), u(_, null, L(n.value.renderedRows, (d) => (i(), q(c, {
+              key: e.question.inputId + "_" + d.id,
+              row: d,
               question: e.question
             }, null, 8, ["row", "question"]))), 128))
           ]),
           n.value.showFooter ? (i(), u("tfoot", ko, [
             p("tr", null, [
-              (i(!0), u(D, null, L(n.value.footerRow.cells, (c, q) => (i(), g(v, {
-                cell: c,
+              (i(!0), u(_, null, L(n.value.footerRow.cells, (d, h) => (i(), q(v, {
+                cell: d,
                 question: e.question,
-                key: "footer_" + q
+                key: "footer_" + h
               }, null, 8, ["cell", "question"]))), 128))
             ])
-          ])) : d("", !0)
+          ])) : m("", !0)
         ], 2)
       ], 6);
     };
   }
-}), wo = /* @__PURE__ */ p("span", null, "\xA0", -1), Io = /* @__PURE__ */ h({
+}), wo = /* @__PURE__ */ p("span", null, "\xA0", -1), Io = /* @__PURE__ */ g({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -2993,156 +2997,163 @@ const oo = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(D, { key: 0 }, [
+    return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
       wo,
       n.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
         class: a(n.question.cssClasses.cellRequiredText)
-      }, T(n.column.requiredText), 3)) : d("", !0)
-    ], 64)) : d("", !0);
+      }, T(n.column.requiredText), 3)) : m("", !0)
+    ], 64)) : m("", !0);
   }
-}), So = ["data-responsive-title", "title", "colspan"], Ro = /* @__PURE__ */ h({
+}), So = ["title", "colspan"], Ro = /* @__PURE__ */ g({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
     cell: {}
   },
   setup(r) {
-    const s = r, n = $(!1), e = $(), t = () => s.cell.headers, o = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => {
+    const s = r, n = $(!1), e = $(), t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, o = () => {
       !s.cell.hasQuestion || !s.question || !s.question.survey || (n.value = s.cell.question.isVisible);
-    }, m = (q) => ie(q);
-    l(), M(() => {
+    }, l = (d) => ie(d);
+    o(), M(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
       s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
-        l();
+        o();
       });
-      const q = e.value, f = s.cell.question, k = {
+      const d = e.value, h = s.cell.question, f = {
         cell: s.cell.cell,
-        cellQuestion: f,
-        htmlElement: q,
+        cellQuestion: h,
+        htmlElement: d,
         row: s.cell.row,
         column: s.cell.cell.column
       };
-      s.question.survey.matrixAfterCellRender(s.question, k), f && f.afterRenderCore(q);
+      s.question.survey.matrixAfterCellRender(s.question, f), h && h.afterRenderCore(d);
     });
-    const v = S(() => {
-      const q = s.cell;
-      if (q.hasPanel) {
-        const f = q.panel, k = f.survey;
-        if (k) {
-          const _ = k.getElementWrapperComponentName(f);
-          if (_)
-            return _;
+    const c = S(() => {
+      const d = s.cell;
+      if (d.hasPanel) {
+        const h = d.panel, f = h.survey;
+        if (f) {
+          const k = f.getElementWrapperComponentName(h);
+          if (k)
+            return k;
         }
         return "survey-panel";
       }
-    }), c = S(() => {
+    }), v = S(() => {
       if (s.cell.hasPanel) {
-        const f = s.cell.panel, k = f.survey;
-        let _;
-        return k && (_ = k.getElementWrapperComponentData(f)), {
+        const h = s.cell.panel, f = h.survey;
+        let k;
+        return f && (k = f.getElementWrapperComponentData(h)), {
           componentName: "survey-panel",
           componentData: {
-            element: f,
-            data: _,
+            element: h,
+            data: k,
             css: s.question.cssClasses
           }
         };
       }
     });
-    return (q, f) => {
-      const k = y("survey-errors"), _ = y("sv-matrix-drag-drop-icon"), b = y("sv-action-bar"), A = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), F = y("survey-other-choice"), Q = y("survey-string");
+    return (d, h) => {
+      const f = y("survey-errors"), k = y("sv-matrix-drag-drop-icon"), D = y("sv-action-bar"), b = y("survey-string"), A = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), F = y("survey-other-choice");
       return i(), u("td", {
-        class: a(q.cell.className),
-        "data-responsive-title": t(),
-        title: q.cell.getTitle(),
-        style: I(o()),
-        colspan: q.cell.colSpans,
-        onFocusin: f[0] || (f[0] = (ae) => q.cell.focusIn()),
+        class: a(d.cell.className),
+        title: d.cell.getTitle(),
+        style: I(t()),
+        colspan: d.cell.colSpans,
+        onFocusin: h[0] || (h[0] = (J) => d.cell.focusIn()),
         ref_key: "root",
         ref: e
       }, [
-        q.cell.isErrorsCell ? (i(), g(k, {
+        d.cell.isErrorsCell ? (i(), q(f, {
           key: 0,
-          element: q.cell.question
-        }, null, 8, ["element"])) : d("", !0),
-        q.cell.isDragHandlerCell ? (i(), g(_, {
+          element: d.cell.question
+        }, null, 8, ["element"])) : m("", !0),
+        d.cell.isDragHandlerCell ? (i(), q(k, {
           key: 1,
-          item: { data: { row: q.cell.row, question: q.question } }
-        }, null, 8, ["item"])) : d("", !0),
-        q.cell.isActionsCell ? (i(), g(b, {
+          item: { data: { row: d.cell.row, question: d.question } }
+        }, null, 8, ["item"])) : m("", !0),
+        d.cell.isActionsCell ? (i(), q(D, {
           key: 2,
-          model: q.cell.item.getData(),
+          model: d.cell.item.getData(),
           handleClick: !1
-        }, null, 8, ["model"])) : d("", !0),
-        q.cell.hasPanel ? (i(), g(R(v.value), z(E({ key: 3 }, c.value)), null, 16)) : d("", !0),
-        q.cell.hasQuestion ? N((i(), u("div", {
+        }, null, 8, ["model"])) : m("", !0),
+        d.cell.hasPanel ? (i(), q(R(c.value), z(E({ key: 3 }, v.value)), null, 16)) : m("", !0),
+        d.cell.showResponsiveTitle ? (i(), u("span", {
           key: 4,
-          class: a(q.cell.cellQuestionWrapperClassName)
+          class: a(d.cell.responsiveTitleCss)
         }, [
-          !q.cell.isChoice && q.cell.question.isDefaultRendering() ? (i(), g(R(q.question.getCellWrapperComponentName(q.cell.cell)), {
+          C(b, {
+            locString: d.cell.responsiveLocTitle
+          }, null, 8, ["locString"])
+        ], 2)) : m("", !0),
+        d.cell.hasQuestion ? N((i(), u("div", {
+          key: 5,
+          class: a(d.cell.cellQuestionWrapperClassName)
+        }, [
+          !d.cell.isChoice && d.cell.question.isDefaultRendering() ? (i(), q(R(d.question.getCellWrapperComponentName(d.cell.cell)), {
             key: 0,
-            componentData: q.question.getCellWrapperComponentData(q.cell.cell)
+            componentData: d.question.getCellWrapperComponentData(d.cell.cell)
           }, {
             default: V(() => [
-              (i(), g(R(m(q.cell.question)), {
-                question: q.cell.question
+              (i(), q(R(l(d.cell.question)), {
+                question: d.cell.question
               }, null, 8, ["question"]))
             ]),
             _: 1
-          }, 8, ["componentData"])) : d("", !0),
-          !q.cell.isChoice && !q.cell.question.isDefaultRendering() ? (i(), g(R(q.cell.question.getComponentName()), {
+          }, 8, ["componentData"])) : m("", !0),
+          !d.cell.isChoice && !d.cell.question.isDefaultRendering() ? (i(), q(R(d.cell.question.getComponentName()), {
             key: 1,
-            question: q.cell.question
-          }, null, 8, ["question"])) : d("", !0),
-          q.cell.isItemChoice ? (i(), g(R(q.question.getCellWrapperComponentName(q.cell.cell)), {
+            question: d.cell.question
+          }, null, 8, ["question"])) : m("", !0),
+          d.cell.isItemChoice ? (i(), q(R(d.question.getCellWrapperComponentName(d.cell.cell)), {
             key: 2,
-            componentData: q.question.getCellWrapperComponentData(q.cell.cell)
+            componentData: d.question.getCellWrapperComponentData(d.cell.cell)
           }, {
             default: V(() => [
-              q.cell.isRadio ? (i(), g(A, {
-                key: q.cell.item.value,
-                question: q.cell.question,
-                item: q.cell.item,
+              d.cell.isRadio ? (i(), q(A, {
+                key: d.cell.item.value,
+                question: d.cell.question,
+                item: d.cell.item,
                 hideLabel: !0
-              }, null, 8, ["question", "item"])) : d("", !0),
-              q.cell.isCheckbox ? (i(), g(W, {
-                key: q.cell.item.value,
-                question: q.cell.question,
-                item: q.cell.item,
+              }, null, 8, ["question", "item"])) : m("", !0),
+              d.cell.isCheckbox ? (i(), q(W, {
+                key: d.cell.item.value,
+                question: d.cell.question,
+                item: d.cell.item,
                 hideLabel: !0
-              }, null, 8, ["question", "item"])) : d("", !0)
+              }, null, 8, ["question", "item"])) : m("", !0)
             ]),
             _: 1
-          }, 8, ["componentData"])) : d("", !0),
-          q.cell.isOtherChoice ? (i(), g(F, {
+          }, 8, ["componentData"])) : m("", !0),
+          d.cell.isOtherChoice ? (i(), q(F, {
             key: 3,
-            question: q.cell.question
-          }, null, 8, ["question"])) : d("", !0)
+            question: d.cell.question
+          }, null, 8, ["question"])) : m("", !0)
         ], 2)), [
           [H, n.value]
-        ]) : d("", !0),
-        q.cell.hasTitle ? (i(), g(R(q.question.getCellWrapperComponentName(q.cell)), {
-          key: 5,
-          componentData: q.question.getCellWrapperComponentData(q.cell)
+        ]) : m("", !0),
+        d.cell.hasTitle ? (i(), q(R(d.question.getCellWrapperComponentName(d.cell)), {
+          key: 6,
+          componentData: d.question.getCellWrapperComponentData(d.cell)
         }, {
           default: V(() => [
-            q.cell.hasTitle ? (i(), g(Q, {
+            d.cell.hasTitle ? (i(), q(b, {
               key: 0,
-              locString: q.cell.locTitle
-            }, null, 8, ["locString"])) : d("", !0),
-            q.cell.requiredText ? (i(), u("span", {
+              locString: d.cell.locTitle
+            }, null, 8, ["locString"])) : m("", !0),
+            d.cell.requiredText ? (i(), u("span", {
               key: 1,
-              class: a(q.question.cssClasses.cellRequiredText)
-            }, T(q.cell.requiredText), 3)) : d("", !0)
+              class: a(d.question.cssClasses.cellRequiredText)
+            }, T(d.cell.requiredText), 3)) : m("", !0)
           ]),
           _: 1
-        }, 8, ["componentData"])) : d("", !0)
+        }, 8, ["componentData"])) : m("", !0)
       ], 46, So);
     };
   }
-}), To = /* @__PURE__ */ h({
+}), To = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3155,7 +3166,7 @@ const oo = /* @__PURE__ */ h({
       s.question.addRowUI();
     };
     return (t, o) => {
-      const l = y("survey-string"), m = y("survey-matrixtable");
+      const l = y("survey-string"), c = y("survey-matrixtable");
       return i(), u("div", {
         ref_key: "root",
         ref: n
@@ -3176,12 +3187,12 @@ const oo = /* @__PURE__ */ h({
               class: a(t.question.cssClasses.iconAdd)
             }, null, 2)
           ], 2)
-        ], 2)) : d("", !0),
-        t.question.renderedTable.showTable ? (i(), g(m, {
+        ], 2)) : m("", !0),
+        t.question.renderedTable.showTable ? (i(), q(c, {
           key: 1,
           question: t.question
-        }, null, 8, ["question"])) : d("", !0),
-        t.question.renderedTable.showTable ? d("", !0) : (i(), u("div", {
+        }, null, 8, ["question"])) : m("", !0),
+        t.question.renderedTable.showTable ? m("", !0) : (i(), u("div", {
           key: 2,
           class: a(t.question.cssClasses.emptyRowsSection)
         }, [
@@ -3204,7 +3215,7 @@ const oo = /* @__PURE__ */ h({
             p("span", {
               class: a(t.question.cssClasses.iconAdd)
             }, null, 2)
-          ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
         ], 2)),
         t.question.renderedTable.showAddRowOnBottom ? (i(), u("div", {
           key: 3,
@@ -3222,7 +3233,7 @@ const oo = /* @__PURE__ */ h({
               class: a(t.question.cssClasses.iconAdd)
             }, null, 2)
           ], 2)
-        ], 2)) : d("", !0)
+        ], 2)) : m("", !0)
       ], 512);
     };
   }
@@ -3233,7 +3244,7 @@ function le(r, s = !0) {
     row: s ? S(() => r.item.data.row) : void 0
   };
 }
-const $o = ["disabled"], _o = /* @__PURE__ */ h({
+const $o = ["disabled"], _o = /* @__PURE__ */ g({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3257,7 +3268,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
       ], 10, $o);
     };
   }
-}), Do = ["xlink:href"], Bo = /* @__PURE__ */ h({
+}), Do = ["xlink:href"], Bo = /* @__PURE__ */ g({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3276,7 +3287,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
       class: a(w(n).cssClasses.iconDrag)
     }, null, 2));
   }
-}), Lo = ["aria-expanded", "aria-controls"], Ao = /* @__PURE__ */ h({
+}), Lo = ["aria-expanded", "aria-controls"], Ao = /* @__PURE__ */ g({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3300,7 +3311,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
       ], 10, Lo);
     };
   }
-}), No = /* @__PURE__ */ h({
+}), No = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3308,119 +3319,119 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
     css: {}
   },
   setup(r) {
-    const s = r, n = $(null), e = ye();
+    const s = r, n = $(null), e = ve();
     P(
       s,
       n,
-      (m) => {
-        m.panelCountChangedCallback = () => {
+      (c) => {
+        c.panelCountChangedCallback = () => {
           var v;
           (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
-        }, m.currentIndexChangedCallback = () => {
+        }, c.currentIndexChangedCallback = () => {
           var v;
           (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
-        }, m.renderModeChangedCallback = () => {
+        }, c.renderModeChangedCallback = () => {
           var v;
           (v = e == null ? void 0 : e.proxy) == null || v.$forceUpdate();
         };
       },
-      (m) => {
-        m.panelCountChangedCallback = () => {
-        }, m.currentIndexChangedCallback = () => {
-        }, m.renderModeChangedCallback = () => {
+      (c) => {
+        c.panelCountChangedCallback = () => {
+        }, c.currentIndexChangedCallback = () => {
+        }, c.renderModeChangedCallback = () => {
         };
       }
     );
-    const t = () => s.question.showLegacyNavigation, o = (m) => {
+    const t = () => s.question.showLegacyNavigation, o = (c) => {
       const v = s.question.getSurvey();
       if (v) {
-        const c = v.getElementWrapperComponentName(m);
-        if (c)
-          return c;
+        const d = v.getElementWrapperComponentName(c);
+        if (d)
+          return d;
       }
       return "panel";
-    }, l = (m) => {
+    }, l = (c) => {
       const v = s.question.getSurvey();
-      let c;
-      return v && (c = v.getElementWrapperComponentData(m)), {
+      let d;
+      return v && (d = v.getElementWrapperComponentData(c)), {
         componentName: "survey-panel",
         componentData: {
-          element: m,
-          data: c
+          element: c,
+          data: d
         }
       };
     };
-    return (m, v) => {
-      const c = y("survey-string"), q = y("sv-paneldynamic-add-btn"), f = y("survey-paneldynamicprogress"), k = y("sv-paneldynamic-remove-btn"), _ = y("survey-paneldynamicprogress-v2");
+    return (c, v) => {
+      const d = y("survey-string"), h = y("sv-paneldynamic-add-btn"), f = y("survey-paneldynamicprogress"), k = y("sv-paneldynamic-remove-btn"), D = y("survey-paneldynamicprogress-v2");
       return i(), u("div", {
-        class: a(m.question.cssClasses.root),
+        class: a(c.question.cssClasses.root),
         ref_key: "root",
         ref: n
       }, [
-        m.question.getShowNoEntriesPlaceholder() ? (i(), u("div", {
+        c.question.getShowNoEntriesPlaceholder() ? (i(), u("div", {
           key: 0,
-          class: a(m.question.cssClasses.noEntriesPlaceholder)
+          class: a(c.question.cssClasses.noEntriesPlaceholder)
         }, [
           p("span", null, [
-            C(c, {
-              locString: m.question.locNoEntriesText
+            C(d, {
+              locString: c.question.locNoEntriesText
             }, null, 8, ["locString"])
           ]),
-          C(q, {
-            data: { question: m.question }
+          C(h, {
+            data: { question: c.question }
           }, null, 8, ["data"])
-        ], 2)) : d("", !0),
-        !t() && m.question.isProgressTopShowing && m.question.isRangeShowing ? (i(), u("div", {
+        ], 2)) : m("", !0),
+        !t() && c.question.isProgressTopShowing && c.question.isRangeShowing ? (i(), u("div", {
           key: 1,
-          class: a(m.question.cssClasses.progress)
+          class: a(c.question.cssClasses.progress)
         }, [
           p("div", {
-            class: a(m.question.cssClasses.progressBar),
-            style: I({ width: m.question.progress }),
+            class: a(c.question.cssClasses.progressBar),
+            style: I({ width: c.question.progress }),
             role: "progressbar"
           }, null, 6)
-        ], 2)) : d("", !0),
-        t() && m.question.isProgressTopShowing ? (i(), g(f, {
+        ], 2)) : m("", !0),
+        t() && c.question.isProgressTopShowing ? (i(), q(f, {
           key: 2,
-          question: m.question
-        }, null, 8, ["question"])) : d("", !0),
+          question: c.question
+        }, null, 8, ["question"])) : m("", !0),
         p("div", {
-          class: a(m.question.cssClasses.panelsContainer)
+          class: a(c.question.cssClasses.panelsContainer)
         }, [
-          (i(!0), u(D, null, L(m.question.renderedPanels, (b, A) => (i(), u(D, {
+          (i(!0), u(_, null, L(c.question.renderedPanels, (b, A) => (i(), u(_, {
             key: b.id
           }, [
             p("div", {
-              class: a(m.question.getPanelWrapperCss(b))
+              class: a(c.question.getPanelWrapperCss(b))
             }, [
-              (i(), g(R(o(b)), z(oe(l(b))), null, 16)),
-              m.question.panelRemoveButtonLocation === "right" && m.question.canRemovePanel && b.state !== "collapsed" ? (i(), g(k, {
+              (i(), q(R(o(b)), z(oe(l(b))), null, 16)),
+              c.question.panelRemoveButtonLocation === "right" && c.question.canRemovePanel && b.state !== "collapsed" ? (i(), q(k, {
                 key: 0,
-                data: { question: m.question, panel: b }
-              }, null, 8, ["data"])) : d("", !0)
+                data: { question: c.question, panel: b }
+              }, null, 8, ["data"])) : m("", !0)
             ], 2),
-            m.question.isRenderModeList && A < m.question.visiblePanelCount - 1 ? (i(), u("hr", {
-              class: a(m.question.cssClasses.separator),
+            c.question.isRenderModeList && A < c.question.visiblePanelCount - 1 ? (i(), u("hr", {
+              class: a(c.question.cssClasses.separator),
               key: "separator" + b.id
-            }, null, 2)) : d("", !0)
+            }, null, 2)) : m("", !0)
           ], 64))), 128))
         ], 2),
-        t() && m.question.isProgressBottomShowing ? (i(), g(f, {
+        t() && c.question.isProgressBottomShowing ? (i(), q(f, {
           key: 3,
-          question: m.question
-        }, null, 8, ["question"])) : d("", !0),
-        t() && m.question.isRenderModeList ? (i(), g(q, {
+          question: c.question
+        }, null, 8, ["question"])) : m("", !0),
+        t() && c.question.isRenderModeList ? (i(), q(h, {
           key: 4,
-          data: { question: m.question }
-        }, null, 8, ["data"])) : d("", !0),
-        m.question.showNavigation ? (i(), g(_, {
+          data: { question: c.question }
+        }, null, 8, ["data"])) : m("", !0),
+        c.question.showNavigation ? (i(), q(D, {
           key: 5,
-          question: m.question
-        }, null, 8, ["question"])) : d("", !0)
+          question: c.question
+        }, null, 8, ["question"])) : m("", !0)
       ], 2);
     };
   }
-}), Po = /* @__PURE__ */ h({
+}), Po = /* @__PURE__ */ g({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3428,7 +3439,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
     return (e, t) => {
-      const o = y("sv-paneldynamic-prev-btn"), l = y("sv-paneldynamic-next-btn"), m = y("sv-paneldynamic-add-btn"), v = y("sv-paneldynamic-progress-text");
+      const o = y("sv-paneldynamic-prev-btn"), l = y("sv-paneldynamic-next-btn"), c = y("sv-paneldynamic-add-btn"), v = y("sv-paneldynamic-progress-text");
       return i(), u("div", {
         class: a(n())
       }, [
@@ -3451,12 +3462,12 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
                 style: I({ width: e.question.progress }),
                 role: "progressbar"
               }, null, 6)
-            ], 2)) : d("", !0),
+            ], 2)) : m("", !0),
             C(l, {
               data: { question: e.question }
             }, null, 8, ["data"])
           ], 2),
-          C(m, {
+          C(c, {
             data: { question: e.question }
           }, null, 8, ["data"]),
           C(v, {
@@ -3466,7 +3477,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Mo = /* @__PURE__ */ h({
+}), Mo = /* @__PURE__ */ g({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3490,7 +3501,7 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
             style: I({ width: s.question.progress }),
             role: "progressbar"
           }, null, 6)
-        ], 2)) : d("", !0),
+        ], 2)) : m("", !0),
         s.question.footerToolbar.visibleActions.length ? (i(), u("div", {
           key: 1,
           class: a(s.question.cssClasses.footerButtonsContainer)
@@ -3498,8 +3509,8 @@ const $o = ["disabled"], _o = /* @__PURE__ */ h({
           C(e, {
             model: s.question.footerToolbar
           }, null, 8, ["model"])
-        ], 2)) : d("", !0)
-      ], 2)) : d("", !0);
+        ], 2)) : m("", !0)
+      ], 2)) : m("", !0);
     };
   }
 });
@@ -3508,7 +3519,7 @@ function Y(r) {
     () => r.item && r.item.data.question || r.data.question
   );
 }
-const Eo = /* @__PURE__ */ h({
+const Eo = /* @__PURE__ */ g({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3533,10 +3544,10 @@ const Eo = /* @__PURE__ */ h({
             locString: w(n).locPanelAddText
           }, null, 8, ["locString"])
         ], 2)
-      ], 2)) : d("", !0);
+      ], 2)) : m("", !0);
     };
   }
-}), Ho = ["title"], Wo = /* @__PURE__ */ h({
+}), Ho = ["title"], Wo = /* @__PURE__ */ g({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3560,7 +3571,7 @@ const Eo = /* @__PURE__ */ h({
       ], 10, Ho);
     };
   }
-}), Fo = ["title"], Vo = /* @__PURE__ */ h({
+}), Fo = ["title"], Vo = /* @__PURE__ */ g({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3584,7 +3595,7 @@ const Eo = /* @__PURE__ */ h({
       ], 10, Fo);
     };
   }
-}), Oo = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ g({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3597,7 +3608,7 @@ const Eo = /* @__PURE__ */ h({
       n.value.isInputReadOnly || n.value.removePanelUI(o);
     };
     return (o, l) => {
-      const m = y("survey-string");
+      const c = y("survey-string");
       return i(), u("button", {
         type: "button",
         class: a(w(n).getPanelRemoveButtonCss()),
@@ -3606,7 +3617,7 @@ const Eo = /* @__PURE__ */ h({
         p("span", {
           class: a(w(n).cssClasses.buttonRemoveText)
         }, [
-          C(m, {
+          C(c, {
             locString: w(n).locPanelRemoveText
           }, null, 8, ["locString"])
         ], 2),
@@ -3616,7 +3627,7 @@ const Eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), zo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ g({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3628,7 +3639,7 @@ const Eo = /* @__PURE__ */ h({
       class: a(w(n).cssClasses.progressText)
     }, T(w(n).progressText), 3));
   }
-}), Uo = ["id"], Ko = /* @__PURE__ */ h({
+}), Uo = ["id"], Ko = /* @__PURE__ */ g({
   __name: "Errors",
   props: {
     element: {},
@@ -3645,16 +3656,16 @@ const Eo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: s
     }, [
-      (i(!0), u(D, null, L(n.element.errors, (t, o) => (i(), g(R(n.element.survey.questionErrorComponent), {
+      (i(!0), u(_, null, L(n.element.errors, (t, o) => (i(), q(R(n.element.survey.questionErrorComponent), {
         element: n.element,
         key: "error_" + o,
         errorKey: "error_" + o,
         error: t,
         cssClasses: n.element.cssClasses
       }, null, 8, ["element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, Uo)) : d("", !0);
+    ], 10, Uo)) : m("", !0);
   }
-}), Qo = { key: 0 }, jo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Go = /* @__PURE__ */ h({
+}), Qo = { key: 0 }, jo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Go = /* @__PURE__ */ g({
   __name: "QuestionComment",
   props: {
     question: {}
@@ -3680,7 +3691,7 @@ const Eo = /* @__PURE__ */ h({
       })
     }, null, 46, jo));
   }
-}), Jo = /* @__PURE__ */ h({
+}), Jo = /* @__PURE__ */ g({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3688,11 +3699,11 @@ const Eo = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = (n) => {
-      qe(n);
+      ye(n);
     };
     return (n, e) => {
       const t = y("survey-element-title-content"), o = y("sv-title-actions");
-      return n.element.hasTitle ? (i(), g(R(n.element.titleTagName), {
+      return n.element.hasTitle ? (i(), q(R(n.element.titleTagName), {
         key: 0,
         class: a(n.element.cssTitle),
         "aria-label": n.element.titleAriaLabel,
@@ -3705,22 +3716,22 @@ const Eo = /* @__PURE__ */ h({
         })
       }, {
         default: V(() => [
-          n.element.hasTitleActions ? d("", !0) : (i(), g(t, {
+          n.element.hasTitleActions ? m("", !0) : (i(), q(t, {
             key: 0,
             element: n.element,
             css: n.css
           }, null, 8, ["element", "css"])),
-          n.element.hasTitleActions ? (i(), g(o, {
+          n.element.hasTitleActions ? (i(), q(o, {
             key: 1,
             element: n.element,
             css: n.css
-          }, null, 8, ["element", "css"])) : d("", !0)
+          }, null, 8, ["element", "css"])) : m("", !0)
         ]),
         _: 1
-      }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : d("", !0);
+      }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : m("", !0);
     };
   }
-}), Xo = { key: 3 }, Yo = { key: 5 }, Zo = { key: 7 }, xo = /* @__PURE__ */ h({
+}), Xo = { key: 3 }, Yo = { key: 5 }, Zo = { key: 7 }, xo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3733,43 +3744,43 @@ const Eo = /* @__PURE__ */ h({
     );
     return (e, t) => {
       const o = y("survey-string");
-      return i(), u(D, null, [
-        e.element.isTitleRenderedAsString ? (i(), g(o, {
+      return i(), u(_, null, [
+        e.element.isTitleRenderedAsString ? (i(), q(o, {
           key: 0,
           locString: e.element.locTitle
-        }, null, 8, ["locString"])) : d("", !0),
+        }, null, 8, ["locString"])) : m("", !0),
         !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), u("span", {
           key: 1,
           class: a(n.value.requiredText),
           "aria-hidden": !0
-        }, T(e.element.requiredText), 3)) : d("", !0),
+        }, T(e.element.requiredText), 3)) : m("", !0),
         !e.element.isTitleRenderedAsString && e.element.no ? (i(), u("span", {
           key: 2,
           style: { position: "static" },
           class: a(e.element.cssTitleNumber),
           "aria-hidden": !0
-        }, T(e.element.no), 3)) : d("", !0),
-        !e.element.isTitleRenderedAsString && e.element.no ? (i(), u("span", Xo, "\xA0")) : d("", !0),
+        }, T(e.element.no), 3)) : m("", !0),
+        !e.element.isTitleRenderedAsString && e.element.no ? (i(), u("span", Xo, "\xA0")) : m("", !0),
         !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", {
           key: 4,
           class: a(n.value.requiredText),
           "aria-hidden": !0
-        }, T(e.element.requiredText), 3)) : d("", !0),
-        !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Yo, "\xA0")) : d("", !0),
-        e.element.isTitleRenderedAsString ? d("", !0) : (i(), g(o, {
+        }, T(e.element.requiredText), 3)) : m("", !0),
+        !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Yo, "\xA0")) : m("", !0),
+        e.element.isTitleRenderedAsString ? m("", !0) : (i(), q(o, {
           key: 6,
           locString: e.element.locTitle
         }, null, 8, ["locString"])),
-        !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", Zo, "\xA0")) : d("", !0),
+        !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", Zo, "\xA0")) : m("", !0),
         !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", {
           key: 8,
           class: a(n.value.requiredText),
           "aria-hidden": !0
-        }, T(e.element.requiredText), 3)) : d("", !0)
+        }, T(e.element.requiredText), 3)) : m("", !0)
       ], 64);
     };
   }
-}), et = { class: "sv-title-actions" }, st = { class: "sv-title-actions__title" }, nt = /* @__PURE__ */ h({
+}), et = { class: "sv-title-actions" }, st = { class: "sv-title-actions__title" }, nt = /* @__PURE__ */ g({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3778,24 +3789,24 @@ const Eo = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = S(() => s.element.getTitleToolbar());
     return (e, t) => {
-      const o = y("survey-string"), l = y("survey-element-title-content"), m = y("sv-action-bar");
+      const o = y("survey-string"), l = y("survey-element-title-content"), c = y("sv-action-bar");
       return i(), u("div", et, [
         p("span", st, [
-          e.element.isPage ? (i(), g(o, {
+          e.element.isPage ? (i(), q(o, {
             key: 0,
             locString: e.element.locTitle
-          }, null, 8, ["locString"])) : d("", !0),
-          e.element.isPage ? d("", !0) : (i(), g(l, {
+          }, null, 8, ["locString"])) : m("", !0),
+          e.element.isPage ? m("", !0) : (i(), q(l, {
             key: 1,
             element: e.element,
             css: e.css
           }, null, 8, ["element", "css"]))
         ]),
-        C(m, { model: n.value }, null, 8, ["model"])
+        C(c, { model: n.value }, null, 8, ["model"])
       ]);
     };
   }
-}), he = (r, s) => {
+}), ge = (r, s) => {
   const n = r.__vccOpts || r;
   for (const [e, t] of s)
     n[e] = t;
@@ -3806,9 +3817,9 @@ const Eo = /* @__PURE__ */ h({
 function lt(r, s) {
   return i(), u("div", tt, rt);
 }
-const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use", null, null, -1), dt = [
+const at = /* @__PURE__ */ ge(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use", null, null, -1), dt = [
   ut
-], mt = /* @__PURE__ */ h({
+], mt = /* @__PURE__ */ g({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3839,7 +3850,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       role: "img"
     }, dt, 512));
   }
-}), ct = /* @__PURE__ */ h({
+}), ct = /* @__PURE__ */ g({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3869,7 +3880,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       ]);
     };
   }
-}), pt = /* @__PURE__ */ h({
+}), pt = /* @__PURE__ */ g({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3887,7 +3898,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     }), O(() => {
       s.model.resetResponsivityManager();
     }), (o, l) => {
-      const m = y("sv-action");
+      const c = y("sv-action");
       return o.model.hasActions ? (i(), u("div", {
         key: 0,
         ref_key: "root",
@@ -3895,14 +3906,14 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         class: a(o.model.getRootCss()),
         onClick: e
       }, [
-        (i(!0), u(D, null, L(w(t), (v) => (i(), g(m, {
+        (i(!0), u(_, null, L(w(t), (v) => (i(), q(c, {
           key: v.id,
           item: v
         }, null, 8, ["item"]))), 128))
-      ], 2)) : d("", !0);
+      ], 2)) : m("", !0);
     };
   }
-}), vt = ["id"], yt = { class: "sv-action__content" }, qt = /* @__PURE__ */ h({
+}), vt = ["id"], yt = { class: "sv-action__content" }, qt = /* @__PURE__ */ g({
   __name: "Action",
   props: {
     item: {}
@@ -3918,15 +3929,15 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         id: e.item.id
       }, [
         p("div", yt, [
-          e.item.needSeparator ? (i(), g(o, { key: 0 })) : d("", !0),
-          (i(), g(R(n.value), { item: e.item }, null, 8, ["item"]))
+          e.item.needSeparator ? (i(), q(o, { key: 0 })) : m("", !0),
+          (i(), q(R(n.value), { item: e.item }, null, 8, ["item"]))
         ])
       ], 10, vt);
     };
   }
 }), gt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], ht = {
   inheritAttrs: !1
-}, Ct = /* @__PURE__ */ h({
+}, Ct = /* @__PURE__ */ g({
   ...ht,
   __name: "ActionBarItem",
   props: {
@@ -3951,17 +3962,17 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         "aria-expanded": n.item.ariaExpanded,
         role: n.item.ariaRole
       }, [
-        n.item.iconName ? (i(), g(t, {
+        n.item.iconName ? (i(), q(t, {
           key: 0,
           class: a(n.item.cssClasses.itemIcon),
           iconName: n.item.iconName,
           size: n.item.iconSize,
           title: n.item.tooltip || n.item.title
-        }, null, 8, ["class", "iconName", "size", "title"])) : d("", !0),
+        }, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
         n.item.hasTitle ? (i(), u("span", {
           key: 1,
           class: a(n.item.getActionBarItemTitleCss())
-        }, T(n.item.title), 3)) : d("", !0)
+        }, T(n.item.title), 3)) : m("", !0)
       ], 42, gt)), [
         [o, { processEsc: !1, disableTabStop: n.item.disableTabStop }]
       ]);
@@ -3969,7 +3980,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
   }
 }), bt = ["disabled", "title", "role"], kt = {
   inheritAttrs: !1
-}, ft = /* @__PURE__ */ h({
+}, ft = /* @__PURE__ */ g({
   ...kt,
   __name: "ActionBarItemDropdown",
   props: {
@@ -3987,43 +3998,43 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         e.dispose();
       }
     ), (t, o) => {
-      const l = y("sv-svg-icon"), m = y("sv-popup"), v = X("key2click");
-      return i(), u(D, null, [
+      const l = y("sv-svg-icon"), c = y("sv-popup"), v = X("key2click");
+      return i(), u(_, null, [
         N((i(), u("button", {
           type: "button",
           class: a(t.item.getActionBarItemCss()),
-          onClick: o[0] || (o[0] = (c) => {
-            t.item.action(t.item, !!c.pointerType);
+          onClick: o[0] || (o[0] = (d) => {
+            t.item.action(t.item, !!d.pointerType);
           }),
-          onKeyup: o[1] || (o[1] = (c) => {
-            c.stopPropagation();
+          onKeyup: o[1] || (o[1] = (d) => {
+            d.stopPropagation();
           }),
           disabled: t.item.disabled,
           title: t.item.tooltip || t.item.title,
           role: t.item.ariaRole
         }, [
-          t.item.iconName ? (i(), g(l, {
+          t.item.iconName ? (i(), q(l, {
             key: 0,
             class: a(t.item.cssClasses.itemIcon),
             iconName: t.item.iconName,
             size: t.item.iconSize,
             title: t.item.tooltip || t.item.title
-          }, null, 8, ["class", "iconName", "size", "title"])) : d("", !0),
+          }, null, 8, ["class", "iconName", "size", "title"])) : m("", !0),
           t.item.hasTitle ? (i(), u("span", {
             key: 1,
             class: a(t.item.getActionBarItemTitleCss())
-          }, T(t.item.title), 3)) : d("", !0)
+          }, T(t.item.title), 3)) : m("", !0)
         ], 42, bt)), [
           [v, { processEsc: !1, disableTabStop: t.item.disableTabStop }]
         ]),
-        C(m, {
+        C(c, {
           model: t.item.popupModel,
           getTarget: w(n)
         }, null, 8, ["model", "getTarget"])
       ], 64);
     };
   }
-}), wt = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ g({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4034,25 +4045,25 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       class: a(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), It = ["aria-label", "placeholder", "value"], St = ["aria-label"], Rt = ["id"], Tt = /* @__PURE__ */ h({
+}), It = ["aria-label", "placeholder", "value"], St = ["aria-label"], Rt = ["id"], Tt = /* @__PURE__ */ g({
   __name: "List",
   props: {
     model: {}
   },
   setup(r) {
     const s = r, n = $(null), e = (l) => {
-      const m = s.model;
-      m.filterString = l.target.value;
+      const c = s.model;
+      c.filterString = l.target.value;
     }, t = (l) => {
-      const m = s.model;
-      m.filterString = l.target.value, s.model.goToItems(l);
+      const c = s.model;
+      c.filterString = l.target.value, s.model.goToItems(l);
     }, o = (l) => {
       s.model.onMouseMove(l);
     };
     return B(() => s.model), M(() => {
       s.model.initListContainerHtmlElement(n.value);
-    }), (l, m) => {
-      const v = y("sv-svg-icon"), c = y("sv-list-item");
+    }), (l, c) => {
+      const v = y("sv-svg-icon"), d = y("sv-list-item");
       return i(), u("div", {
         class: a(l.model.cssClasses.root),
         ref_key: "listContainerElement",
@@ -4081,8 +4092,8 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           }, null, 42, It),
           l.model.showSearchClearButton && !!l.model.filterString ? (i(), u("button", {
             key: 0,
-            onClick: m[0] || (m[0] = (q) => {
-              l.model.onClickSearchClearButton(q);
+            onClick: c[0] || (c[0] = (h) => {
+              l.model.onClickSearchClearButton(h);
             }),
             class: a(l.model.cssClasses.searchClearButtonIcon)
           }, [
@@ -4090,8 +4101,8 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
               iconName: "icon-searchclear",
               size: "auto"
             })
-          ], 2)) : d("", !0)
-        ], 2)) : d("", !0),
+          ], 2)) : m("", !0)
+        ], 2)) : m("", !0),
         N(p("div", {
           class: a(l.model.cssClasses.emptyContainer)
         }, [
@@ -4107,26 +4118,26 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           class: a(l.model.getListClass()),
           role: "listbox",
           id: l.model.elementId,
-          onMousedown: m[1] || (m[1] = (q) => {
-            q.preventDefault();
+          onMousedown: c[1] || (c[1] = (h) => {
+            h.preventDefault();
           }),
           onMousemove: o,
-          onKeydown: m[2] || (m[2] = (q) => {
-            l.model.onKeyDown(q);
+          onKeydown: c[2] || (c[2] = (h) => {
+            l.model.onKeyDown(h);
           })
         }, [
-          (i(!0), u(D, null, L(l.model.renderedActions, (q) => (i(), g(c, {
-            item: q,
+          (i(!0), u(_, null, L(l.model.renderedActions, (h) => (i(), q(d, {
+            item: h,
             model: l.model,
-            key: q.id
+            key: h.id
           }, null, 8, ["item", "model"]))), 128))
         ], 42, Rt)), [
           [H, !l.model.isEmpty]
-        ]) : d("", !0)
+        ]) : m("", !0)
       ], 2);
     };
   }
-}), $t = ["aria-selected", "id", "tabindex"], _t = ["title"], Dt = /* @__PURE__ */ h({
+}), $t = ["aria-selected", "id", "tabindex"], _t = ["title"], Dt = /* @__PURE__ */ g({
   __name: "ListItem",
   props: {
     model: {},
@@ -4147,7 +4158,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         "aria-selected": t.model.isItemSelected(t.item),
         key: t.item.id,
         id: n.value,
-        onPointerdown: o[2] || (o[2] = (m) => t.model.onPointerDown(m, t.item)),
+        onPointerdown: o[2] || (o[2] = (c) => t.model.onPointerDown(c, t.item)),
         class: a(t.model.getItemClass(t.item)),
         onClick: e,
         tabindex: t.item.disableTabStop ? -1 : 0
@@ -4155,15 +4166,15 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         t.item.needSeparator ? (i(), u("div", {
           key: 0,
           class: a(t.model.cssClasses.itemSeparator)
-        }, null, 2)) : d("", !0),
+        }, null, 2)) : m("", !0),
         p("div", {
           style: I({ paddingInlineStart: t.model.getItemIndent(t.item) }),
           class: a(t.model.cssClasses.itemBody),
           title: t.item.locTitle.calculatedText,
-          onMouseover: o[0] || (o[0] = (m) => t.model.onItemHover(t.item)),
-          onMouseleave: o[1] || (o[1] = (m) => t.model.onItemLeave(t.item))
+          onMouseover: o[0] || (o[0] = (c) => t.model.onItemHover(t.item)),
+          onMouseleave: o[1] || (o[1] = (c) => t.model.onItemLeave(t.item))
         }, [
-          (i(), g(R(t.item.component || "sv-list-item-content"), {
+          (i(), q(R(t.item.component || "sv-list-item-content"), {
             item: t.item,
             model: t.model
           }, null, 8, ["item", "model"]))
@@ -4174,7 +4185,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       ]);
     };
   }
-}), Bt = /* @__PURE__ */ h({
+}), Bt = /* @__PURE__ */ g({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4184,26 +4195,26 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     const s = r;
     return B(() => s.item), (n, e) => {
       const t = y("sv-svg-icon"), o = y("survey-string");
-      return i(), u(D, null, [
-        n.item.iconName ? (i(), g(t, {
+      return i(), u(_, null, [
+        n.item.iconName ? (i(), q(t, {
           key: 0,
           class: a(n.model.cssClasses.itemIcon),
           iconName: n.item.iconName,
           size: n.item.iconSize
-        }, null, 8, ["class", "iconName", "size"])) : d("", !0),
+        }, null, 8, ["class", "iconName", "size"])) : m("", !0),
         C(o, {
           locString: n.item.locTitle
         }, null, 8, ["locString"]),
-        n.item.markerIconName ? (i(), g(t, {
+        n.item.markerIconName ? (i(), q(t, {
           key: 1,
           class: a(n.item.cssClasses.itemMarkerIcon),
           iconName: n.item.markerIconName,
           size: n.item.markerIconSize
-        }, null, 8, ["class", "iconName", "size"])) : d("", !0)
+        }, null, 8, ["class", "iconName", "size"])) : m("", !0)
       ], 64);
     };
   }
-}), Lt = /* @__PURE__ */ h({
+}), Lt = /* @__PURE__ */ g({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4213,7 +4224,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     const s = r;
     return B(() => s.item), (n, e) => {
       const t = y("sv-list-item-content"), o = y("sv-popup");
-      return i(), u(D, null, [
+      return i(), u(_, null, [
         C(t, {
           item: n.item,
           model: n.model
@@ -4224,7 +4235,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       ], 64);
     };
   }
-}), At = /* @__PURE__ */ h({
+}), At = /* @__PURE__ */ g({
   __name: "Popup",
   props: {
     getTarget: { type: Function },
@@ -4264,7 +4275,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
 }, Et = { class: "sv-popup__scrolling-content" }, Ht = { class: "sv-popup__content" }, Wt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Ft = /* @__PURE__ */ h({
+}, Ft = /* @__PURE__ */ g({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4302,22 +4313,22 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           onClick: n
         }, [
           p("div", Nt, [
-            e.model.showHeader ? (i(), g(R(e.model.popupHeaderTemplate), {
+            e.model.showHeader ? (i(), q(R(e.model.popupHeaderTemplate), {
               key: 0,
               model: e.model
-            }, null, 8, ["model"])) : d("", !0),
+            }, null, 8, ["model"])) : m("", !0),
             p("div", Pt, [
-              e.model.title ? (i(), u("div", Mt, T(e.model.title), 1)) : d("", !0),
+              e.model.title ? (i(), u("div", Mt, T(e.model.title), 1)) : m("", !0),
               p("div", Et, [
                 p("div", Ht, [
-                  (i(), g(R(e.model.contentComponentName), z(oe(e.model.contentComponentData)), null, 16))
+                  (i(), q(R(e.model.contentComponentName), z(oe(e.model.contentComponentData)), null, 16))
                 ])
               ]),
               e.model.showFooter ? (i(), u("div", Wt, [
                 C(o, {
                   model: e.model.footerToolbar
                 }, null, 8, ["model"])
-              ])) : d("", !0)
+              ])) : m("", !0)
             ])
           ])
         ], 4)
@@ -4326,7 +4337,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       ]);
     };
   }
-}), Vt = /* @__PURE__ */ h({
+}), Vt = /* @__PURE__ */ g({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4343,7 +4354,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
 }), Ot = {
   key: 0,
   class: "sv-components-column"
-}, zt = /* @__PURE__ */ h({
+}, zt = /* @__PURE__ */ g({
   __name: "Container",
   props: {
     survey: {},
@@ -4354,21 +4365,21 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     const s = r, n = S(
       () => s.survey.getContainerContent(s.container)
     );
-    return (e, t) => n.value.length > 0 ? (i(), u(D, { key: 0 }, [
+    return (e, t) => n.value.length > 0 ? (i(), u(_, { key: 0 }, [
       e.needRenderWrapper ? (i(), u("div", Ot, [
-        (i(!0), u(D, null, L(n.value, (o, l) => (i(), g(R(o.component), {
+        (i(!0), u(_, null, L(n.value, (o, l) => (i(), q(R(o.component), {
           survey: e.survey,
           container: e.container,
           model: o.data
         }, null, 8, ["survey", "container", "model"]))), 256))
-      ])) : (i(!0), u(D, { key: 1 }, L(n.value, (o, l) => (i(), g(R(o.component), {
+      ])) : (i(!0), u(_, { key: 1 }, L(n.value, (o, l) => (i(), q(R(o.component), {
         survey: e.survey,
         container: e.container,
         model: o.data
       }, null, 8, ["survey", "container", "model"]))), 256))
-    ], 64)) : d("", !0);
+    ], 64)) : m("", !0);
   }
-}), Z = /* @__PURE__ */ h({
+}), Z = /* @__PURE__ */ g({
   __name: "Progress",
   props: {
     survey: {},
@@ -4376,7 +4387,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     css: {}
   },
   setup(r) {
-    const s = r, n = S(() => s.survey.progressValue + "%"), e = (o) => ue.getProgressTextInBarCss(o), t = (o) => ue.getProgressTextUnderBarCss(o);
+    const s = r, n = S(() => s.survey.progressValue + "%"), e = (o) => ae.getProgressTextInBarCss(o), t = (o) => ae.getProgressTextUnderBarCss(o);
     return (o, l) => (i(), u("div", {
       class: a(o.survey.getProgressCssClasses(o.container))
     }, [
@@ -4397,7 +4408,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       }, T(o.survey.progressText), 3)
     ], 2));
   }
-}), Ut = ["title"], Kt = ["onClick", "data-page-number"], Qt = ["title"], jt = ["title"], Gt = ["title"], Jt = /* @__PURE__ */ h({
+}), Ut = ["title"], Kt = ["onClick", "data-page-number"], Qt = ["title"], jt = ["title"], Gt = ["title"], Jt = /* @__PURE__ */ g({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4405,15 +4416,15 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     container: {}
   },
   setup(r) {
-    const s = r, n = $(!1), e = $(!1), t = $(!1), o = $(!0), l = $(), m = S(() => s.survey.css);
+    const s = r, n = $(!1), e = $(!1), t = $(!1), o = $(!0), l = $(), c = S(() => s.survey.css);
     let v = null;
-    const c = (q) => {
+    const d = (h) => {
       let f = l.value;
-      f.scrollLeft += (q ? -1 : 1) * 70;
+      f.scrollLeft += (h ? -1 : 1) * 70;
     };
     return M(() => {
-      const q = l.value;
-      v = new Ee(s.model, q, {
+      const h = l.value;
+      v = new Ee(s.model, h, {
         onResize: (f) => {
           o.value = f, e.value = !f;
         },
@@ -4425,13 +4436,13 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         },
         container: S(() => s.container)
       });
-    }), G(() => {
+    }), j(() => {
       v.dispose();
-    }), (q, f) => {
+    }), (h, f) => {
       const k = y("survey-string");
       return i(), u("div", {
-        class: a(q.model.getRootCss(q.container)),
-        style: I({ maxWidth: q.model.progressWidth }),
+        class: a(h.model.getRootCss(h.container)),
+        style: I({ maxWidth: h.model.progressWidth }),
         role: "progressbar",
         "aria-valuemin": "0",
         "aria-valuemax": "100",
@@ -4439,85 +4450,85 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       }, [
         e.value ? (i(), u("div", {
           key: 0,
-          class: a(q.survey.css.progressButtonsHeader)
+          class: a(h.survey.css.progressButtonsHeader)
         }, [
           p("div", {
-            class: a(q.survey.css.progressButtonsPageTitle),
-            title: q.model.headerText
-          }, T(q.model.headerText), 11, Ut)
-        ], 2)) : d("", !0),
+            class: a(h.survey.css.progressButtonsPageTitle),
+            title: h.model.headerText
+          }, T(h.model.headerText), 11, Ut)
+        ], 2)) : m("", !0),
         p("div", {
-          class: a(m.value.progressButtonsContainer)
+          class: a(c.value.progressButtonsContainer)
         }, [
           p("div", {
-            class: a(q.model.getScrollButtonCss(n.value, !0)),
-            onClick: f[0] || (f[0] = (_) => c(!0)),
+            class: a(h.model.getScrollButtonCss(n.value, !0)),
+            onClick: f[0] || (f[0] = (D) => d(!0)),
             role: "button"
           }, null, 2),
           p("div", {
-            class: a(m.value.progressButtonsListContainer),
+            class: a(c.value.progressButtonsListContainer),
             ref_key: "progressButtonsListContainer",
             ref: l
           }, [
             p("ul", {
-              class: a(m.value.progressButtonsList)
+              class: a(c.value.progressButtonsList)
             }, [
-              (i(!0), u(D, null, L(q.survey.visiblePages, (_, b) => (i(), u("li", {
+              (i(!0), u(_, null, L(h.survey.visiblePages, (D, b) => (i(), u("li", {
                 key: "listelement" + b,
-                class: a(q.model.getListElementCss(b)),
-                onClick: (A) => q.model.isListElementClickable(b) ? q.model.clickListElement(_) : null,
-                "data-page-number": q.model.getItemNumber(_)
+                class: a(h.model.getListElementCss(b)),
+                onClick: (A) => h.model.isListElementClickable(b) ? h.model.clickListElement(D) : null,
+                "data-page-number": h.model.getItemNumber(D)
               }, [
                 p("div", {
-                  class: a(m.value.progressButtonsConnector)
+                  class: a(c.value.progressButtonsConnector)
                 }, null, 2),
                 o.value ? (i(), u("div", {
                   key: 0,
-                  class: a(m.value.progressButtonsPageTitle),
-                  title: _.renderedNavigationTitle
+                  class: a(c.value.progressButtonsPageTitle),
+                  title: D.renderedNavigationTitle
                 }, [
                   C(k, {
-                    locString: _.locNavigationTitle
+                    locString: D.locNavigationTitle
                   }, null, 8, ["locString"])
-                ], 10, Qt)) : d("", !0),
+                ], 10, Qt)) : m("", !0),
                 o.value ? (i(), u("div", {
                   key: 1,
-                  class: a(m.value.progressButtonsPageDescription),
-                  title: _.locNavigationDescription.renderedHtml
-                }, T(_.locNavigationDescription.renderedHtml), 11, jt)) : d("", !0),
+                  class: a(c.value.progressButtonsPageDescription),
+                  title: D.locNavigationDescription.renderedHtml
+                }, T(D.locNavigationDescription.renderedHtml), 11, jt)) : m("", !0),
                 p("div", {
-                  class: a(m.value.progressButtonsButton)
+                  class: a(c.value.progressButtonsButton)
                 }, [
                   p("div", {
-                    class: a(m.value.progressButtonsButtonBackground)
+                    class: a(c.value.progressButtonsButtonBackground)
                   }, null, 2),
                   p("div", {
-                    class: a(m.value.progressButtonsButtonContent)
+                    class: a(c.value.progressButtonsButtonContent)
                   }, null, 2),
-                  p("span", null, T(q.model.getItemNumber(_)), 1)
+                  p("span", null, T(h.model.getItemNumber(D)), 1)
                 ], 2)
               ], 10, Kt))), 128))
             ], 2)
           ], 2),
           p("div", {
-            class: a(q.model.getScrollButtonCss(n.value, !1)),
-            onClick: f[1] || (f[1] = (_) => c(!1)),
+            class: a(h.model.getScrollButtonCss(n.value, !1)),
+            onClick: f[1] || (f[1] = (D) => d(!1)),
             role: "button"
           }, null, 2)
         ], 2),
         t.value ? (i(), u("div", {
           key: 1,
-          class: a(q.survey.css.progressButtonsFooter)
+          class: a(h.survey.css.progressButtonsFooter)
         }, [
           p("div", {
-            class: a(q.survey.css.progressButtonsPageTitle),
-            title: q.model.footerText
-          }, T(q.model.footerText), 11, Gt)
-        ], 2)) : d("", !0)
+            class: a(h.survey.css.progressButtonsPageTitle),
+            title: h.model.footerText
+          }, T(h.model.footerText), 11, Gt)
+        ], 2)) : m("", !0)
       ], 6);
     };
   }
-}), Xt = /* @__PURE__ */ h({
+}), Xt = /* @__PURE__ */ g({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4531,7 +4542,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       }, [
         s.model.isMobile ? N((i(), u("div", {
           key: 0,
-          onClick: n[0] || (n[0] = (...m) => s.model.togglePopup && s.model.togglePopup(...m))
+          onClick: n[0] || (n[0] = (...c) => s.model.togglePopup && s.model.togglePopup(...c))
         }, [
           C(e, {
             iconName: s.model.icon,
@@ -4542,7 +4553,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           }, null, 8, ["model"])
         ])), [
           [l]
-        ]) : (i(), g(o, {
+        ]) : (i(), q(o, {
           key: 1,
           model: s.model.listModel
         }, null, 8, ["model"]))
@@ -4552,7 +4563,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
 }), Yt = { onsubmit: "return false;" }, Zt = {
   key: 0,
   class: "sv_custom_header"
-}, xt = { class: "sv-components-column sv-components-column--expandable" }, ei = ["id"], si = { key: 2 }, ni = ["innerHTML"], oi = ["innerHTML"], ti = ["innerHTML"], ce = /* @__PURE__ */ h({
+}, xt = { class: "sv-components-column sv-components-column--expandable" }, ei = ["id"], si = { key: 2 }, ni = ["innerHTML"], oi = ["innerHTML"], ti = ["innerHTML"], me = /* @__PURE__ */ g({
   __name: "Survey",
   props: {
     model: {},
@@ -4560,62 +4571,62 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = $(), e = $(""), t = $(1), o = S(() => {
-      const _ = s.survey ? s.survey : s.model;
-      return Re(_);
-    }), l = S(() => o.value.activePage ? o.value.activePage.id : ""), m = () => {
-      const _ = l.value;
-      return !!o.value && _ + t.value.toString();
+      const D = s.survey ? s.survey : s.model;
+      return Re(D);
+    }), l = S(() => o.value.activePage ? o.value.activePage.id : ""), c = () => {
+      const D = l.value;
+      return !!o.value && D + t.value.toString();
     }, v = S(
       () => o.value.showCompletedPage && o.value.state === "completed"
-    ), c = S(() => o.value.css), q = S(() => "page" + m()), f = () => v.value ? (e.value || (e.value = o.value.processedCompletedHtml), e.value) : "", k = (_) => {
-      if (!!_) {
+    ), d = S(() => o.value.css), h = S(() => "page" + c()), f = () => v.value ? (e.value || (e.value = o.value.processedCompletedHtml), e.value) : "", k = (D) => {
+      if (!!D) {
         var b = n.value;
-        b && _.afterRenderSurvey(b), _.renderCallback = () => {
+        b && D.afterRenderSurvey(b), D.renderCallback = () => {
           var A, W;
-          t.value++, (W = (A = ye()) == null ? void 0 : A.proxy) == null || W.$forceUpdate();
-        }, _.startTimerFromUI();
+          t.value++, (W = (A = ve()) == null ? void 0 : A.proxy) == null || W.$forceUpdate();
+        }, D.startTimerFromUI();
       }
     };
     return B(
       () => o.value,
-      (_, b) => {
-        _ && b && k(_);
+      (D, b) => {
+        D && b && k(D);
       },
-      (_) => {
-        _.stopTimer(), _.renderCallback = void 0;
+      (D) => {
+        D.stopTimer(), D.renderCallback = void 0;
       }
     ), M(() => {
       k(o.value);
     }), O(() => {
       o.value.stopTimer(), o.value.renderCallback = void 0;
-    }), (_, b) => {
-      const A = y("sv-svg-bundle"), W = y("survey-popup-modal"), F = y("survey-header"), Q = y("survey-page"), ae = y("sv-brand-info"), Ce = y("sv-notifier");
+    }), (D, b) => {
+      const A = y("sv-svg-bundle"), W = y("survey-popup-modal"), F = y("survey-header"), J = y("survey-page"), he = y("sv-brand-info"), Ce = y("sv-notifier");
       return i(), u("div", {
         class: a(o.value.getRootCss()),
         style: I(o.value.themeVariables),
         ref_key: "root",
         ref: n
       }, [
-        o.value.needRenderIcons ? (i(), g(A, { key: 0 })) : d("", !0),
+        o.value.needRenderIcons ? (i(), q(A, { key: 0 })) : m("", !0),
         p("div", {
           class: a(o.value.wrapperFormCss)
         }, [
           C(W),
           o.value.renderBackgroundImage ? (i(), u("div", {
             key: 0,
-            class: a(c.value.rootBackgroundImage),
+            class: a(d.value.rootBackgroundImage),
             style: I(o.value.backgroundImageStyle)
-          }, null, 6)) : d("", !0),
+          }, null, 6)) : m("", !0),
           p("form", Yt, [
-            o.value.hasLogo ? d("", !0) : (i(), u("div", Zt)),
+            o.value.hasLogo ? m("", !0) : (i(), u("div", Zt)),
             p("div", {
-              class: a(c.value.container)
+              class: a(d.value.container)
             }, [
-              o.value.headerView === "basic" ? (i(), g(F, {
+              o.value.headerView === "basic" ? (i(), q(F, {
                 key: 0,
                 survey: o.value
-              }, null, 8, ["survey"])) : d("", !0),
-              (i(), g(R("sv-components-container"), {
+              }, null, 8, ["survey"])) : m("", !0),
+              (i(), q(R("sv-components-container"), {
                 survey: o.value,
                 container: "header",
                 needRenderWrapper: !1
@@ -4624,13 +4635,13 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
                 key: 1,
                 class: a(o.value.bodyContainerCss)
               }, [
-                (i(), g(R("sv-components-container"), {
+                (i(), q(R("sv-components-container"), {
                   survey: o.value,
                   container: "left",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"])),
                 p("div", xt, [
-                  (i(), g(R("sv-components-container"), {
+                  (i(), q(R("sv-components-container"), {
                     survey: o.value,
                     container: "center",
                     needRenderWrapper: !0
@@ -4640,31 +4651,31 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
                     style: I({ maxWidth: o.value.renderedWidth }),
                     id: l.value
                   }, [
-                    (i(), g(R("sv-components-container"), {
+                    (i(), q(R("sv-components-container"), {
                       survey: o.value,
                       container: "contentTop",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"])),
-                    (i(), g(Q, {
-                      key: q.value,
+                    (i(), q(J, {
+                      key: h.value,
                       survey: o.value,
                       page: o.value.activePage,
-                      css: c.value
+                      css: d.value
                     }, null, 8, ["survey", "page", "css"])),
-                    (i(), g(R("sv-components-container"), {
+                    (i(), q(R("sv-components-container"), {
                       survey: o.value,
                       container: "contentBottom",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"]))
                   ], 14, ei)
                 ]),
-                (i(), g(R("sv-components-container"), {
+                (i(), q(R("sv-components-container"), {
                   survey: o.value,
                   container: "right",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"]))
-              ], 2)) : d("", !0),
-              (i(), g(R("sv-components-container"), {
+              ], 2)) : m("", !0),
+              (i(), q(R("sv-components-container"), {
                 survey: o.value,
                 container: "footer",
                 needRenderWrapper: !1
@@ -4674,29 +4685,29 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
                   innerHTML: f(),
                   class: a(o.value.completedCss)
                 }, null, 10, ni),
-                (i(), g(R("sv-components-container"), {
+                (i(), q(R("sv-components-container"), {
                   survey: o.value,
                   container: "completePage",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"]))
-              ])) : d("", !0),
+              ])) : m("", !0),
               o.value.state === "completedbefore" ? (i(), u("div", {
                 key: 3,
                 class: a(o.value.completedBeforeCss),
                 innerHTML: o.value.processedCompletedBeforeHtml
-              }, null, 10, oi)) : d("", !0),
+              }, null, 10, oi)) : m("", !0),
               o.value.state === "loading" ? (i(), u("div", {
                 key: 4,
                 class: a(o.value.loadingBodyCss),
                 innerHTML: o.value.processedLoadingHtml
-              }, null, 10, ti)) : d("", !0),
+              }, null, 10, ti)) : m("", !0),
               o.value.state === "empty" ? (i(), u("div", {
                 key: 5,
-                class: a(c.value.bodyEmpty)
-              }, T(o.value.emptySurveyText), 3)) : d("", !0)
+                class: a(d.value.bodyEmpty)
+              }, T(o.value.emptySurveyText), 3)) : m("", !0)
             ], 2)
           ]),
-          o.value.showBrandInfo ? (i(), g(ae, { key: 1 })) : d("", !0),
+          o.value.showBrandInfo ? (i(), q(he, { key: 1 })) : m("", !0),
           C(Ce, {
             model: o.value.notifier
           }, null, 8, ["model"])
@@ -4704,7 +4715,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       ], 6);
     };
   }
-}), ii = /* @__PURE__ */ h({
+}), ii = /* @__PURE__ */ g({
   __name: "Notifier",
   props: {
     model: {}
@@ -4724,10 +4735,10 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         C(t, {
           model: n.model.actionBar
         }, null, 8, ["model"])
-      ], 6)) : d("", !0);
+      ], 6)) : m("", !0);
     };
   }
-}), ri = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], li = { key: 1 }, ai = /* @__PURE__ */ h({
+}), ri = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], li = { key: 1 }, ai = /* @__PURE__ */ g({
   __name: "QuestionOther",
   props: {
     question: {},
@@ -4737,7 +4748,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     return (s, n) => (i(), u("div", {
       class: a(s.question.getCommentAreaCss(!0))
     }, [
-      s.question.isReadOnlyRenderDiv() ? d("", !0) : (i(), u("textarea", {
+      s.question.isReadOnlyRenderDiv() ? m("", !0) : (i(), u("textarea", {
         key: 0,
         id: s.question.otherId,
         readonly: s.question.isInputReadOnly,
@@ -4756,10 +4767,10 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           s.question.onOtherValueInput(e);
         })
       }, null, 46, ri)),
-      s.question.isReadOnlyRenderDiv() ? (i(), u("div", li, T(s.question.otherValue), 1)) : d("", !0)
+      s.question.isReadOnlyRenderDiv() ? (i(), u("div", li, T(s.question.otherValue), 1)) : m("", !0)
     ], 2));
   }
-}), ui = ["disabled", "value", "title"], di = /* @__PURE__ */ h({
+}), ui = ["disabled", "value", "title"], di = /* @__PURE__ */ g({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4775,9 +4786,9 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       title: e.item.getTooltip(),
       onMousedown: n,
       onClick: t[0] || (t[0] = (...o) => e.item.action && e.item.action(...o))
-    }, null, 42, ui)) : d("", !0);
+    }, null, 42, ui)) : m("", !0);
   }
-}), pe = /* @__PURE__ */ h({
+}), ce = /* @__PURE__ */ g({
   __name: "PopupSurvey",
   props: {
     survey: {},
@@ -4801,14 +4812,14 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       n.value.hide();
     }, l = () => {
       n.value.toggleFullScreen();
-    }, m = () => "SurveyComponent", v = () => {
+    }, c = () => "SurveyComponent", v = () => {
       n.value.onScroll();
-    }, c = () => {
+    }, d = () => {
       let f = n.value.cssHeaderRoot;
       return n.value.isCollapsed && (f += " " + n.value.cssRootCollapsedMod), f;
     };
     B(() => n.value);
-    const q = K(
+    const h = K(
       () => s.survey,
       (f) => {
         const k = new He(null, f);
@@ -4819,9 +4830,9 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       }
     );
     return O(() => {
-      q();
+      h();
     }), (f, k) => {
-      const _ = y("sv-svg-icon");
+      const D = y("sv-svg-icon");
       return n.value.isShowing ? (i(), u("div", {
         key: 0,
         style: I({ maxWidth: n.value.renderedWidth, width: n.value.renderedWidth }),
@@ -4832,12 +4843,12 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
           class: a(n.value.cssRootContent)
         }, [
           p("div", {
-            class: a(c())
+            class: a(d())
           }, [
             n.value.isCollapsed && !!n.value.locTitle ? (i(), u("div", {
               key: 0,
               class: a(n.value.cssHeaderTitleCollapsed)
-            }, T(n.value.locTitle.renderedHtml), 3)) : d("", !0),
+            }, T(n.value.locTitle.renderedHtml), 3)) : m("", !0),
             p("div", {
               class: a(n.value.cssHeaderButtonsContainer)
             }, [
@@ -4846,54 +4857,54 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
                 class: a(n.value.cssHeaderFullScreenButton),
                 onClick: l
               }, [
-                n.value.isFullScreen ? (i(), g(_, {
+                n.value.isFullScreen ? (i(), q(D, {
                   key: 0,
                   iconName: "icon-back-to-panel_16x16",
                   size: 16
-                })) : d("", !0),
-                n.value.isFullScreen ? d("", !0) : (i(), g(_, {
+                })) : m("", !0),
+                n.value.isFullScreen ? m("", !0) : (i(), q(D, {
                   key: 1,
                   iconName: "icon-full-screen_16x16",
                   size: 16
                 }))
-              ], 2)) : d("", !0),
+              ], 2)) : m("", !0),
               p("div", {
                 class: a(n.value.cssHeaderCollapseButton),
                 onClick: t
               }, [
-                n.value.isExpanded ? (i(), g(_, {
+                n.value.isExpanded ? (i(), q(D, {
                   key: 0,
                   iconName: "icon-minimize_16x16",
                   size: 16
-                })) : d("", !0),
-                n.value.isCollapsed ? (i(), g(_, {
+                })) : m("", !0),
+                n.value.isCollapsed ? (i(), q(D, {
                   key: 1,
                   iconName: "icon-restore_16x16",
                   size: 16
-                })) : d("", !0)
+                })) : m("", !0)
               ], 2),
               n.value.allowClose ? (i(), u("div", {
                 key: 1,
                 class: a(n.value.cssHeaderCloseButton),
                 onClick: o
               }, [
-                C(_, {
+                C(D, {
                   iconName: "icon-close_16x16",
                   size: 16
                 })
-              ], 2)) : d("", !0)
+              ], 2)) : m("", !0)
             ], 2)
           ], 2),
           p("div", {
             class: a(n.value.cssBody)
           }, [
-            (i(), g(R(m()), { survey: f.survey }, null, 8, ["survey"]))
+            (i(), q(R(c()), { survey: f.survey }, null, 8, ["survey"]))
           ], 2)
         ], 2)
-      ], 38)) : d("", !0);
+      ], 38)) : m("", !0);
     };
   }
-}), mi = ["innerHTML"], ci = /* @__PURE__ */ h({
+}), mi = ["innerHTML"], ci = /* @__PURE__ */ g({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -4907,38 +4918,38 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     ), o = S(() => s.question.customWidget.htmlTemplate), l = S(() => "survey-" + s.question.getTemplate());
     return M(() => {
       s.question.customWidget.afterRender(s.question, n.value);
-    }), G(() => {
+    }), j(() => {
       s.question.customWidget.willUnmount(s.question, n.value);
-    }), (m, v) => (i(), u("div", {
+    }), (c, v) => (i(), u("div", {
       ref_key: "root",
       ref: n
     }, [
       t.value ? (i(), u("div", {
         key: 0,
         innerHTML: o.value
-      }, null, 8, mi)) : d("", !0),
-      e.value ? (i(), g(R(l.value), {
+      }, null, 8, mi)) : m("", !0),
+      e.value ? (i(), q(R(l.value), {
         key: 1,
-        question: m.question,
-        css: m.css
-      }, null, 8, ["question", "css"])) : d("", !0)
+        question: c.question,
+        css: c.css
+      }, null, 8, ["question", "css"])) : m("", !0)
     ], 512));
   }
-}), pi = /* @__PURE__ */ h({
+}), pi = /* @__PURE__ */ g({
   __name: "PopupModal",
   setup(r) {
     const s = U();
-    function n(t, o, l, m, v, c, q = "popup") {
+    function n(t, o, l, c, v, d, h = "popup") {
       const f = We(
         t,
         o,
         l,
-        m,
+        c,
         void 0,
         void 0,
         v,
-        c,
-        q
+        d,
+        h
       );
       return e(f);
     }
@@ -4946,26 +4957,26 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       const l = Fe(
         t,
         o
-      ), m = (v, c) => {
-        c.isVisible || (s.value = void 0, l.dispose(), l.onVisibilityChanged.remove(m));
+      ), c = (v, d) => {
+        d.isVisible || (s.value = void 0, l.dispose(), l.onVisibilityChanged.remove(c));
       };
-      return l.onVisibilityChanged.add(m), l.model.isVisible = !0, s.value = l, l;
+      return l.onVisibilityChanged.add(c), l.model.isVisible = !0, s.value = l, l;
     }
-    return j.showModal || (j.showModal = n, O(() => {
-      j.showModal = void 0;
-    })), j.showDialog || (j.showDialog = e, O(() => {
-      j.showDialog = void 0;
+    return Q.showModal || (Q.showModal = n, O(() => {
+      Q.showModal = void 0;
+    })), Q.showDialog || (Q.showDialog = e, O(() => {
+      Q.showDialog = void 0;
     })), (t, o) => {
       const l = y("sv-popup-container");
-      return s.value ? (i(), g(Te, {
+      return s.value ? (i(), q(Te, {
         key: 0,
         to: s.value.container
       }, [
         C(l, { model: s.value }, null, 8, ["model"])
-      ], 8, ["to"])) : d("", !0);
+      ], 8, ["to"])) : m("", !0);
     };
   }
-}), vi = /* @__PURE__ */ h({
+}), vi = /* @__PURE__ */ g({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -4977,7 +4988,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       class: a(n.remainingCharacterCounter)
     }, T(n.counter.remainingCharacterCounter), 3));
   }
-}), yi = /* @__PURE__ */ h({
+}), yi = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -4990,7 +5001,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     const e = S(() => s.question.contentPanel);
     return (t, o) => {
       const l = y("survey-panel");
-      return i(), g(l, {
+      return i(), q(l, {
         ref_key: "root",
         ref: n,
         element: e.value,
@@ -4998,7 +5009,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       }, null, 8, ["element", "css"]);
     };
   }
-}), qi = /* @__PURE__ */ h({
+}), qi = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5009,7 +5020,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
     const s = r, n = $(null);
     P(s, n);
     const e = S(() => s.question.contentQuestion), t = (o) => ie(o);
-    return (o, l) => (i(), g(R(t(e.value)), {
+    return (o, l) => (i(), q(R(t(e.value)), {
       ref: n.value,
       question: e.value,
       css: o.css
@@ -5017,14 +5028,14 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
   }
 }), gi = /* @__PURE__ */ p("use", { "xlink:href": "#icon-timercircle" }, null, -1), hi = [
   gi
-], ve = 440, Ci = /* @__PURE__ */ h({
+], pe = 440, Ci = /* @__PURE__ */ g({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(r) {
-    const s = r, n = S(() => ve * s.model.progress), e = S(() => s.model.text);
+    const s = r, n = S(() => pe * s.model.progress), e = S(() => s.model.text);
     return B(() => s.model), (t, o) => t.model.isRunning && t.model.showTimerAsClock ? (i(), u("div", {
       key: 0,
       class: a(t.model.rootCss)
@@ -5032,8 +5043,8 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
       t.model.showProgress ? (i(), u("svg", {
         key: 0,
         class: a(t.model.getProgressCss()),
-        style: I({ strokeDasharray: ve, strokeDashoffset: n.value })
-      }, hi, 6)) : d("", !0),
+        style: I({ strokeDasharray: pe, strokeDashoffset: n.value })
+      }, hi, 6)) : m("", !0),
       p("div", {
         class: a(t.model.textContainerCss)
       }, [
@@ -5043,7 +5054,7 @@ const at = /* @__PURE__ */ he(ot, [["render", lt]]), ut = /* @__PURE__ */ p("use
         t.model.clockMinorText ? (i(), u("span", {
           key: 0,
           class: a(t.model.minorTextCss)
-        }, T(t.model.clockMinorText), 3)) : d("", !0)
+        }, T(t.model.clockMinorText), 3)) : m("", !0)
       ], 2)
     ], 2)) : N((i(), u("div", {
       key: 1,
@@ -5062,7 +5073,7 @@ function fi(r, s) {
     })
   ]);
 }
-const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @__PURE__ */ h({
+const wi = /* @__PURE__ */ ge(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @__PURE__ */ g({
   __name: "Header",
   props: {
     model: {},
@@ -5084,27 +5095,27 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
           key: 0,
           class: a(n.model.backgroundImageClasses),
           style: I(n.model.backgroundImageStyle)
-        }, null, 6)) : d("", !0),
-        n.survey.isMobile ? d("", !0) : (i(), u("div", {
+        }, null, 6)) : m("", !0),
+        n.survey.isMobile ? m("", !0) : (i(), u("div", {
           key: 1,
           class: a(n.model.contentClasses),
           style: I({ maxWidth: n.model.maxWidth })
         }, [
-          (i(!0), u(D, null, L(n.model.cells, (l, m) => (i(), g(t, {
+          (i(!0), u(_, null, L(n.model.cells, (l, c) => (i(), q(t, {
             model: l,
-            key: m
+            key: c
           }, null, 8, ["model"]))), 128))
         ], 6)),
         n.survey.isMobile ? (i(), u("div", Ii, [
           C(o, { model: n.model }, null, 8, ["model"])
-        ])) : d("", !0)
-      ], 6)) : d("", !0);
+        ])) : m("", !0)
+      ], 6)) : m("", !0);
     };
   }
 }), Ri = {
   key: 0,
   class: "sv-header__logo"
-}, Ti = ["src", "width", "height", "alt"], $i = /* @__PURE__ */ h({
+}, Ti = ["src", "width", "height", "alt"], $i = /* @__PURE__ */ g({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5133,7 +5144,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
                 style: I({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
               }, null, 14, Ti)
             ], 2)
-          ])) : d("", !0),
+          ])) : m("", !0),
           s.model.showTitle ? (i(), u("div", {
             key: 1,
             class: "sv-header__title",
@@ -5143,7 +5154,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               element: s.model.survey,
               css: s.model.survey.css
             }, null, 8, ["element", "css"])
-          ], 4)) : d("", !0),
+          ], 4)) : m("", !0),
           s.model.showDescription ? (i(), u("div", {
             key: 2,
             class: "sv-header__description",
@@ -5156,8 +5167,8 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               C(t, {
                 locString: s.model.survey.locDescription
               }, null, 8, ["locString"])
-            ], 2)) : d("", !0)
-          ], 4)) : d("", !0)
+            ], 2)) : m("", !0)
+          ], 4)) : m("", !0)
         ], 4)
       ], 6);
     };
@@ -5165,7 +5176,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
 }), _i = { class: "sv-header--mobile" }, Di = {
   key: 0,
   class: "sv-header__logo"
-}, Bi = ["src", "width", "height", "alt"], Li = /* @__PURE__ */ h({
+}, Bi = ["src", "width", "height", "alt"], Li = /* @__PURE__ */ g({
   __name: "HeaderMobile",
   props: {
     model: {}
@@ -5187,7 +5198,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               style: I({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
             }, null, 14, Bi)
           ], 2)
-        ])) : d("", !0),
+        ])) : m("", !0),
         s.model.survey.hasTitle ? (i(), u("div", {
           key: 1,
           class: "sv-header__title",
@@ -5197,7 +5208,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
             element: s.model.survey,
             css: s.model.survey.css
           }, null, 8, ["element", "css"])
-        ], 4)) : d("", !0),
+        ], 4)) : m("", !0),
         s.model.survey.renderedHasDescription ? (i(), u("div", {
           key: 2,
           class: "sv-header__description",
@@ -5210,12 +5221,12 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
             C(t, {
               locString: s.model.survey.locDescription
             }, null, 8, ["locString"])
-          ], 2)) : d("", !0)
-        ], 4)) : d("", !0)
+          ], 2)) : m("", !0)
+        ], 4)) : m("", !0)
       ]);
     };
   }
-}), Ai = /* @__PURE__ */ h({
+}), Ai = /* @__PURE__ */ g({
   __name: "Element",
   props: {
     element: {},
@@ -5226,48 +5237,48 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
     const s = r, n = $(), e = (v) => v.isPanel ? "survey-panel" : "survey-question", t = S(() => {
       const v = s.element.survey;
       if (v) {
-        const c = v.getElementWrapperComponentName(s.element);
-        if (c)
-          return c;
+        const d = v.getElementWrapperComponentName(s.element);
+        if (d)
+          return d;
       }
       return e(s.element);
     }), o = (v) => v.cssClasses ? v.rootStyle : {}, l = S(() => {
-      const v = s.element, c = v.survey;
-      let q;
-      return c && (q = c.getElementWrapperComponentData(v)), {
+      const v = s.element, d = v.survey;
+      let h;
+      return d && (h = d.getElementWrapperComponentData(v)), {
         componentName: e(v),
         componentData: {
           element: v,
-          survey: c,
+          survey: d,
           row: s.row,
           css: s.css,
-          data: q
+          data: h
         }
       };
-    }), m = K(
+    }), c = K(
       () => s.element,
-      (v, c) => {
-        c && c.setWrapperElement(void 0), v.setWrapperElement(n.value);
+      (v, d) => {
+        d && d.setWrapperElement(void 0), v.setWrapperElement(n.value);
       }
     );
     return M(() => {
       s.element.setWrapperElement(n.value);
     }), O(() => {
-      s.element.setWrapperElement(void 0), m();
-    }), (v, c) => (i(), u("div", {
+      s.element.setWrapperElement(void 0), c();
+    }), (v, d) => (i(), u("div", {
       ref_key: "root",
       ref: n,
       style: I(o(v.element)),
       class: a(v.element.cssClasses.questionWrapper)
     }, [
-      v.row.isNeedRender ? (i(), g(R(t.value), z(E({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), g(R(v.element.skeletonComponentName), {
+      v.row.isNeedRender ? (i(), q(R(t.value), z(E({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), q(R(v.element.skeletonComponentName), {
         key: 1,
         element: v.element,
         css: v.css
-      }, null, 8, ["element", "css"])) : d("", !0)
+      }, null, 8, ["element", "css"])) : m("", !0)
     ], 6));
   }
-}), Ni = /* @__PURE__ */ h({
+}), Ni = /* @__PURE__ */ g({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5275,9 +5286,9 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
   },
   setup(r) {
     const s = $e(), n = S(() => !!s.default);
-    return (e, t) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), g(R(e.componentName), z(E({ key: 1 }, e.componentData)), null, 16));
+    return (e, t) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), q(R(e.componentName), z(E({ key: 1 }, e.componentData)), null, 16));
   }
-}), Pi = /* @__PURE__ */ h({
+}), Pi = /* @__PURE__ */ g({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5292,16 +5303,16 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
         onClick: n[0] || (n[0] = (...t) => s.question.doClean && s.question.doClean(...t))
       }, [
         p("span", null, T(s.question.clearButtonCaption), 1),
-        s.question.cssClasses.removeButtonIconId ? (i(), g(e, {
+        s.question.cssClasses.removeButtonIconId ? (i(), q(e, {
           key: 0,
           iconName: s.question.cssClasses.removeButtonIconId,
           size: "auto",
           title: s.question.clearButtonCaption
-        }, null, 8, ["iconName", "title"])) : d("", !0)
+        }, null, 8, ["iconName", "title"])) : m("", !0)
       ], 2);
     };
   }
-}), Mi = ["id"], Ei = /* @__PURE__ */ h({
+}), Mi = ["id"], Ei = /* @__PURE__ */ g({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5330,7 +5341,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
       ], 2);
     };
   }
-}), Hi = ["for", "aria-label"], Wi = /* @__PURE__ */ h({
+}), Hi = ["for", "aria-label"], Wi = /* @__PURE__ */ g({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5350,21 +5361,21 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
         class: a(n.value.getChooseFileCss()),
         for: n.value.inputId,
         "aria-label": n.value.chooseButtonText,
-        onClick: t[0] || (t[0] = (m) => n.value.chooseFile(m))
+        onClick: t[0] || (t[0] = (c) => n.value.chooseFile(c))
       }, [
-        n.value.cssClasses.chooseFileIconId ? (i(), g(o, {
+        n.value.cssClasses.chooseFileIconId ? (i(), q(o, {
           key: 0,
           title: n.value.chooseButtonText,
           iconName: n.value.cssClasses.chooseFileIconId,
           size: "auto"
-        }, null, 8, ["title", "iconName"])) : d("", !0),
+        }, null, 8, ["title", "iconName"])) : m("", !0),
         p("span", null, T(n.value.chooseButtonText), 1)
       ], 10, Hi)), [
         [l]
       ]);
     };
   }
-}), Fi = ["onClick", "href", "title", "download"], Vi = ["src"], Oi = ["onClick"], zi = ["onClick", "href", "title", "download"], Ui = /* @__PURE__ */ h({
+}), Fi = ["onClick", "href", "title", "download"], Vi = ["src"], Oi = ["onClick"], zi = ["onClick", "href", "title", "download"], Ui = /* @__PURE__ */ g({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5376,7 +5387,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
         key: 0,
         class: a(s.question.cssClasses.fileList || void 0)
       }, [
-        (i(!0), u(D, null, L(s.question.previewValue, (t, o) => N((i(), u("span", {
+        (i(!0), u(_, null, L(s.question.previewValue, (t, o) => N((i(), u("span", {
           key: s.question.inputId + "_" + o,
           class: a(s.question.cssClasses.previewItem),
           onClick: n[0] || (n[0] = (l) => s.question.doDownloadFileFromContainer(l))
@@ -5392,7 +5403,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               download: t.name,
               style: I({ width: s.question.imageWidth })
             }, T(t.name), 13, Fi)
-          ], 2)) : d("", !0),
+          ], 2)) : m("", !0),
           p("div", {
             class: a(s.question.getImageWrapperCss(t))
           }, [
@@ -5404,13 +5415,13 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
                 width: s.question.imageWidth
               }),
               alt: "File preview"
-            }, null, 12, Vi)) : d("", !0),
-            s.question.defaultImage(t) ? (i(), g(e, {
+            }, null, 12, Vi)) : m("", !0),
+            s.question.defaultImage(t) ? (i(), q(e, {
               key: 1,
               iconName: s.question.cssClasses.defaultImageIconId,
               class: a(s.question.cssClasses.defaultImage),
               size: "auto"
-            }, null, 8, ["iconName", "class"])) : d("", !0),
+            }, null, 8, ["iconName", "class"])) : m("", !0),
             t.name && !s.question.isReadOnly ? (i(), u("div", {
               key: 2,
               class: a(s.question.getRemoveButtonCss()),
@@ -5419,14 +5430,14 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               p("span", {
                 class: a(s.question.cssClasses.removeFile)
               }, T(s.question.removeFileCaption), 3),
-              s.question.cssClasses.removeFileSvgIconId ? (i(), g(e, {
+              s.question.cssClasses.removeFileSvgIconId ? (i(), q(e, {
                 key: 0,
                 title: s.question.removeFileCaption,
                 class: a(s.question.cssClasses.removeFileSvg),
                 iconName: s.question.cssClasses.removeFileSvgIconId,
                 size: "auto"
-              }, null, 8, ["title", "class", "iconName"])) : d("", !0)
-            ], 10, Oi)) : d("", !0)
+              }, null, 8, ["title", "class", "iconName"])) : m("", !0)
+            ], 10, Oi)) : m("", !0)
           ], 2),
           t.name && s.question.cssClasses.fileSignBottom ? (i(), u("div", {
             key: 1,
@@ -5439,14 +5450,14 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
               download: t.name,
               style: I({ width: s.question.imageWidth })
             }, T(t.name), 13, zi)
-          ], 2)) : d("", !0)
+          ], 2)) : m("", !0)
         ], 2)), [
           [H, t && s.question.isPreviewVisible(o)]
         ])), 128))
-      ], 2)) : d("", !0);
+      ], 2)) : m("", !0);
     };
   }
-}), Ki = /* @__PURE__ */ h({
+}), Ki = /* @__PURE__ */ g({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5461,16 +5472,16 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(D, null, L(e.question.visibleChoices, (l, m) => (i(), g(o, {
+        (i(!0), u(_, null, L(e.question.visibleChoices, (l, c) => (i(), q(o, {
           question: e.question,
-          key: m,
+          key: c,
           item: l,
-          index: m
+          index: c
         }, null, 8, ["question", "item", "index"]))), 128))
       ], 2);
     };
   }
-}), Qi = ["title"], ji = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Gi = ["title"], Ji = /* @__PURE__ */ h({
+}), Qi = ["title"], ji = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Gi = ["title"], Ji = /* @__PURE__ */ g({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5488,7 +5499,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
       }
     });
     return (t, o) => {
-      const l = y("sv-svg-icon"), m = y("survey-string");
+      const l = y("sv-svg-icon"), c = y("survey-string");
       return i(), u("label", {
         role: "radio",
         class: a(n.value.css.label),
@@ -5513,33 +5524,33 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
         p("div", {
           class: a(n.value.css.decorator)
         }, [
-          n.value.iconName ? (i(), g(l, {
+          n.value.iconName ? (i(), q(l, {
             key: 0,
             iconName: n.value.iconName,
             size: n.value.iconSize,
             class: a(n.value.css.icon)
-          }, null, 8, ["iconName", "size", "class"])) : d("", !0),
+          }, null, 8, ["iconName", "size", "class"])) : m("", !0),
           n.value.showCaption ? (i(), u("span", {
             key: 1,
             class: a(n.value.css.caption),
             title: n.value.caption.renderedHtml
           }, [
-            C(m, {
+            C(c, {
               locString: n.value.caption
             }, null, 8, ["locString"])
-          ], 10, Gi)) : d("", !0)
+          ], 10, Gi)) : m("", !0)
         ], 2)
       ], 10, Qi);
     };
   }
-}), Xi = ["src", "width", "height", "alt"], Yi = /* @__PURE__ */ h({
+}), Xi = ["src", "width", "height", "alt"], Yi = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
     data: {}
   },
   setup(r) {
-    const s = r, n = S(() => s.data), e = J(() => n.value.locLogo);
+    const s = r, n = S(() => s.data), e = G(() => n.value.locLogo);
     return (t, o) => (i(), u("div", {
       class: a(n.value.logoClassNames)
     }, [
@@ -5557,7 +5568,7 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
       }, null, 14, Xi)
     ], 2));
   }
-}), Zi = /* @__PURE__ */ h({
+}), Zi = /* @__PURE__ */ g({
   __name: "SvgBundle",
   setup(r) {
     const s = $();
@@ -5574,14 +5585,14 @@ const wi = /* @__PURE__ */ he(bi, [["render", fi]]), Ii = { key: 2 }, Si = /* @_
 });
 ze.platform = "vue3";
 function xi(r) {
-  r.component("SurveyComponent", ce), r.component("sv-svg-bundle", Zi), r.component("PopupSurveyComponent", pe), r.component("survey", ce), r.component("popup-survey", pe), r.component("survey-header", Ge), r.component("sv-logo-image", Yi), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", ys), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ns), r.component("survey-html", Ms), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Ks), r.component("sv-file-choose-btn", Wi), r.component("sv-file-clean-btn", Pi), r.component("sv-file-preview", Ui), r.component("sv-file-video", Ei), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Zs), r.component("survey-comment", sn), r.component("survey-dropdown", nn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", un), r.component("sv-dropdown", vn), r.component("survey-tagbox", yn), r.component("sv-tagbox", hn), r.component("sv-tagbox-item", wn), r.component("sv-tagbox-filter", kn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("sv-ranking-item-content", Bn), r.component("survey-rating", Nn), r.component("sv-rating-item", Mn), r.component("sv-rating-item-smiley", Hn), r.component("sv-rating-item-star", Fn), r.component("sv-rating-dropdown", Kn), r.component("sv-rating-dropdown-item", Un), r.component("survey-boolean", jn), r.component("sv-boolean-radio", Gn), r.component("sv-boolean-radio-item", Yn), r.component("sv-boolean-checkbox", oo), r.component("survey-multipletext", to), r.component("survey-multipletext-item", ro), r.component("survey-matrix", po), r.component("survey-matrix-row", yo), r.component("survey-matrix-cell", ho), r.component("survey-matrixdropdown", Co), r.component("survey-matrixtable", fo), r.component("survey-matrixheaderrequired", Io), r.component("survey-matrixdropdown-cell", Ro), r.component("survey-matrixdynamic", To), r.component("sv-matrix-remove-button", _o), r.component("sv-matrix-drag-drop-icon", Bo), r.component("sv-matrix-detail-button", Ao), r.component("survey-paneldynamic", No), r.component("survey-paneldynamicprogress", Po), r.component("survey-paneldynamicprogress-v2", Mo), r.component("sv-paneldynamic-add-btn", Eo), r.component("sv-paneldynamic-next-btn", Wo), r.component("sv-paneldynamic-prev-btn", Vo), r.component("sv-paneldynamic-remove-btn", Oo), r.component("sv-paneldynamic-progress-text", zo), r.component("sv-components-container", zt), r.component("sv-progress-buttons", Jt), r.component("sv-navigation-toc", Xt), 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", Ko), r.component("survey-question-comment", Go), r.component("survey-element-title", Jo), r.component("survey-element-title-content", xo), r.component("sv-title-actions", nt), r.component("sv-brand-info", at), r.component("sv-question-error", ct), r.component("sv-svg-icon", mt), r.component("sv-action-bar", pt), r.component("sv-action", qt), r.component("sv-action-bar-item", Ct), r.component("sv-action-bar-item-dropdown", ft), r.component("sv-action-bar-separator", wt), r.component("sv-list", Tt), r.component("sv-list-item-content", Bt), r.component("sv-list-item-group", Lt), r.component("sv-list-item", Dt), r.component("sv-popup", At), r.component("sv-popup-container", Ft), r.component("popup-pointer", Vt), r.component("sv-notifier", ii), r.component("survey-other-choice", ai), r.component("sv-nav-btn", di), r.component("survey-customwidget", ci), r.component("survey-popup-modal", pi), r.component("sv-character-counter", vi), r.component("survey-composite", yi), r.component("survey-custom", qi), r.component("sv-timerpanel", Ci), r.component("sv-loading-indicator", wi), r.component("sv-header", Si), r.component("sv-header-cell", $i), r.component("sv-header-mobile", Li), r.component("sv-template-renderer", Ni), r.component("survey-element", Ai), r.component("survey-buttongroup", Ki), r.component("sv-button-group-item", Ji), r.directive("key2click", {
+  r.component("SurveyComponent", me), r.component("sv-svg-bundle", Zi), r.component("PopupSurveyComponent", ce), r.component("survey", me), r.component("popup-survey", ce), r.component("survey-header", Ge), r.component("sv-logo-image", Yi), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", ys), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ns), r.component("survey-html", Ms), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Ks), r.component("sv-file-choose-btn", Wi), r.component("sv-file-clean-btn", Pi), r.component("sv-file-preview", Ui), r.component("sv-file-video", Ei), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Zs), r.component("survey-comment", sn), r.component("survey-dropdown", nn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", un), r.component("sv-dropdown", vn), r.component("survey-tagbox", yn), r.component("sv-tagbox", hn), r.component("sv-tagbox-item", wn), r.component("sv-tagbox-filter", kn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("sv-ranking-item-content", Bn), r.component("survey-rating", Nn), r.component("sv-rating-item", Mn), r.component("sv-rating-item-smiley", Hn), r.component("sv-rating-item-star", Fn), r.component("sv-rating-dropdown", Kn), r.component("sv-rating-dropdown-item", Un), r.component("survey-boolean", jn), r.component("sv-boolean-radio", Gn), r.component("sv-boolean-radio-item", Yn), r.component("sv-boolean-checkbox", oo), r.component("survey-multipletext", to), r.component("survey-multipletext-item", ro), r.component("survey-matrix", po), r.component("survey-matrix-row", yo), r.component("survey-matrix-cell", ho), r.component("survey-matrixdropdown", Co), r.component("survey-matrixtable", fo), r.component("survey-matrixheaderrequired", Io), r.component("survey-matrixdropdown-cell", Ro), r.component("survey-matrixdynamic", To), r.component("sv-matrix-remove-button", _o), r.component("sv-matrix-drag-drop-icon", Bo), r.component("sv-matrix-detail-button", Ao), r.component("survey-paneldynamic", No), r.component("survey-paneldynamicprogress", Po), r.component("survey-paneldynamicprogress-v2", Mo), r.component("sv-paneldynamic-add-btn", Eo), r.component("sv-paneldynamic-next-btn", Wo), r.component("sv-paneldynamic-prev-btn", Vo), r.component("sv-paneldynamic-remove-btn", Oo), r.component("sv-paneldynamic-progress-text", zo), r.component("sv-components-container", zt), r.component("sv-progress-buttons", Jt), r.component("sv-navigation-toc", Xt), 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", Ko), r.component("survey-question-comment", Go), r.component("survey-element-title", Jo), r.component("survey-element-title-content", xo), r.component("sv-title-actions", nt), r.component("sv-brand-info", at), r.component("sv-question-error", ct), r.component("sv-svg-icon", mt), r.component("sv-action-bar", pt), r.component("sv-action", qt), r.component("sv-action-bar-item", Ct), r.component("sv-action-bar-item-dropdown", ft), r.component("sv-action-bar-separator", wt), r.component("sv-list", Tt), r.component("sv-list-item-content", Bt), r.component("sv-list-item-group", Lt), r.component("sv-list-item", Dt), r.component("sv-popup", At), r.component("sv-popup-container", Ft), r.component("popup-pointer", Vt), r.component("sv-notifier", ii), r.component("survey-other-choice", ai), r.component("sv-nav-btn", di), r.component("survey-customwidget", ci), r.component("survey-popup-modal", pi), r.component("sv-character-counter", vi), r.component("survey-composite", yi), r.component("survey-custom", qi), r.component("sv-timerpanel", Ci), r.component("sv-loading-indicator", wi), r.component("sv-header", Si), r.component("sv-header-cell", $i), r.component("sv-header-mobile", Li), r.component("sv-template-renderer", Ni), r.component("survey-element", Ai), r.component("survey-buttongroup", Ki), r.component("sv-button-group-item", Ji), r.directive("key2click", {
     mounted: function(s, n) {
       const e = { ...n.value };
       if (e.disableTabStop) {
         s.tabIndex = -1;
         return;
       }
-      e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (t) => (t.preventDefault(), t.stopPropagation(), qe(t, e), !1)), s.addEventListener("keydown", (t) => {
+      e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (t) => (t.preventDefault(), t.stopPropagation(), ye(t, e), !1)), s.addEventListener("keydown", (t) => {
         Ue(t, e);
       }), s.addEventListener("blur", (t) => {
         Ke(t);
@@ -5598,6 +5609,6 @@ export {
   nr as surveyPlugin,
   B as useBase,
   re as useComputedArray,
-  J as useLocString,
+  G as useLocString,
   P as useQuestion
 };