npm - survey-vue3-ui - Versions diffs - 1.10.4 → 1.10.5 - Mend

survey-vue3-ui 1.10.4 → 1.10.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/survey-vue3-ui.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { shallowReactive as be, watch as K, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as ke, triggerRef as se, 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 B, createBlock as g, resolveDynamicComponent as T, normalizeProps as z, mergeProps as H, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as E, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as we, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, 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 ee, DropdownListModel as Be, Helpers as Le, DropdownMultiSelectListModel as Ne, doKey2ClickUp as ye, createSvg as Pe, ActionDropdownViewModel as Ae, getActionDropdownButtonTarget as Me, createPopupViewModel as Ee, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as We, settings as j, createDialogOptions as Fe, createPopupModalViewModel as Ve, ButtonGroupItemModel as Oe, SvgRegistry as ze, SurveyModel as Ue, doKey2ClickDown as Ke, doKey2ClickBlur as Qe } from "survey-core";
+import { shallowReactive as be, watch as K, onBeforeUnmount as G, onMounted as E, ref as $, shallowRef as U, watchEffect as ke, triggerRef as se, 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 B, createBlock as g, resolveDynamicComponent as T, normalizeProps as z, mergeProps as M, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as we, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, 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 ee, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Ee, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Me, 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";
 De.createPropertiesHash = () => be({});
-function je(r) {
+function Qe(r) {
   var s;
   !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented <= 0 && (r.createArrayCoreHandler = (n, e) => {
     const o = [], t = U(o);
@@ -29,7 +29,7 @@ function L(r, s, n) {
   const e = K(
     r,
     (o, t) => {
-      o && s && s(o, t), t && (me(t), n && n(t)), je(o);
+      o && s && s(o, t), t && (me(t), n && n(t)), Qe(o);
     },
     {
       immediate: !0
@@ -41,7 +41,7 @@ function L(r, s, n) {
   });
 }
 function A(r, s, n, e) {
-  L(() => r.question, n, e), M(() => {
+  L(() => r.question, n, e), E(() => {
     r.question && r.question.afterRenderQuestionElement(s.value);
   }), G(() => {
     r.question.beforeDestroyQuestionElement(s.value);
@@ -75,7 +75,7 @@ function le(r) {
     n();
   }), s;
 }
-const Ge = /* @__PURE__ */ h({
+const je = /* @__PURE__ */ h({
   __name: "Page",
   props: {
     survey: {},
@@ -91,7 +91,7 @@ const Ge = /* @__PURE__ */ h({
       () => {
         e();
       }
-    ), M(() => {
+    ), E(() => {
       e();
     }), (t, l) => {
       const m = y("survey-element-title"), v = y("survey-string"), c = y("survey-errors"), q = y("survey-row");
@@ -113,7 +113,7 @@ const Ge = /* @__PURE__ */ h({
           }, null, 8, ["locString"])
         ], 2)) : d("", !0),
         C(c, { element: t.page }, null, 8, ["element"]),
-        (i(!0), u(D, null, B(t.page.visibleRows, (f) => (i(), g(T(t.page.getSurvey().getRowWrapperComponentName(f)), z(H({
+        (i(!0), u(D, null, B(t.page.visibleRows, (f) => (i(), g(T(t.page.getSurvey().getRowWrapperComponentName(f)), z(M({
           key: f.id
         }, {
           componentData: t.page.getSurvey().getRowWrapperComponentData(f)
@@ -130,14 +130,14 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Je = /* @__PURE__ */ h({
+}), Ge = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     survey: {}
   },
   setup(r) {
     const s = r, n = $();
-    return M(() => {
+    return E(() => {
       var e = n.value;
       e && s.survey && s.survey.afterRenderHeader(e);
     }), (e, o) => {
@@ -180,7 +180,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2)) : d("", !0);
     };
   }
-}), Xe = /* @__PURE__ */ h({
+}), Je = /* @__PURE__ */ h({
   __name: "Row",
   props: {
     row: {},
@@ -197,7 +197,7 @@ const Ge = /* @__PURE__ */ h({
       (e) => {
         e.setRootElement(void 0), e.stopLazyRendering(), e.isNeedRender = !e.isLazyRendering();
       }
-    ), M(() => {
+    ), E(() => {
       if (s.row && (s.row.setRootElement(n.value), !s.row.isNeedRender)) {
         const e = n.value;
         setTimeout(() => {
@@ -220,10 +220,10 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ye = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], Ze = ["id"], xe = {
+}), Xe = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], Ye = ["id"], Ze = {
   inheritAttrs: !1
-}, es = /* @__PURE__ */ h({
-  ...xe,
+}, xe = /* @__PURE__ */ h({
+  ...Ze,
   __name: "Question",
   props: {
     survey: {},
@@ -311,9 +311,9 @@ const Ge = /* @__PURE__ */ h({
                 C(W, {
                   locString: k.element.locDescription
                 }, null, 8, ["locString"])
-              ], 10, Ze)) : d("", !0)
+              ], 10, Ye)) : d("", !0)
             ], 2), [
-              [E, k.element.renderedIsExpanded]
+              [H, k.element.renderedIsExpanded]
             ])
           ]),
           _: 1
@@ -328,13 +328,13 @@ const Ge = /* @__PURE__ */ h({
           element: k.element,
           location: "bottom"
         }, null, 8, ["element"])) : d("", !0)
-      ], 46, Ye);
+      ], 46, Xe);
     };
   }
-}), ss = ["id"], ns = ["id"], os = {
+}), es = ["id"], ss = ["id"], ns = {
   inheritAttrs: !1
-}, ts = /* @__PURE__ */ h({
-  ...os,
+}, os = /* @__PURE__ */ h({
+  ...ns,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -344,7 +344,7 @@ const Ge = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $(null), e = S(() => s.element.survey);
-    return L(() => s.element), M(() => {
+    return L(() => s.element), E(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
     }), (o, t) => {
       const l = y("survey-errors"), m = y("survey-element-header"), v = y("survey-row"), c = y("sv-action-bar");
@@ -375,7 +375,7 @@ const Ge = /* @__PURE__ */ h({
           style: I({ paddingLeft: o.element.innerPaddingLeft }),
           class: a(o.element.cssClasses.panel.content)
         }, [
-          (i(!0), u(D, null, B(o.element.visibleRows, (q) => (i(), g(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(H({
+          (i(!0), u(D, null, B(o.element.visibleRows, (q) => (i(), g(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(M({
             key: q.id
           }, {
             componentData: o.element.getSurvey().getRowWrapperComponentData(q)
@@ -392,11 +392,11 @@ const Ge = /* @__PURE__ */ h({
           C(c, {
             model: o.element.getFooterToolbar()
           }, null, 8, ["model"])
-        ], 14, ns)) : d("", !0)
-      ], 42, ss)) : d("", !0);
+        ], 14, ss)) : d("", !0)
+      ], 42, es)) : d("", !0);
     };
   }
-}), is = ["id"], rs = /* @__PURE__ */ h({
+}), ts = ["id"], is = /* @__PURE__ */ h({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -424,8 +424,8 @@ const Ge = /* @__PURE__ */ h({
           C(l, {
             locString: e.element.locDescription
           }, null, 8, ["locString"])
-        ], 10, is)), [
-          [E, e.element.hasDescription]
+        ], 10, ts)), [
+          [H, e.element.hasDescription]
         ]) : d("", !0),
         e.element.hasAdditionalTitleToolbar ? (i(), g(m, {
           key: 1,
@@ -434,7 +434,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), ls = /* @__PURE__ */ h({
+}), rs = /* @__PURE__ */ h({
   __name: "String",
   props: {
     locString: {}
@@ -444,7 +444,7 @@ const Ge = /* @__PURE__ */ h({
       locString: s.locString.renderAsData
     }, null, 8, ["locString"]));
   }
-}), as = ["innerHTML"], us = /* @__PURE__ */ h({
+}), ls = ["innerHTML"], as = /* @__PURE__ */ h({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -455,12 +455,12 @@ const Ge = /* @__PURE__ */ h({
       key: 0,
       class: a(w(e)),
       innerHTML: w(n)
-    }, null, 10, as)) : (i(), u("span", {
+    }, null, 10, ls)) : (i(), u("span", {
       key: 1,
       class: a(w(e))
     }, R(w(n)), 3));
   }
-}), ds = ["innerHTML"], ms = /* @__PURE__ */ h({
+}), us = ["innerHTML"], ds = /* @__PURE__ */ h({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -479,7 +479,7 @@ const Ge = /* @__PURE__ */ h({
       innerHTML: o.locString.renderedHtml,
       onBlur: n,
       onClick: e
-    }, null, 40, ds)) : (i(), u("span", {
+    }, null, 40, us)) : (i(), u("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -487,7 +487,7 @@ const Ge = /* @__PURE__ */ h({
       onClick: e
     }, R(o.locString.renderedHtml), 33));
   }
-}), cs = ["id"], ps = /* @__PURE__ */ h({
+}), ms = ["id"], cs = /* @__PURE__ */ h({
   __name: "Skeleton",
   props: {
     element: {}
@@ -497,9 +497,9 @@ const Ge = /* @__PURE__ */ h({
     return L(() => s.element), (n, e) => (i(), u("div", {
       class: "sv-skeleton-element",
       id: n.element.id
-    }, null, 8, cs));
+    }, null, 8, ms));
   }
-}), vs = ["id"], qs = ["value"], ys = /* @__PURE__ */ h({
+}), ps = ["id"], vs = ["value"], qs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -522,8 +522,8 @@ const Ge = /* @__PURE__ */ h({
         p("datalist", {
           id: e.question.dataListId
         }, [
-          (i(!0), u(D, null, B(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, qs))), 256))
-        ], 8, vs)
+          (i(!0), u(D, null, B(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
+        ], 8, ps)
       ], 512)) : (i(), g(t, {
         key: 2,
         question: e.question,
@@ -533,7 +533,7 @@ const Ge = /* @__PURE__ */ h({
       }, null, 8, ["question", "get-ref"]));
     };
   }
-}), gs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Cs = /* @__PURE__ */ h({
+}), ys = ["disabled", "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", "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({
   __name: "TextInput",
   props: {
     question: {},
@@ -578,7 +578,7 @@ const Ge = /* @__PURE__ */ h({
           "aria-describedby": l.question.a11y_input_ariaDescribedBy,
           "aria-invalid": l.question.a11y_input_ariaInvalid,
           "aria-errormessage": l.question.a11y_input_ariaErrormessage
-        }, null, 46, hs),
+        }, null, 46, gs),
         C(v, {
           counter: l.question.characterCounter,
           remainingCharacterCounter: l.question.cssClasses.remainingCharacterCounter
@@ -612,13 +612,13 @@ const Ge = /* @__PURE__ */ h({
         "aria-describedby": l.question.a11y_input_ariaDescribedBy,
         "aria-invalid": l.question.a11y_input_ariaInvalid,
         "aria-errormessage": l.question.a11y_input_ariaErrormessage
-      }, null, 46, gs));
+      }, null, 46, ys));
     };
   }
-}), bs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ks = {
+}), Cs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], bs = {
   key: 0,
   class: "sv-hidden"
-}, fs = { key: 7 }, ws = ["value"], ge = /* @__PURE__ */ h({
+}, ks = { key: 7 }, fs = ["value"], ge = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -650,18 +650,18 @@ const Ge = /* @__PURE__ */ h({
         "aria-invalid": t.question.a11y_input_ariaInvalid,
         "aria-errormessage": t.question.a11y_input_ariaErrormessage
       }, [
-        t.showLegend ? (i(), u("legend", ks, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
-        t.question.hasHeadItems ? (i(!0), u(D, { key: 1 }, B(t.question.headItems, (v) => (i(), g(T(e(v)), H({
+        t.showLegend ? (i(), u("legend", bs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
+        t.question.hasHeadItems ? (i(!0), u(D, { key: 1 }, B(t.question.headItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
-        !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(D, { key: 2 }, B(t.question.bodyItems, (v) => (i(), g(T(e(v)), H({
+        !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(D, { key: 2 }, B(t.question.bodyItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
         t.question.blockedRow ? (i(), u("div", {
           key: 3,
           class: a(t.question.cssClasses.rootRow)
         }, [
-          !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(D, { key: 0 }, B(t.question.dataChoices, (v) => (i(), g(T(e(v)), H({
+          !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(D, { key: 0 }, B(t.question.dataChoices, (v) => (i(), g(T(e(v)), M({
             key: v.value
           }, o(v)), null, 16))), 128)) : d("", !0)
         ], 2)) : d("", !0),
@@ -674,32 +674,32 @@ const Ge = /* @__PURE__ */ h({
             class: a(t.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(D, null, B(v, (q) => (i(), g(T(e(q)), H({
+            (i(!0), u(D, null, B(v, (q) => (i(), g(T(e(q)), M({
               key: q.value
             }, o(q)), null, 16))), 128))
           ], 2))), 128)) : d("", !0)
         ], 2)) : d("", !0),
-        t.question.hasFootItems ? (i(!0), u(D, { key: 5 }, B(t.question.footItems, (v) => (i(), g(T(e(v)), H({
+        t.question.hasFootItems ? (i(!0), u(D, { key: 5 }, B(t.question.footItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
         t.question.renderedValue && t.question.isOtherSelected ? (i(), g(m, {
           key: 6,
           question: t.question
         }, null, 8, ["question"])) : d("", !0),
-        t.question.showClearButtonInContent ? (i(), u("div", fs, [
+        t.question.showClearButtonInContent ? (i(), u("div", ks, [
           p("input", {
             type: "button",
             class: a(t.question.cssClasses.clearButton),
             onClick: l[0] || (l[0] = () => {
-              t.question.clearValue();
+              t.question.clearValue(!0);
             }),
             value: t.question.clearButtonCaption
-          }, null, 10, ws)
+          }, null, 10, fs)
         ])) : d("", !0)
-      ], 10, bs);
+      ], 10, Cs);
     };
   }
-}), Is = /* @__PURE__ */ h({
+}), ws = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -711,7 +711,7 @@ const Ge = /* @__PURE__ */ h({
       "show-legend": !0
     }, null, 8, ["question"]));
   }
-}), Ss = ["name", "checked", "value", "id", "disabled"], Rs = ["xlink:href"], Ts = /* @__PURE__ */ h({
+}), Is = ["name", "checked", "value", "id", "disabled"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -746,7 +746,7 @@ const Ge = /* @__PURE__ */ h({
             id: e.question.getItemId(e.item),
             disabled: !e.question.getItemEnabled(e.item),
             class: a(e.question.cssClasses.itemControl)
-          }, null, 42, Ss),
+          }, null, 42, Is),
           e.question.cssClasses.materialDecorator ? (i(), u("span", {
             key: 0,
             class: a(e.question.cssClasses.materialDecorator)
@@ -757,7 +757,7 @@ const Ge = /* @__PURE__ */ h({
             }, [
               p("use", {
                 "xlink:href": e.question.itemSvgIcon
-              }, null, 8, Rs)
+              }, null, 8, Ss)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           e.hideLabel ? d("", !0) : (i(), u("span", {
@@ -772,7 +772,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), $s = /* @__PURE__ */ h({
+}), Ts = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -781,7 +781,7 @@ const Ge = /* @__PURE__ */ h({
   setup(r) {
     return (s, n) => (i(), g(ge, { question: s.question }, null, 8, ["question"]));
   }
-}), _s = ["name", "value", "id", "aria-errormessage", "disabled"], Ds = ["xlink:href"], Bs = /* @__PURE__ */ h({
+}), $s = ["name", "value", "id", "aria-errormessage", "disabled"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -816,7 +816,7 @@ const Ge = /* @__PURE__ */ h({
             "onUpdate:modelValue": l[0] || (l[0] = (v) => o.value = v),
             disabled: !t.question.getItemEnabled(t.item),
             class: a(t.question.cssClasses.itemControl)
-          }, null, 10, _s), [
+          }, null, 10, $s), [
             [x, o.value]
           ]),
           t.question.cssClasses.materialDecorator ? (i(), u("span", {
@@ -829,7 +829,7 @@ const Ge = /* @__PURE__ */ h({
             }, [
               p("use", {
                 "xlink:href": t.question.itemSvgIcon
-              }, null, 8, Ds)
+              }, null, 8, _s)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           t.hideLabel ? d("", !0) : (i(), u("span", {
@@ -844,7 +844,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ls = ["src"], Ns = ["title"], Ps = { key: 0 }, As = /* @__PURE__ */ h({
+}), Bs = ["src"], Ls = ["title"], Ns = { key: 0 }, Ps = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -869,7 +869,7 @@ const Ge = /* @__PURE__ */ h({
             locString: e.question.locRenderedPlaceholder
           }, null, 8, ["locString"])
         ], 2), [
-          [E, e.question.needShowPlaceholder()]
+          [H, e.question.needShowPlaceholder()]
         ]),
         p("div", null, [
           e.question.backgroundImage ? (i(), u("img", {
@@ -879,7 +879,7 @@ const Ge = /* @__PURE__ */ h({
             style: I({
               width: e.question.renderedCanvasWidth
             })
-          }, null, 14, Ls)) : d("", !0),
+          }, null, 14, Bs)) : d("", !0),
           p("canvas", {
             tabindex: "-1",
             class: a(e.question.cssClasses.canvas),
@@ -895,16 +895,16 @@ const Ge = /* @__PURE__ */ h({
             class: a(e.question.cssClasses.clearButton),
             title: e.question.clearButtonCaption,
             onClick: o[1] || (o[1] = () => {
-              e.question.clearValue();
+              e.question.clearValue(!0);
             })
           }, [
-            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ps, "\u2716")),
+            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
             e.question.cssClasses.clearButtonIconId ? (i(), g(l, {
               key: 1,
               iconName: e.question.cssClasses.clearButtonIconId,
               size: "auto"
             }, null, 8, ["iconName"])) : d("", !0)
-          ], 10, Ns)
+          ], 10, Ls)
         ], 2)) : d("", !0),
         e.question.showLoadingIndicator ? (i(), u("div", {
           key: 1,
@@ -915,7 +915,7 @@ const Ge = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), Ms = ["innerHTML"], Es = /* @__PURE__ */ h({
+}), As = ["innerHTML"], Es = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -930,9 +930,9 @@ const Ge = /* @__PURE__ */ h({
       ref: n,
       class: a(o.question.renderCssRoot),
       innerHTML: w(e)
-    }, null, 10, Ms));
+    }, null, 10, As));
   }
-}), Hs = ["src", "alt", "width", "height"], Ws = ["src", "width", "height"], Fs = ["src", "width", "height"], Vs = /* @__PURE__ */ h({
+}), Hs = ["src", "alt", "width", "height"], Ms = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -968,7 +968,7 @@ const Ge = /* @__PURE__ */ h({
             o.question.onErrorHandler();
           })
         }, null, 46, Hs)), [
-          [E, w(e) && !o.question.contentNotLoaded]
+          [H, w(e) && !o.question.contentNotLoaded]
         ]) : d("", !0),
         o.question.renderedMode === "video" ? P((i(), u("video", {
           key: 1,
@@ -988,8 +988,8 @@ const Ge = /* @__PURE__ */ h({
           onError: t[3] || (t[3] = (m) => {
             o.question.onErrorHandler();
           })
-        }, null, 46, Ws)), [
-          [E, w(e) && !o.question.contentNotLoaded]
+        }, null, 46, Ms)), [
+          [H, w(e) && !o.question.contentNotLoaded]
         ]) : d("", !0),
         o.question.renderedMode === "youtube" ? (i(), u("iframe", {
           key: 2,
@@ -1002,7 +1002,7 @@ const Ge = /* @__PURE__ */ h({
             width: o.question.renderedStyleWidth,
             height: o.question.renderedStyleHeight
           })
-        }, null, 14, Fs)) : d("", !0),
+        }, null, 14, Ws)) : d("", !0),
         !w(e) || o.question.contentNotLoaded ? (i(), u("div", {
           key: 3,
           class: a(o.question.cssClasses.noImage)
@@ -1015,7 +1015,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Os = /* @__PURE__ */ h({
+}), Vs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1029,7 +1029,7 @@ const Ge = /* @__PURE__ */ h({
       ref: n
     }, R(e.question.formatedValue), 3));
   }
-}), zs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], 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 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1058,7 +1058,7 @@ const Ge = /* @__PURE__ */ h({
           title: e.question.inputTitle,
           accept: e.question.acceptedTypes,
           capture: e.question.renderCapture
-        }, null, 10, zs)) : d("", !0),
+        }, null, 10, Os)) : d("", !0),
         e.question.isReadOnly ? (i(), u("input", {
           key: 1,
           type: "file",
@@ -1068,7 +1068,7 @@ const Ge = /* @__PURE__ */ h({
           multiple: e.question.allowMultiple,
           placeholder: e.question.title,
           style: { color: "transparent" }
-        }, null, 10, Us)) : d("", !0),
+        }, null, 10, zs)) : d("", !0),
         p("div", {
           class: a(e.question.cssClasses.dragArea),
           onDrop: o[0] || (o[0] = (...k) => e.question.onDrop && e.question.onDrop(...k)),
@@ -1136,7 +1136,7 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Qs = { class: "sv-hidden" }, ce = "survey-imagepicker-item", js = /* @__PURE__ */ h({
+}), Ks = { class: "sv-hidden" }, ce = "survey-imagepicker-item", Qs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1158,8 +1158,8 @@ const Ge = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      p("legend", Qs, R(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.visibleChoices, (m) => (i(), g(T(e(m)), H({
+      p("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
+      t.question.hasColumns ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.visibleChoices, (m) => (i(), g(T(e(m)), M({
         key: m.value
       }, o(m)), null, 16))), 128)),
       t.question.hasColumns ? (i(!0), u(D, { key: 1 }, B(t.question.columns, (m, v) => (i(), u("div", {
@@ -1167,13 +1167,13 @@ const Ge = /* @__PURE__ */ h({
         key: v,
         role: "presentation"
       }, [
-        (i(!0), u(D, null, B(m, (c) => (i(), g(T(e(c)), H({
+        (i(!0), u(D, null, B(m, (c) => (i(), g(T(e(c)), M({
           key: c.value
         }, o(c)), null, 16))), 128))
       ], 2))), 128)) : d("", !0)
     ], 2));
   }
-}), Gs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Js = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Xs = ["src", "width", "height", "alt"], Ys = ["src", "width", "height"], Zs = /* @__PURE__ */ h({
+}), js = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Gs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Js = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Ys = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1205,7 +1205,7 @@ const Ge = /* @__PURE__ */ h({
             "aria-invalid": o.question.ariaInvalid,
             "aria-errormessage": o.question.ariaErrormessage,
             class: a(o.question.cssClasses.itemControl)
-          }, null, 10, Gs)), [
+          }, null, 10, js)), [
             [oe, o.question.value]
           ]) : P((i(), u("input", {
             key: 1,
@@ -1220,7 +1220,7 @@ const Ge = /* @__PURE__ */ h({
             "aria-invalid": o.question.ariaInvalid,
             "aria-errormessage": o.question.ariaErrormessage,
             class: a(o.question.cssClasses.itemControl)
-          }, null, 10, Js)), [
+          }, null, 10, Gs)), [
             [x, o.question.value]
           ]),
           p("div", {
@@ -1254,7 +1254,7 @@ const Ge = /* @__PURE__ */ h({
                 onError: t[3] || (t[3] = (v) => {
                   o.item.onErrorHandler();
                 })
-              }, null, 46, Xs)) : d("", !0),
+              }, null, 46, Js)) : d("", !0),
               w(e) && !o.item.contentNotLoaded && o.question.contentMode === "video" ? (i(), u("video", {
                 key: 2,
                 controls: "",
@@ -1269,7 +1269,7 @@ const Ge = /* @__PURE__ */ h({
                 onError: t[5] || (t[5] = (v) => {
                   o.item.onErrorHandler();
                 })
-              }, null, 46, Ys)) : d("", !0),
+              }, null, 46, Xs)) : d("", !0),
               !w(e) || o.item.contentNotLoaded ? (i(), u("div", {
                 key: 3,
                 class: a(o.question.cssClasses.itemNoImage),
@@ -1299,7 +1299,7 @@ const Ge = /* @__PURE__ */ h({
       ], 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({
+}), Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], en = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1342,7 +1342,7 @@ const Ge = /* @__PURE__ */ h({
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage,
         style: I({ resize: o.question.resizeStyle })
-      }, null, 46, xs)) : !o.question.isReadOnlyRenderDiv() && o.question.getMaxLength() ? (i(), u("div", {
+      }, null, 46, Zs)) : !o.question.isReadOnlyRenderDiv() && o.question.getMaxLength() ? (i(), u("div", {
         key: 1,
         ref_key: "root",
         ref: n
@@ -1371,7 +1371,7 @@ const Ge = /* @__PURE__ */ h({
           "aria-invalid": o.question.a11y_input_ariaInvalid,
           "aria-errormessage": o.question.a11y_input_ariaErrormessage,
           style: I({ resize: o.question.resizeStyle })
-        }, null, 46, en),
+        }, null, 46, xs),
         C(l, {
           counter: o.question.characterCounter,
           remainingCharacterCounter: o.question.cssClasses.remainingCharacterCounter
@@ -1383,7 +1383,7 @@ const Ge = /* @__PURE__ */ h({
       }, R(o.question.value), 513));
     };
   }
-}), nn = /* @__PURE__ */ h({
+}), sn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1406,16 +1406,16 @@ const Ge = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), on = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], tn = {
+}), nn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], on = {
   key: 0,
   value: ""
-}, rn = ["id"];
+}, tn = ["id"];
 ee.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const ln = /* @__PURE__ */ h({
+const rn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1453,7 +1453,7 @@ const ln = /* @__PURE__ */ h({
             disabled: "",
             id: l.question.inputId,
             class: a(l.question.getControlClass())
-          }, R(l.question.readOnlyText), 11, rn)) : P((i(), u("select", {
+          }, R(l.question.readOnlyText), 11, tn)) : P((i(), u("select", {
             key: 0,
             id: l.question.inputId,
             "onUpdate:modelValue": m[0] || (m[0] = (f) => t.value = f),
@@ -1467,12 +1467,12 @@ const ln = /* @__PURE__ */ h({
             "aria-errormessage": l.question.ariaErrormessage,
             required: l.question.isRequired
           }, [
-            l.question.allowClear ? (i(), u("option", tn, R(l.question.placeholder), 1)) : d("", !0),
+            l.question.allowClear ? (i(), u("option", on, R(l.question.placeholder), 1)) : d("", !0),
             (i(!0), u(D, null, B(l.question.visibleChoices, (f) => (i(), g(v, {
               item: f,
               key: f.id
             }, null, 8, ["item"]))), 128))
-          ], 42, on)), [
+          ], 42, nn)), [
             [we, t.value]
           ]),
           l.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
@@ -1493,7 +1493,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), an = ["value", "disabled"], un = /* @__PURE__ */ h({
+}), ln = ["value", "disabled"], an = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1503,18 +1503,15 @@ const ln = /* @__PURE__ */ h({
     return L(() => s.item), (e, o) => (i(), u("option", {
       value: e.item.value,
       disabled: !e.item.isEnabled
-    }, R(w(n)), 9, an));
+    }, R(w(n)), 9, ln));
   }
-}), 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"], vn = /* @__PURE__ */ h({
+}), un = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], dn = { style: { visibility: "hidden" } }, mn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], cn = ["id"], pn = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     question: {}
   },
   setup(r) {
-    const s = r, n = $(null), e = S(() => {
-      const b = s.question;
-      return b.dropdownListModel || (b.dropdownListModel = new Be(b)), s.question.dropdownListModel;
-    }), o = (b) => {
+    const s = r, n = $(null), e = S(() => s.question.dropdownListModel), o = (b) => {
       var N;
       (N = e.value) == null || N.onClick(b);
     }, t = (b) => {
@@ -1529,7 +1526,7 @@ const ln = /* @__PURE__ */ h({
     }, v = () => {
       if (n.value) {
         const b = n.value, N = e.value.inputStringRendered;
-        Le.isTwoValueEquals(N, b.value, !1, !0, !1) || (b.value = e.value.inputStringRendered);
+        Be.isTwoValueEquals(N, b.value, !1, !0, !1) || (b.value = e.value.inputStringRendered);
       }
     }, c = (b) => {
       var N;
@@ -1542,7 +1539,7 @@ const ln = /* @__PURE__ */ h({
     }, k = S(
       () => s.question.showSelectedItemLocText
     ), _ = S(() => s.question.selectedItemLocText);
-    return L(() => e.value), te(v), M(v), (b, N) => {
+    return L(() => e.value), te(v), E(v), (b, N) => {
       const W = y("survey-string"), F = y("sv-svg-icon"), Q = y("sv-popup");
       return i(), u("div", {
         class: a(b.question.cssClasses.selectWrapper),
@@ -1583,7 +1580,7 @@ const ln = /* @__PURE__ */ h({
               key: 1,
               class: a(b.question.cssClasses.hintSuffix)
             }, [
-              p("span", mn, R(e.value.inputStringRendered), 1),
+              p("span", dn, R(e.value.inputStringRendered), 1),
               p("span", null, R(e.value.hintStringSuffix), 1)
             ], 2)) : d("", !0),
             b.question.showInputFieldComponent ? (i(), g(T(b.question.inputFieldComponentName), {
@@ -1613,7 +1610,7 @@ const ln = /* @__PURE__ */ h({
               onInput: f,
               onBlur: c,
               onFocus: q
-            }, null, 42, cn)
+            }, null, 42, mn)
           ], 2),
           b.question.allowClear && b.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
             key: 1,
@@ -1628,9 +1625,9 @@ const ln = /* @__PURE__ */ h({
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [E, b.question.showClearButton]
+            [H, b.question.showClearButton]
           ]) : d("", !0)
-        ], 42, dn)),
+        ], 42, un)),
         b.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1642,7 +1639,7 @@ const ln = /* @__PURE__ */ h({
             locString: b.question.selectedItemLocText
           }, null, 8, ["locString"])) : d("", !0),
           p("div", null, R(b.question.readOnlyText), 1)
-        ], 10, pn)) : (i(), g(Q, {
+        ], 10, cn)) : (i(), g(Q, {
           key: 1,
           model: b.question.dropdownListModel.popupModel
         }, null, 8, ["model"])),
@@ -1661,7 +1658,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), qn = /* @__PURE__ */ h({
+}), vn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1684,7 +1681,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], gn = ["id"], hn = /* @__PURE__ */ h({
+}), qn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], yn = ["id"], gn = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1692,7 +1689,7 @@ const ln = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = S(() => {
       const c = s.question;
-      return c.dropdownListModel || (c.dropdownListModel = new Ne(c)), s.question.dropdownListModel;
+      return c.dropdownListModel || (c.dropdownListModel = new Le(c)), s.question.dropdownListModel;
     }), e = (c) => {
       var q;
       (q = n.value) == null || q.onClick(c);
@@ -1759,9 +1756,9 @@ const ln = /* @__PURE__ */ h({
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [E, c.question.showClearButton]
+            [H, c.question.showClearButton]
           ]) : d("", !0)
-        ], 42, yn)),
+        ], 42, qn)),
         c.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1772,7 +1769,7 @@ const ln = /* @__PURE__ */ h({
             key: 0,
             locString: c.question.locReadOnlyText
           }, null, 8, ["locString"])) : d("", !0)
-        ], 10, gn)) : (i(), g(b, {
+        ], 10, yn)) : (i(), g(b, {
           key: 1,
           model: n.value.popupModel
         }, null, 8, ["model"])),
@@ -1791,7 +1788,7 @@ const ln = /* @__PURE__ */ h({
       ], 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({
+}), hn = { style: { visibility: "hidden" } }, Cn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], bn = /* @__PURE__ */ h({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1830,7 +1827,7 @@ const ln = /* @__PURE__ */ h({
             key: 1,
             class: a(l.question.cssClasses.hintSuffix)
           }, [
-            p("span", Cn, R(l.model.inputStringRendered), 1),
+            p("span", hn, R(l.model.inputStringRendered), 1),
             p("span", null, R(l.model.hintStringSuffix), 1)
           ], 2)) : d("", !0),
           P(p("input", {
@@ -1855,14 +1852,14 @@ const ln = /* @__PURE__ */ h({
             onKeydown: e,
             onBlur: o,
             onFocus: t
-          }, null, 42, bn), [
+          }, null, 42, Cn), [
             [Ie, l.model.inputStringRendered]
           ])
         ], 2)
       ], 2);
     };
   }
-}), fn = { class: "sv-tagbox__item-text" }, wn = /* @__PURE__ */ h({
+}), kn = { class: "sv-tagbox__item-text" }, fn = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1878,7 +1875,7 @@ const ln = /* @__PURE__ */ h({
         class: "sv-tagbox__item",
         key: e.item.key
       }, [
-        p("div", fn, [
+        p("div", kn, [
           C(t, {
             locString: e.item.locText
           }, null, 8, ["locString"])
@@ -1896,7 +1893,7 @@ const ln = /* @__PURE__ */ h({
       ]);
     };
   }
-}), In = /* @__PURE__ */ h({
+}), wn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -1924,7 +1921,7 @@ const ln = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), H({
+        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), M({
           key: v.value + "-" + c + "-item"
         }, o(v, c)), null, 16))), 128)),
         t.question.selectToRankEnabled ? (i(), u("div", {
@@ -1932,7 +1929,7 @@ const ln = /* @__PURE__ */ h({
           class: a(t.question.getContainerClasses("from")),
           "data-ranking": "from-container"
         }, [
-          (i(!0), u(D, null, B(t.question.unRankingChoices, (v, c) => (i(), g(T(e(v)), H({
+          (i(!0), u(D, null, B(t.question.unRankingChoices, (v, c) => (i(), g(T(e(v)), M({
             key: v.value + "-" + c + "-item"
           }, o(v, c, !0)), null, 16))), 128)),
           t.question.unRankingChoices.length === 0 ? (i(), u("div", {
@@ -1953,7 +1950,7 @@ const ln = /* @__PURE__ */ h({
           class: a(t.question.getContainerClasses("to")),
           "data-ranking": "to-container"
         }, [
-          (i(!0), u(D, null, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), H({
+          (i(!0), u(D, null, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), M({
             key: v.value + "-" + c + "-item"
           }, o(v, c)), null, 16))), 128)),
           t.question.rankingChoices.length === 0 ? (i(), u("div", {
@@ -1968,10 +1965,10 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Sn = ["tabindex", "data-sv-drop-target-ranking-item"], Rn = {
+}), In = ["tabindex", "data-sv-drop-target-ranking-item"], Sn = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Tn = ["xlink:href"], $n = ["xlink:href"], _n = ["xlink:href"], Dn = /* @__PURE__ */ h({
+}, Rn = ["xlink:href"], Tn = ["xlink:href"], $n = ["xlink:href"], _n = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2008,7 +2005,7 @@ const ln = /* @__PURE__ */ h({
           );
         })
       }, [
-        p("div", Rn, [
+        p("div", Sn, [
           p("div", {
             class: a(e.question.cssClasses.itemGhostNode)
           }, null, 2),
@@ -2023,14 +2020,14 @@ const ln = /* @__PURE__ */ h({
               }, [
                 p("use", {
                   "xlink:href": e.question.dragDropSvgIcon
-                }, null, 8, Tn)
+                }, null, 8, Rn)
               ], 2)),
               (i(), u("svg", {
                 class: a(e.question.getIconFocusCss())
               }, [
                 p("use", {
                   "xlink:href": e.question.arrowsSvgIcon
-                }, null, 8, $n)
+                }, null, 8, Tn)
               ], 2))
             ], 2),
             !e.unrankedItem && n.value ? (i(), u("div", {
@@ -2043,7 +2040,7 @@ const ln = /* @__PURE__ */ h({
               (i(), u("svg", null, [
                 p("use", {
                   "xlink:href": e.question.dashSvgIcon
-                }, null, 8, _n)
+                }, null, 8, $n)
               ]))
             ], 2)),
             p("div", {
@@ -2055,13 +2052,13 @@ const ln = /* @__PURE__ */ h({
             ], 2)
           ], 2)
         ])
-      ], 42, Sn);
+      ], 42, In);
     };
   }
-}), Bn = { role: "radiogroup" }, Ln = /* @__PURE__ */ p("legend", {
+}), Dn = { role: "radiogroup" }, Bn = /* @__PURE__ */ p("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), Nn = /* @__PURE__ */ h({
+}, null, -1), Ln = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2078,8 +2075,8 @@ const ln = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        p("fieldset", Bn, [
-          Ln,
+        p("fieldset", Dn, [
+          Bn,
           o.question.hasMinLabel ? (i(), u("span", {
             key: 0,
             class: a(o.question.cssClasses.minText)
@@ -2106,7 +2103,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Pn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], An = /* @__PURE__ */ h({
+}), Nn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Pn = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2134,7 +2131,7 @@ const ln = /* @__PURE__ */ h({
           "aria-label": n.question.ariaLabel,
           "aria-invalid": n.question.ariaInvalid,
           "aria-errormessage": n.question.ariaErrormessage
-        }, null, 8, Pn),
+        }, null, 8, Nn),
         p("span", {
           class: a(n.question.cssClasses.itemText)
         }, [
@@ -2145,7 +2142,7 @@ const ln = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), Mn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], En = /* @__PURE__ */ h({
+}), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], En = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2176,7 +2173,7 @@ const ln = /* @__PURE__ */ h({
           "aria-label": n.question.ariaLabel,
           "aria-invalid": n.question.ariaInvalid,
           "aria-errormessage": n.question.ariaErrormessage
-        }, null, 8, Mn),
+        }, null, 8, An),
         C(o, {
           iconName: n.question.getItemSmileyIconName(n.item.itemValue),
           size: "auto",
@@ -2185,7 +2182,7 @@ const ln = /* @__PURE__ */ h({
       ], 38);
     };
   }
-}), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Wn = /* @__PURE__ */ h({
+}), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2231,10 +2228,10 @@ const ln = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), Fn = { class: "sd-rating-dropdown-item" }, Vn = { class: "sd-rating-dropdown-item_text" }, On = {
+}), Wn = { class: "sd-rating-dropdown-item" }, Fn = { class: "sd-rating-dropdown-item_text" }, Vn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, zn = /* @__PURE__ */ h({
+}, On = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {}
@@ -2243,9 +2240,9 @@ const ln = /* @__PURE__ */ h({
     const s = r;
     return L(() => s.item), (n, e) => {
       const o = y("survey-string");
-      return i(), u("div", Fn, [
-        p("span", Vn, R(n.item.title), 1),
-        n.item.description ? (i(), u("div", On, [
+      return i(), u("div", Wn, [
+        p("span", Fn, R(n.item.title), 1),
+        n.item.description ? (i(), u("div", Vn, [
           C(o, {
             locString: n.item.description
           }, null, 8, ["locString"])
@@ -2259,7 +2256,7 @@ ee.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const Un = /* @__PURE__ */ h({
+const zn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2278,7 +2275,7 @@ const Un = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Kn = ["name", "value", "id", ".indeterminate", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Qn = /* @__PURE__ */ h({
+}), Un = ["name", "value", "id", ".indeterminate", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Kn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2320,7 +2317,7 @@ const Un = /* @__PURE__ */ h({
             "aria-describedby": t.question.a11y_input_ariaDescribedBy,
             "aria-invalid": t.question.a11y_input_ariaInvalid,
             "aria-errormessage": t.question.a11y_input_ariaErrormessage
-          }, null, 42, Kn), [
+          }, null, 42, Un), [
             [oe, t.question.booleanValue]
           ]),
           p("div", {
@@ -2375,7 +2372,7 @@ ee.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const jn = /* @__PURE__ */ h({
+const Qn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2416,7 +2413,7 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Gn = ["name", "value", "checked", "aria-errormessage", "disabled"], Jn = ["xlink:href"], Xn = /* @__PURE__ */ h({
+}), jn = ["name", "value", "checked", "aria-errormessage", "disabled"], Gn = ["xlink:href"], Jn = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2446,7 +2443,7 @@ const jn = /* @__PURE__ */ h({
             disabled: e.question.isInputReadOnly,
             class: a(e.question.cssClasses.itemRadioControl),
             onChange: n
-          }, null, 42, Gn),
+          }, null, 42, jn),
           e.question.cssClasses.materialRadioDecorator ? (i(), u("span", {
             key: 0,
             class: a(e.question.cssClasses.materialRadioDecorator)
@@ -2457,7 +2454,7 @@ const jn = /* @__PURE__ */ h({
             }, [
               p("use", {
                 "xlink:href": e.question.itemSvgIcon
-              }, null, 8, Jn)
+              }, null, 8, Gn)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           p("span", {
@@ -2469,13 +2466,13 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Yn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Zn = ["xlink:href"], xn = /* @__PURE__ */ p("span", { class: "check" }, null, -1), eo = ["id"], so = ["id"];
+}), Xn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Yn = ["xlink:href"], Zn = /* @__PURE__ */ p("span", { class: "check" }, null, -1), xn = ["id"], eo = ["id"];
 ee.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const no = /* @__PURE__ */ h({
+const so = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2511,7 +2508,7 @@ const no = /* @__PURE__ */ h({
               "aria-label": e.question.ariaLabel,
               "aria-invalid": e.question.ariaInvalid,
               "aria-errormessage": e.question.ariaErrormessage
-            }, null, 42, Yn), [
+            }, null, 42, Xn), [
               [oe, e.question.booleanValue]
             ]),
             p("span", {
@@ -2523,9 +2520,9 @@ const no = /* @__PURE__ */ h({
               }, [
                 p("use", {
                   "xlink:href": e.question.svgIcon
-                }, null, 8, Zn)
+                }, null, 8, Yn)
               ], 2)) : d("", !0),
-              xn
+              Zn
             ], 2),
             e.question.isLabelRendered ? (i(), u("span", {
               key: 0,
@@ -2542,7 +2539,7 @@ const no = /* @__PURE__ */ h({
                 element: e.question,
                 css: e.css
               }, null, 8, ["element", "css"])) : d("", !0)
-            ], 10, eo)) : d("", !0)
+            ], 10, xn)) : d("", !0)
           ], 2),
           e.question.canRenderLabelDescription ? (i(), u("div", {
             key: 0,
@@ -2552,12 +2549,12 @@ const no = /* @__PURE__ */ h({
             C(m, {
               locString: e.question.locDescription
             }, null, 8, ["locString"])
-          ], 10, so)) : d("", !0)
+          ], 10, eo)) : d("", !0)
         ], 2)
       ], 2);
     };
   }
-}), oo = /* @__PURE__ */ h({
+}), no = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2595,7 +2592,7 @@ const no = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), to = { key: 1 }, io = /* @__PURE__ */ h({
+}), oo = { key: 1 }, to = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2625,7 +2622,7 @@ const no = /* @__PURE__ */ h({
           C(l, {
             locString: e.value.locTitle
           }, null, 8, ["locString"]),
-          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", to, "\xA0")) : d("", !0),
+          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", oo, "\xA0")) : d("", !0),
           e.value.editor.isRequireTextAfterTitle ? (i(), u("span", {
             key: 2,
             "aria-hidden": "true",
@@ -2644,7 +2641,7 @@ const no = /* @__PURE__ */ h({
       ], 2));
     };
   }
-}), ro = { class: "sv-hidden" }, lo = { key: 0 }, ao = { key: 0 }, uo = ["onClick"], mo = ["data-responsive-title", "onClick"], co = /* @__PURE__ */ h({
+}), io = { class: "sv-hidden" }, ro = { key: 0 }, lo = { key: 0 }, ao = ["onClick"], uo = ["data-responsive-title", "onClick"], mo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2676,13 +2673,13 @@ const no = /* @__PURE__ */ h({
         ref: n
       }, [
         p("fieldset", null, [
-          p("legend", ro, R(t.question.locTitle.renderedHtml), 1),
+          p("legend", io, R(t.question.locTitle.renderedHtml), 1),
           p("table", {
             class: a(t.question.getTableCss())
           }, [
-            t.question.showHeader ? (i(), u("thead", lo, [
+            t.question.showHeader ? (i(), u("thead", ro, [
               p("tr", null, [
-                t.question.hasRows ? (i(), u("td", ao)) : d("", !0),
+                t.question.hasRows ? (i(), u("td", lo)) : d("", !0),
                 (i(!0), u(D, null, B(t.question.visibleColumns, (v, c) => (i(), u("th", {
                   key: c,
                   class: a(t.question.cssClasses.headerCell),
@@ -2727,7 +2724,7 @@ const no = /* @__PURE__ */ h({
                     _: 2
                   }, 1032, ["componentData"]))
                 ], 6), [
-                  [E, t.question.hasRows]
+                  [H, t.question.hasRows]
                 ]),
                 t.question.hasCellText ? (i(!0), u(D, { key: 0 }, B(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
@@ -2737,7 +2734,7 @@ const no = /* @__PURE__ */ h({
                   C(m, {
                     locString: t.question.getCellDisplayLocText(v.name, q)
                   }, null, 8, ["locString"])
-                ], 10, uo))), 128)) : d("", !0),
+                ], 10, ao))), 128)) : d("", !0),
                 t.question.hasCellText ? d("", !0) : (i(!0), u(D, { key: 1 }, B(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
                   "data-responsive-title": q.locText.renderedHtml,
@@ -2750,7 +2747,7 @@ const no = /* @__PURE__ */ h({
                     column: q,
                     columnIndex: f
                   }, null, 8, ["question", "row", "column", "columnIndex"]))
-                ], 10, mo))), 128))
+                ], 10, uo))), 128))
               ], 2))), 128))
             ])
           ], 2)
@@ -2758,7 +2755,7 @@ const no = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), po = ["data-sv-drop-target-matrix-row"], vo = /* @__PURE__ */ h({
+}), co = ["data-sv-drop-target-matrix-row"], po = /* @__PURE__ */ h({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -2773,7 +2770,7 @@ const no = /* @__PURE__ */ h({
         t && t.setRootElement(void 0), o.setRootElement(n.value);
       }
     );
-    return M(() => {
+    return E(() => {
       s.row.setRootElement(n.value);
     }), O(() => {
       s.row.setRootElement(void 0), e();
@@ -2792,10 +2789,10 @@ const no = /* @__PURE__ */ h({
           question: o.question,
           key: o.row.id + "_" + v
         }, null, 8, ["cell", "question"]))), 128))
-      ], 42, po)) : d("", !0);
+      ], 42, co)) : d("", !0);
     };
   }
-}), qo = ["name", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], yo = ["xlink:href"], go = /* @__PURE__ */ h({
+}), vo = ["name", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], qo = ["xlink:href"], yo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2826,7 +2823,7 @@ const no = /* @__PURE__ */ h({
           ),
           "aria-invalid": s.question.a11y_input_ariaInvalid,
           "aria-errormessage": s.question.a11y_input_ariaErrormessage
-        }, null, 10, qo), [
+        }, null, 10, vo), [
           [x, s.row.value]
         ]),
         p("span", {
@@ -2838,7 +2835,7 @@ const no = /* @__PURE__ */ h({
           }, [
             p("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, yo)
+            }, null, 8, qo)
           ], 2)) : d("", !0)
         ], 2),
         s.question.isMobile ? (i(), u("span", {
@@ -2852,7 +2849,7 @@ const no = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), ho = /* @__PURE__ */ h({
+}), go = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2869,7 +2866,7 @@ const no = /* @__PURE__ */ h({
       }, null, 8, ["question"]);
     };
   }
-}), Co = { key: 0 }, bo = { key: 1 }, ko = /* @__PURE__ */ h({
+}), ho = { key: 0 }, Co = { key: 1 }, bo = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2898,7 +2895,7 @@ const no = /* @__PURE__ */ h({
         p("table", {
           class: a(e.question.getTableCss())
         }, [
-          n.value.showHeader ? (i(), u("thead", Co, [
+          n.value.showHeader ? (i(), u("thead", ho, [
             p("tr", null, [
               (i(!0), u(D, null, B(n.value.headerRow.cells, (c) => (i(), u(D, null, [
                 c.hasTitle ? (i(), u("th", {
@@ -2937,7 +2934,7 @@ const no = /* @__PURE__ */ h({
               question: e.question
             }, null, 8, ["row", "question"]))), 128))
           ]),
-          n.value.showFooter ? (i(), u("tfoot", bo, [
+          n.value.showFooter ? (i(), u("tfoot", Co, [
             p("tr", null, [
               (i(!0), u(D, null, B(n.value.footerRow.cells, (c, q) => (i(), g(v, {
                 cell: c,
@@ -2950,7 +2947,7 @@ const no = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), fo = /* @__PURE__ */ p("span", null, "\xA0", -1), wo = /* @__PURE__ */ h({
+}), ko = /* @__PURE__ */ p("span", null, "\xA0", -1), fo = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -2959,14 +2956,14 @@ const no = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return L(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(D, { key: 0 }, [
-      fo,
+      ko,
       n.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
         class: a(n.question.cssClasses.cellRequiredText)
       }, R(n.column.requiredText), 3)) : d("", !0)
     ], 64)) : d("", !0);
   }
-}), Io = ["data-responsive-title", "title", "colspan"], So = /* @__PURE__ */ h({
+}), wo = ["data-responsive-title", "title", "colspan"], Io = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -2974,7 +2971,7 @@ const no = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => n.value = s.cell.question.isVisible, m = (q) => re(q);
-    M(() => {
+    E(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
       l(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -3039,7 +3036,7 @@ const no = /* @__PURE__ */ h({
           model: q.cell.item.getData(),
           handleClick: !1
         }, null, 8, ["model"])) : d("", !0),
-        q.cell.hasPanel ? (i(), g(T(v.value), z(H({ key: 3 }, c.value)), null, 16)) : d("", !0),
+        q.cell.hasPanel ? (i(), g(T(v.value), z(M({ key: 3 }, c.value)), null, 16)) : d("", !0),
         q.cell.hasQuestion ? P((i(), u("div", {
           key: 4,
           class: a(q.cell.cellQuestionWrapperClassName)
@@ -3084,7 +3081,7 @@ const no = /* @__PURE__ */ h({
             question: q.cell.question
           }, null, 8, ["question"])) : d("", !0)
         ], 2)), [
-          [E, n.value]
+          [H, n.value]
         ]) : d("", !0),
         q.cell.hasTitle ? (i(), g(T(q.question.getCellWrapperComponentName(q.cell)), {
           key: 5,
@@ -3102,10 +3099,10 @@ const no = /* @__PURE__ */ h({
           ]),
           _: 1
         }, 8, ["componentData"])) : d("", !0)
-      ], 46, Io);
+      ], 46, wo);
     };
   }
-}), Ro = /* @__PURE__ */ h({
+}), So = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3196,7 +3193,7 @@ function ae(r, s = !0) {
     row: s ? S(() => r.item.data.row) : void 0
   };
 }
-const To = ["disabled"], $o = /* @__PURE__ */ h({
+const Ro = ["disabled"], To = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3217,10 +3214,10 @@ const To = ["disabled"], $o = /* @__PURE__ */ h({
         p("span", {
           class: a(w(n).cssClasses.iconRemove)
         }, null, 2)
-      ], 10, To);
+      ], 10, Ro);
     };
   }
-}), _o = ["xlink:href"], Do = /* @__PURE__ */ h({
+}), $o = ["xlink:href"], _o = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3233,13 +3230,13 @@ const To = ["disabled"], $o = /* @__PURE__ */ h({
     }, [
       p("use", {
         "xlink:href": w(n).iconDragElement
-      }, null, 8, _o)
+      }, null, 8, $o)
     ], 2)) : (i(), u("span", {
       key: 1,
       class: a(w(n).cssClasses.iconDrag)
     }, null, 2));
   }
-}), Bo = ["aria-expanded", "aria-controls"], Lo = /* @__PURE__ */ h({
+}), Do = ["aria-expanded", "aria-controls"], Bo = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3260,10 +3257,10 @@ const To = ["disabled"], $o = /* @__PURE__ */ h({
           iconName: w(n).getDetailPanelIconId(w(e)),
           size: "auto"
         }, null, 8, ["class", "iconName"])
-      ], 10, Bo);
+      ], 10, Do);
     };
   }
-}), No = /* @__PURE__ */ h({
+}), Lo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3383,7 +3380,7 @@ const To = ["disabled"], $o = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Po = /* @__PURE__ */ h({
+}), No = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3429,7 +3426,7 @@ const To = ["disabled"], $o = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ao = /* @__PURE__ */ h({
+}), Po = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3471,7 +3468,7 @@ function Y(r) {
     () => r.item && r.item.data.question || r.data.question
   );
 }
-const Mo = /* @__PURE__ */ h({
+const Ao = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3523,7 +3520,7 @@ const Mo = /* @__PURE__ */ h({
       ], 10, Eo);
     };
   }
-}), Wo = ["title"], Fo = /* @__PURE__ */ h({
+}), Mo = ["title"], Wo = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3544,10 +3541,10 @@ const Mo = /* @__PURE__ */ h({
           iconName: w(n).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Wo);
+      ], 10, Mo);
     };
   }
-}), Vo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3579,7 +3576,7 @@ const Mo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Oo = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3591,7 +3588,7 @@ const Mo = /* @__PURE__ */ h({
       class: a(w(n).cssClasses.progressText)
     }, R(w(n).progressText), 3));
   }
-}), zo = ["id"], Uo = /* @__PURE__ */ h({
+}), Oo = ["id"], zo = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3615,15 +3612,15 @@ const Mo = /* @__PURE__ */ h({
         error: o,
         cssClasses: n.element.cssClasses
       }, null, 8, ["element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, zo)) : d("", !0);
+    ], 10, Oo)) : d("", !0);
   }
-}), Ko = { key: 0 }, Qo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], jo = /* @__PURE__ */ h({
+}), Uo = { key: 0 }, Ko = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Qo = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(r) {
-    return (s, n) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Ko, R(s.question.comment), 1)) : (i(), u("textarea", {
+    return (s, n) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Uo, R(s.question.comment), 1)) : (i(), u("textarea", {
       key: 1,
       id: s.question.commentId,
       readonly: s.question.isInputReadOnly,
@@ -3641,9 +3638,9 @@ const Mo = /* @__PURE__ */ h({
       onInput: n[1] || (n[1] = (e) => {
         s.question.onCommentInput(e);
       })
-    }, null, 46, Qo));
+    }, null, 46, Ko));
   }
-}), Go = /* @__PURE__ */ h({
+}), jo = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3683,7 +3680,7 @@ const Mo = /* @__PURE__ */ h({
       }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : d("", !0);
     };
   }
-}), Jo = { key: 3 }, Xo = { key: 5 }, Yo = { key: 7 }, Zo = /* @__PURE__ */ h({
+}), Go = { key: 3 }, Jo = { key: 5 }, Xo = { key: 7 }, Yo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3712,18 +3709,18 @@ const Mo = /* @__PURE__ */ h({
           class: a(e.element.cssTitleNumber),
           "aria-hidden": !0
         }, R(e.element.no), 3)) : d("", !0),
-        !e.element.isTitleRenderedAsString && e.element.no ? (i(), u("span", Jo, "\xA0")) : d("", !0),
+        !e.element.isTitleRenderedAsString && e.element.no ? (i(), u("span", Go, "\xA0")) : d("", !0),
         !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", {
           key: 4,
           class: a(n.value.requiredText),
           "aria-hidden": !0
         }, R(e.element.requiredText), 3)) : d("", !0),
-        !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Xo, "\xA0")) : d("", !0),
+        !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), u("span", Jo, "\xA0")) : d("", !0),
         e.element.isTitleRenderedAsString ? d("", !0) : (i(), g(t, {
           key: 6,
           locString: e.element.locTitle
         }, null, 8, ["locString"])),
-        !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", Yo, "\xA0")) : d("", !0),
+        !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", Xo, "\xA0")) : d("", !0),
         !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), u("span", {
           key: 8,
           class: a(n.value.requiredText),
@@ -3732,7 +3729,7 @@ const Mo = /* @__PURE__ */ h({
       ], 64);
     };
   }
-}), xo = { class: "sv-title-actions" }, et = { class: "sv-title-actions__title" }, st = /* @__PURE__ */ h({
+}), Zo = { class: "sv-title-actions" }, xo = { class: "sv-title-actions__title" }, et = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3742,8 +3739,8 @@ const Mo = /* @__PURE__ */ h({
     const s = r, n = S(() => s.element.getTitleToolbar());
     return (e, o) => {
       const t = y("survey-string"), l = y("survey-element-title-content"), m = y("sv-action-bar");
-      return i(), u("div", xo, [
-        p("span", et, [
+      return i(), u("div", Zo, [
+        p("span", xo, [
           e.element.isPage ? (i(), g(t, {
             key: 0,
             locString: e.element.locTitle
@@ -3763,15 +3760,15 @@ const Mo = /* @__PURE__ */ h({
   for (const [e, o] of s)
     n[e] = o;
   return n;
-}, nt = {}, ot = { class: "sv-brand-info" }, tt = /* @__PURE__ */ Se('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), it = [
-  tt
+}, st = {}, nt = { class: "sv-brand-info" }, ot = /* @__PURE__ */ Se('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), tt = [
+  ot
 ];
-function rt(r, s) {
-  return i(), u("div", ot, it);
+function it(r, s) {
+  return i(), u("div", nt, tt);
 }
-const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use", null, null, -1), ut = [
-  at
-], dt = /* @__PURE__ */ h({
+const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use", null, null, -1), at = [
+  lt
+], ut = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3782,7 +3779,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = $(), e = () => {
-      Pe(
+      Ne(
         s.size,
         s.width,
         s.height,
@@ -3793,16 +3790,16 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     };
     return te(() => {
       e();
-    }), M(() => {
+    }), E(() => {
       e();
     }), (o, t) => (i(), u("svg", {
       ref_key: "svgIconElement",
       ref: n,
       class: "sv-svg-icon",
       role: "img"
-    }, ut, 512));
+    }, at, 512));
   }
-}), mt = /* @__PURE__ */ h({
+}), dt = /* @__PURE__ */ h({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3832,7 +3829,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ]);
     };
   }
-}), ct = /* @__PURE__ */ h({
+}), mt = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3845,7 +3842,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     };
     L(() => s.model);
     const o = le(() => s.model.renderedActions);
-    return M(() => {
+    return E(() => {
       !s.model.hasActions || s.model.initResponsivityManager(n.value);
     }), O(() => {
       s.model.resetResponsivityManager();
@@ -3865,7 +3862,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 2)) : d("", !0);
     };
   }
-}), pt = ["id"], vt = { class: "sv-action__content" }, qt = /* @__PURE__ */ h({
+}), ct = ["id"], pt = { class: "sv-action__content" }, vt = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -3880,17 +3877,17 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
         class: a(e.item.getActionRootCss()),
         id: e.item.id
       }, [
-        p("div", vt, [
+        p("div", pt, [
           e.item.needSeparator ? (i(), g(t, { key: 0 })) : d("", !0),
           (i(), g(T(n.value), { item: e.item }, null, 8, ["item"]))
         ])
-      ], 10, pt);
+      ], 10, ct);
     };
   }
-}), yt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], gt = {
+}), qt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], yt = {
   inheritAttrs: !1
-}, ht = /* @__PURE__ */ h({
-  ...gt,
+}, gt = /* @__PURE__ */ h({
+  ...yt,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -3925,26 +3922,26 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           key: 1,
           class: a(n.item.getActionBarItemTitleCss())
         }, R(n.item.title), 3)) : d("", !0)
-      ], 42, yt)), [
+      ], 42, qt)), [
         [t, { processEsc: !1, disableTabStop: n.item.disableTabStop }]
       ]);
     };
   }
-}), Ct = ["disabled", "title", "role"], bt = {
+}), ht = ["disabled", "title", "role"], Ct = {
   inheritAttrs: !1
-}, kt = /* @__PURE__ */ h({
-  ...bt,
+}, bt = /* @__PURE__ */ h({
+  ...Ct,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
   },
   setup(r) {
-    const s = r, n = Me;
+    const s = r, n = Ae;
     let e;
     return L(
       () => s.item,
       (o) => {
-        e = new Ae(o);
+        e = new Pe(o);
       },
       () => {
         e.dispose();
@@ -3976,7 +3973,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
             key: 1,
             class: a(o.item.getActionBarItemTitleCss())
           }, R(o.item.title), 3)) : d("", !0)
-        ], 42, Ct)), [
+        ], 42, ht)), [
           [v, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
         ]),
         C(m, {
@@ -3986,7 +3983,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 64);
     };
   }
-}), ft = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -3997,7 +3994,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       class: a(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), wt = ["aria-label", "placeholder", "value"], It = ["aria-label"], St = ["id"], Rt = /* @__PURE__ */ h({
+}), ft = ["aria-label", "placeholder", "value"], wt = ["aria-label"], It = ["id"], St = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -4012,7 +4009,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     }, t = (l) => {
       s.model.onMouseMove(l);
     };
-    return L(() => s.model), M(() => {
+    return L(() => s.model), E(() => {
       s.model.initListContainerHtmlElement(n.value);
     }), (l, m) => {
       const v = y("sv-svg-icon"), c = y("sv-list-item");
@@ -4041,7 +4038,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
             value: l.model.filterString,
             onChange: e,
             onKeyup: o
-          }, null, 42, wt),
+          }, null, 42, ft),
           l.model.showSearchClearButton && !!l.model.filterString ? (i(), u("button", {
             key: 0,
             onClick: m[0] || (m[0] = (q) => {
@@ -4061,9 +4058,9 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           p("div", {
             class: a(l.model.cssClasses.emptyText),
             "aria-label": l.model.emptyMessage
-          }, R(l.model.emptyMessage), 11, It)
+          }, R(l.model.emptyMessage), 11, wt)
         ], 2), [
-          [E, l.model.isEmpty]
+          [H, l.model.isEmpty]
         ]),
         l.model.renderElements ? P((i(), u("ul", {
           key: 1,
@@ -4083,13 +4080,13 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
             model: l.model,
             key: q.id
           }, null, 8, ["item", "model"]))), 128))
-        ], 42, St)), [
-          [E, !l.model.isEmpty]
+        ], 42, It)), [
+          [H, !l.model.isEmpty]
         ]) : d("", !0)
       ], 2);
     };
   }
-}), Tt = ["aria-selected", "id", "tabindex"], $t = ["title"], _t = /* @__PURE__ */ h({
+}), Rt = ["aria-selected", "id", "tabindex"], Tt = ["title"], $t = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4099,7 +4096,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     const s = r, n = S(() => s.item.elementId), e = (o) => {
       s.model.onItemClick(s.item), o.stopPropagation();
     };
-    return L(() => s.item), M(() => {
+    return L(() => s.item), E(() => {
       setTimeout(() => {
         s.model.onLastItemRended(s.item);
       });
@@ -4138,14 +4135,14 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
             key: 2,
             item: o.item
           }, null, 8, ["item"])) : d("", !0)
-        ], 14, $t)
-      ], 42, Tt)), [
-        [E, o.model.isItemVisible(o.item)],
+        ], 14, Tt)
+      ], 42, Rt)), [
+        [H, o.model.isItemVisible(o.item)],
         [v, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
       ]);
     };
   }
-}), Dt = /* @__PURE__ */ h({
+}), _t = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     getTarget: { type: Function },
@@ -4159,7 +4156,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
         n.value && n.value.dispose(), n.value = Ee(o, void 0);
       },
       { immediate: !0 }
-    ), L(() => n.value), M(() => {
+    ), L(() => n.value), E(() => {
       const o = e.value;
       n.value.setComponentElement(
         o,
@@ -4177,10 +4174,10 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 512);
     };
   }
-}), Bt = { class: "sv-popup__shadow" }, Lt = { class: "sv-popup__body-content" }, Nt = {
+}), Dt = { class: "sv-popup__shadow" }, Bt = { class: "sv-popup__body-content" }, Lt = {
   key: 0,
   class: "sv-popup__body-header"
-}, Pt = { class: "sv-popup__scrolling-content" }, At = { class: "sv-popup__content" }, Mt = {
+}, Nt = { class: "sv-popup__scrolling-content" }, Pt = { class: "sv-popup__content" }, At = {
   key: 1,
   class: "sv-popup__body-footer"
 }, Et = /* @__PURE__ */ h({
@@ -4195,7 +4192,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     return L(() => s.model), te(() => {
       const e = s.model;
       e.isVisible && !e.isPositionSet && s.model.updateOnShowing();
-    }), M(() => {
+    }), E(() => {
       s.model.isVisible && s.model.updateOnShowing();
     }), (e, o) => {
       const t = y("sv-action-bar");
@@ -4220,19 +4217,19 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           }),
           onClick: n
         }, [
-          p("div", Bt, [
+          p("div", Dt, [
             e.model.showHeader ? (i(), g(T(e.model.popupHeaderTemplate), {
               key: 0,
               model: e.model
             }, null, 8, ["model"])) : d("", !0),
-            p("div", Lt, [
-              e.model.title ? (i(), u("div", Nt, R(e.model.title), 1)) : d("", !0),
-              p("div", Pt, [
-                p("div", At, [
+            p("div", Bt, [
+              e.model.title ? (i(), u("div", Lt, R(e.model.title), 1)) : d("", !0),
+              p("div", Nt, [
+                p("div", Pt, [
                   (i(), g(T(e.model.contentComponentName), z(ne(e.model.contentComponentData)), null, 16))
                 ])
               ]),
-              e.model.showFooter ? (i(), u("div", Mt, [
+              e.model.showFooter ? (i(), u("div", At, [
                 C(t, {
                   model: e.model.footerToolbar
                 }, null, 8, ["model"])
@@ -4241,7 +4238,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           ])
         ], 4)
       ], 34)), [
-        [E, e.model.isVisible]
+        [H, e.model.isVisible]
       ]);
     };
   }
@@ -4259,10 +4256,10 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       })
     }, null, 4));
   }
-}), Wt = {
+}), Mt = {
   key: 0,
   class: "sv-components-column"
-}, Ft = /* @__PURE__ */ h({
+}, Wt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4274,7 +4271,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       () => s.survey.getContainerContent(s.container)
     );
     return (e, o) => n.value.length > 0 ? (i(), u(D, { key: 0 }, [
-      e.needRenderWrapper ? (i(), u("div", Wt, [
+      e.needRenderWrapper ? (i(), u("div", Mt, [
         (i(!0), u(D, null, B(n.value, (t, l) => (i(), g(T(t.component), {
           survey: e.survey,
           container: e.container,
@@ -4316,7 +4313,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       }, R(t.survey.progressText), 3)
     ], 2));
   }
-}), Vt = ["title"], Ot = ["onClick", "data-page-number"], zt = ["title"], Ut = ["title"], Kt = ["title"], Qt = /* @__PURE__ */ h({
+}), Ft = ["title"], Vt = ["onClick", "data-page-number"], Ot = ["title"], zt = ["title"], Ut = ["title"], Kt = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4330,7 +4327,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       let f = l.value;
       f.scrollLeft += (q ? -1 : 1) * 70;
     };
-    return M(() => {
+    return E(() => {
       const q = l.value;
       v = new He(s.model, q, {
         onResize: (f) => {
@@ -4363,7 +4360,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           p("div", {
             class: a(q.survey.css.progressButtonsPageTitle),
             title: q.model.headerText
-          }, R(q.model.headerText), 11, Vt)
+          }, R(q.model.headerText), 11, Ft)
         ], 2)) : d("", !0),
         p("div", {
           class: a(m.value.progressButtonsContainer)
@@ -4398,12 +4395,12 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                   C(k, {
                     locString: _.locNavigationTitle
                   }, null, 8, ["locString"])
-                ], 10, zt)) : d("", !0),
+                ], 10, Ot)) : d("", !0),
                 t.value ? (i(), u("div", {
                   key: 1,
                   class: a(m.value.progressButtonsPageDescription),
                   title: _.locNavigationDescription.renderedHtml
-                }, R(_.locNavigationDescription.renderedHtml), 11, Ut)) : d("", !0),
+                }, R(_.locNavigationDescription.renderedHtml), 11, zt)) : d("", !0),
                 p("div", {
                   class: a(m.value.progressButtonsButton)
                 }, [
@@ -4415,7 +4412,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                   }, null, 2),
                   p("span", null, R(q.model.getItemNumber(_)), 1)
                 ], 2)
-              ], 10, Ot))), 128))
+              ], 10, Vt))), 128))
             ], 2)
           ], 2),
           p("div", {
@@ -4431,12 +4428,12 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
           p("div", {
             class: a(q.survey.css.progressButtonsPageTitle),
             title: q.model.footerText
-          }, R(q.model.footerText), 11, Kt)
+          }, R(q.model.footerText), 11, Ut)
         ], 2)) : d("", !0)
       ], 6);
     };
   }
-}), jt = /* @__PURE__ */ h({
+}), Qt = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4468,10 +4465,10 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 2);
     };
   }
-}), Gt = { onsubmit: "return false;" }, Jt = {
+}), jt = { onsubmit: "return false;" }, Gt = {
   key: 0,
   class: "sv_custom_header"
-}, Xt = { class: "sv-components-column sv-components-column--expandable" }, Yt = ["id"], Zt = { key: 2 }, xt = ["innerHTML"], ei = ["innerHTML"], si = ["innerHTML"], pe = /* @__PURE__ */ h({
+}, Jt = { class: "sv-components-column sv-components-column--expandable" }, Xt = ["id"], Yt = { key: 2 }, Zt = ["innerHTML"], xt = ["innerHTML"], ei = ["innerHTML"], pe = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
     model: {},
@@ -4503,7 +4500,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       (_) => {
         _.stopTimer(), _.renderCallback = void 0;
       }
-    ), M(() => {
+    ), E(() => {
       k(t.value);
     }), O(() => {
       t.value.stopTimer(), t.value.renderCallback = void 0;
@@ -4525,8 +4522,8 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
             class: a(c.value.rootBackgroundImage),
             style: I(t.value.backgroundImageStyle)
           }, null, 6)) : d("", !0),
-          p("form", Gt, [
-            t.value.hasLogo ? d("", !0) : (i(), u("div", Jt)),
+          p("form", jt, [
+            t.value.hasLogo ? d("", !0) : (i(), u("div", Gt)),
             p("div", {
               class: a(c.value.container)
             }, [
@@ -4548,7 +4545,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                   container: "left",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"])),
-                p("div", Xt, [
+                p("div", Jt, [
                   (i(), g(T("sv-components-container"), {
                     survey: t.value,
                     container: "center",
@@ -4575,7 +4572,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                       container: "contentBottom",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"]))
-                  ], 14, Yt)
+                  ], 14, Xt)
                 ]),
                 (i(), g(T("sv-components-container"), {
                   survey: t.value,
@@ -4588,11 +4585,11 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                 container: "footer",
                 needRenderWrapper: !1
               }, null, 8, ["survey"])),
-              v.value ? (i(), u("div", Zt, [
+              v.value ? (i(), u("div", Yt, [
                 p("div", {
                   innerHTML: f(),
                   class: a(t.value.completedCss)
-                }, null, 10, xt),
+                }, null, 10, Zt),
                 (i(), g(T("sv-components-container"), {
                   survey: t.value,
                   container: "completePage",
@@ -4603,12 +4600,12 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
                 key: 3,
                 class: a(t.value.completedBeforeCss),
                 innerHTML: t.value.processedCompletedBeforeHtml
-              }, null, 10, ei)) : d("", !0),
+              }, null, 10, xt)) : d("", !0),
               t.value.state === "loading" ? (i(), u("div", {
                 key: 4,
                 class: a(t.value.loadingBodyCss),
                 innerHTML: t.value.processedLoadingHtml
-              }, null, 10, si)) : d("", !0),
+              }, null, 10, ei)) : d("", !0),
               t.value.state === "empty" ? (i(), u("div", {
                 key: 5,
                 class: a(c.value.bodyEmpty)
@@ -4623,7 +4620,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 6);
     };
   }
-}), ni = /* @__PURE__ */ h({
+}), si = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -4646,7 +4643,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 6)) : d("", !0);
     };
   }
-}), oi = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], ti = { key: 1 }, ii = /* @__PURE__ */ h({
+}), ni = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], oi = { key: 1 }, ti = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {},
@@ -4674,11 +4671,11 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
         onInput: n[1] || (n[1] = (e) => {
           s.question.onOtherValueInput(e);
         })
-      }, null, 46, oi)),
-      s.question.isReadOnlyRenderDiv() ? (i(), u("div", ti, R(s.question.otherValue), 1)) : d("", !0)
+      }, null, 46, ni)),
+      s.question.isReadOnlyRenderDiv() ? (i(), u("div", oi, R(s.question.otherValue), 1)) : d("", !0)
     ], 2));
   }
-}), ri = ["disabled", "value", "title"], li = /* @__PURE__ */ h({
+}), ii = ["disabled", "value", "title"], ri = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4694,7 +4691,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       title: e.item.getTooltip(),
       onMousedown: n,
       onClick: o[0] || (o[0] = (...t) => e.item.action && e.item.action(...t))
-    }, null, 42, ri)) : d("", !0);
+    }, null, 42, ii)) : d("", !0);
   }
 }), ve = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -4730,7 +4727,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     const q = K(
       () => s.survey,
       (f) => {
-        const k = new We(null, f);
+        const k = new Me(null, f);
         s.isExpanded !== void 0 && (k.isExpanded = s.isExpanded), s.closeOnCompleteTimeout !== void 0 && (k.closeOnCompleteTimeout = s.closeOnCompleteTimeout), s.allowClose !== void 0 && (k.allowClose = s.allowClose), s.allowFullScreen !== void 0 && (k.allowFullScreen = s.allowFullScreen), k.isShowing = !0, n.value = k;
       },
       {
@@ -4812,7 +4809,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 38)) : d("", !0);
     };
   }
-}), ai = ["innerHTML"], ui = /* @__PURE__ */ h({
+}), li = ["innerHTML"], ai = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -4824,7 +4821,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
     ), o = S(
       () => !!s.question.customWidget.htmlTemplate
     ), t = S(() => s.question.customWidget.htmlTemplate), l = S(() => "survey-" + s.question.getTemplate());
-    return M(() => {
+    return E(() => {
       s.question.customWidget.afterRender(s.question, n.value);
     }), G(() => {
       s.question.customWidget.willUnmount(s.question, n.value);
@@ -4835,7 +4832,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       o.value ? (i(), u("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, ai)) : d("", !0),
+      }, null, 8, li)) : d("", !0),
       e.value ? (i(), g(T(l.value), {
         key: 1,
         question: m.question,
@@ -4843,12 +4840,12 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       }, null, 8, ["question", "css"])) : d("", !0)
     ], 512));
   }
-}), di = /* @__PURE__ */ h({
+}), ui = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(r) {
     const s = U();
     function n(o, t, l, m, v, c, q = "popup") {
-      const f = Fe(
+      const f = We(
         o,
         t,
         l,
@@ -4862,7 +4859,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       return e(f);
     }
     function e(o, t) {
-      const l = Ve(
+      const l = Fe(
         o,
         t
       ), m = (v, c) => {
@@ -4884,7 +4881,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       ], 8, ["to"])) : d("", !0);
     };
   }
-}), mi = /* @__PURE__ */ h({
+}), di = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -4896,7 +4893,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       class: a(n.remainingCharacterCounter)
     }, R(n.counter.remainingCharacterCounter), 3));
   }
-}), ci = /* @__PURE__ */ h({
+}), mi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -4917,7 +4914,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       }, null, 8, ["element", "css"]);
     };
   }
-}), pi = /* @__PURE__ */ h({
+}), ci = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -4934,9 +4931,9 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       css: t.css
     }, null, 8, ["question", "css"]));
   }
-}), vi = /* @__PURE__ */ p("use", { "xlink:href": "#icon-timercircle" }, null, -1), qi = [
-  vi
-], qe = 440, yi = /* @__PURE__ */ h({
+}), pi = /* @__PURE__ */ p("use", { "xlink:href": "#icon-timercircle" }, null, -1), vi = [
+  pi
+], qe = 440, qi = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -4952,7 +4949,7 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
         key: 0,
         class: a(o.model.getProgressCss()),
         style: I({ strokeDasharray: qe, strokeDashoffset: n.value })
-      }, qi, 6)) : d("", !0),
+      }, vi, 6)) : d("", !0),
       p("div", {
         class: a(o.model.textContainerCss)
       }, [
@@ -4968,20 +4965,20 @@ const lt = /* @__PURE__ */ he(nt, [["render", rt]]), at = /* @__PURE__ */ p("use
       key: 1,
       class: a(o.model.survey.getCss().timerRoot)
     }, R(e.value), 3)), [
-      [E, o.model.isRunning && !o.model.showTimerAsClock]
+      [H, o.model.isRunning && !o.model.showTimerAsClock]
     ]);
   }
-}), gi = {}, hi = { class: "sd-loading-indicator" };
-function Ci(r, s) {
+}), yi = {}, gi = { class: "sd-loading-indicator" };
+function hi(r, s) {
   const n = y("sv-svg-icon");
-  return i(), u("div", hi, [
+  return i(), u("div", gi, [
     C(n, {
       iconName: "icon-loading",
       size: "'auto'"
     })
   ]);
 }
-const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @__PURE__ */ h({
+const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5013,16 +5010,16 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
             key: m
           }, null, 8, ["model"]))), 128))
         ], 6)),
-        n.survey.isMobile ? (i(), u("div", ki, [
+        n.survey.isMobile ? (i(), u("div", bi, [
           C(t, { model: n.model }, null, 8, ["model"])
         ])) : d("", !0)
       ], 6);
     };
   }
-}), wi = {
+}), fi = {
   key: 0,
   class: "sv-header__logo"
-}, Ii = ["src", "width", "height", "alt"], Si = /* @__PURE__ */ h({
+}, wi = ["src", "width", "height", "alt"], Ii = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5038,7 +5035,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
           class: "sv-header__cell-content",
           style: I(s.model.contentStyle)
         }, [
-          s.model.showLogo ? (i(), u("div", wi, [
+          s.model.showLogo ? (i(), u("div", fi, [
             p("div", {
               class: a(s.model.survey.logoClassNames)
             }, [
@@ -5049,7 +5046,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
                 height: s.model.survey.renderedLogoHeight,
                 alt: s.model.survey.locTitle.renderedHtml,
                 style: I({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-              }, null, 14, Ii)
+              }, null, 14, wi)
             ], 2)
           ])) : d("", !0),
           s.model.showTitle ? (i(), u("div", {
@@ -5080,10 +5077,10 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
       ], 6);
     };
   }
-}), Ri = { class: "sv-header--mobile" }, Ti = {
+}), Si = { class: "sv-header--mobile" }, Ri = {
   key: 0,
   class: "sv-header__logo"
-}, $i = ["src", "width", "height", "alt"], _i = /* @__PURE__ */ h({
+}, Ti = ["src", "width", "height", "alt"], $i = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
@@ -5091,8 +5088,8 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
   setup(r) {
     return (s, n) => {
       const e = y("survey-element-title"), o = y("survey-string");
-      return i(), u("div", Ri, [
-        s.model.survey.hasLogo ? (i(), u("div", Ti, [
+      return i(), u("div", Si, [
+        s.model.survey.hasLogo ? (i(), u("div", Ri, [
           p("div", {
             class: a(s.model.survey.logoClassNames)
           }, [
@@ -5103,7 +5100,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
               height: s.model.survey.renderedLogoHeight,
               alt: s.model.survey.locTitle.renderedHtml,
               style: I({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-            }, null, 14, $i)
+            }, null, 14, Ti)
           ], 2)
         ])) : d("", !0),
         s.model.survey.hasTitle ? (i(), u("div", {
@@ -5133,7 +5130,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
       ]);
     };
   }
-}), Di = /* @__PURE__ */ h({
+}), _i = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -5168,7 +5165,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
         c && c.setWrapperElement(void 0), v.setWrapperElement(n.value);
       }
     );
-    return M(() => {
+    return E(() => {
       s.element.setWrapperElement(n.value);
     }), O(() => {
       s.element.setWrapperElement(void 0), m();
@@ -5178,14 +5175,14 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
       style: I(t(v.element)),
       class: a(v.element.cssClasses.questionWrapper)
     }, [
-      v.row.isNeedRender ? (i(), g(T(o.value), z(H({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), g(T(v.element.skeletonComponentName), {
+      v.row.isNeedRender ? (i(), g(T(o.value), z(M({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), g(T(v.element.skeletonComponentName), {
         key: 1,
         element: v.element,
         css: v.css
       }, null, 8, ["element", "css"])) : d("", !0)
     ], 6));
   }
-}), Bi = /* @__PURE__ */ h({
+}), Di = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5193,9 +5190,9 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
   },
   setup(r) {
     const s = $e(), n = S(() => !!s.default);
-    return (e, o) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), g(T(e.componentName), z(H({ key: 1 }, e.componentData)), null, 16));
+    return (e, o) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), g(T(e.componentName), z(M({ key: 1 }, e.componentData)), null, 16));
   }
-}), Li = /* @__PURE__ */ h({
+}), Bi = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5219,7 +5216,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
       ], 2);
     };
   }
-}), Ni = ["id"], Pi = /* @__PURE__ */ h({
+}), Li = ["id"], Ni = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5241,14 +5238,14 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
           playsinline: "",
           id: s.question.videoId,
           class: a(s.question.cssClasses.video)
-        }, null, 10, Ni),
+        }, null, 10, Li),
         C(e, {
           item: s.question.takePictureAction
         }, null, 8, ["item"])
       ], 2);
     };
   }
-}), Ai = ["for", "aria-label"], Mi = /* @__PURE__ */ h({
+}), Pi = ["for", "aria-label"], Ai = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5277,12 +5274,12 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
           size: "auto"
         }, null, 8, ["title", "iconName"])) : d("", !0),
         p("span", null, R(n.value.chooseButtonText), 1)
-      ], 10, Ai)), [
+      ], 10, Pi)), [
         [l]
       ]);
     };
   }
-}), Ei = ["onClick", "href", "title", "download"], Hi = ["src"], Wi = ["onClick"], Fi = ["onClick", "href", "title", "download"], Vi = /* @__PURE__ */ h({
+}), Ei = ["onClick", "href", "title", "download"], Hi = ["src"], Mi = ["onClick"], Wi = ["onClick", "href", "title", "download"], Fi = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5343,7 +5340,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
                 iconName: s.question.cssClasses.removeFileSvgIconId,
                 size: "auto"
               }, null, 8, ["title", "class", "iconName"])) : d("", !0)
-            ], 10, Wi)) : d("", !0)
+            ], 10, Mi)) : d("", !0)
           ], 2),
           o.name && s.question.cssClasses.fileSignBottom ? (i(), u("div", {
             key: 1,
@@ -5355,15 +5352,15 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
               title: o.name,
               download: o.name,
               style: I({ width: s.question.imageWidth })
-            }, R(o.name), 13, Fi)
+            }, R(o.name), 13, Wi)
           ], 2)) : d("", !0)
         ], 2)), [
-          [E, o && s.question.isPreviewVisible(t)]
+          [H, o && s.question.isPreviewVisible(t)]
         ])), 128))
       ], 2)) : d("", !0);
     };
   }
-}), Oi = /* @__PURE__ */ h({
+}), Vi = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5387,7 +5384,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
       ], 2);
     };
   }
-}), zi = ["title"], Ui = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ki = ["title"], Qi = /* @__PURE__ */ h({
+}), Oi = ["title"], zi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ui = ["title"], Ki = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5396,7 +5393,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
   },
   setup(r) {
     const s = r, n = S(
-      () => new Oe(s.question, s.item, s.index)
+      () => new Ve(s.question, s.item, s.index)
     ), e = S({
       get: () => s.question.renderedValue,
       set: (o) => {
@@ -5424,7 +5421,7 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
           class: a(n.value.css.control),
           "onUpdate:modelValue": t[0] || (t[0] = (v) => e.value = v),
           value: n.value.value
-        }, null, 10, Ui), [
+        }, null, 10, zi), [
           [x, e.value]
         ]),
         p("div", {
@@ -5444,12 +5441,12 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
             C(m, {
               locString: n.value.caption
             }, null, 8, ["locString"])
-          ], 10, Ki)) : d("", !0)
+          ], 10, Ui)) : d("", !0)
         ], 2)
-      ], 10, zi);
+      ], 10, Oi);
     };
   }
-}), ji = ["src", "width", "height", "alt"], Gi = /* @__PURE__ */ h({
+}), Qi = ["src", "width", "height", "alt"], ji = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5471,27 +5468,27 @@ const bi = /* @__PURE__ */ he(gi, [["render", Ci]]), ki = { key: 2 }, fi = /* @_
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, ji)
+      }, null, 14, Qi)
     ], 2));
   }
-}), Ji = /* @__PURE__ */ h({
+}), Gi = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(r) {
     const s = $();
-    return M(() => {
-      s.value.innerHTML = ze.iconsRenderedHtml();
+    return E(() => {
+      s.value.innerHTML = Oe.iconsRenderedHtml();
     }), (n, e) => P((i(), u("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: s
     }, null, 512)), [
-      [E, !1]
+      [H, !1]
     ]);
   }
 });
-Ue.platform = "vue3";
-function Xi(r) {
-  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", Ji), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Je), r.component("sv-logo-image", Gi), r.component("survey-page", Ge), r.component("survey-row", Xe), r.component("survey-question", es), r.component("survey-panel", ts), r.component("survey-element-header", rs), r.component("survey-string", ls), r.component("sv-string-viewer", us), r.component("sv-string-editor", ms), r.component("sv-skeleton", ps), r.component("survey-text", ys), r.component("survey-text-input", Cs), r.component("survey-checkbox", Is), r.component("survey-checkbox-item", Ts), r.component("survey-radiogroup", $s), r.component("survey-radiogroup-item", Bs), r.component("survey-signaturepad", As), r.component("survey-html", Es), r.component("survey-image", Vs), r.component("survey-expression", Os), r.component("survey-file", Ks), r.component("sv-file-choose-btn", Mi), r.component("sv-file-clean-btn", Li), r.component("sv-file-preview", Vi), r.component("sv-file-video", Pi), 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", qn), 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("survey-rating", Nn), r.component("sv-rating-item", An), r.component("sv-rating-item-smiley", En), r.component("sv-rating-item-star", Wn), r.component("sv-rating-dropdown", Un), r.component("sv-rating-dropdown-item", zn), r.component("survey-boolean", Qn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Xn), r.component("sv-boolean-checkbox", no), r.component("survey-multipletext", oo), r.component("survey-multipletext-item", io), r.component("survey-matrix", co), r.component("survey-matrix-row", vo), r.component("survey-matrix-cell", go), r.component("survey-matrixdropdown", ho), r.component("survey-matrixtable", ko), r.component("survey-matrixheaderrequired", wo), r.component("survey-matrixdropdown-cell", So), r.component("survey-matrixdynamic", Ro), r.component("sv-matrix-remove-button", $o), r.component("sv-matrix-drag-drop-icon", Do), r.component("sv-matrix-detail-button", Lo), r.component("survey-paneldynamic", No), r.component("survey-paneldynamicprogress", Po), r.component("survey-paneldynamicprogress-v2", Ao), r.component("sv-paneldynamic-add-btn", Mo), r.component("sv-paneldynamic-next-btn", Ho), r.component("sv-paneldynamic-prev-btn", Fo), r.component("sv-paneldynamic-remove-btn", Vo), r.component("sv-paneldynamic-progress-text", Oo), r.component("sv-components-container", Ft), r.component("sv-progress-buttons", Qt), r.component("sv-navigation-toc", jt), 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", Uo), r.component("survey-question-comment", jo), r.component("survey-element-title", Go), r.component("survey-element-title-content", Zo), r.component("sv-title-actions", st), r.component("sv-brand-info", lt), r.component("sv-question-error", mt), r.component("sv-svg-icon", dt), r.component("sv-action-bar", ct), r.component("sv-action", qt), r.component("sv-action-bar-item", ht), r.component("sv-action-bar-item-dropdown", kt), r.component("sv-action-bar-separator", ft), r.component("sv-list", Rt), r.component("sv-list-item", _t), r.component("sv-popup", Dt), r.component("sv-popup-container", Et), r.component("popup-pointer", Ht), r.component("sv-notifier", ni), r.component("survey-other-choice", ii), r.component("sv-nav-btn", li), r.component("survey-customwidget", ui), r.component("survey-popup-modal", di), r.component("sv-character-counter", mi), r.component("survey-composite", ci), r.component("survey-custom", pi), r.component("sv-timerpanel", yi), r.component("sv-loading-indicator", bi), r.component("sv-header", fi), r.component("sv-header-cell", Si), r.component("sv-header-mobile", _i), r.component("sv-template-renderer", Bi), r.component("survey-element", Di), r.component("survey-buttongroup", Oi), r.component("sv-button-group-item", Qi), r.directive("key2click", {
+ze.platform = "vue3";
+function Ji(r) {
+  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", Gi), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", ji), 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", qs), 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", Ps), r.component("survey-html", Es), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ai), r.component("sv-file-clean-btn", Bi), r.component("sv-file-preview", Fi), r.component("sv-file-video", Ni), r.component("survey-imagepicker", Qs), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", wn), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", En), r.component("sv-rating-item-star", Mn), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", Qn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-row", po), r.component("survey-matrix-cell", yo), r.component("survey-matrixdropdown", go), r.component("survey-matrixtable", bo), r.component("survey-matrixheaderrequired", fo), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", So), r.component("sv-matrix-remove-button", To), r.component("sv-matrix-drag-drop-icon", _o), r.component("sv-matrix-detail-button", Bo), r.component("survey-paneldynamic", Lo), r.component("survey-paneldynamicprogress", No), r.component("survey-paneldynamicprogress-v2", Po), r.component("sv-paneldynamic-add-btn", Ao), r.component("sv-paneldynamic-next-btn", Ho), r.component("sv-paneldynamic-prev-btn", Wo), r.component("sv-paneldynamic-remove-btn", Fo), r.component("sv-paneldynamic-progress-text", Vo), r.component("sv-components-container", Wt), r.component("sv-progress-buttons", Kt), r.component("sv-navigation-toc", Qt), 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", zo), r.component("survey-question-comment", Qo), r.component("survey-element-title", jo), r.component("survey-element-title-content", Yo), r.component("sv-title-actions", et), r.component("sv-brand-info", rt), r.component("sv-question-error", dt), r.component("sv-svg-icon", ut), r.component("sv-action-bar", mt), r.component("sv-action", vt), r.component("sv-action-bar-item", gt), r.component("sv-action-bar-item-dropdown", bt), r.component("sv-action-bar-separator", kt), r.component("sv-list", St), r.component("sv-list-item", $t), r.component("sv-popup", _t), r.component("sv-popup-container", Et), r.component("popup-pointer", Ht), r.component("sv-notifier", si), r.component("survey-other-choice", ti), r.component("sv-nav-btn", ri), r.component("survey-customwidget", ai), r.component("survey-popup-modal", ui), r.component("sv-character-counter", di), r.component("survey-composite", mi), r.component("survey-custom", ci), r.component("sv-timerpanel", qi), r.component("sv-loading-indicator", Ci), r.component("sv-header", ki), r.component("sv-header-cell", Ii), r.component("sv-header-mobile", $i), r.component("sv-template-renderer", Di), r.component("survey-element", _i), r.component("survey-buttongroup", Vi), r.component("sv-button-group-item", Ki), r.directive("key2click", {
     mounted: function(s, n) {
       const e = { ...n.value };
       if (e.disableTabStop) {
@@ -5499,20 +5496,20 @@ function Xi(r) {
         return;
       }
       e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (o) => (o.preventDefault(), o.stopPropagation(), ye(o, e), !1)), s.addEventListener("keydown", (o) => {
-        Ke(o, e);
+        Ue(o, e);
       }), s.addEventListener("blur", (o) => {
-        Qe(o);
+        Ke(o);
       });
     }
   });
 }
-const xi = {
+const Zi = {
   install(r) {
-    Xi(r);
+    Ji(r);
   }
 };
 export {
-  xi as surveyPlugin,
+  Zi as surveyPlugin,
   L as useBase,
   le as useComputedArray,
   J as useLocString,