npm - survey-vue3-ui - Versions diffs - 1.12.53 → 1.12.54 - Mend

survey-vue3-ui 1.12.53 → 1.12.54

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,8 +1,8 @@
-var He = Object.defineProperty;
-var Ie = (u, o, e) => o in u ? He(u, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[o] = e;
-var G = (u, o, e) => (Ie(u, typeof o != "symbol" ? o + "" : o, e), e);
-import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as S, withCtx as E, renderSlot as Ce, shallowReactive as Be, watch as O, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Ve, triggerRef as se, unref as k, isRef as Re, nextTick as Te, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as g, onUnmounted as N, withDirectives as R, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
-import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as Oe, doKey2ClickUp as he, createSvg as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Ue, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as X, PopupSurveyModel as Ge, settings as F, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
+var Me = Object.defineProperty;
+var He = (u, o, e) => o in u ? Me(u, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[o] = e;
+var G = (u, o, e) => (He(u, typeof o != "symbol" ? o + "" : o, e), e);
+import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as me, normalizeProps as le, guardReactiveProps as ue, createSlots as Ie, renderList as B, withCtx as E, renderSlot as ge, shallowReactive as Se, watch as O, onBeforeUnmount as U, onMounted as Z, ref as M, shallowRef as W, watchEffect as Be, triggerRef as se, unref as w, isRef as Ve, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as $, normalizeStyle as b, createElementVNode as g, onUnmounted as P, withDirectives as R, vShow as D, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Te, onUpdated as x, vModelText as Ze, getCurrentInstance as Ce, createStaticVNode as $e, toRaw as De, Teleport as Ae, useSlots as Pe } from "vue";
+import { Base as Ne, RendererFactory as _, Helpers as Ee, DropdownMultiSelectListModel as We, doKey2ClickUp as ye, createSvg as Oe, doKey2ClickDown as Fe, doKey2ClickBlur as ze, ActionDropdownViewModel as Ue, createPopupViewModel as Ke, SurveyProgressModel as de, ProgressButtonsResponsivityManager as je, addIconsToThemeSet as he, SvgRegistry as X, PopupSurveyModel as Qe, settings as F, createDialogOptions as Ge, createPopupModalViewModel as Je, ButtonGroupItemModel as Xe, SurveyModel as Ye } from "survey-core";
 const ae = class {
   constructor() {
     G(this, "creatorHash", {});
@@ -35,37 +35,37 @@ const v = /* @__PURE__ */ h({
     const o = u, e = L(
       () => z.Instance.getComponent(o.is)
     );
-    return (s, n) => (r(), C(ge(e.value), ue(de(s.$attrs)), Se({ _: 2 }, [
-      S(s.$slots, (t, i) => ({
+    return (s, n) => (r(), C(me(e.value), le(ue(s.$attrs)), Ie({ _: 2 }, [
+      B(s.$slots, (t, i) => ({
         name: i,
         fn: E((d) => [
-          Ce(s.$slots, i, ue(de(d)))
+          ge(s.$slots, i, le(ue(d)))
         ])
       }))
     ]), 1040));
   }
 });
-Ee.createPropertiesHash = () => Be({});
-class _e {
+Ne.createPropertiesHash = () => Se({});
+class xe {
   constructor(o) {
     G(this, "currentNextTickPromise");
     this.element = o;
   }
   async add() {
-    const o = Te();
+    const o = Re();
     this.currentNextTickPromise !== o && (this.currentNextTickPromise = o, await o, o == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
-function es(u) {
+function _e(u) {
   var o;
   if (!!u) {
     if (u.__vueImplemented = (o = u.__vueImplemented) != null ? o : 0, u.__vueImplemented <= 0) {
-      const e = new _e(u);
+      const e = new xe(u);
       u.createArrayCoreHandler = (s, n) => {
         const t = [], i = W(t);
         return t.onArrayChanged = () => {
           se(i), e.add();
-        }, s[n] = i, k(s[n]);
+        }, s[n] = i, w(s[n]);
       }, u.iteratePropertiesHash((s, n) => {
         if (Array.isArray(s[n])) {
           const t = W(s[n]);
@@ -73,27 +73,27 @@ function es(u) {
             se(t), e.add();
           }, s[n] = t;
         }
-      }), u.getPropertyValueCoreHandler = (s, n) => k(s[n]), u.setPropertyValueCoreHandler = (s, n, t) => {
-        Re(s[n]) ? s[n].value = t : s[n] = t, e.add();
+      }), u.getPropertyValueCoreHandler = (s, n) => w(s[n]), u.setPropertyValueCoreHandler = (s, n, t) => {
+        Ve(s[n]) ? s[n].value = t : s[n] = t, e.add();
       };
     }
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
   }
 }
-function ss(u) {
+function es(u) {
   return !!u.__vueImplemented;
 }
-function ce(u) {
+function ve(u) {
   var o;
   !u || (u.__vueImplemented = (o = u.__vueImplemented) != null ? o : 0, u.__vueImplemented--, u.__vueImplemented <= 0 && (u.iteratePropertiesHash((e, s) => {
-    e[s] = k(e[s]), Array.isArray(e[s]) && (e[s].onArrayChanged = void 0);
+    e[s] = w(e[s]), Array.isArray(e[s]) && (e[s].onArrayChanged = void 0);
   }), delete u.__vueImplemented, u.disableOnElementRerenderedEvent(), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0));
 }
-function B(u, o, e) {
+function V(u, o, e) {
   const s = O(
     u,
     (t, i) => {
-      t && o && o(t, i), i && (ce(i), e && e(i)), es(t);
+      t && o && o(t, i), i && (ve(i), e && e(i)), _e(t);
     },
     {
       immediate: !0
@@ -103,19 +103,19 @@ function B(u, o, e) {
   U(() => {
     if (!n) {
       const t = u();
-      t && (ce(t), s(), e && e(t)), n = !0;
+      t && (ve(t), s(), e && e(t)), n = !0;
     }
   });
 }
 function T(u, o, e, s) {
-  B(() => u.question, e, s), $(() => {
+  V(() => u.question, e, s), Z(() => {
     u.question && u.question.afterRenderQuestionElement(o.value);
   }), U(() => {
     u.question.beforeDestroyQuestionElement(o.value);
   });
 }
 function K(u) {
-  const o = b(), e = (t) => {
+  const o = M(), e = (t) => {
     o.value = t.renderedHtml;
   }, s = (t) => {
     o.value = t.renderedHtml, t.onStringChanged.add(e);
@@ -135,14 +135,14 @@ function te(u) {
   return u.customWidget ? "survey-customwidget" : u.isDefaultRendering && u.isDefaultRendering() || u.isPanel ? "survey-" + u.getTemplate() : u.getComponentName();
 }
 function ee(u) {
-  const o = W(), e = Ve(() => {
+  const o = W(), e = Be(() => {
     o.value = u(), se(o);
   });
   return U(() => {
     e();
   }), o;
 }
-const os = /* @__PURE__ */ h({
+const ss = /* @__PURE__ */ h({
   __name: "Page",
   props: {
     survey: {},
@@ -150,15 +150,15 @@ const os = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = () => {
+    const o = u, e = M(null), s = () => {
       o.survey && e.value && o.survey.afterRenderPage(e.value);
     }, n = L(() => o.page._showDescription);
-    return B(
+    return V(
       () => o.page,
       () => {
         s();
       }
-    ), $(() => {
+    ), Z(() => {
       s();
     }), (t, i) => (r(), l("div", {
       class: a(t.page.cssRoot),
@@ -183,7 +183,7 @@ const os = /* @__PURE__ */ h({
         is: "survey-errors",
         element: t.page
       }, null, 8, ["element"]),
-      (r(!0), l(I, null, S(t.page.visibleRows, (d) => (r(), C(v, D({
+      (r(!0), l(I, null, B(t.page.visibleRows, (d) => (r(), C(v, $({
         key: d.id,
         is: t.page.getSurvey().getRowWrapperComponentName(d)
       }, {
@@ -201,14 +201,14 @@ const os = /* @__PURE__ */ h({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), ts = /* @__PURE__ */ h({
+}), os = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     survey: {}
   },
   setup(u) {
-    const o = u, e = b();
-    return $(() => {
+    const o = u, e = M();
+    return Z(() => {
       var s = e.value;
       s && o.survey && o.survey.afterRenderHeader(s);
     }), (s, n) => s.survey.renderedHasHeader ? (r(), l("div", {
@@ -225,7 +225,7 @@ const os = /* @__PURE__ */ h({
       s.survey.renderedHasTitle ? (r(), l("div", {
         key: 1,
         class: a(s.survey.css.headerText),
-        style: M({ maxWidth: s.survey.titleMaxWidth })
+        style: b({ maxWidth: s.survey.titleMaxWidth })
       }, [
         y(v, {
           is: "survey-element-title",
@@ -252,7 +252,7 @@ const os = /* @__PURE__ */ h({
       }, null, 2)
     ], 2)) : c("", !0);
   }
-}), ns = /* @__PURE__ */ h({
+}), ts = /* @__PURE__ */ h({
   __name: "Row",
   props: {
     row: {},
@@ -260,17 +260,17 @@ const os = /* @__PURE__ */ h({
     survey: {}
   },
   setup(u) {
-    const o = u, e = b();
+    const o = u, e = M();
     let s;
-    return B(
+    return V(
       () => o.row,
       (n, t) => {
         n.setRootElement(e.value), t && (n.isNeedRender = t.isNeedRender);
       },
       (n) => {
-        ss(n) || (clearTimeout(s), n.setRootElement(void 0), n.stopLazyRendering(), n.isNeedRender = !n.isLazyRendering());
+        es(n) || (clearTimeout(s), n.setRootElement(void 0), n.stopLazyRendering(), n.isNeedRender = !n.isLazyRendering());
       }
-    ), $(() => {
+    ), Z(() => {
       if (o.row && (o.row.setRootElement(e.value), !o.row.isNeedRender)) {
         const n = e.value;
         setTimeout(() => {
@@ -282,7 +282,7 @@ const os = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      (r(!0), l(I, null, S(n.row.visibleElements, (i) => (r(), C(v, {
+      (r(!0), l(I, null, B(n.row.visibleElements, (i) => (r(), C(v, {
         is: "survey-element",
         row: n.row,
         css: n.css,
@@ -291,10 +291,10 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), rs = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["id"], as = {
+}), ns = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], rs = ["id"], is = {
   inheritAttrs: !1
-}, ls = /* @__PURE__ */ h({
-  ...as,
+}, as = /* @__PURE__ */ h({
+  ...is,
   __name: "Question",
   props: {
     survey: {},
@@ -302,8 +302,8 @@ const os = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = L(() => o.element.showErrorOnTop), n = L(() => o.element.showErrorOnBottom), t = (f) => f.cssContent, i = () => o.element.getRootStyle();
-    B(() => o.element);
+    const o = u, e = M(null), s = L(() => o.element.showErrorOnTop), n = L(() => o.element.showErrorOnBottom), t = (f) => f.cssContent, i = () => o.element.getRootStyle();
+    V(() => o.element);
     const d = () => {
       e.value && o.element.afterRender(e.value);
     }, m = O(
@@ -311,20 +311,20 @@ const os = /* @__PURE__ */ h({
       () => {
         d();
       }
-    ), p = L(() => o.element.customWidget ? "survey-customwidget" : o.element.isDefaultRendering() ? "survey-" + o.element.getTemplate() : o.element.getComponentName()), q = L(() => o.element.survey.getQuestionContentWrapperComponentName(o.element)), V = L(() => ({
+    ), p = L(() => o.element.customWidget ? "survey-customwidget" : o.element.isDefaultRendering() ? "survey-" + o.element.getTemplate() : o.element.getComponentName()), q = L(() => o.element.survey.getQuestionContentWrapperComponentName(o.element)), S = L(() => ({
       componentData: {
         question: o.element,
         data: o.element.survey.getElementWrapperComponentData(o.element)
       }
     }));
-    return N(() => {
+    return P(() => {
       m();
-    }), (f, Z) => (r(), l("div", {
+    }), (f, N) => (r(), l("div", {
       class: a(f.element.getRootCss()),
-      style: M(i()),
+      style: b(i()),
       ref_key: "root",
       ref: e,
-      onFocusin: Z[0] || (Z[0] = (w) => f.element.focusIn()),
+      onFocusin: N[0] || (N[0] = (k) => f.element.focusIn()),
       id: f.element.id,
       role: f.element.ariaRole,
       "aria-required": f.element.ariaRequired,
@@ -346,11 +346,11 @@ const os = /* @__PURE__ */ h({
         element: f.element,
         css: f.css
       }, null, 8, ["element", "css"])) : c("", !0),
-      y(v, D({ is: q.value }, V.value), {
+      y(v, $({ is: q.value }, S.value), {
         default: E(() => [
           g("div", {
             class: a(t(f.element) || void 0),
-            style: M({ display: f.element.renderedIsExpanded ? void 0 : "none" }),
+            style: b({ display: f.element.renderedIsExpanded ? void 0 : "none" }),
             role: "presentation"
           }, [
             s.value ? (r(), C(v, {
@@ -393,7 +393,7 @@ const os = /* @__PURE__ */ h({
                 is: "survey-string",
                 locString: f.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, is)) : c("", !0)
+            ], 10, rs)) : c("", !0)
           ], 6)
         ]),
         _: 1
@@ -410,12 +410,12 @@ const os = /* @__PURE__ */ h({
         element: f.element,
         location: "bottom"
       }, null, 8, ["element"])) : c("", !0)
-    ], 46, rs));
+    ], 46, ns));
   }
-}), us = ["id"], ds = ["id"], vs = {
+}), ls = ["id"], us = ["id"], ds = {
   inheritAttrs: !1
-}, cs = /* @__PURE__ */ h({
-  ...vs,
+}, vs = /* @__PURE__ */ h({
+  ...ds,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -424,8 +424,8 @@ const os = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = L(() => o.element.survey);
-    return B(() => o.element), $(() => {
+    const o = u, e = M(null), s = L(() => o.element.survey);
+    return V(() => o.element), Z(() => {
       o.element.survey && o.element.afterRender(e.value);
     }), (n, t) => n.element.getIsContentVisible() ? (r(), l("div", {
       key: 0,
@@ -454,10 +454,10 @@ const os = /* @__PURE__ */ h({
       n.element.renderedIsExpanded ? (r(), l("div", {
         key: 3,
         id: n.element.contentId,
-        style: M({ paddingLeft: n.element.innerPaddingLeft }),
+        style: b({ paddingLeft: n.element.innerPaddingLeft }),
         class: a(n.element.cssClasses.panel.content)
       }, [
-        (r(!0), l(I, null, S(n.element.visibleRows, (i) => (r(), C(v, D({
+        (r(!0), l(I, null, B(n.element.visibleRows, (i) => (r(), C(v, $({
           key: i.id,
           is: n.element.getSurvey().getRowWrapperComponentName(i)
         }, {
@@ -477,10 +477,10 @@ const os = /* @__PURE__ */ h({
           is: "sv-action-bar",
           model: n.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, ds)) : c("", !0)
-    ], 42, us)) : c("", !0);
+      ], 14, us)) : c("", !0)
+    ], 42, ls)) : c("", !0);
   }
-}), ps = ["id"], ms = /* @__PURE__ */ h({
+}), cs = ["id"], ps = /* @__PURE__ */ h({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -496,7 +496,7 @@ const os = /* @__PURE__ */ h({
     return (n, t) => (r(), l("div", {
       class: a(n.element.cssHeader),
       onClick: e,
-      style: M(s())
+      style: b(s())
     }, [
       y(v, {
         is: "survey-element-title",
@@ -512,8 +512,8 @@ const os = /* @__PURE__ */ h({
           is: "survey-string",
           locString: n.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, ps)), [
-        [P, n.element.hasDescription]
+      ], 10, cs)), [
+        [D, n.element.hasDescription]
       ]) : c("", !0),
       n.element.hasAdditionalTitleToolbar ? (r(), C(v, {
         key: 1,
@@ -522,7 +522,7 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["model"])) : c("", !0)
     ], 6));
   }
-}), gs = /* @__PURE__ */ h({
+}), ms = /* @__PURE__ */ h({
   __name: "String",
   props: {
     locString: {}
@@ -533,7 +533,7 @@ const os = /* @__PURE__ */ h({
       locString: o.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), Cs = ["innerHTML"], ys = /* @__PURE__ */ h({
+}), gs = ["innerHTML"], Cs = /* @__PURE__ */ h({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -542,14 +542,14 @@ const os = /* @__PURE__ */ h({
     const o = u, e = K(() => o.locString), s = o.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
     return (n, t) => n.locString.hasHtml ? (r(), l("span", {
       key: 0,
-      class: a(k(s)),
-      innerHTML: k(e)
-    }, null, 10, Cs)) : (r(), l("span", {
+      class: a(w(s)),
+      innerHTML: w(e)
+    }, null, 10, gs)) : (r(), l("span", {
       key: 1,
-      class: a(k(s))
-    }, H(k(e)), 3));
+      class: a(w(s))
+    }, H(w(e)), 3));
   }
-}), hs = ["innerHTML"], qs = /* @__PURE__ */ h({
+}), ys = ["innerHTML"], hs = /* @__PURE__ */ h({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -568,7 +568,7 @@ const os = /* @__PURE__ */ h({
       innerHTML: n.locString.renderedHtml,
       onBlur: e,
       onClick: s
-    }, null, 40, hs)) : (r(), l("span", {
+    }, null, 40, ys)) : (r(), l("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -576,27 +576,27 @@ const os = /* @__PURE__ */ h({
       onClick: s
     }, H(n.locString.renderedHtml), 33));
   }
-}), ws = ["id"], ks = /* @__PURE__ */ h({
+}), qs = ["id"], ws = /* @__PURE__ */ h({
   __name: "Skeleton",
   props: {
     element: {}
   },
   setup(u) {
     const o = u;
-    return B(() => o.element), (e, s) => (r(), l("div", {
+    return V(() => o.element), (e, s) => (r(), l("div", {
       class: "sv-skeleton-element",
       id: e.element.id,
-      style: M({ height: e.element.skeletonHeight })
-    }, null, 12, ws));
+      style: b({ height: e.element.skeletonHeight })
+    }, null, 12, qs));
   }
-}), fs = ["id"], Ls = ["value"], bs = /* @__PURE__ */ h({
+}), ks = ["id"], fs = ["value"], Ls = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => s.question.isReadOnlyRenderDiv() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
@@ -613,11 +613,11 @@ const os = /* @__PURE__ */ h({
       g("datalist", {
         id: s.question.dataListId
       }, [
-        (r(!0), l(I, null, S(s.question.dataList, (t, i) => (r(), l("option", {
+        (r(!0), l(I, null, B(s.question.dataList, (t, i) => (r(), l("option", {
           key: i,
           value: t
-        }, null, 8, Ls))), 128))
-      ], 8, fs)
+        }, null, 8, fs))), 128))
+      ], 8, ks)
     ], 512)) : (r(), C(v, {
       key: 2,
       is: "survey-text-input",
@@ -627,7 +627,7 @@ const os = /* @__PURE__ */ h({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), Ms = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Hs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Is = /* @__PURE__ */ h({
+}), bs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ms = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Hs = /* @__PURE__ */ h({
   __name: "TextInput",
   props: {
     question: {},
@@ -636,8 +636,8 @@ const os = /* @__PURE__ */ h({
   setup(u, { expose: o }) {
     const e = u, s = function(i) {
       e.getRef && e.getRef(i);
-    }, n = b(null);
-    o({ root: n }), B(() => e.question);
+    }, n = M(null);
+    o({ root: n }), V(() => e.question);
     const t = L(() => e.question.inputStyle);
     return (i, d) => i.question.getMaxLength() ? (r(), l("div", {
       key: 1,
@@ -653,7 +653,7 @@ const os = /* @__PURE__ */ h({
         max: i.question.renderedMax,
         step: i.question.renderedStep,
         size: i.question.renderedInputSize,
-        style: M(t.value),
+        style: b(t.value),
         id: i.question.inputId,
         list: i.question.dataListId,
         placeholder: i.question.renderedPlaceholder,
@@ -673,7 +673,7 @@ const os = /* @__PURE__ */ h({
         "aria-describedby": i.question.a11y_input_ariaDescribedBy,
         "aria-invalid": i.question.a11y_input_ariaInvalid,
         "aria-errormessage": i.question.a11y_input_ariaErrormessage
-      }, null, 46, Hs),
+      }, null, 46, Ms),
       y(v, {
         is: "sv-character-counter",
         counter: i.question.characterCounter,
@@ -691,7 +691,7 @@ const os = /* @__PURE__ */ h({
       max: i.question.renderedMax,
       step: i.question.renderedStep,
       size: i.question.renderedInputSize,
-      style: M(t.value),
+      style: b(t.value),
       id: i.question.inputId,
       list: i.question.dataListId,
       placeholder: i.question.renderedPlaceholder,
@@ -711,12 +711,12 @@ const os = /* @__PURE__ */ h({
       "aria-describedby": i.question.a11y_input_ariaDescribedBy,
       "aria-invalid": i.question.a11y_input_ariaInvalid,
       "aria-errormessage": i.question.a11y_input_ariaErrormessage
-    }, null, 46, Ms));
+    }, null, 46, bs));
   }
-}), Ss = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Bs = {
+}), Is = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ss = {
   key: 0,
   class: "sv-hidden"
-}, Vs = { key: 7 }, Rs = ["value"], we = /* @__PURE__ */ h({
+}, Bs = { key: 7 }, Vs = ["value"], qe = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -724,7 +724,7 @@ const os = /* @__PURE__ */ h({
     showLegend: { type: Boolean }
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || o.question.itemComponent, n = (t) => ({
       componentName: o.question.itemComponent,
@@ -746,12 +746,12 @@ const os = /* @__PURE__ */ h({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (r(), l("legend", Bs, H(t.question.locTitle.renderedHtml), 1)) : c("", !0),
-      t.question.hasHeadItems ? (r(!0), l(I, { key: 1 }, S(t.question.headItems, (d) => (r(), C(v, D({
+      t.showLegend ? (r(), l("legend", Ss, H(t.question.locTitle.renderedHtml), 1)) : c("", !0),
+      t.question.hasHeadItems ? (r(!0), l(I, { key: 1 }, B(t.question.headItems, (d) => (r(), C(v, $({
         key: d.value,
         is: s(d)
       }, n(d)), null, 16, ["is"]))), 128)) : c("", !0),
-      !t.question.hasColumns && !t.question.blockedRow ? (r(!0), l(I, { key: 2 }, S(t.question.bodyItems, (d) => (r(), C(v, D({
+      !t.question.hasColumns && !t.question.blockedRow ? (r(!0), l(I, { key: 2 }, B(t.question.bodyItems, (d) => (r(), C(v, $({
         key: d.value,
         is: s(d)
       }, n(d)), null, 16, ["is"]))), 128)) : c("", !0),
@@ -759,7 +759,7 @@ const os = /* @__PURE__ */ h({
         key: 3,
         class: a(t.question.cssClasses.rootRow)
       }, [
-        !t.question.hasColumns && t.question.blockedRow ? (r(!0), l(I, { key: 0 }, S(t.question.dataChoices, (d) => (r(), C(v, D({
+        !t.question.hasColumns && t.question.blockedRow ? (r(!0), l(I, { key: 0 }, B(t.question.dataChoices, (d) => (r(), C(v, $({
           key: d.value,
           is: s(d)
         }, n(d)), null, 16, ["is"]))), 128)) : c("", !0)
@@ -768,18 +768,18 @@ const os = /* @__PURE__ */ h({
         key: 4,
         class: a(t.question.cssClasses.rootMultiColumn)
       }, [
-        t.question.hasColumns ? (r(!0), l(I, { key: 0 }, S(t.question.columns, (d, m) => (r(), l("div", {
+        t.question.hasColumns ? (r(!0), l(I, { key: 0 }, B(t.question.columns, (d, m) => (r(), l("div", {
           key: m,
           class: a(t.question.getColumnClass()),
           role: "presentation"
         }, [
-          (r(!0), l(I, null, S(d, (p) => (r(), C(v, D({
+          (r(!0), l(I, null, B(d, (p) => (r(), C(v, $({
             key: p.value,
             is: s(p)
           }, n(p)), null, 16, ["is"]))), 128))
         ], 2))), 128)) : c("", !0)
       ], 2)) : c("", !0),
-      t.question.hasFootItems ? (r(!0), l(I, { key: 5 }, S(t.question.footItems, (d) => (r(), C(v, D({
+      t.question.hasFootItems ? (r(!0), l(I, { key: 5 }, B(t.question.footItems, (d) => (r(), C(v, $({
         key: d.value,
         is: s(d)
       }, n(d)), null, 16, ["is"]))), 128)) : c("", !0),
@@ -788,7 +788,7 @@ const os = /* @__PURE__ */ h({
         is: "survey-other-choice",
         question: t.question
       }, null, 8, ["question"])) : c("", !0),
-      t.question.showClearButtonInContent ? (r(), l("div", Vs, [
+      t.question.showClearButtonInContent ? (r(), l("div", Bs, [
         g("input", {
           type: "button",
           class: a(t.question.cssClasses.clearButton),
@@ -796,33 +796,33 @@ const os = /* @__PURE__ */ h({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, Rs)
+        }, null, 10, Vs)
       ])) : c("", !0)
-    ], 10, Ss));
+    ], 10, Is));
   }
-}), Ts = /* @__PURE__ */ h({
+}), Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => (r(), C(we, {
+    return (o, e) => (r(), C(qe, {
       question: o.question,
       "show-legend": !0
     }, null, 8, ["question"]));
   }
 });
-function ke(u, o, e) {
-  $(() => {
+function we(u, o, e) {
+  Z(() => {
     e.value && (o().isDesignMode || u().setRootElement(e.value));
-  }), N(() => {
+  }), P(() => {
     o().isDesignMode || u().setRootElement(void 0);
-  }), B(u, (s, n) => {
+  }), V(u, (s, n) => {
     o().isDesignMode || (s && e.value && s.setRootElement(e.value), n && n.setRootElement(void 0));
   });
 }
-const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"], $s = ["xlink:href"], Ds = /* @__PURE__ */ h({
+const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"], Zs = ["xlink:href"], $s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -831,8 +831,8 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     hideLabel: { type: Boolean }
   },
   setup(u) {
-    const o = b(), e = u;
-    ke(
+    const o = M(), e = u;
+    we(
       () => e.item,
       () => e.question,
       o
@@ -862,7 +862,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: n.question.isReadOnlyAttr,
           class: a(n.question.cssClasses.itemControl),
           required: n.question.hasRequiredError()
-        }, null, 42, Zs),
+        }, null, 42, Ts),
         n.question.cssClasses.materialDecorator ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.materialDecorator)
@@ -873,7 +873,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             g("use", {
               "xlink:href": n.question.itemSvgIcon
-            }, null, 8, $s)
+            }, null, 8, Zs)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         n.hideLabel ? c("", !0) : (r(), l("span", {
@@ -888,16 +888,16 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), As = /* @__PURE__ */ h({
+}), Ds = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => (r(), C(we, { question: o.question }, null, 8, ["question"]));
+    return (o, e) => (r(), C(qe, { question: o.question }, null, 8, ["question"]));
   }
-}), Ps = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ns = ["xlink:href"], Es = /* @__PURE__ */ h({
+}), As = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ps = ["xlink:href"], Ns = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -906,14 +906,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     hideLabel: { type: Boolean }
   },
   setup(u) {
-    const o = b(), e = u, s = (i) => e.question.getLabelClass(i), n = (i) => e.question.getControlLabelClass(i), t = L({
+    const o = M(), e = u, s = (i) => e.question.getLabelClass(i), n = (i) => e.question.getControlLabelClass(i), t = L({
       get: () => e.question.renderedValue,
       set: (i) => {
         const d = e.question;
         d.renderedValue = i;
       }
     });
-    return ke(
+    return we(
       () => e.item,
       () => e.question,
       o
@@ -937,7 +937,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           disabled: !i.question.getItemEnabled(i.item),
           readonly: i.question.isReadOnlyAttr,
           class: a(i.question.cssClasses.itemControl)
-        }, null, 10, Ps), [
+        }, null, 10, As), [
           [Y, t.value]
         ]),
         i.question.cssClasses.materialDecorator ? (r(), l("span", {
@@ -950,7 +950,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             g("use", {
               "xlink:href": i.question.itemSvgIcon
-            }, null, 8, Ns)
+            }, null, 8, Ps)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         i.hideLabel ? c("", !0) : (r(), l("span", {
@@ -965,19 +965,19 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), Ws = ["src"], Os = ["title"], Fs = { key: 0 }, zs = /* @__PURE__ */ h({
+}), Es = ["src"], Ws = ["title"], Os = { key: 0 }, Fs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e,
-      style: M({
+      style: b({
         width: s.question.renderedCanvasWidth
       })
     }, [
@@ -989,17 +989,17 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           locString: s.question.locRenderedPlaceholder
         }, null, 8, ["locString"])
       ], 2), [
-        [P, s.question.needShowPlaceholder()]
+        [D, s.question.needShowPlaceholder()]
       ]),
       g("div", null, [
         s.question.backgroundImage ? (r(), l("img", {
           key: 0,
           class: a(s.question.cssClasses.backgroundImage),
           src: s.question.backgroundImage,
-          style: M({
+          style: b({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, Ws)) : c("", !0),
+        }, null, 14, Es)) : c("", !0),
         g("canvas", {
           tabindex: "-1",
           class: a(s.question.cssClasses.canvas),
@@ -1018,14 +1018,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.clearValue(!0);
           })
         }, [
-          s.question.cssClasses.clearButtonIconId ? c("", !0) : (r(), l("span", Fs, "\u2716")),
+          s.question.cssClasses.clearButtonIconId ? c("", !0) : (r(), l("span", Os, "\u2716")),
           s.question.cssClasses.clearButtonIconId ? (r(), C(v, {
             key: 1,
             is: "sv-svg-icon",
             iconName: s.question.cssClasses.clearButtonIconId,
             size: "auto"
           }, null, 8, ["iconName"])) : c("", !0)
-        ], 10, Os)
+        ], 10, Ws)
       ], 2)) : c("", !0),
       s.question.showLoadingIndicator ? (r(), l("div", {
         key: 1,
@@ -1035,31 +1035,31 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 6));
   }
-}), Us = ["innerHTML"], Ks = /* @__PURE__ */ h({
+}), zs = ["innerHTML"], Us = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = K(() => o.question.locHtml);
     return (n, t) => (r(), l("div", {
       ref_key: "root",
       ref: e,
       class: a(n.question.renderCssRoot),
-      innerHTML: k(s)
-    }, null, 10, Us));
+      innerHTML: w(s)
+    }, null, 10, zs));
   }
-}), js = ["src", "alt", "width", "height"], Qs = ["src", "width", "height"], Gs = ["src", "width", "height"], Js = /* @__PURE__ */ h({
+}), Ks = ["src", "alt", "width", "height"], js = ["src", "width", "height"], Qs = ["src", "width", "height"], Gs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = K(() => o.question.locImageLink);
     return (n, t) => (r(), l("div", {
@@ -1070,11 +1070,11 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       n.question.renderedMode === "image" ? R((r(), l("img", {
         key: 0,
         class: a(n.question.getImageCss()),
-        src: k(s),
+        src: w(s),
         alt: n.question.altText || n.question.title,
         width: n.question.renderedWidth,
         height: n.question.renderedHeight,
-        style: M({
+        style: b({
           objectFit: n.question.imageFit,
           width: n.question.renderedStyleWidth,
           height: n.question.renderedStyleHeight
@@ -1085,17 +1085,17 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, js)), [
-        [P, k(s) && !n.question.contentNotLoaded]
+      }, null, 46, Ks)), [
+        [D, w(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "video" ? R((r(), l("video", {
         key: 1,
         controls: "",
         class: a(n.question.getImageCss()),
-        src: k(s),
+        src: w(s),
         width: n.question.renderedWidth,
         height: n.question.renderedHeight,
-        style: M({
+        style: b({
           objectFit: n.question.imageFit,
           width: n.question.renderedStyleWidth,
           height: n.question.renderedStyleHeight
@@ -1106,22 +1106,22 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, Qs)), [
-        [P, k(s) && !n.question.contentNotLoaded]
+      }, null, 46, js)), [
+        [D, w(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "youtube" ? (r(), l("iframe", {
         key: 2,
         class: a(n.question.getImageCss()),
-        src: k(s),
+        src: w(s),
         width: n.question.renderedWidth,
         height: n.question.renderedHeight,
-        style: M({
+        style: b({
           objectFit: n.question.imageFit,
           width: n.question.renderedStyleWidth,
           height: n.question.renderedStyleHeight
         })
-      }, null, 14, Gs)) : c("", !0),
-      !k(s) || n.question.contentNotLoaded ? (r(), l("div", {
+      }, null, 14, Qs)) : c("", !0),
+      !w(s) || n.question.contentNotLoaded ? (r(), l("div", {
         key: 3,
         class: a(n.question.cssClasses.noImage)
       }, [
@@ -1133,28 +1133,28 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 2));
   }
-}), Xs = /* @__PURE__ */ h({
+}), Js = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e
     }, H(s.question.formatedValue), 3));
   }
-}), Ys = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], xs = ["id", "multiple", "placeholder"], _s = ["id", "multiple", "placeholder"], e1 = /* @__PURE__ */ h({
+}), Xs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], Ys = ["id", "multiple", "placeholder"], xs = ["id", "multiple", "placeholder"], _s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "File",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.fileRootCss),
       ref_key: "root",
@@ -1174,7 +1174,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, Ys)) : c("", !0),
+      }, null, 10, Xs)) : c("", !0),
       s.question.isReadOnlyAttr ? (r(), l("input", {
         key: 1,
         type: "file",
@@ -1184,7 +1184,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, xs)) : c("", !0),
+      }, null, 10, Ys)) : c("", !0),
       s.question.isDisabledAttr ? (r(), l("input", {
         key: 2,
         type: "file",
@@ -1194,7 +1194,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, _s)) : c("", !0),
+      }, null, 10, xs)) : c("", !0),
       g("div", {
         class: a(s.question.cssClasses.dragArea),
         onDrop: n[0] || (n[0] = (...t) => s.question.onDrop && s.question.onDrop(...t)),
@@ -1270,17 +1270,17 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), s1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", o1 = /* @__PURE__ */ h({
+}), e1 = { class: "sv-hidden" }, ce = "survey-imagepicker-item", s1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
-    const s = (t) => o.question.getItemValueWrapperComponentName(t) || pe, n = (t) => ({
-      componentName: pe,
+    const s = (t) => o.question.getItemValueWrapperComponentName(t) || ce, n = (t) => ({
+      componentName: ce,
       componentData: {
         question: o.question,
         item: t,
@@ -1289,28 +1289,28 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     });
     return (t, i) => (r(), l("fieldset", {
       class: a(t.question.getSelectBaseRootCss()),
-      style: M(t.question.getContainerStyle()),
+      style: b(t.question.getContainerStyle()),
       ref_key: "root",
       ref: e
     }, [
-      g("legend", s1, H(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? c("", !0) : (r(!0), l(I, { key: 0 }, S(t.question.visibleChoices, (d) => (r(), C(v, D({
+      g("legend", e1, H(t.question.locTitle.renderedHtml), 1),
+      t.question.hasColumns ? c("", !0) : (r(!0), l(I, { key: 0 }, B(t.question.visibleChoices, (d) => (r(), C(v, $({
         key: d.value,
         is: s(d)
       }, n(d)), null, 16, ["is"]))), 128)),
-      t.question.hasColumns ? (r(!0), l(I, { key: 1 }, S(t.question.columns, (d, m) => (r(), l("div", {
+      t.question.hasColumns ? (r(!0), l(I, { key: 1 }, B(t.question.columns, (d, m) => (r(), l("div", {
         class: a(t.question.getColumnClass()),
         key: m,
         role: "presentation"
       }, [
-        (r(!0), l(I, null, S(d, (p) => (r(), C(v, D({
+        (r(!0), l(I, null, B(d, (p) => (r(), C(v, $({
           key: p.value,
           is: s(p)
         }, n(p)), null, 16, ["is"]))), 128))
       ], 2))), 128)) : c("", !0)
     ], 6));
   }
-}), t1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], n1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], r1 = ["src", "width", "height", "alt"], i1 = ["src", "width", "height"], a1 = /* @__PURE__ */ h({
+}), o1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], t1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], n1 = ["src", "width", "height", "alt"], r1 = ["src", "width", "height"], i1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1327,7 +1327,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         i.isReadOnlyAttr || (i.value = t);
       }
     });
-    B(() => o.item);
+    V(() => o.item);
     const n = K(() => o.item.locImageLink);
     return (t, i) => (r(), l("div", {
       class: a(e(t.item))
@@ -1349,7 +1349,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
-        }, null, 10, t1)), [
+        }, null, 10, o1)), [
           [oe, s.value]
         ]) : R((r(), l("input", {
           key: 1,
@@ -1365,7 +1365,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
-        }, null, 10, n1)), [
+        }, null, 10, t1)), [
           [Y, s.value]
         ]),
         g("div", {
@@ -1387,13 +1387,13 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
                 iconName: t.question.cssClasses.checkedItemSvgIconId
               }, null, 8, ["class", "iconName"])) : c("", !0)
             ], 2)) : c("", !0),
-            k(n) && !t.item.contentNotLoaded && t.question.contentMode === "image" ? (r(), l("img", {
+            w(n) && !t.item.contentNotLoaded && t.question.contentMode === "image" ? (r(), l("img", {
               key: 1,
               class: a(t.question.cssClasses.image),
-              src: k(n),
+              src: w(n),
               width: t.question.renderedImageWidth,
               height: t.question.renderedImageHeight,
-              style: M({ objectFit: t.question.imageFit }),
+              style: b({ objectFit: t.question.imageFit }),
               alt: t.item.locText.renderedHtml,
               onLoad: i[2] || (i[2] = (d) => {
                 t.question.onContentLoaded(t.item, d);
@@ -1401,26 +1401,26 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: i[3] || (i[3] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, r1)) : c("", !0),
-            k(n) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (r(), l("video", {
+            }, null, 46, n1)) : c("", !0),
+            w(n) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (r(), l("video", {
               key: 2,
               controls: "",
               class: a(t.question.cssClasses.image),
-              src: k(n),
+              src: w(n),
               width: t.question.renderedImageWidth,
               height: t.question.renderedImageHeight,
-              style: M({ objectFit: t.question.imageFit }),
+              style: b({ objectFit: t.question.imageFit }),
               onLoadedmetadata: i[4] || (i[4] = (d) => {
                 t.question.onContentLoaded(t.item, d);
               }),
               onError: i[5] || (i[5] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, i1)) : c("", !0),
-            !k(n) || t.item.contentNotLoaded ? (r(), l("div", {
+            }, null, 46, r1)) : c("", !0),
+            !w(n) || t.item.contentNotLoaded ? (r(), l("div", {
               key: 3,
               class: a(t.question.cssClasses.itemNoImage),
-              style: M({
+              style: b({
                 width: t.question.renderedImageWidth + "px",
                 height: t.question.renderedImageHeight + "px",
                 objectFit: t.question.imageFit
@@ -1447,14 +1447,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), l1 = /* @__PURE__ */ h({
+}), a1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
@@ -1481,14 +1481,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e
     }, H(s.question.value), 513));
   }
-}), u1 = /* @__PURE__ */ h({
+}), l1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
@@ -1505,23 +1505,23 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), d1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], v1 = {
+}), u1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], d1 = {
   key: 0,
   value: ""
-}, c1 = ["id"];
+}, v1 = ["id"];
 _.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const p1 = /* @__PURE__ */ h({
+const c1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = (i) => {
       o.question.onClick(i);
@@ -1550,7 +1550,7 @@ const p1 = /* @__PURE__ */ h({
           disabled: "",
           id: i.question.inputId,
           class: a(i.question.getControlClass())
-        }, H(i.question.readOnlyText), 11, c1)) : R((r(), l("select", {
+        }, H(i.question.readOnlyText), 11, v1)) : R((r(), l("select", {
           key: 0,
           id: i.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (m) => t.value = m),
@@ -1564,14 +1564,14 @@ const p1 = /* @__PURE__ */ h({
           "aria-errormessage": i.question.ariaErrormessage,
           required: i.question.isRequired
         }, [
-          i.question.allowClear ? (r(), l("option", v1, H(i.question.placeholder), 1)) : c("", !0),
-          (r(!0), l(I, null, S(i.question.visibleChoices, (m) => (r(), C(v, {
+          i.question.allowClear ? (r(), l("option", d1, H(i.question.placeholder), 1)) : c("", !0),
+          (r(!0), l(I, null, B(i.question.visibleChoices, (m) => (r(), C(v, {
             is: "sv-dropdown-option-item",
             item: m,
             key: m.id
           }, null, 8, ["item"]))), 128))
-        ], 42, d1)), [
-          [Ze, t.value]
+        ], 42, u1)), [
+          [Te, t.value]
         ]),
         i.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
           key: 2,
@@ -1592,182 +1592,182 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), m1 = ["value", "disabled"], g1 = /* @__PURE__ */ h({
+}), p1 = ["value", "disabled"], m1 = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
   },
   setup(u) {
     const o = u, e = K(() => o.item.locText);
-    return B(() => o.item), (s, n) => (r(), l("option", {
+    return V(() => o.item), (s, n) => (r(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, H(k(e)), 9, m1));
+    }, H(w(e)), 9, p1));
   }
-}), C1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], y1 = { style: { visibility: "hidden" } }, h1 = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], q1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], w1 = /* @__PURE__ */ h({
+}), g1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], C1 = { style: { visibility: "hidden" } }, y1 = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], h1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], q1 = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = L(() => o.question.dropdownListModel), n = (w) => {
+    const o = u, e = M(null), s = L(() => o.question.dropdownListModel), n = (k) => {
       var A;
-      (A = s.value) == null || A.onClick(w);
-    }, t = (w) => {
+      (A = s.value) == null || A.onClick(k);
+    }, t = (k) => {
       var A;
-      (A = s.value) == null || A.chevronPointerDown(w);
-    }, i = (w) => {
+      (A = s.value) == null || A.chevronPointerDown(k);
+    }, i = (k) => {
       var A;
-      (A = s.value) == null || A.onClear(w);
-    }, d = (w) => {
+      (A = s.value) == null || A.onClear(k);
+    }, d = (k) => {
       var A;
-      (A = s.value) == null || A.keyHandler(w);
+      (A = s.value) == null || A.keyHandler(k);
     }, m = () => {
       if (e.value) {
-        const w = e.value, A = s.value.inputStringRendered;
-        We.isTwoValueEquals(A, w.value, !1, !0, !1) || (w.value = s.value.inputStringRendered);
+        const k = e.value, A = s.value.inputStringRendered;
+        Ee.isTwoValueEquals(A, k.value, !1, !0, !1) || (k.value = s.value.inputStringRendered);
       }
-    }, p = (w) => {
-      o.question.onBlur(w), m();
-    }, q = (w) => {
-      o.question.onFocus(w);
-    }, V = (w) => {
-      s.value.inputStringRendered = w.target.value;
+    }, p = (k) => {
+      o.question.onBlur(k), m();
+    }, q = (k) => {
+      o.question.onFocus(k);
+    }, S = (k) => {
+      s.value.inputStringRendered = k.target.value;
     }, f = L(
       () => o.question.showSelectedItemLocText
-    ), Z = L(() => o.question.selectedItemLocText);
-    return B(() => s.value), x(m), $(m), (w, A) => (r(), l("div", {
-      class: a(w.question.cssClasses.selectWrapper),
+    ), N = L(() => o.question.selectedItemLocText);
+    return V(() => s.value), x(m), Z(m), (k, A) => (r(), l("div", {
+      class: a(k.question.cssClasses.selectWrapper),
       onClick: n
     }, [
-      w.question.isReadOnly ? c("", !0) : (r(), l("div", {
+      k.question.isReadOnly ? c("", !0) : (r(), l("div", {
         key: 0,
-        id: w.question.inputId,
-        disabled: w.question.isDisabledAttr ? !0 : null,
+        id: k.question.inputId,
+        disabled: k.question.isDisabledAttr ? !0 : null,
         tabindex: s.value.noTabIndex ? void 0 : 0,
         onKeydown: d,
         onBlur: p,
-        class: a(w.question.getControlClass()),
-        role: w.question.ariaRole,
-        "aria-required": w.question.ariaRequired,
-        "aria-label": w.question.ariaLabel,
-        "aria-invalid": w.question.ariaInvalid,
-        "aria-errormessage": w.question.ariaErrormessage,
-        "aria-expanded": w.question.ariaExpanded,
+        class: a(k.question.getControlClass()),
+        role: k.question.ariaRole,
+        "aria-required": k.question.ariaRequired,
+        "aria-label": k.question.ariaLabel,
+        "aria-invalid": k.question.ariaInvalid,
+        "aria-errormessage": k.question.ariaErrormessage,
+        "aria-expanded": k.question.ariaExpanded,
         "aria-controls": s.value.listElementId,
         "aria-activedescendant": s.value.ariaActivedescendant,
-        required: w.question.isRequired ? !0 : null
+        required: k.question.isRequired ? !0 : null
       }, [
         s.value.showHintPrefix ? (r(), l("div", {
           key: 0,
-          class: a(w.question.cssClasses.hintPrefix)
+          class: a(k.question.cssClasses.hintPrefix)
         }, [
           g("span", null, H(s.value.hintStringPrefix), 1)
         ], 2)) : c("", !0),
         g("div", {
-          class: a(w.question.cssClasses.controlValue)
+          class: a(k.question.cssClasses.controlValue)
         }, [
           f.value ? (r(), C(v, {
             key: 0,
             is: "survey-string",
-            locString: Z.value
+            locString: N.value
           }, null, 8, ["locString"])) : c("", !0),
           s.value.showHintString ? (r(), l("div", {
             key: 1,
-            class: a(w.question.cssClasses.hintSuffix)
+            class: a(k.question.cssClasses.hintSuffix)
           }, [
-            g("span", y1, H(s.value.inputStringRendered), 1),
+            g("span", C1, H(s.value.inputStringRendered), 1),
             g("span", null, H(s.value.hintStringSuffix), 1)
           ], 2)) : c("", !0),
-          w.question.showInputFieldComponent ? (r(), C(v, {
+          k.question.showInputFieldComponent ? (r(), C(v, {
             key: 2,
-            is: w.question.inputFieldComponentName,
+            is: k.question.inputFieldComponentName,
             item: s.value.getSelectedAction(),
-            question: w.question
+            question: k.question
           }, null, 8, ["is", "item", "question"])) : c("", !0),
           g("input", {
             type: "text",
             ref_key: "inputElement",
             ref: e,
-            class: a(w.question.cssClasses.filterStringInput),
-            disabled: w.question.isDisabledAttr,
+            class: a(k.question.cssClasses.filterStringInput),
+            disabled: k.question.isDisabledAttr,
             autocomplete: "off",
             inputmode: s.value.inputMode,
-            role: s.value.filterStringEnabled ? w.question.ariaRole : void 0,
-            id: w.question.getInputId(),
+            role: s.value.filterStringEnabled ? k.question.ariaRole : void 0,
+            id: k.question.getInputId(),
             tabindex: s.value.noTabIndex ? void 0 : -1,
             readonly: s.value.filterReadOnly ? !0 : void 0,
-            "aria-expanded": w.question.ariaExpanded,
+            "aria-expanded": k.question.ariaExpanded,
             "aria-controls": s.value.listElementId,
-            "aria-label": w.question.a11y_input_ariaLabel,
-            "aria-labelledby": w.question.a11y_input_ariaLabelledBy,
-            "aria-describedby": w.question.a11y_input_ariaDescribedBy,
+            "aria-label": k.question.a11y_input_ariaLabel,
+            "aria-labelledby": k.question.a11y_input_ariaLabelledBy,
+            "aria-describedby": k.question.a11y_input_ariaDescribedBy,
             "aria-activedescendant": s.value.ariaActivedescendant,
             placeholder: s.value.placeholderRendered,
-            onInput: V,
+            onInput: S,
             onBlur: p,
             onFocus: q
-          }, null, 42, h1)
+          }, null, 42, y1)
         ], 2),
-        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
+        k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
           key: 1,
-          class: a(w.question.cssClasses.cleanButton),
+          class: a(k.question.cssClasses.cleanButton),
           onClick: i,
           "aria-hidden": "true"
         }, [
           y(v, {
             is: "sv-svg-icon",
-            class: a(w.question.cssClasses.cleanButtonSvg),
-            iconName: w.question.cssClasses.cleanButtonIconId,
-            title: w.question.clearCaption,
+            class: a(k.question.cssClasses.cleanButtonSvg),
+            iconName: k.question.cssClasses.cleanButtonIconId,
+            title: k.question.clearCaption,
             size: "auto"
           }, null, 8, ["class", "iconName", "title"])
         ], 2)), [
-          [P, w.question.showClearButton]
+          [D, k.question.showClearButton]
         ]) : c("", !0)
-      ], 42, C1)),
-      w.question.isReadOnly ? (r(), l("div", {
+      ], 42, g1)),
+      k.question.isReadOnly ? (r(), l("div", {
         key: 2,
-        id: w.question.inputId,
-        "aria-label": w.question.a11y_input_ariaLabel,
-        "aria-labelledby": w.question.a11y_input_ariaLabelledBy,
-        "aria-describedby": w.question.a11y_input_ariaDescribedBy,
-        tabindex: w.question.isDisabledAttr ? void 0 : 0,
-        class: a(w.question.getControlClass())
+        id: k.question.inputId,
+        "aria-label": k.question.a11y_input_ariaLabel,
+        "aria-labelledby": k.question.a11y_input_ariaLabelledBy,
+        "aria-describedby": k.question.a11y_input_ariaDescribedBy,
+        tabindex: k.question.isDisabledAttr ? void 0 : 0,
+        class: a(k.question.getControlClass())
       }, [
-        w.question.locReadOnlyText ? (r(), C(v, {
+        k.question.locReadOnlyText ? (r(), C(v, {
           key: 0,
           is: "survey-string",
-          locString: w.question.locReadOnlyText
+          locString: k.question.locReadOnlyText
         }, null, 8, ["locString"])) : c("", !0)
-      ], 10, q1)) : (r(), C(v, {
+      ], 10, h1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: s.value.popupModel
       }, null, 8, ["model"])),
-      w.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
+      k.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
         key: 3,
-        class: a(w.question.cssClasses.chevronButton),
+        class: a(k.question.cssClasses.chevronButton),
         onPointerdown: t,
         "aria-hidden": "true"
       }, [
         y(v, {
           is: "sv-svg-icon",
-          class: a(w.question.cssClasses.chevronButtonSvg),
-          iconName: w.question.cssClasses.chevronButtonIconId,
+          class: a(k.question.cssClasses.chevronButtonSvg),
+          iconName: k.question.cssClasses.chevronButtonIconId,
           size: "auto"
         }, null, 8, ["class", "iconName"])
       ], 34)) : c("", !0)
     ], 2));
   }
-}), k1 = /* @__PURE__ */ h({
+}), w1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
@@ -1784,7 +1784,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), f1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], L1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], b1 = /* @__PURE__ */ h({
+}), k1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], f1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], L1 = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1792,7 +1792,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = L(() => {
       const p = o.question;
-      return p.dropdownListModel || (p.dropdownListModel = new Oe(p)), o.question.dropdownListModel;
+      return p.dropdownListModel || (p.dropdownListModel = new We(p)), o.question.dropdownListModel;
     }), s = (p) => {
       var q;
       (q = e.value) == null || q.onClick(p);
@@ -1809,7 +1809,7 @@ const p1 = /* @__PURE__ */ h({
       var q;
       (q = e.value) == null || q.onBlur(p);
     }, m = ee(() => o.question.selectedChoices);
-    return B(() => e.value), (p, q) => (r(), l("div", {
+    return V(() => e.value), (p, q) => (r(), l("div", {
       class: a(p.question.cssClasses.selectWrapper),
       onClick: s
     }, [
@@ -1834,9 +1834,9 @@ const p1 = /* @__PURE__ */ h({
         g("div", {
           class: a(p.question.cssClasses.controlValue)
         }, [
-          (r(!0), l(I, null, S(k(m), (V, f) => (r(), C(v, {
+          (r(!0), l(I, null, B(w(m), (S, f) => (r(), C(v, {
             is: "sv-tagbox-item",
-            item: V,
+            item: S,
             question: p.question,
             key: "item" + f
           }, null, 8, ["item", "question"]))), 128)),
@@ -1860,9 +1860,9 @@ const p1 = /* @__PURE__ */ h({
             size: "auto"
           }, null, 8, ["class", "iconName", "title"])
         ], 2)), [
-          [P, p.question.showClearButton]
+          [D, p.question.showClearButton]
         ]) : c("", !0)
-      ], 42, f1)),
+      ], 42, k1)),
       p.question.isReadOnly ? (r(), l("div", {
         key: 2,
         id: p.question.inputId,
@@ -1877,7 +1877,7 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: p.question.locReadOnlyText
         }, null, 8, ["locString"])) : c("", !0)
-      ], 10, L1)) : (r(), C(v, {
+      ], 10, f1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: e.value.popupModel
@@ -1897,7 +1897,7 @@ const p1 = /* @__PURE__ */ h({
       ], 34)) : c("", !0)
     ], 2));
   }
-}), M1 = { style: { visibility: "hidden" } }, H1 = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], I1 = /* @__PURE__ */ h({
+}), b1 = { style: { visibility: "hidden" } }, M1 = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], H1 = /* @__PURE__ */ h({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1914,7 +1914,7 @@ const p1 = /* @__PURE__ */ h({
     }, t = (i) => {
       o.question.onFocus(i);
     };
-    return B(() => o.model), (i, d) => (r(), l("div", {
+    return V(() => o.model), (i, d) => (r(), l("div", {
       class: a(i.question.cssClasses.hint)
     }, [
       i.model.showHintPrefix ? (r(), l("div", {
@@ -1935,7 +1935,7 @@ const p1 = /* @__PURE__ */ h({
           key: 1,
           class: a(i.question.cssClasses.hintSuffix)
         }, [
-          g("span", M1, H(i.model.inputStringRendered), 1),
+          g("span", b1, H(i.model.inputStringRendered), 1),
           g("span", null, H(i.model.hintStringSuffix), 1)
         ], 2)) : c("", !0),
         R(g("input", {
@@ -1960,13 +1960,13 @@ const p1 = /* @__PURE__ */ h({
           onKeydown: s,
           onBlur: n,
           onFocus: t
-        }, null, 42, H1), [
-          [$e, i.model.inputStringRendered]
+        }, null, 42, M1), [
+          [Ze, i.model.inputStringRendered]
         ])
       ], 2)
     ], 2));
   }
-}), S1 = { class: "sv-tagbox__item-text" }, B1 = /* @__PURE__ */ h({
+}), I1 = { class: "sv-tagbox__item-text" }, S1 = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1976,11 +1976,11 @@ const p1 = /* @__PURE__ */ h({
     const o = u, e = (s) => {
       o.question.dropdownListModel.deselectItem(o.item.value), s.stopPropagation();
     };
-    return B(() => o.item), (s, n) => (r(), l("div", {
+    return V(() => o.item), (s, n) => (r(), l("div", {
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      g("div", S1, [
+      g("div", I1, [
         y(v, {
           is: "survey-string",
           locString: s.item.locText
@@ -1999,14 +1999,14 @@ const p1 = /* @__PURE__ */ h({
       ], 2)
     ]));
   }
-}), V1 = /* @__PURE__ */ h({
+}), B1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, i, d) => ({
       componentName: "survey-ranking-item",
@@ -2023,7 +2023,7 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      t.question.selectToRankEnabled ? c("", !0) : (r(!0), l(I, { key: 0 }, S(t.question.renderedRankingChoices, (d, m) => (r(), C(v, D({
+      t.question.selectToRankEnabled ? c("", !0) : (r(!0), l(I, { key: 0 }, B(t.question.renderedRankingChoices, (d, m) => (r(), C(v, $({
         key: d.value + "-" + m + "-item",
         is: s(d)
       }, n(d, m)), null, 16, ["is"]))), 128)),
@@ -2032,7 +2032,7 @@ const p1 = /* @__PURE__ */ h({
         class: a(t.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (r(!0), l(I, null, S(t.question.renderedUnRankingChoices, (d, m) => (r(), C(v, D({
+        (r(!0), l(I, null, B(t.question.renderedUnRankingChoices, (d, m) => (r(), C(v, $({
           key: d.value + "-" + m + "-item",
           is: s(d)
         }, n(d, m, !0)), null, 16, ["is"]))), 128)),
@@ -2055,7 +2055,7 @@ const p1 = /* @__PURE__ */ h({
         class: a(t.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (r(!0), l(I, null, S(t.question.renderedRankingChoices, (d, m) => (r(), C(v, D({
+        (r(!0), l(I, null, B(t.question.renderedRankingChoices, (d, m) => (r(), C(v, $({
           key: d.value + "-" + m + "-item",
           is: s(d)
         }, n(d, m)), null, 16, ["is"]))), 128)),
@@ -2071,10 +2071,10 @@ const p1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), R1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], T1 = {
+}), V1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], R1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ h({
+}, T1 = ["xlink:href"], Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2085,7 +2085,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => o.question.getNumberByIndex(o.index));
-    return B(() => o.item), (s, n) => (r(), l("div", {
+    return V(() => o.item), (s, n) => (r(), l("div", {
       id: s.question.getItemId(s.item),
       tabindex: s.question.getItemTabIndex(s.item),
       "data-sv-drop-target-ranking-item": s.index,
@@ -2110,7 +2110,7 @@ const p1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      g("div", T1, [
+      g("div", R1, [
         g("div", {
           class: a(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2125,14 +2125,14 @@ const p1 = /* @__PURE__ */ h({
             }, [
               g("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, Z1)
+              }, null, 8, T1)
             ], 2)),
             (r(), l("svg", {
               class: a(s.question.getIconFocusCss())
             }, [
               g("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, $1)
+              }, null, 8, Z1)
             ], 2))
           ], 2),
           !s.unrankedItem && e.value ? (r(), l("div", {
@@ -2145,7 +2145,7 @@ const p1 = /* @__PURE__ */ h({
             (r(), l("svg", null, [
               g("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, D1)
+              }, null, 8, $1)
             ]))
           ], 2)),
           y(v, {
@@ -2155,9 +2155,9 @@ const p1 = /* @__PURE__ */ h({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, R1));
+    ], 42, V1));
   }
-}), P1 = /* @__PURE__ */ h({
+}), A1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2174,17 +2174,17 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), N1 = { role: "radiogroup" }, E1 = /* @__PURE__ */ g("legend", {
+}), P1 = { role: "radiogroup" }, N1 = /* @__PURE__ */ g("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), W1 = /* @__PURE__ */ h({
+}, null, -1), E1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = (n) => o.question.getInputId(n);
     return (n, t) => (r(), l("div", {
@@ -2192,8 +2192,8 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      g("fieldset", N1, [
-        E1,
+      g("fieldset", P1, [
+        N1,
         n.question.hasMinLabel ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.minText)
@@ -2203,7 +2203,7 @@ const p1 = /* @__PURE__ */ h({
             locString: n.question.locMinRateDescription
           }, null, 8, ["locString"])
         ], 2)) : c("", !0),
-        (r(!0), l(I, null, S(n.question.renderedRateItems, (i, d) => (r(), C(v, {
+        (r(!0), l(I, null, B(n.question.renderedRateItems, (i, d) => (r(), C(v, {
           key: s(d),
           is: n.question.itemComponent,
           item: i,
@@ -2222,7 +2222,7 @@ const p1 = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), O1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], F1 = ["data-text"], z1 = /* @__PURE__ */ h({
+}), W1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], O1 = ["data-text"], F1 = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2231,7 +2231,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l("label", {
+    return V(() => o.item), (e, s) => (r(), l("label", {
       key: e.item.value,
       onMousedown: s[1] || (s[1] = (n) => e.question.onMouseDown()),
       class: a(e.question.getItemClassByText(e.item.itemValue, e.item.text))
@@ -2249,7 +2249,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, O1),
+      }, null, 8, W1),
       g("span", {
         class: a(e.question.cssClasses.itemText),
         "data-text": e.item.text
@@ -2258,10 +2258,10 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: e.item.locText
         }, null, 8, ["locString"])
-      ], 10, F1)
+      ], 10, O1)
     ], 34));
   }
-}), U1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], K1 = /* @__PURE__ */ h({
+}), z1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], U1 = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2270,10 +2270,10 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l("label", {
+    return V(() => o.item), (e, s) => (r(), l("label", {
       key: e.item.value,
       onMousedown: s[1] || (s[1] = (n) => e.question.onMouseDown()),
-      style: M(e.question.getItemStyle(e.item.itemValue, e.item.highlight)),
+      style: b(e.question.getItemStyle(e.item.itemValue, e.item.highlight)),
       class: a(e.question.getItemClass(e.item.itemValue, e.item.highlight)),
       onMouseover: s[2] || (s[2] = (n) => e.question.onItemMouseIn(e.item)),
       onMouseleave: s[3] || (s[3] = (n) => e.question.onItemMouseOut(e.item))
@@ -2291,7 +2291,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, U1),
+      }, null, 8, z1),
       y(v, {
         is: "sv-svg-icon",
         iconName: e.question.getItemSmileyIconName(e.item.itemValue),
@@ -2300,7 +2300,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 38));
   }
-}), j1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Q1 = /* @__PURE__ */ h({
+}), K1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], j1 = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2309,7 +2309,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l("label", {
+    return V(() => o.item), (e, s) => (r(), l("label", {
       key: e.item.value,
       onMousedown: s[1] || (s[1] = (n) => e.question.onMouseDown()),
       class: a(e.question.getItemClass(e.item.itemValue)),
@@ -2329,7 +2329,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, j1),
+      }, null, 8, K1),
       y(v, {
         is: "sv-svg-icon",
         class: a("sv-star"),
@@ -2346,10 +2346,10 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 34));
   }
-}), G1 = { class: "sd-rating-dropdown-item" }, J1 = { class: "sd-rating-dropdown-item_text" }, X1 = {
+}), Q1 = { class: "sd-rating-dropdown-item" }, G1 = { class: "sd-rating-dropdown-item_text" }, J1 = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, Y1 = /* @__PURE__ */ h({
+}, X1 = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2357,9 +2357,9 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l("div", G1, [
-      g("span", J1, H(e.item.title), 1),
-      e.item.description ? (r(), l("div", X1, [
+    return V(() => o.item), (e, s) => (r(), l("div", Q1, [
+      g("span", G1, H(e.item.title), 1),
+      e.item.description ? (r(), l("div", J1, [
         y(v, {
           is: "survey-string",
           locString: e.item.description
@@ -2373,14 +2373,14 @@ _.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const x1 = /* @__PURE__ */ h({
+const Y1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootDropdown),
       ref_key: "root",
@@ -2392,14 +2392,14 @@ const x1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])
     ], 2));
   }
-}), _1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], eo = /* @__PURE__ */ h({
+}), x1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], _1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = (t, i) => {
       o.question.onLabelClick(t, i);
@@ -2434,7 +2434,7 @@ const x1 = /* @__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, _1), [
+          }, null, 42, x1), [
             [oe, t.question.booleanValue]
           ]),
           g("div", {
@@ -2491,14 +2491,14 @@ _.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const so = /* @__PURE__ */ h({
+const eo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
     question: {}
   },
   setup(u) {
-    const o = b(null);
+    const o = M(null);
     return T(u, o), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootRadio),
       ref_key: "root",
@@ -2532,7 +2532,7 @@ const so = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), oo = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], to = ["xlink:href"], no = /* @__PURE__ */ h({
+}), so = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], oo = ["xlink:href"], to = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2561,7 +2561,7 @@ const so = /* @__PURE__ */ h({
           readonly: s.question.isReadOnlyAttr,
           class: a(s.question.cssClasses.itemRadioControl),
           onChange: e
-        }, null, 42, oo),
+        }, null, 42, so),
         s.question.cssClasses.materialRadioDecorator ? (r(), l("span", {
           key: 0,
           class: a(s.question.cssClasses.materialRadioDecorator)
@@ -2572,7 +2572,7 @@ const so = /* @__PURE__ */ h({
           }, [
             g("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, to)
+            }, null, 8, oo)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         g("span", {
@@ -2586,13 +2586,13 @@ const so = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), ro = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], io = ["xlink:href"], ao = /* @__PURE__ */ g("span", { class: "check" }, null, -1), lo = ["id"], uo = ["id"];
+}), no = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ro = ["xlink:href"], io = /* @__PURE__ */ g("span", { class: "check" }, null, -1), ao = ["id"], lo = ["id"];
 _.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const vo = /* @__PURE__ */ h({
+const uo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2600,7 +2600,7 @@ const vo = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => {
       var t;
       return r(), l("div", {
@@ -2628,7 +2628,7 @@ const vo = /* @__PURE__ */ h({
               "aria-label": s.question.ariaLabel,
               "aria-invalid": s.question.ariaInvalid,
               "aria-errormessage": s.question.ariaErrormessage
-            }, null, 42, ro), [
+            }, null, 42, no), [
               [oe, s.question.booleanValue]
             ]),
             g("span", {
@@ -2640,9 +2640,9 @@ const vo = /* @__PURE__ */ h({
               }, [
                 g("use", {
                   "xlink:href": s.question.svgIcon
-                }, null, 8, io)
+                }, null, 8, ro)
               ], 2)) : c("", !0),
-              ao
+              io
             ], 2),
             s.question.isLabelRendered ? (r(), l("span", {
               key: 0,
@@ -2661,7 +2661,7 @@ const vo = /* @__PURE__ */ h({
                 element: s.question,
                 css: s.css
               }, null, 8, ["element", "css"])) : c("", !0)
-            ], 10, lo)) : c("", !0)
+            ], 10, ao)) : c("", !0)
           ], 2),
           s.question.canRenderLabelDescription ? (r(), l("div", {
             key: 0,
@@ -2672,33 +2672,33 @@ const vo = /* @__PURE__ */ h({
               is: "survey-string",
               locString: s.question.locDescription
             }, null, 8, ["locString"])
-          ], 10, uo)) : c("", !0)
+          ], 10, lo)) : c("", !0)
         ], 2)
       ], 2);
     };
   }
-}), co = /* @__PURE__ */ h({
+}), vo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = ee(() => o.question.getRows());
+    const o = u, e = M(null), s = ee(() => o.question.getRows());
     return T(o, e), (n, t) => (r(), l("table", {
       class: a(n.question.getQuestionRootCss()),
       ref_key: "root",
       ref: e
     }, [
       g("tbody", null, [
-        (r(!0), l(I, null, S(k(s), (i, d) => (r(), l(I, {
+        (r(!0), l(I, null, B(w(s), (i, d) => (r(), l(I, {
           key: n.question.inputId + "rowkey" + d
         }, [
           i.isVisible ? (r(), l("tr", {
             key: 0,
             class: a(n.question.cssClasses.row)
           }, [
-            (r(!0), l(I, null, S(i.cells, (m) => (r(), l("td", {
+            (r(!0), l(I, null, B(i.cells, (m) => (r(), l("td", {
               key: "item" + m.item.editor.id,
               class: a(m.className)
             }, [
@@ -2713,7 +2713,7 @@ const vo = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), po = { key: 1 }, mo = /* @__PURE__ */ h({
+}), co = { key: 1 }, po = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2721,7 +2721,7 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = (n) => te(n);
-    B(() => o.cell.item.editor);
+    V(() => o.cell.item.editor);
     const s = L(() => o.cell.item);
     return (n, t) => n.cell.isErrorsCell ? (r(), C(v, {
       key: 1,
@@ -2733,7 +2733,7 @@ const vo = /* @__PURE__ */ h({
     }, [
       g("span", {
         class: a(n.question.getItemTitleCss()),
-        style: M({
+        style: b({
           minWidth: n.question.itemTitleWidth,
           width: n.question.itemTitleWidth
         })
@@ -2746,7 +2746,7 @@ const vo = /* @__PURE__ */ h({
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", po, "\xA0")) : c("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", co, "\xA0")) : c("", !0),
         s.value.editor.isRequireTextAfterTitle ? (r(), l("span", {
           key: 2,
           "aria-hidden": "true",
@@ -2765,14 +2765,14 @@ const vo = /* @__PURE__ */ h({
       ], 34))
     ], 2));
   }
-}), go = { class: "sv-hidden" }, Co = { key: 0 }, yo = { key: 0 }, ho = ["onClick"], qo = ["data-responsive-title", "onClick"], wo = /* @__PURE__ */ h({
+}), mo = { class: "sv-hidden" }, go = { key: 0 }, Co = { key: 0 }, yo = ["onClick"], ho = ["data-responsive-title", "onClick"], qo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = W();
+    const o = u, e = M(null), s = W();
     T(
       o,
       e,
@@ -2795,17 +2795,17 @@ const vo = /* @__PURE__ */ h({
       ref: e
     }, [
       g("fieldset", null, [
-        g("legend", go, H(t.question.locTitle.renderedHtml), 1),
+        g("legend", mo, H(t.question.locTitle.renderedHtml), 1),
         g("table", {
           class: a(t.question.getTableCss())
         }, [
-          t.question.showHeader ? (r(), l("thead", Co, [
+          t.question.showHeader ? (r(), l("thead", go, [
             g("tr", null, [
-              t.question.hasRows ? (r(), l("td", yo)) : c("", !0),
-              (r(!0), l(I, null, S(t.question.visibleColumns, (d, m) => (r(), l("th", {
+              t.question.hasRows ? (r(), l("td", Co)) : c("", !0),
+              (r(!0), l(I, null, B(t.question.visibleColumns, (d, m) => (r(), l("th", {
                 key: m,
                 class: a(t.question.cssClasses.headerCell),
-                style: M({
+                style: b({
                   minWidth: t.question.columnMinWidth,
                   width: t.question.columnMinWidth
                 })
@@ -2826,13 +2826,13 @@ const vo = /* @__PURE__ */ h({
             ])
           ])) : c("", !0),
           g("tbody", null, [
-            (r(!0), l(I, null, S(s.value, (d, m) => (r(), l("tr", {
+            (r(!0), l(I, null, B(s.value, (d, m) => (r(), l("tr", {
               key: "row_" + d.name + "_" + m,
               class: a(d.rowClasses || void 0)
             }, [
               R(g("td", {
                 class: a(d.rowTextClasses),
-                style: M({
+                style: b({
                   minWidth: t.question.rowTitleWidth,
                   width: t.question.rowTitleWidth
                 })
@@ -2850,23 +2850,23 @@ const vo = /* @__PURE__ */ h({
                   _: 2
                 }, 1032, ["is", "componentData"])
               ], 6), [
-                [P, t.question.hasRows]
+                [D, t.question.hasRows]
               ]),
-              t.question.hasCellText ? (r(!0), l(I, { key: 0 }, S(t.question.visibleColumns, (p, q) => (r(), l("td", {
+              t.question.hasCellText ? (r(!0), l(I, { key: 0 }, B(t.question.visibleColumns, (p, q) => (r(), l("td", {
                 key: q,
                 class: a(t.question.getItemClass(d, p)),
-                onClick: (V) => n(d, p)
+                onClick: (S) => n(d, p)
               }, [
                 y(v, {
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(d.name, p)
                 }, null, 8, ["locString"])
-              ], 10, ho))), 128)) : c("", !0),
-              t.question.hasCellText ? c("", !0) : (r(!0), l(I, { key: 1 }, S(t.question.visibleColumns, (p, q) => (r(), l("td", {
+              ], 10, yo))), 128)) : c("", !0),
+              t.question.hasCellText ? c("", !0) : (r(!0), l(I, { key: 1 }, B(t.question.visibleColumns, (p, q) => (r(), l("td", {
                 key: q,
                 "data-responsive-title": p.locText.renderedHtml,
                 class: a(t.question.cssClasses.cell),
-                onClick: (V) => n(d, p)
+                onClick: (S) => n(d, p)
               }, [
                 y(v, {
                   is: t.question.cellComponent,
@@ -2875,31 +2875,31 @@ const vo = /* @__PURE__ */ h({
                   column: p,
                   columnIndex: q
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, qo))), 128))
+              ], 10, ho))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), ko = ["data-sv-drop-target-matrix-row"], fo = /* @__PURE__ */ h({
+}), wo = ["data-sv-drop-target-matrix-row"], ko = /* @__PURE__ */ h({
   __name: "MatrixRow",
   props: {
     question: {},
     row: {}
   },
   setup(u) {
-    const o = u, e = b();
-    B(() => o.row);
+    const o = u, e = M();
+    V(() => o.row);
     const s = O(
       () => o.row,
       (n, t) => {
         t && t.setRootElement(void 0), n.setRootElement(e.value);
       }
     );
-    return $(() => {
+    return Z(() => {
       o.row.setRootElement(e.value);
-    }), N(() => {
+    }), P(() => {
       o.row.setRootElement(void 0), s();
     }), (n, t) => n.row.visible ? (r(), l("tr", {
       key: 0,
@@ -2909,15 +2909,15 @@ const vo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      (r(!0), l(I, null, S(n.row.cells, (i) => (r(), C(v, {
+      (r(!0), l(I, null, B(n.row.cells, (i) => (r(), C(v, {
         is: "survey-matrixdropdown-cell",
         cell: i,
         question: n.question,
         key: n.row.id + "_" + i.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, ko)) : c("", !0);
+    ], 42, wo)) : c("", !0);
   }
-}), Lo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], bo = ["xlink:href"], Mo = /* @__PURE__ */ h({
+}), fo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Lo = ["xlink:href"], bo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2947,7 +2947,7 @@ const vo = /* @__PURE__ */ h({
         ),
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
-      }, null, 10, Lo), [
+      }, null, 10, fo), [
         [Y, o.row.value]
       ]),
       g("span", {
@@ -2959,7 +2959,7 @@ const vo = /* @__PURE__ */ h({
         }, [
           g("use", {
             "xlink:href": o.question.itemSvgIcon
-          }, null, 8, bo)
+          }, null, 8, Lo)
         ], 2)) : c("", !0)
       ], 2),
       o.question.isMobile ? (r(), l("span", {
@@ -2973,14 +2973,14 @@ const vo = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 34));
   }
-}), Ho = /* @__PURE__ */ h({
+}), Mo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     return T(o, e), (s, n) => (r(), C(v, {
       is: "survey-matrixtable",
       question: s.question,
@@ -2988,27 +2988,27 @@ const vo = /* @__PURE__ */ h({
       ref: e
     }, null, 8, ["question"]));
   }
-}), Io = { key: 0 }, So = { key: 1 }, Bo = /* @__PURE__ */ h({
+}), Ho = { key: 0 }, Io = { key: 1 }, So = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
   },
   setup(u) {
     const o = u, e = L(() => o.question.renderedTable);
-    return B(() => e.value), (s, n) => (r(), l("div", {
-      style: M({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
+    return V(() => e.value), (s, n) => (r(), l("div", {
+      style: b({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
       class: a(s.question.cssClasses.tableWrapper)
     }, [
       g("table", {
         class: a(s.question.getTableCss())
       }, [
-        e.value.showHeader ? (r(), l("thead", Io, [
+        e.value.showHeader ? (r(), l("thead", Ho, [
           g("tr", null, [
-            (r(!0), l(I, null, S(e.value.headerRow.cells, (t) => (r(), l(I, null, [
+            (r(!0), l(I, null, B(e.value.headerRow.cells, (t) => (r(), l(I, null, [
               t.hasTitle ? (r(), l("th", {
                 key: "header_" + t.id,
                 class: a(t.className),
-                style: M({ minWidth: t.minWidth, width: t.width })
+                style: b({ minWidth: t.minWidth, width: t.width })
               }, [
                 y(v, {
                   is: s.question.getColumnHeaderWrapperComponentName(t),
@@ -3032,22 +3032,22 @@ const vo = /* @__PURE__ */ h({
               t.hasTitle ? c("", !0) : (r(), l("td", {
                 class: a(t.className),
                 key: "header_" + t.id,
-                style: M({ minWidth: t.minWidth, width: t.width })
+                style: b({ minWidth: t.minWidth, width: t.width })
               }, null, 6))
             ], 64))), 256))
           ])
         ])) : c("", !0),
         g("tbody", null, [
-          (r(!0), l(I, null, S(e.value.renderedRows, (t) => (r(), C(v, {
+          (r(!0), l(I, null, B(e.value.renderedRows, (t) => (r(), C(v, {
             key: s.question.inputId + "_" + t.id,
             is: "survey-matrix-row",
             row: t,
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        e.value.showFooter ? (r(), l("tfoot", So, [
+        e.value.showFooter ? (r(), l("tfoot", Io, [
           g("tr", null, [
-            (r(!0), l(I, null, S(e.value.footerRow.cells, (t, i) => (r(), C(v, {
+            (r(!0), l(I, null, B(e.value.footerRow.cells, (t, i) => (r(), C(v, {
               is: "survey-matrixdropdown-cell",
               cell: t,
               question: s.question,
@@ -3058,7 +3058,7 @@ const vo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Vo = /* @__PURE__ */ g("span", null, "\xA0", -1), Ro = /* @__PURE__ */ h({
+}), Bo = /* @__PURE__ */ g("span", null, "\xA0", -1), Vo = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3066,45 +3066,45 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.column), (e, s) => e.column.isRenderedRequired ? (r(), l(I, { key: 0 }, [
-      Vo,
+    return V(() => o.column), (e, s) => e.column.isRenderedRequired ? (r(), l(I, { key: 0 }, [
+      Bo,
       e.column.isRenderedRequired ? (r(), l("span", {
         key: 0,
         class: a(e.question.cssClasses.cellRequiredText)
       }, H(e.column.requiredText), 3)) : c("", !0)
     ], 64)) : c("", !0);
   }
-}), To = ["title", "colspan"], Zo = /* @__PURE__ */ h({
+}), Ro = ["title", "colspan"], To = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
     cell: {}
   },
   setup(u) {
-    const o = u, e = b(!1), s = b(), n = () => !!o.cell.width || !!o.cell.minWidth ? { width: o.cell.width, minWidth: o.cell.minWidth } : null, t = () => {
+    const o = u, e = M(!1), s = M(), n = () => !!o.cell.width || !!o.cell.minWidth ? { width: o.cell.width, minWidth: o.cell.minWidth } : null, t = () => {
       !o.cell.hasQuestion || !o.question || !o.question.survey || (e.value = o.cell.question.isVisible);
     }, i = (p) => te(p);
-    t(), $(() => {
+    t(), Z(() => {
       if (!o.cell.hasQuestion || !o.question || !o.question.survey)
         return;
       o.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
         t();
       });
-      const p = s.value, q = o.cell.question, V = {
+      const p = s.value, q = o.cell.question, S = {
         cell: o.cell.cell,
         cellQuestion: q,
         htmlElement: p,
         row: o.cell.row,
         column: o.cell.cell.column
       };
-      o.question.survey.matrixAfterCellRender(o.question, V), q && q.afterRenderCore(p);
+      o.question.survey.matrixAfterCellRender(o.question, S), q && q.afterRenderCore(p);
     });
     const d = L(() => {
       const p = o.cell;
       if (p.hasPanel) {
-        const q = p.panel, V = q.survey;
-        if (V) {
-          const f = V.getElementWrapperComponentName(q);
+        const q = p.panel, S = q.survey;
+        if (S) {
+          const f = S.getElementWrapperComponentName(q);
           if (f)
             return f;
         }
@@ -3112,9 +3112,9 @@ const vo = /* @__PURE__ */ h({
       }
     }), m = L(() => {
       if (o.cell.hasPanel) {
-        const q = o.cell.panel, V = q.survey;
+        const q = o.cell.panel, S = q.survey;
         let f;
-        return V && (f = V.getElementWrapperComponentData(q)), {
+        return S && (f = S.getElementWrapperComponentData(q)), {
           componentName: "survey-panel",
           componentData: {
             element: q,
@@ -3128,9 +3128,9 @@ const vo = /* @__PURE__ */ h({
       key: 0,
       class: a(p.cell.className),
       title: p.cell.getTitle(),
-      style: M(n()),
+      style: b(n()),
       colspan: p.cell.colSpans,
-      onFocusin: q[0] || (q[0] = (V) => p.cell.focusIn()),
+      onFocusin: q[0] || (q[0] = (S) => p.cell.focusIn()),
       ref_key: "root",
       ref: s
     }, [
@@ -3150,7 +3150,7 @@ const vo = /* @__PURE__ */ h({
         model: p.cell.item.getData(),
         handleClick: !1
       }, null, 8, ["model"])) : c("", !0),
-      p.cell.hasPanel ? (r(), C(v, D({
+      p.cell.hasPanel ? (r(), C(v, $({
         key: 3,
         is: d.value
       }, m.value), null, 16, ["is"])) : c("", !0),
@@ -3219,7 +3219,7 @@ const vo = /* @__PURE__ */ h({
           question: p.cell.question
         }, null, 8, ["question"])) : c("", !0)
       ], 2)), [
-        [P, e.value]
+        [D, e.value]
       ]) : c("", !0),
       p.cell.hasTitle ? (r(), C(v, {
         key: 6,
@@ -3239,16 +3239,16 @@ const vo = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : c("", !0)
-    ], 46, To)) : c("", !0);
+    ], 46, Ro)) : c("", !0);
   }
-}), $o = /* @__PURE__ */ h({
+}), Zo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = () => {
       o.question.addRowUI();
@@ -3334,7 +3334,7 @@ function ne(u, o = !0) {
     row: o ? L(() => u.item.data.row) : void 0
   };
 }
-const Do = ["disabled"], Ao = /* @__PURE__ */ h({
+const $o = ["disabled"], Do = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3343,20 +3343,20 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
     const o = u, { question: e, row: s } = ne(o);
     return (n, t) => (r(), l("button", {
       type: "button",
-      class: a(k(e).getRemoveRowButtonCss()),
-      disabled: k(e).isInputReadOnly,
-      onClick: t[0] || (t[0] = () => k(e).removeRowUI(k(s)))
+      class: a(w(e).getRemoveRowButtonCss()),
+      disabled: w(e).isInputReadOnly,
+      onClick: t[0] || (t[0] = () => w(e).removeRowUI(w(s)))
     }, [
       y(v, {
         is: "survey-string",
-        locString: k(e).locRemoveRowText
+        locString: w(e).locRemoveRowText
       }, null, 8, ["locString"]),
       g("span", {
-        class: a(k(e).cssClasses.iconRemove)
+        class: a(w(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Do));
+    ], 10, $o));
   }
-}), Po = ["xlink:href"], No = /* @__PURE__ */ h({
+}), Ao = ["xlink:href"], Po = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3364,20 +3364,20 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
   setup(u) {
     const o = u, { question: e } = ne(o, !1);
     return (s, n) => (r(), l("div", null, [
-      k(e).iconDragElement ? (r(), l("svg", {
+      w(e).iconDragElement ? (r(), l("svg", {
         key: 0,
-        class: a(k(e).cssClasses.dragElementDecorator)
+        class: a(w(e).cssClasses.dragElementDecorator)
       }, [
         g("use", {
-          "xlink:href": k(e).iconDragElement
-        }, null, 8, Po)
+          "xlink:href": w(e).iconDragElement
+        }, null, 8, Ao)
       ], 2)) : (r(), l("span", {
         key: 1,
-        class: a(k(e).cssClasses.iconDrag)
+        class: a(w(e).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), Eo = ["aria-expanded", "aria-controls"], Wo = /* @__PURE__ */ h({
+}), No = ["aria-expanded", "aria-controls"], Eo = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3386,20 +3386,20 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
     const o = u, { question: e, row: s } = ne(o);
     return (n, t) => (r(), l("button", {
       type: "button",
-      class: a(k(e).getDetailPanelButtonCss(k(s))),
-      onClick: t[0] || (t[0] = () => k(s).showHideDetailPanelClick()),
-      "aria-expanded": k(e).getIsDetailPanelShowing(k(s)) ? "true" : "false",
-      "aria-controls": k(e).getIsDetailPanelShowing(k(s)) ? k(s).detailPanelId : null
+      class: a(w(e).getDetailPanelButtonCss(w(s))),
+      onClick: t[0] || (t[0] = () => w(s).showHideDetailPanelClick()),
+      "aria-expanded": w(e).getIsDetailPanelShowing(w(s)) ? "true" : "false",
+      "aria-controls": w(e).getIsDetailPanelShowing(w(s)) ? w(s).detailPanelId : null
     }, [
       y(v, {
         is: "sv-svg-icon",
-        class: a(k(e).getDetailPanelIconCss(k(s))),
-        iconName: k(e).getDetailPanelIconId(k(s)),
+        class: a(w(e).getDetailPanelIconCss(w(s))),
+        iconName: w(e).getDetailPanelIconId(w(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, Eo));
+    ], 10, No));
   }
-}), Oo = /* @__PURE__ */ h({
+}), Wo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3407,7 +3407,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = ye();
+    const o = u, e = M(null), s = Ce();
     T(
       o,
       e,
@@ -3481,7 +3481,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, [
         g("div", {
           class: a(d.question.cssClasses.progressBar),
-          style: M({ width: d.question.progress }),
+          style: b({ width: d.question.progress }),
           role: "progressbar"
         }, null, 6)
       ], 2)) : c("", !0),
@@ -3493,13 +3493,13 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       g("div", {
         class: a(d.question.cssClasses.panelsContainer)
       }, [
-        (r(!0), l(I, null, S(d.question.renderedPanels, (p, q) => (r(), l(I, {
+        (r(!0), l(I, null, B(d.question.renderedPanels, (p, q) => (r(), l(I, {
           key: p.id
         }, [
           g("div", {
             class: a(d.question.getPanelWrapperCss(p))
           }, [
-            y(v, D({
+            y(v, $({
               is: t(p)
             }, i(p)), null, 16, ["is"]),
             d.question.panelRemoveButtonLocation === "right" && d.question.canRemovePanel && p.state !== "collapsed" ? (r(), C(v, {
@@ -3531,7 +3531,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), Fo = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3558,7 +3558,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
           }, [
             g("div", {
               class: a(s.question.cssClasses.progressBar),
-              style: M({ width: s.question.progress }),
+              style: b({ width: s.question.progress }),
               role: "progressbar"
             }, null, 6)
           ], 2)) : c("", !0),
@@ -3578,7 +3578,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), zo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3597,7 +3597,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, [
         g("div", {
           class: a(o.question.cssClasses.progressBar),
-          style: M({ width: o.question.progress }),
+          style: b({ width: o.question.progress }),
           role: "progressbar"
         }, null, 6)
       ], 2)) : c("", !0),
@@ -3618,7 +3618,7 @@ function Q(u) {
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const Uo = ["id"], Ko = /* @__PURE__ */ h({
+const zo = ["id"], Uo = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3628,24 +3628,24 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
     const e = Q(u), s = () => {
       e.value.addPanelUI();
     };
-    return (n, t) => k(e).canAddPanel ? (r(), l("button", {
+    return (n, t) => w(e).canAddPanel ? (r(), l("button", {
       key: 0,
       type: "button",
-      id: k(e).addButtonId,
-      class: a(k(e).getAddButtonCss()),
+      id: w(e).addButtonId,
+      class: a(w(e).getAddButtonCss()),
       onClick: s
     }, [
       g("span", {
-        class: a(k(e).cssClasses.buttonAddText)
+        class: a(w(e).cssClasses.buttonAddText)
       }, [
         y(v, {
           is: "survey-string",
-          locString: k(e).locPanelAddText
+          locString: w(e).locPanelAddText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, Uo)) : c("", !0);
+    ], 10, zo)) : c("", !0);
   }
-}), jo = ["title"], Qo = /* @__PURE__ */ h({
+}), Ko = ["title"], jo = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3656,18 +3656,18 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       e.value.goToNextPanel();
     };
     return (n, t) => (r(), l("div", {
-      title: k(e).panelNextText,
+      title: w(e).panelNextText,
       onClick: s,
-      class: a(k(e).getNextButtonCss())
+      class: a(w(e).getNextButtonCss())
     }, [
       y(v, {
         is: "sv-svg-icon",
-        iconName: k(e).cssClasses.progressBtnIcon,
+        iconName: w(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, jo));
+    ], 10, Ko));
   }
-}), Go = ["title"], Jo = /* @__PURE__ */ h({
+}), Qo = ["title"], Go = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3678,18 +3678,18 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       e.value.goToPrevPanel();
     };
     return (n, t) => (r(), l("div", {
-      title: k(e).panelPrevText,
+      title: w(e).panelPrevText,
       onClick: s,
-      class: a(k(e).getPrevButtonCss())
+      class: a(w(e).getPrevButtonCss())
     }, [
       y(v, {
         is: "sv-svg-icon",
-        iconName: k(e).cssClasses.progressBtnIcon,
+        iconName: w(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Go));
+    ], 10, Qo));
   }
-}), Xo = ["id"], Yo = /* @__PURE__ */ h({
+}), Jo = ["id"], Xo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3704,23 +3704,23 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
     return (i, d) => (r(), l("button", {
       type: "button",
       id: n(s.value),
-      class: a(k(e).getPanelRemoveButtonCss()),
+      class: a(w(e).getPanelRemoveButtonCss()),
       onClick: d[0] || (d[0] = (m) => t(s.value))
     }, [
       g("span", {
-        class: a(k(e).cssClasses.buttonRemoveText)
+        class: a(w(e).cssClasses.buttonRemoveText)
       }, [
         y(v, {
           is: "survey-string",
-          locString: k(e).locPanelRemoveText
+          locString: w(e).locPanelRemoveText
         }, null, 8, ["locString"])
       ], 2),
       g("span", {
-        class: a(k(e).cssClasses.iconRemove)
+        class: a(w(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Xo));
+    ], 10, Jo));
   }
-}), xo = /* @__PURE__ */ h({
+}), Yo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3729,17 +3729,17 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
   setup(u) {
     const e = Q(u);
     return (s, n) => (r(), l("div", {
-      class: a(k(e).cssClasses.progressText)
-    }, H(k(e).progressText), 3));
+      class: a(w(e).cssClasses.progressText)
+    }, H(w(e).progressText), 3));
   }
-}), _o = ["id"], et = /* @__PURE__ */ h({
+}), xo = ["id"], _o = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
     location: {}
   },
   setup(u) {
-    const o = b();
+    const o = M();
     return (e, s) => e.element.hasVisibleErrors ? (r(), l("div", {
       key: 0,
       role: "alert",
@@ -3749,7 +3749,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       ref_key: "root",
       ref: o
     }, [
-      (r(!0), l(I, null, S(e.element.errors, (n, t) => (r(), C(v, {
+      (r(!0), l(I, null, B(e.element.errors, (n, t) => (r(), C(v, {
         is: e.element.survey.questionErrorComponent,
         element: e.element,
         key: "error_" + t,
@@ -3757,21 +3757,21 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         error: n,
         cssClasses: e.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, _o)) : c("", !0);
+    ], 10, xo)) : c("", !0);
   }
-}), st = { key: 0 }, ot = /* @__PURE__ */ h({
+}), et = { key: 0 }, st = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", st, H(o.question.comment), 1)) : (r(), C(v, {
+    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", et, H(o.question.comment), 1)) : (r(), C(v, {
       key: 1,
       is: "sv-text-area",
       model: o.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), tt = /* @__PURE__ */ h({
+}), ot = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3779,9 +3779,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = (e) => {
-      he(e);
+      ye(e);
     };
-    return (e, s) => e.element.hasTitle ? (r(), C(ge(e.element.titleTagName), {
+    return (e, s) => e.element.hasTitle ? (r(), C(me(e.element.titleTagName), {
       key: 0,
       class: a(e.element.cssTitle),
       "aria-label": e.element.titleAriaLabel,
@@ -3824,7 +3824,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : c("", !0);
   }
-}), nt = { key: 3 }, rt = { key: 5 }, it = { key: 7 }, at = /* @__PURE__ */ h({
+}), tt = { key: 3 }, nt = { key: 5 }, rt = { key: 7 }, it = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3852,19 +3852,19 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         class: a(e.element.cssTitleNumber),
         "aria-hidden": !0
       }, H(e.element.no), 3)) : c("", !0),
-      !e.element.isTitleRenderedAsString && e.element.no ? (r(), l("span", nt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.no ? (r(), l("span", tt, "\xA0")) : c("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", {
         key: 4,
         class: a(e.element.cssRequiredText),
         "aria-hidden": !0
       }, H(e.element.requiredText), 3)) : c("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", rt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", nt, "\xA0")) : c("", !0),
       e.element.isTitleRenderedAsString ? c("", !0) : (r(), C(v, {
         key: 6,
         is: "survey-string",
         locString: e.element.locTitle
       }, null, 8, ["locString"])),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", it, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", rt, "\xA0")) : c("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", {
         key: 8,
         class: a(e.element.cssRequiredText),
@@ -3872,7 +3872,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       }, H(e.element.requiredText), 3)) : c("", !0)
     ], 64));
   }
-}), lt = { class: "sv-title-actions" }, ut = { class: "sv-title-actions__title" }, dt = /* @__PURE__ */ h({
+}), at = { class: "sv-title-actions" }, lt = { class: "sv-title-actions__title" }, ut = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3880,8 +3880,8 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => o.element.getTitleToolbar());
-    return (s, n) => (r(), l("div", lt, [
-      g("span", ut, [
+    return (s, n) => (r(), l("div", at, [
+      g("span", lt, [
         s.element.isPage ? (r(), C(v, {
           key: 0,
           is: "survey-string",
@@ -3900,20 +3900,20 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ]));
   }
-}), vt = (u, o) => {
+}), dt = (u, o) => {
   const e = u.__vccOpts || u;
   for (const [s, n] of o)
     e[s] = n;
   return e;
-}, ct = {}, pt = { class: "sv-brand-info" }, mt = /* @__PURE__ */ De('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), gt = [
-  mt
+}, vt = {}, ct = { class: "sv-brand-info" }, pt = /* @__PURE__ */ $e('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), mt = [
+  pt
 ];
-function Ct(u, o) {
-  return r(), l("div", pt, gt);
+function gt(u, o) {
+  return r(), l("div", ct, mt);
 }
-const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use", null, null, -1), qt = [
-  ht
-], wt = /* @__PURE__ */ h({
+const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ g("use", null, null, -1), ht = [
+  yt
+], qt = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3923,8 +3923,8 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     title: {}
   },
   setup(u) {
-    const o = u, e = b(), s = () => {
-      Fe(
+    const o = u, e = M(), s = () => {
+      Oe(
         o.size,
         o.width,
         o.height,
@@ -3935,16 +3935,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     };
     return x(() => {
       s();
-    }), $(() => {
+    }), Z(() => {
       s();
     }), (n, t) => (r(), l("svg", {
       ref_key: "svgIconElement",
       ref: e,
       class: "sv-svg-icon",
       role: "img"
-    }, qt, 512));
+    }, ht, 512));
   }
-}), kt = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ h({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3972,7 +3972,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       ], 2)
     ]));
   }
-}), ft = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3980,14 +3980,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     handleClick: { type: Boolean, default: !0 }
   },
   setup(u) {
-    const o = u, e = b(null), s = (t) => {
+    const o = u, e = M(null), s = (t) => {
       o.handleClick && t.stopPropagation();
     };
-    B(() => o.model);
+    V(() => o.model);
     const n = ee(() => o.model.renderedActions);
-    return $(() => {
+    return Z(() => {
       !o.model.hasActions || o.model.initResponsivityManager(e.value);
-    }), N(() => {
+    }), P(() => {
       o.model.resetResponsivityManager();
     }), (t, i) => t.model.hasActions ? (r(), l("div", {
       key: 0,
@@ -3996,14 +3996,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       class: a(t.model.getRootCss()),
       onClick: s
     }, [
-      (r(!0), l(I, null, S(k(n), (d) => (r(), C(v, {
+      (r(!0), l(I, null, B(w(n), (d) => (r(), C(v, {
         is: "sv-action",
         key: d.id,
         item: d
       }, null, 8, ["item"]))), 128))
     ], 2)) : c("", !0);
   }
-}), Lt = ["id"], bt = { class: "sv-action__content" }, Mt = /* @__PURE__ */ h({
+}), ft = ["id"], Lt = { class: "sv-action__content" }, bt = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -4012,11 +4012,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     const o = u, e = L(
       () => o.item.component || "sv-action-bar-item"
     );
-    return B(() => o.item), (s, n) => (r(), l("div", {
+    return V(() => o.item), (s, n) => (r(), l("div", {
       class: a(s.item.getActionRootCss()),
       id: s.item.id
     }, [
-      g("div", bt, [
+      g("div", Lt, [
         s.item.needSeparator ? (r(), C(v, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4026,7 +4026,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           item: s.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, Lt));
+    ], 10, ft));
   }
 }), j = {
   mounted: function(u, o) {
@@ -4035,23 +4035,23 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       u.tabIndex = -1;
       return;
     }
-    e.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), he(s, e), !1)), u.addEventListener("keydown", (s) => {
-      ze(s, e);
+    e.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), ye(s, e), !1)), u.addEventListener("keydown", (s) => {
+      Fe(s, e);
     }), u.addEventListener("blur", (s) => {
-      Ue(s);
+      ze(s);
     });
   }
-}, Ht = ["disabled", "title", "aria-checked", "aria-expanded", "role"], It = {
+}, Mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Ht = {
   inheritAttrs: !1
-}, St = /* @__PURE__ */ h({
-  ...It,
+}, It = /* @__PURE__ */ h({
+  ...Ht,
   __name: "ActionBarItem",
   props: {
     item: {}
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => R((r(), l("button", {
+    return V(() => o.item), (e, s) => R((r(), l("button", {
       class: a(e.item.getActionBarItemCss()),
       type: "button",
       onClick: s[0] || (s[0] = (n) => {
@@ -4084,14 +4084,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         key: 1,
         class: a(e.item.getActionBarItemTitleCss())
       }, H(e.item.title), 3)) : c("", !0)
-    ], 42, Ht)), [
-      [k(j), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
+    ], 42, Mt)), [
+      [w(j), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
   }
-}), Bt = ["disabled", "title", "role"], Vt = {
+}), St = ["disabled", "title", "role"], Bt = {
   inheritAttrs: !1
-}, Rt = /* @__PURE__ */ h({
-  ...Vt,
+}, Vt = /* @__PURE__ */ h({
+  ...Bt,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -4099,10 +4099,10 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
   setup(u) {
     const o = u;
     let e;
-    return B(
+    return V(
       () => o.item,
       (s) => {
-        e = new Ke(s);
+        e = new Ue(s);
       },
       () => {
         e.dispose();
@@ -4133,8 +4133,8 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           key: 1,
           class: a(s.item.getActionBarItemTitleCss())
         }, H(s.item.title), 3)) : c("", !0)
-      ], 42, Bt)), [
-        [k(j), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
+      ], 42, St)), [
+        [w(j), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       y(v, {
         is: "sv-popup",
@@ -4142,7 +4142,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Tt = /* @__PURE__ */ h({
+}), Rt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4153,13 +4153,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       class: a(["sv-action-bar-separator", e.value])
     }, null, 2));
   }
-}), Zt = ["aria-label", "placeholder", "value"], $t = ["aria-label"], Dt = ["id"], At = /* @__PURE__ */ h({
+}), Tt = ["aria-label", "placeholder", "value"], Zt = ["aria-label"], $t = ["id"], Dt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = (d) => {
+    const o = u, e = M(null), s = (d) => {
       const m = o.model;
       m.filterString = d.target.value;
     }, n = (d) => {
@@ -4168,9 +4168,9 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     }, t = (d) => {
       o.model.onMouseMove(d);
     }, i = ee(() => o.model.renderedActions);
-    return B(() => o.model), $(() => {
+    return V(() => o.model), Z(() => {
       o.model.initListContainerHtmlElement(e.value);
-    }), N(() => {
+    }), P(() => {
       o.model && (o.model.removeScrollEventListener(), o.model.initListContainerHtmlElement(void 0));
     }), (d, m) => (r(), l("div", {
       class: a(d.model.cssClasses.root),
@@ -4198,7 +4198,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: n
-        }, null, 42, Zt),
+        }, null, 42, Tt),
         d.model.showSearchClearButton && !!d.model.filterString ? (r(), l("button", {
           key: 0,
           onClick: m[0] || (m[0] = (p) => {
@@ -4219,9 +4219,9 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         g("div", {
           class: a(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
-        }, H(d.model.emptyMessage), 11, $t)
+        }, H(d.model.emptyMessage), 11, Zt)
       ], 2), [
-        [P, d.model.isEmpty]
+        [D, d.model.isEmpty]
       ]),
       d.model.renderElements ? R((r(), l("ul", {
         key: 1,
@@ -4236,18 +4236,18 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           d.model.onKeyDown(p);
         })
       }, [
-        (r(!0), l(I, null, S(k(i), (p) => (r(), C(v, {
+        (r(!0), l(I, null, B(w(i), (p) => (r(), C(v, {
           is: "sv-list-item",
           item: p,
           model: d.model,
           key: p.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, Dt)), [
-        [P, !d.model.isEmpty]
+      ], 42, $t)), [
+        [D, !d.model.isEmpty]
       ]) : c("", !0)
     ], 2));
   }
-}), Pt = ["aria-selected", "id", "tabindex"], Nt = ["title"], Et = /* @__PURE__ */ h({
+}), At = ["aria-selected", "id", "tabindex"], Pt = ["title"], Nt = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4257,11 +4257,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     const o = u, e = L(() => o.item.elementId), s = (t) => {
       o.model.onItemClick(o.item), t.stopPropagation();
     };
-    B(() => o.item);
+    V(() => o.item);
     const n = L(
       () => o.item.component || o.model.itemComponent
     );
-    return $(() => {
+    return Z(() => {
       setTimeout(() => {
         o.model.onLastItemRended(o.item);
       });
@@ -4280,7 +4280,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         class: a(t.model.cssClasses.itemSeparator)
       }, null, 2)) : c("", !0),
       g("div", {
-        style: M(t.model.getItemStyle(t.item)),
+        style: b(t.model.getItemStyle(t.item)),
         class: a(t.model.cssClasses.itemBody),
         title: t.item.getTooltip(),
         onMouseover: i[0] || (i[0] = (d) => t.model.onItemHover(t.item)),
@@ -4291,13 +4291,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, Nt)
-    ], 42, Pt)), [
-      [P, t.model.isItemVisible(t.item)],
-      [k(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
+      ], 46, Pt)
+    ], 42, At)), [
+      [D, t.model.isItemVisible(t.item)],
+      [w(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), Wt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ h({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4305,7 +4305,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l(I, null, [
+    return V(() => o.item), (e, s) => (r(), l(I, null, [
       e.item.iconName ? (r(), C(v, {
         key: 0,
         is: "sv-svg-icon",
@@ -4326,7 +4326,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       }, null, 8, ["class", "iconName"])) : c("", !0)
     ], 64));
   }
-}), Ot = /* @__PURE__ */ h({
+}), Wt = /* @__PURE__ */ h({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4334,7 +4334,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => (r(), l(I, null, [
+    return V(() => o.item), (e, s) => (r(), l(I, null, [
       y(v, {
         is: "sv-list-item-content",
         item: e.item,
@@ -4346,25 +4346,25 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Ft = /* @__PURE__ */ h({
+}), Ot = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     model: {}
   },
   setup(u) {
-    const o = u, e = W(), s = b(null), n = () => {
+    const o = u, e = W(), s = M(null), n = () => {
       const t = s.value;
       t && e.value.setComponentElement(t);
     };
     return O(
       () => o.model,
       (t) => {
-        e.value && e.value.dispose(), e.value = je(t), n();
+        e.value && e.value.dispose(), e.value = Ke(t), n();
       },
       { immediate: !0 }
-    ), B(() => e.value), $(() => {
+    ), V(() => e.value), Z(() => {
       n();
-    }), N(() => {
+    }), P(() => {
       e.value.dispose();
     }), (t, i) => (r(), l("div", {
       ref_key: "root",
@@ -4376,13 +4376,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), zt = { class: "sv-popup__body-content" }, Ut = {
+}), Ft = { class: "sv-popup__body-content" }, zt = {
   key: 0,
   class: "sv-popup__body-header"
-}, Kt = { class: "sv-popup__scrolling-content" }, jt = { class: "sv-popup__content" }, Qt = {
+}, Ut = { class: "sv-popup__scrolling-content" }, Kt = { class: "sv-popup__content" }, jt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Gt = /* @__PURE__ */ h({
+}, Qt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4391,10 +4391,10 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     const o = u, e = (s) => {
       s.stopPropagation();
     };
-    return B(() => o.model), x(() => {
+    return V(() => o.model), x(() => {
       const s = o.model;
       s.isVisible && !s.isPositionSet && o.model.updateOnShowing();
-    }), $(() => {
+    }), Z(() => {
       o.model.isVisible && o.model.updateOnShowing();
     }), (s, n) => R((r(), l("div", {
       tabindex: "-1",
@@ -4408,7 +4408,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     }, [
       g("div", {
         class: "sv-popup__container",
-        style: M({
+        style: b({
           left: s.model.left,
           top: s.model.top,
           height: s.model.height,
@@ -4422,16 +4422,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : c("", !0),
-        g("div", zt, [
-          s.model.title ? (r(), l("div", Ut, H(s.model.title), 1)) : c("", !0),
-          g("div", Kt, [
-            g("div", jt, [
-              y(v, D({
+        g("div", Ft, [
+          s.model.title ? (r(), l("div", zt, H(s.model.title), 1)) : c("", !0),
+          g("div", Ut, [
+            g("div", Kt, [
+              y(v, $({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (r(), l("div", Qt, [
+          s.model.showFooter ? (r(), l("div", jt, [
             y(v, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4440,10 +4440,10 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         ])
       ], 4)
     ], 34)), [
-      [P, s.model.isVisible]
+      [D, s.model.isVisible]
     ]);
   }
-}), Jt = /* @__PURE__ */ h({
+}), Gt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4451,13 +4451,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
   setup(u) {
     return (o, e) => (r(), l("span", {
       class: "sv-popup__pointer",
-      style: M({
+      style: b({
         left: o.model.pointerTarget.left,
         top: o.model.pointerTarget.top
       })
     }, null, 4));
   }
-}), Xt = /* @__PURE__ */ h({
+}), Jt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4473,14 +4473,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         key: 0,
         class: a(["sv-components-column", "sv-components-container-" + s.container])
       }, [
-        (r(!0), l(I, null, S(e.value, (t) => (r(), C(v, {
+        (r(!0), l(I, null, B(e.value, (t) => (r(), C(v, {
           key: t.id,
           is: t.component,
           survey: s.survey,
           container: s.container,
           model: t.data
         }, null, 8, ["is", "survey", "container", "model"]))), 128))
-      ], 2)) : (r(!0), l(I, { key: 1 }, S(e.value, (t) => (r(), C(v, {
+      ], 2)) : (r(!0), l(I, { key: 1 }, B(e.value, (t) => (r(), C(v, {
         key: t.id,
         is: t.component,
         survey: s.survey,
@@ -4497,13 +4497,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     css: {}
   },
   setup(u) {
-    const o = u, e = L(() => o.survey.progressValue + "%"), s = (t) => ve.getProgressTextInBarCss(t), n = (t) => ve.getProgressTextUnderBarCss(t);
+    const o = u, e = L(() => o.survey.progressValue + "%"), s = (t) => de.getProgressTextInBarCss(t), n = (t) => de.getProgressTextUnderBarCss(t);
     return (t, i) => (r(), l("div", {
       class: a(t.survey.getProgressCssClasses(t.container))
     }, [
       g("div", {
         class: a(t.survey.css.progressBar),
-        style: M({ width: e.value }),
+        style: b({ width: e.value }),
         role: "progressbar",
         "aria-valuemin": "0",
         "aria-valuemax": "100",
@@ -4518,7 +4518,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       }, H(t.survey.progressText), 3)
     ], 2));
   }
-}), Yt = ["title"], xt = ["onClick", "data-page-number"], _t = ["title"], en = ["title"], sn = ["title"], on = /* @__PURE__ */ h({
+}), Xt = ["title"], Yt = ["onClick", "data-page-number"], xt = ["title"], _t = ["title"], en = ["title"], sn = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4526,20 +4526,20 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     container: {}
   },
   setup(u) {
-    const o = u, e = b(!1), s = b(!1), n = b(!1), t = b(!0), i = b(), d = L(() => o.survey.css);
+    const o = u, e = M(!1), s = M(!1), n = M(!1), t = M(!0), i = M(), d = L(() => o.survey.css);
     let m = null;
     const p = (q) => {
-      let V = i.value;
-      V.scrollLeft += (q ? -1 : 1) * 70;
+      let S = i.value;
+      S.scrollLeft += (q ? -1 : 1) * 70;
     };
-    return $(() => {
+    return Z(() => {
       const q = i.value;
-      m = new Qe(o.model, q, {
-        onResize: (V) => {
-          t.value = V, s.value = !V;
+      m = new je(o.model, q, {
+        onResize: (S) => {
+          t.value = S, s.value = !S;
         },
-        onUpdateScroller: (V) => {
-          e.value = V;
+        onUpdateScroller: (S) => {
+          e.value = S;
         },
         onUpdateSettings: () => {
           t.value = o.model.showItemTitles, n.value = !o.model.showItemTitles;
@@ -4548,9 +4548,9 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
       });
     }), U(() => {
       m.dispose();
-    }), (q, V) => (r(), l("div", {
+    }), (q, S) => (r(), l("div", {
       class: a(q.model.getRootCss(q.container)),
-      style: M({ maxWidth: q.model.progressWidth }),
+      style: b({ maxWidth: q.model.progressWidth }),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -4563,14 +4563,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         g("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
-        }, H(q.model.headerText), 11, Yt)
+        }, H(q.model.headerText), 11, Xt)
       ], 2)) : c("", !0),
       g("div", {
         class: a(d.value.progressButtonsContainer)
       }, [
         g("div", {
           class: a(q.model.getScrollButtonCss(e.value, !0)),
-          onClick: V[0] || (V[0] = (f) => p(!0)),
+          onClick: S[0] || (S[0] = (f) => p(!0)),
           role: "button"
         }, null, 2),
         g("div", {
@@ -4581,10 +4581,10 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           g("ul", {
             class: a(d.value.progressButtonsList)
           }, [
-            (r(!0), l(I, null, S(q.survey.visiblePages, (f, Z) => (r(), l("li", {
-              key: "listelement" + Z,
-              class: a(q.model.getListElementCss(Z)),
-              onClick: (w) => q.model.isListElementClickable(Z) ? q.model.clickListElement(f) : null,
+            (r(!0), l(I, null, B(q.survey.visiblePages, (f, N) => (r(), l("li", {
+              key: "listelement" + N,
+              class: a(q.model.getListElementCss(N)),
+              onClick: (k) => q.model.isListElementClickable(N) ? q.model.clickListElement(f) : null,
               "data-page-number": q.model.getItemNumber(f)
             }, [
               g("div", {
@@ -4599,12 +4599,12 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
                   is: "survey-string",
                   locString: f.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, _t)) : c("", !0),
+              ], 10, xt)) : c("", !0),
               t.value ? (r(), l("div", {
                 key: 1,
                 class: a(d.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
-              }, H(f.locNavigationDescription.renderedHtml), 11, en)) : c("", !0),
+              }, H(f.locNavigationDescription.renderedHtml), 11, _t)) : c("", !0),
               g("div", {
                 class: a(d.value.progressButtonsButton)
               }, [
@@ -4616,12 +4616,12 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
                 }, null, 2),
                 g("span", null, H(q.model.getItemNumber(f)), 1)
               ], 2)
-            ], 10, xt))), 128))
+            ], 10, Yt))), 128))
           ], 2)
         ], 2),
         g("div", {
           class: a(q.model.getScrollButtonCss(e.value, !1)),
-          onClick: V[1] || (V[1] = (f) => p(!1)),
+          onClick: S[1] || (S[1] = (f) => p(!1)),
           role: "button"
         }, null, 2)
       ], 2),
@@ -4632,11 +4632,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
         g("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
-        }, H(q.model.footerText), 11, sn)
+        }, H(q.model.footerText), 11, en)
       ], 2)) : c("", !0)
     ], 6));
   }
-}), tn = /* @__PURE__ */ h({
+}), on = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4660,7 +4660,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
           model: o.model.popupModel
         }, null, 8, ["model"])
       ])), [
-        [k(j)]
+        [w(j)]
       ]) : (r(), C(v, {
         key: 1,
         is: "sv-list",
@@ -4669,16 +4669,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use
     ], 2));
   }
 });
-var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
+var ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.52
+ * surveyjs - Survey JavaScript library v1.12.53
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function(u, o) {
   (function(s, n) {
     u.exports = n();
-  })(fe, function() {
+  })(ke, function() {
     return function(e) {
       var s = {};
       function n(t) {
@@ -4982,16 +4982,16 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     });
   });
 })(re);
-var Le = { exports: {} };
+var fe = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.52
+ * surveyjs - Survey JavaScript library v1.12.53
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function(u, o) {
   (function(s, n) {
     u.exports = n();
-  })(fe, function() {
+  })(ke, function() {
     return function(e) {
       var s = {};
       function n(t) {
@@ -5294,13 +5294,13 @@ var Le = { exports: {} };
       }
     });
   });
-})(Le);
-const nn = ["lang", "dir"], rn = { onsubmit: "return false;" }, an = {
+})(fe);
+const tn = ["lang", "dir"], nn = { onsubmit: "return false;" }, rn = {
   key: 0,
   class: "sv_custom_header"
-}, ln = { class: "sv-components-column sv-components-column--expandable" }, un = ["id"], dn = { key: 2 }, vn = ["innerHTML"], cn = ["innerHTML"], pn = ["innerHTML"];
-qe("v1", re.exports.icons);
-qe("v2", Le.exports.icons);
+}, an = { class: "sv-components-column sv-components-column--expandable" }, ln = ["id"], un = { key: 2 }, dn = ["innerHTML"], vn = ["innerHTML"], cn = ["innerHTML"];
+he("v1", re.exports.icons);
+he("v2", fe.exports.icons);
 X.registerIcons(re.exports.icons);
 const ie = /* @__PURE__ */ h({
   __name: "Survey",
@@ -5309,178 +5309,178 @@ const ie = /* @__PURE__ */ h({
     survey: {}
   },
   setup(u) {
-    const o = u, e = b(), s = b(""), n = b(1), t = L(() => {
-      const Z = o.survey ? o.survey : o.model;
-      return Ae(Z);
-    }), i = L(() => t.value.activePage ? t.value.activePage.id : ""), d = () => {
-      const Z = i.value;
-      return !!t.value && Z + n.value.toString();
-    }, m = L(
-      () => t.value.showCompletedPage && t.value.state === "completed"
-    ), p = L(() => t.value.css), q = L(() => "page" + d()), V = () => m.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", f = (Z) => {
-      if (!!Z) {
-        var w = e.value;
-        w && Z.afterRenderSurvey(w), Z.renderCallback = () => {
-          var A, le;
-          n.value++, (le = (A = ye()) == null ? void 0 : A.proxy) == null || le.$forceUpdate();
-        }, Z.startTimerFromUI();
+    const o = u, e = M(), s = M(1), n = L(() => {
+      const S = o.survey ? o.survey : o.model;
+      return De(S);
+    }), t = L(() => n.value.activePage ? n.value.activePage.id : ""), i = () => {
+      const S = t.value;
+      return !!n.value && S + s.value.toString();
+    }, d = L(
+      () => n.value.showCompletedPage && n.value.state === "completed"
+    ), m = L(() => n.value.css), p = L(() => "page" + i()), q = (S) => {
+      if (!!S) {
+        var f = e.value;
+        f && S.afterRenderSurvey(f), S.renderCallback = () => {
+          var N, k;
+          s.value++, (k = (N = Ce()) == null ? void 0 : N.proxy) == null || k.$forceUpdate();
+        }, S.startTimerFromUI();
       }
     };
-    return B(
-      () => t.value,
-      (Z, w) => {
-        Z && w && f(Z);
+    return V(
+      () => n.value,
+      (S, f) => {
+        S && f && q(S);
       },
-      (Z) => {
-        Z.stopTimer(), Z.renderCallback = void 0;
+      (S) => {
+        S.stopTimer(), S.renderCallback = void 0;
       }
-    ), $(() => {
-      f(t.value);
-    }), N(() => {
-      t.value.stopTimer(), t.value.beforeDestroySurveyElement(), t.value.renderCallback = void 0;
-    }), (Z, w) => (r(), l("div", {
-      class: a(t.value.getRootCss()),
-      style: M(t.value.themeVariables),
-      lang: t.value.locale || "en",
-      dir: t.value.localeDir,
+    ), Z(() => {
+      q(n.value);
+    }), P(() => {
+      n.value.stopTimer(), n.value.beforeDestroySurveyElement(), n.value.renderCallback = void 0;
+    }), (S, f) => (r(), l("div", {
+      class: a(n.value.getRootCss()),
+      style: b(n.value.themeVariables),
+      lang: n.value.locale || "en",
+      dir: n.value.localeDir,
       ref_key: "root",
       ref: e
     }, [
-      t.value.needRenderIcons ? (r(), C(v, {
+      n.value.needRenderIcons ? (r(), C(v, {
         key: 0,
         is: "sv-svg-bundle"
       })) : c("", !0),
       g("div", {
-        class: a(t.value.wrapperFormCss)
+        class: a(n.value.wrapperFormCss)
       }, [
         y(v, { is: "survey-popup-modal" }),
-        t.value.renderBackgroundImage ? (r(), l("div", {
+        n.value.renderBackgroundImage ? (r(), l("div", {
           key: 0,
-          class: a(p.value.rootBackgroundImage),
-          style: M(t.value.backgroundImageStyle)
+          class: a(m.value.rootBackgroundImage),
+          style: b(n.value.backgroundImageStyle)
         }, null, 6)) : c("", !0),
-        g("form", rn, [
-          t.value.hasLogo ? c("", !0) : (r(), l("div", an)),
+        g("form", nn, [
+          n.value.hasLogo ? c("", !0) : (r(), l("div", rn)),
           g("div", {
-            class: a(p.value.container)
+            class: a(m.value.container)
           }, [
-            t.value.headerView === "basic" ? (r(), C(v, {
+            n.value.headerView === "basic" ? (r(), C(v, {
               key: 0,
               is: "survey-header",
-              survey: t.value
+              survey: n.value
             }, null, 8, ["survey"])) : c("", !0),
             y(v, {
               is: "sv-components-container",
-              survey: t.value,
+              survey: n.value,
               container: "header",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            t.value.isShowingPage ? (r(), l("div", {
+            n.value.isShowingPage ? (r(), l("div", {
               key: 1,
-              class: a(t.value.bodyContainerCss)
+              class: a(n.value.bodyContainerCss)
             }, [
               y(v, {
                 is: "sv-components-container",
-                survey: t.value,
+                survey: n.value,
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              g("div", ln, [
+              g("div", an, [
                 y(v, {
                   is: "sv-components-container",
-                  survey: t.value,
+                  survey: n.value,
                   container: "center",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"]),
                 g("div", {
-                  class: a(t.value.bodyCss),
-                  style: M({ maxWidth: t.value.renderedWidth }),
-                  id: i.value
+                  class: a(n.value.bodyCss),
+                  style: b({ maxWidth: n.value.renderedWidth }),
+                  id: t.value
                 }, [
                   y(v, {
                     is: "sv-components-container",
-                    survey: t.value,
+                    survey: n.value,
                     container: "contentTop",
                     needRenderWrapper: !0
                   }, null, 8, ["survey"]),
                   (r(), C(v, {
                     is: "survey-page",
-                    key: q.value,
-                    survey: t.value,
-                    page: t.value.activePage,
-                    css: p.value
+                    key: p.value,
+                    survey: n.value,
+                    page: n.value.activePage,
+                    css: m.value
                   }, null, 8, ["survey", "page", "css"])),
                   y(v, {
                     is: "sv-components-container",
-                    survey: t.value,
+                    survey: n.value,
                     container: "contentBottom",
                     needRenderWrapper: !0
                   }, null, 8, ["survey"]),
-                  t.value.showBrandInfo ? (r(), C(v, {
+                  n.value.showBrandInfo ? (r(), C(v, {
                     key: 0,
                     is: "sv-brand-info"
                   })) : c("", !0)
-                ], 14, un)
+                ], 14, ln)
               ]),
               y(v, {
                 is: "sv-components-container",
-                survey: t.value,
+                survey: n.value,
                 container: "right",
                 needRenderWrapper: !0
               }, null, 8, ["survey"])
             ], 2)) : c("", !0),
             y(v, {
               is: "sv-components-container",
-              survey: t.value,
+              survey: n.value,
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            m.value ? (r(), l("div", dn, [
+            d.value ? (r(), l("div", un, [
               g("div", {
-                innerHTML: V(),
-                class: a(t.value.completedCss)
-              }, null, 10, vn),
+                innerHTML: n.value.processedCompletedHtml,
+                class: a(n.value.completedCss)
+              }, null, 10, dn),
               y(v, {
                 is: "sv-components-container",
-                survey: t.value,
+                survey: n.value,
                 container: "completePage",
                 needRenderWrapper: !0
               }, null, 8, ["survey"])
             ])) : c("", !0),
-            t.value.state === "completedbefore" ? (r(), l("div", {
+            n.value.state === "completedbefore" ? (r(), l("div", {
               key: 3,
-              class: a(t.value.completedBeforeCss),
-              innerHTML: t.value.processedCompletedBeforeHtml
-            }, null, 10, cn)) : c("", !0),
-            t.value.state === "loading" ? (r(), l("div", {
+              class: a(n.value.completedBeforeCss),
+              innerHTML: n.value.processedCompletedBeforeHtml
+            }, null, 10, vn)) : c("", !0),
+            n.value.state === "loading" ? (r(), l("div", {
               key: 4,
-              class: a(t.value.loadingBodyCss),
-              innerHTML: t.value.processedLoadingHtml
-            }, null, 10, pn)) : c("", !0),
-            t.value.state === "empty" ? (r(), l("div", {
+              class: a(n.value.loadingBodyCss),
+              innerHTML: n.value.processedLoadingHtml
+            }, null, 10, cn)) : c("", !0),
+            n.value.state === "empty" ? (r(), l("div", {
               key: 5,
-              class: a(p.value.bodyEmpty)
-            }, H(t.value.emptySurveyText), 3)) : c("", !0)
+              class: a(m.value.bodyEmpty)
+            }, H(n.value.emptySurveyText), 3)) : c("", !0)
           ], 2)
         ]),
         y(v, {
           is: "sv-notifier",
-          model: t.value.notifier
+          model: n.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, nn));
+    ], 14, tn));
   }
-}), mn = /* @__PURE__ */ h({
+}), pn = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
   },
   setup(u) {
     const o = u;
-    return B(() => o.model), (e, s) => e.model.isDisplayed ? (r(), l("div", {
+    return V(() => o.model), (e, s) => e.model.isDisplayed ? (r(), l("div", {
       key: 0,
       class: a(e.model.css),
-      style: M({ visibility: e.model.active ? "visible" : "hidden" }),
+      style: b({ visibility: e.model.active ? "visible" : "hidden" }),
       role: "alert",
       "aria-live": "polite"
     }, [
@@ -5491,7 +5491,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 6)) : c("", !0);
   }
-}), gn = { key: 0 }, Cn = /* @__PURE__ */ h({
+}), mn = { key: 0 }, gn = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -5500,21 +5500,21 @@ const ie = /* @__PURE__ */ h({
     return (o, e) => (r(), l("div", {
       class: a(o.question.getCommentAreaCss(!0))
     }, [
-      o.question.isReadOnlyRenderDiv() ? (r(), l("div", gn, H(o.question.otherValue), 1)) : (r(), C(v, {
+      o.question.isReadOnlyRenderDiv() ? (r(), l("div", mn, H(o.question.otherValue), 1)) : (r(), C(v, {
         key: 1,
         is: "sv-text-area",
         model: o.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), yn = ["disabled", "value", "title"], hn = /* @__PURE__ */ h({
+}), Cn = ["disabled", "value", "title"], yn = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
   },
   setup(u) {
     const o = u, e = () => o.item.data && o.item.data.mouseDown();
-    return B(() => o.item), (s, n) => s.item.visible ? (r(), l("input", {
+    return V(() => o.item), (s, n) => s.item.visible ? (r(), l("input", {
       key: 0,
       type: "button",
       disabled: s.item.disabled,
@@ -5523,9 +5523,9 @@ const ie = /* @__PURE__ */ h({
       title: s.item.getTooltip(),
       onMousedown: e,
       onClick: n[0] || (n[0] = (...t) => s.item.action && s.item.action(...t))
-    }, null, 42, yn)) : c("", !0);
+    }, null, 42, Cn)) : c("", !0);
   }
-}), be = /* @__PURE__ */ h({
+}), Le = /* @__PURE__ */ h({
   __name: "PopupSurvey",
   props: {
     survey: {},
@@ -5548,22 +5548,22 @@ const ie = /* @__PURE__ */ h({
       let p = e.value.cssHeaderRoot;
       return e.value.isCollapsed && (p += " " + e.value.cssRootCollapsedMod), p;
     };
-    B(() => e.value);
+    V(() => e.value);
     const m = O(
       () => o.survey,
       (p) => {
-        const q = new Ge(null, p);
+        const q = new Qe(null, p);
         o.isExpanded !== void 0 && (q.isExpanded = o.isExpanded), o.closeOnCompleteTimeout !== void 0 && (q.closeOnCompleteTimeout = o.closeOnCompleteTimeout), o.allowClose !== void 0 && (q.allowClose = o.allowClose), o.allowFullScreen !== void 0 && (q.allowFullScreen = o.allowFullScreen), q.isShowing = !0, e.value = q;
       },
       {
         immediate: !0
       }
     );
-    return N(() => {
+    return P(() => {
       m();
     }), (p, q) => e.value.isShowing ? (r(), l("div", {
       key: 0,
-      style: M({
+      style: b({
         maxWidth: e.value.renderedWidth,
         width: e.value.renderedWidth
       }),
@@ -5639,19 +5639,19 @@ const ie = /* @__PURE__ */ h({
       ], 2)
     ], 38)) : c("", !0);
   }
-}), qn = ["innerHTML"], wn = /* @__PURE__ */ h({
+}), hn = ["innerHTML"], qn = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
     css: {}
   },
   setup(u) {
-    const o = u, e = b(), s = L(
+    const o = u, e = M(), s = L(
       () => o.question.customWidget.isDefaultRender
     ), n = L(
       () => !!o.question.customWidget.htmlTemplate
     ), t = L(() => o.question.customWidget.htmlTemplate), i = L(() => "survey-" + o.question.getTemplate());
-    return $(() => {
+    return Z(() => {
       o.question.customWidget.afterRender(o.question, e.value);
     }), U(() => {
       o.question.customWidget.willUnmount(o.question, e.value);
@@ -5662,7 +5662,7 @@ const ie = /* @__PURE__ */ h({
       n.value ? (r(), l("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, qn)) : c("", !0),
+      }, null, 8, hn)) : c("", !0),
       s.value ? (r(), C(v, {
         key: 1,
         is: i.value,
@@ -5671,12 +5671,12 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "question", "css"])) : c("", !0)
     ], 512));
   }
-}), kn = /* @__PURE__ */ h({
+}), wn = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const o = W();
     function e(n, t, i, d, m, p, q = "popup") {
-      const V = Je(
+      const S = Ge(
         n,
         t,
         i,
@@ -5687,10 +5687,10 @@ const ie = /* @__PURE__ */ h({
         p,
         q
       );
-      return s(V);
+      return s(S);
     }
     function s(n, t) {
-      const i = Xe(
+      const i = Je(
         n,
         t
       ), d = (m, p) => {
@@ -5698,11 +5698,11 @@ const ie = /* @__PURE__ */ h({
       };
       return i.onVisibilityChanged.add(d), i.model.isVisible = !0, o.value = i, i;
     }
-    return F.showModal || (F.showModal = e, N(() => {
+    return F.showModal || (F.showModal = e, P(() => {
       F.showModal = void 0;
-    })), F.showDialog || (F.showDialog = s, N(() => {
+    })), F.showDialog || (F.showDialog = s, P(() => {
       F.showDialog = void 0;
-    })), (n, t) => o.value ? (r(), C(Pe, {
+    })), (n, t) => o.value ? (r(), C(Ae, {
       key: 0,
       to: o.value.container
     }, [
@@ -5712,20 +5712,20 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 8, ["to"])) : c("", !0);
   }
-}), fn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ln = /* @__PURE__ */ h({
+}), kn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], fn = /* @__PURE__ */ h({
   __name: "TextArea",
   props: {
     model: {}
   },
   setup(u) {
-    const o = u, e = b(
+    const o = u, e = M(
       null
     ), s = L(() => o.model.getTextValue() || "");
-    return $(() => {
+    return Z(() => {
       o.model.setElement(e.value);
     }), x(() => {
       o.model.setElement(e.value);
-    }), N(() => {
+    }), P(() => {
       o.model.resetElement();
     }), (n, t) => (r(), l("textarea", {
       ref_key: "contentElement",
@@ -5760,10 +5760,10 @@ const ie = /* @__PURE__ */ h({
       "aria-describedby": n.model.ariaDescribedBy,
       "aria-invalid": n.model.ariaInvalid,
       "aria-errormessage": n.model.ariaErrormessage,
-      style: M({ resize: n.model.question.resizeStyle })
-    }, null, 46, fn));
+      style: b({ resize: n.model.question.resizeStyle })
+    }, null, 46, kn));
   }
-}), bn = /* @__PURE__ */ h({
+}), Ln = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5771,11 +5771,11 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.counter), (e, s) => (r(), l("div", {
+    return V(() => o.counter), (e, s) => (r(), l("div", {
       class: a(e.remainingCharacterCounter)
     }, H(e.counter.remainingCharacterCounter), 3));
   }
-}), Mn = /* @__PURE__ */ h({
+}), bn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5783,7 +5783,7 @@ const ie = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = L(() => o.question.contentPanel);
     return (n, t) => (r(), C(v, {
@@ -5794,7 +5794,7 @@ const ie = /* @__PURE__ */ h({
       css: n.css
     }, null, 8, ["element", "css"]));
   }
-}), Hn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5802,7 +5802,7 @@ const ie = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null);
+    const o = u, e = M(null);
     T(o, e);
     const s = L(() => o.question.contentQuestion), n = (t) => te(t);
     return (t, i) => (r(), C(v, {
@@ -5812,25 +5812,25 @@ const ie = /* @__PURE__ */ h({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), In = /* @__PURE__ */ g("use", { "xlink:href": "#icon-timercircle" }, null, -1), Sn = [
-  In
-], me = 440, Bn = /* @__PURE__ */ h({
+}), Hn = /* @__PURE__ */ g("use", { "xlink:href": "#icon-timercircle" }, null, -1), In = [
+  Hn
+], pe = 440, Sn = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(u) {
-    const o = u, e = L(() => me * o.model.progress), s = L(() => o.model.text);
-    return B(() => o.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (r(), l("div", {
+    const o = u, e = L(() => pe * o.model.progress), s = L(() => o.model.text);
+    return V(() => o.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (r(), l("div", {
       key: 0,
       class: a(n.model.rootCss)
     }, [
       n.model.showProgress ? (r(), l("svg", {
         key: 0,
         class: a(n.model.getProgressCss()),
-        style: M({ strokeDasharray: me, strokeDashoffset: e.value })
-      }, Sn, 6)) : c("", !0),
+        style: b({ strokeDasharray: pe, strokeDashoffset: e.value })
+      }, In, 6)) : c("", !0),
       g("div", {
         class: a(n.model.textContainerCss)
       }, [
@@ -5846,13 +5846,13 @@ const ie = /* @__PURE__ */ h({
       key: 1,
       class: a(n.model.survey.getCss().timerRoot)
     }, H(s.value), 3)), [
-      [P, n.model.isRunning && !n.model.showTimerAsClock]
+      [D, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), Vn = { class: "sd-loading-indicator" }, Rn = /* @__PURE__ */ h({
+}), Bn = { class: "sd-loading-indicator" }, Vn = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
-    return (o, e) => (r(), l("div", Vn, [
+    return (o, e) => (r(), l("div", Bn, [
       y(v, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5860,7 +5860,7 @@ const ie = /* @__PURE__ */ h({
       })
     ]));
   }
-}), Tn = { key: 2 }, Zn = /* @__PURE__ */ h({
+}), Rn = { key: 2 }, Tn = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5868,31 +5868,31 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => {
+    return V(() => {
       const e = o.model;
       return e.survey = o.survey, o.model;
     }), (e, s) => e.survey.headerView === "advanced" ? (r(), l("div", {
       key: 0,
       class: a(e.model.headerClasses),
-      style: M({ height: e.model.renderedHeight })
+      style: b({ height: e.model.renderedHeight })
     }, [
       e.model.backgroundImage ? (r(), l("div", {
         key: 0,
         class: a(e.model.backgroundImageClasses),
-        style: M(e.model.backgroundImageStyle)
+        style: b(e.model.backgroundImageStyle)
       }, null, 6)) : c("", !0),
       e.survey.isMobile ? c("", !0) : (r(), l("div", {
         key: 1,
         class: a(e.model.contentClasses),
-        style: M({ maxWidth: e.model.maxWidth })
+        style: b({ maxWidth: e.model.maxWidth })
       }, [
-        (r(!0), l(I, null, S(e.model.cells, (n, t) => (r(), C(v, {
+        (r(!0), l(I, null, B(e.model.cells, (n, t) => (r(), C(v, {
           is: "sv-header-cell",
           model: n,
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      e.survey.isMobile ? (r(), l("div", Tn, [
+      e.survey.isMobile ? (r(), l("div", Rn, [
         y(v, {
           is: "sv-header-mobile",
           model: e.model
@@ -5900,10 +5900,10 @@ const ie = /* @__PURE__ */ h({
       ])) : c("", !0)
     ], 6)) : c("", !0);
   }
-}), $n = {
+}), Zn = {
   key: 0,
   class: "sv-header__logo"
-}, Dn = ["src", "width", "height", "alt"], An = /* @__PURE__ */ h({
+}, $n = ["src", "width", "height", "alt"], Dn = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5911,13 +5911,13 @@ const ie = /* @__PURE__ */ h({
   setup(u) {
     return (o, e) => (r(), l("div", {
       class: a(o.model.css),
-      style: M(o.model.style)
+      style: b(o.model.style)
     }, [
       g("div", {
         class: "sv-header__cell-content",
-        style: M(o.model.contentStyle)
+        style: b(o.model.contentStyle)
       }, [
-        o.model.showLogo ? (r(), l("div", $n, [
+        o.model.showLogo ? (r(), l("div", Zn, [
           g("div", {
             class: a(o.model.survey.logoClassNames)
           }, [
@@ -5927,14 +5927,14 @@ const ie = /* @__PURE__ */ h({
               width: o.model.survey.renderedLogoWidth,
               height: o.model.survey.renderedLogoHeight,
               alt: o.model.survey.locTitle.renderedHtml,
-              style: M({ objectFit: o.model.survey.logoFit, width: o.model.survey.renderedStyleLogoWidth, height: o.model.survey.renderedStyleLogoHeight })
-            }, null, 14, Dn)
+              style: b({ objectFit: o.model.survey.logoFit, width: o.model.survey.renderedStyleLogoWidth, height: o.model.survey.renderedStyleLogoHeight })
+            }, null, 14, $n)
           ], 2)
         ])) : c("", !0),
         o.model.showTitle ? (r(), l("div", {
           key: 1,
           class: "sv-header__title",
-          style: M({ maxWidth: o.model.textAreaWidth })
+          style: b({ maxWidth: o.model.textAreaWidth })
         }, [
           y(v, {
             is: "survey-element-title",
@@ -5945,7 +5945,7 @@ const ie = /* @__PURE__ */ h({
         o.model.showDescription ? (r(), l("div", {
           key: 2,
           class: "sv-header__description",
-          style: M({ maxWidth: o.model.textAreaWidth })
+          style: b({ maxWidth: o.model.textAreaWidth })
         }, [
           o.model.survey.renderedHasDescription ? (r(), l("div", {
             key: 0,
@@ -5960,17 +5960,17 @@ const ie = /* @__PURE__ */ h({
       ], 4)
     ], 6));
   }
-}), Pn = { class: "sv-header--mobile" }, Nn = {
+}), An = { class: "sv-header--mobile" }, Pn = {
   key: 0,
   class: "sv-header__logo"
-}, En = ["src", "width", "height", "alt"], Wn = /* @__PURE__ */ h({
+}, Nn = ["src", "width", "height", "alt"], En = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (o, e) => (r(), l("div", Pn, [
-      o.model.survey.hasLogo ? (r(), l("div", Nn, [
+    return (o, e) => (r(), l("div", An, [
+      o.model.survey.hasLogo ? (r(), l("div", Pn, [
         g("div", {
           class: a(o.model.survey.logoClassNames)
         }, [
@@ -5980,14 +5980,14 @@ const ie = /* @__PURE__ */ h({
             width: o.model.survey.renderedLogoWidth,
             height: o.model.survey.renderedLogoHeight,
             alt: o.model.survey.locTitle.renderedHtml,
-            style: M({ objectFit: o.model.survey.logoFit, width: o.model.survey.renderedStyleLogoWidth, height: o.model.survey.renderedStyleLogoHeight })
-          }, null, 14, En)
+            style: b({ objectFit: o.model.survey.logoFit, width: o.model.survey.renderedStyleLogoWidth, height: o.model.survey.renderedStyleLogoHeight })
+          }, null, 14, Nn)
         ], 2)
       ])) : c("", !0),
       o.model.survey.hasTitle ? (r(), l("div", {
         key: 1,
         class: "sv-header__title",
-        style: M({ maxWidth: o.model.renderedtextAreaWidth })
+        style: b({ maxWidth: o.model.renderedtextAreaWidth })
       }, [
         y(v, {
           is: "survey-element-title",
@@ -5998,7 +5998,7 @@ const ie = /* @__PURE__ */ h({
       o.model.survey.renderedHasDescription ? (r(), l("div", {
         key: 2,
         class: "sv-header__description",
-        style: M({ maxWidth: o.model.renderedtextAreaWidth })
+        style: b({ maxWidth: o.model.renderedtextAreaWidth })
       }, [
         o.model.survey.renderedHasDescription ? (r(), l("div", {
           key: 0,
@@ -6012,7 +6012,7 @@ const ie = /* @__PURE__ */ h({
       ], 4)) : c("", !0)
     ]));
   }
-}), On = /* @__PURE__ */ h({
+}), Wn = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -6020,7 +6020,7 @@ const ie = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(), s = (m) => m.isPanel ? "survey-panel" : "survey-question", n = L(() => {
+    const o = u, e = M(), s = (m) => m.isPanel ? "survey-panel" : "survey-question", n = L(() => {
       const m = o.element.survey;
       if (m) {
         const p = m.getElementWrapperComponentName(o.element);
@@ -6047,17 +6047,17 @@ const ie = /* @__PURE__ */ h({
         p && p.setWrapperElement(void 0), m.setWrapperElement(e.value);
       }
     );
-    return $(() => {
+    return Z(() => {
       o.element.setWrapperElement(e.value);
-    }), N(() => {
+    }), P(() => {
       o.element.setWrapperElement(void 0), d();
     }), (m, p) => (r(), l("div", {
       ref_key: "root",
       ref: e,
-      style: M(t(m.element)),
+      style: b(t(m.element)),
       class: a(m.element.cssClasses.questionWrapper)
     }, [
-      m.row.isNeedRender ? (r(), C(v, D({
+      m.row.isNeedRender ? (r(), C(v, $({
         key: 0,
         is: n.value
       }, i.value), null, 16, ["is"])) : m.element.skeletonComponentName ? (r(), C(v, {
@@ -6068,20 +6068,20 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "element", "css"])) : c("", !0)
     ], 6));
   }
-}), Fn = /* @__PURE__ */ h({
+}), On = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const o = Ne(), e = L(() => !!o.default);
-    return (s, n) => e.value && !s.componentName ? Ce(s.$slots, "default", { key: 0 }) : (r(), C(v, D({
+    const o = Pe(), e = L(() => !!o.default);
+    return (s, n) => e.value && !s.componentName ? ge(s.$slots, "default", { key: 0 }) : (r(), C(v, $({
       key: 1,
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), zn = /* @__PURE__ */ h({
+}), Fn = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -6103,7 +6103,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])) : c("", !0)
     ], 2));
   }
-}), Un = ["id"], Kn = /* @__PURE__ */ h({
+}), zn = ["id"], Un = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -6125,14 +6125,14 @@ const ie = /* @__PURE__ */ h({
         playsinline: "",
         id: o.question.videoId,
         class: a(o.question.cssClasses.video)
-      }, null, 10, Un),
+      }, null, 10, zn),
       y(v, {
         is: "sv-action",
         item: o.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), jn = ["for", "aria-label"], Qn = /* @__PURE__ */ h({
+}), Kn = ["for", "aria-label"], jn = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -6160,11 +6160,11 @@ const ie = /* @__PURE__ */ h({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : c("", !0),
       g("span", null, H(e.value.chooseButtonText), 1)
-    ], 10, jn)), [
-      [k(j)]
+    ], 10, Kn)), [
+      [w(j)]
     ]);
   }
-}), Gn = /* @__PURE__ */ h({
+}), Qn = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -6174,13 +6174,13 @@ const ie = /* @__PURE__ */ h({
       key: 0,
       class: a(o.question.cssClasses.fileList || void 0)
     }, [
-      o.question.supportFileNavigator ? (r(!0), l(I, { key: 0 }, S(o.question.renderedPages, (s) => (r(), C(v, {
+      o.question.supportFileNavigator ? (r(!0), l(I, { key: 0 }, B(o.question.renderedPages, (s) => (r(), C(v, {
         is: "sv-file-page",
         key: s.id,
         page: s,
         question: o.question
       }, null, 8, ["page", "question"]))), 128)) : c("", !0),
-      o.question.supportFileNavigator ? c("", !0) : (r(!0), l(I, { key: 1 }, S(o.question.previewValue, (s) => (r(), C(v, {
+      o.question.supportFileNavigator ? c("", !0) : (r(!0), l(I, { key: 1 }, B(o.question.previewValue, (s) => (r(), C(v, {
         is: "sv-file-item",
         key: s,
         item: s,
@@ -6188,20 +6188,20 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["item", "question"]))), 128))
     ], 2)) : c("", !0);
   }
-}), Jn = /* @__PURE__ */ h({
+}), Gn = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
   },
   setup(u) {
-    const o = u, e = b();
+    const o = u, e = M();
     return T(o, e), (s, n) => (r(), l("div", {
       role: "group",
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e
     }, [
-      (r(!0), l(I, null, S(s.question.visibleChoices, (t, i) => (r(), C(v, {
+      (r(!0), l(I, null, B(s.question.visibleChoices, (t, i) => (r(), C(v, {
         is: "sv-button-group-item",
         question: s.question,
         key: i,
@@ -6210,7 +6210,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Xn = ["title"], Yn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], xn = ["title"], _n = /* @__PURE__ */ h({
+}), Jn = ["title"], Xn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Yn = ["title"], xn = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6219,7 +6219,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(
-      () => new Ye(o.question, o.item, o.index)
+      () => new Xe(o.question, o.item, o.index)
     ), s = L({
       get: () => o.question.renderedValue,
       set: (n) => {
@@ -6245,7 +6245,7 @@ const ie = /* @__PURE__ */ h({
         class: a(e.value.css.control),
         "onUpdate:modelValue": t[0] || (t[0] = (i) => s.value = i),
         value: e.value.value
-      }, null, 10, Yn), [
+      }, null, 10, Xn), [
         [Y, s.value]
       ]),
       g("div", {
@@ -6267,11 +6267,11 @@ const ie = /* @__PURE__ */ h({
             is: "survey-string",
             locString: e.value.caption
           }, null, 8, ["locString"])
-        ], 10, xn)) : c("", !0)
+        ], 10, Yn)) : c("", !0)
       ], 2)
-    ], 10, Xn));
+    ], 10, Jn));
   }
-}), er = ["src", "width", "height", "alt"], sr = /* @__PURE__ */ h({
+}), _n = ["src", "width", "height", "alt"], er = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -6284,37 +6284,37 @@ const ie = /* @__PURE__ */ h({
     }, [
       g("img", {
         class: a(e.value.css.logoImage),
-        src: k(s),
+        src: w(s),
         width: e.value.renderedLogoWidth,
         height: e.value.renderedLogoHeight,
         alt: e.value.locTitle.renderedHtml,
-        style: M({
+        style: b({
           objectFit: e.value.logoFit,
           width: e.value.renderedStyleLogoWidth,
           height: e.value.renderedStyleLogoHeight
         })
-      }, null, 14, er)
+      }, null, 14, _n)
     ], 2));
   }
-}), or = /* @__PURE__ */ h({
+}), sr = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
-    const o = b(), e = () => {
+    const o = M(), e = () => {
       o.value && (o.value.innerHTML = X.iconsRenderedHtml());
     };
-    return $(() => {
+    return Z(() => {
       e(), X.onIconsChanged.add(e);
-    }), N(() => {
+    }), P(() => {
       X.onIconsChanged.remove(e);
     }), (s, n) => R((r(), l("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: o
     }, null, 512)), [
-      [P, !1]
+      [D, !1]
     ]);
   }
-}), tr = ["id"], nr = /* @__PURE__ */ h({
+}), or = ["id"], tr = /* @__PURE__ */ h({
   __name: "FilePage",
   props: {
     page: {},
@@ -6322,19 +6322,19 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return B(() => o.page), (e, s) => (r(), l("div", {
+    return V(() => o.page), (e, s) => (r(), l("div", {
       class: a(e.page.css),
       id: e.page.id
     }, [
-      (r(!0), l(I, null, S(e.page.items, (n) => (r(), C(v, {
+      (r(!0), l(I, null, B(e.page.items, (n) => (r(), C(v, {
         is: "sv-file-item",
         key: n,
         item: n,
         question: e.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, tr));
+    ], 10, or));
   }
-}), rr = ["href", "title", "download"], ir = ["src"], ar = ["href", "title", "download"], lr = /* @__PURE__ */ h({
+}), nr = ["href", "title", "download"], rr = ["src"], ir = ["href", "title", "download"], ar = /* @__PURE__ */ h({
   __name: "FileItem",
   props: {
     item: {},
@@ -6354,8 +6354,8 @@ const ie = /* @__PURE__ */ h({
           href: o.item.content,
           title: o.item.name,
           download: o.item.name,
-          style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, rr)
+          style: b({ width: o.question.imageWidth })
+        }, H(o.item.name), 13, nr)
       ], 2)) : c("", !0),
       g("div", {
         class: a(o.question.getImageWrapperCss(o.item))
@@ -6363,12 +6363,12 @@ const ie = /* @__PURE__ */ h({
         o.question.canPreviewImage(o.item) ? (r(), l("img", {
           key: 0,
           src: o.item.content,
-          style: M({
+          style: b({
             height: o.question.imageHeight,
             width: o.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, ir)) : c("", !0),
+        }, null, 12, rr)) : c("", !0),
         o.question.defaultImage(o.item) ? (r(), C(v, {
           key: 1,
           is: "sv-svg-icon",
@@ -6403,43 +6403,43 @@ const ie = /* @__PURE__ */ h({
           href: o.item.content,
           title: o.item.name,
           download: o.item.name,
-          style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, ar)
+          style: b({ width: o.question.imageWidth })
+        }, H(o.item.name), 13, ir)
       ], 2)) : c("", !0)
     ], 2)), [
-      [P, o.item]
+      [D, o.item]
     ]);
   }
 });
-xe.platform = "vue3";
-function ur(u, o, e) {
+Ye.platform = "vue3";
+function lr(u, o, e) {
   u(o, e);
 }
-function Me(u) {
-  const o = ur.bind(
+function be(u) {
+  const o = lr.bind(
     void 0,
     u
   );
-  o("sv-svg-bundle", or), o("popup-survey", be), o("survey-header", ts), o("sv-logo-image", sr), o("survey-page", os), o("survey-row", ns), o("survey-question", ls), o("survey-panel", cs), o("survey-element-header", ms), o("survey-string", gs), o("sv-string-viewer", ys), o("sv-string-editor", qs), o("sv-skeleton", ks), o("survey-text", bs), o("survey-text-input", Is), o("survey-checkbox", Ts), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", zs), o("survey-html", Ks), o("survey-image", Js), o("survey-expression", Xs), o("survey-file", e1), o("sv-file-choose-btn", Qn), o("sv-file-clean-btn", zn), o("sv-file-preview", Gn), o("sv-file-page", nr), o("sv-file-item", lr), o("sv-file-video", Kn), o("survey-imagepicker", o1), o("survey-imagepicker-item", a1), o("survey-comment", l1), o("survey-dropdown", u1), o("sv-dropdown-select", p1), o("sv-dropdown-option-item", g1), o("sv-dropdown", w1), o("survey-tagbox", k1), o("sv-tagbox", b1), o("sv-tagbox-item", B1), o("sv-tagbox-filter", I1), o("survey-ranking", V1), o("survey-ranking-item", A1), o("sv-ranking-item", P1), o("survey-rating", W1), o("sv-rating-item", z1), o("sv-rating-item-smiley", K1), o("sv-rating-item-star", Q1), o("sv-rating-dropdown", x1), o("sv-rating-dropdown-item", Y1), o("survey-boolean", eo), o("sv-boolean-radio", so), o("sv-boolean-radio-item", no), o("sv-boolean-checkbox", vo), o("survey-multipletext", co), o("survey-multipletext-item", mo), o("survey-matrix", wo), o("survey-matrix-row", fo), o("survey-matrix-cell", Mo), o("survey-matrixdropdown", Ho), o("survey-matrixtable", Bo), o("survey-matrixheaderrequired", Ro), o("survey-matrixdropdown-cell", Zo), o("survey-matrixdynamic", $o), o("sv-matrix-remove-button", Ao), o("sv-matrix-drag-drop-icon", No), o("sv-matrix-detail-button", Wo), o("survey-paneldynamic", Oo), o("survey-paneldynamicprogress", Fo), o("survey-paneldynamicprogress-v2", zo), o("sv-paneldynamic-add-btn", Ko), o("sv-paneldynamic-next-btn", Qo), o("sv-paneldynamic-prev-btn", Jo), o("sv-paneldynamic-remove-btn", Yo), o("sv-paneldynamic-progress-text", xo), o("sv-components-container", Xt), o("sv-progress-buttons", on), o("sv-navigation-toc", tn), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", et), o("survey-question-comment", ot), o("survey-element-title", tt), o("survey-element-title-content", at), o("sv-title-actions", dt), o("sv-brand-info", yt), o("sv-question-error", kt), o("sv-svg-icon", wt), o("sv-action-bar", ft), o("sv-action", Mt), o("sv-action-bar-item", St), o("sv-action-bar-item-dropdown", Rt), o("sv-action-bar-separator", Tt), o("sv-list", At), o("sv-list-item-content", Wt), o("sv-list-item-group", Ot), o("sv-list-item", Et), o("sv-popup", Ft), o("sv-popup-container", Gt), o("popup-pointer", Jt), o("sv-notifier", mn), o("survey-other-choice", Cn), o("sv-nav-btn", hn), o("survey-customwidget", wn), o("survey-popup-modal", kn), o("survey-composite", Mn), o("survey-custom", Hn), o("sv-timerpanel", Bn), o("sv-loading-indicator", Rn), o("sv-header", Zn), o("sv-header-cell", An), o("sv-header-mobile", Wn), o("sv-template-renderer", Fn), o("sv-character-counter", bn), o("sv-text-area", Ln), o("survey-element", On), o("survey-buttongroup", Jn), o("sv-button-group-item", _n), o("survey", ie);
+  o("sv-svg-bundle", sr), o("popup-survey", Le), o("survey-header", os), o("sv-logo-image", er), o("survey-page", ss), o("survey-row", ts), o("survey-question", as), o("survey-panel", vs), o("survey-element-header", ps), o("survey-string", ms), o("sv-string-viewer", Cs), o("sv-string-editor", hs), o("sv-skeleton", ws), o("survey-text", Ls), o("survey-text-input", Hs), o("survey-checkbox", Rs), o("survey-checkbox-item", $s), o("survey-radiogroup", Ds), o("survey-radiogroup-item", Ns), o("survey-signaturepad", Fs), o("survey-html", Us), o("survey-image", Gs), o("survey-expression", Js), o("survey-file", _s), o("sv-file-choose-btn", jn), o("sv-file-clean-btn", Fn), o("sv-file-preview", Qn), o("sv-file-page", tr), o("sv-file-item", ar), o("sv-file-video", Un), o("survey-imagepicker", s1), o("survey-imagepicker-item", i1), o("survey-comment", a1), o("survey-dropdown", l1), o("sv-dropdown-select", c1), o("sv-dropdown-option-item", m1), o("sv-dropdown", q1), o("survey-tagbox", w1), o("sv-tagbox", L1), o("sv-tagbox-item", S1), o("sv-tagbox-filter", H1), o("survey-ranking", B1), o("survey-ranking-item", D1), o("sv-ranking-item", A1), o("survey-rating", E1), o("sv-rating-item", F1), o("sv-rating-item-smiley", U1), o("sv-rating-item-star", j1), o("sv-rating-dropdown", Y1), o("sv-rating-dropdown-item", X1), o("survey-boolean", _1), o("sv-boolean-radio", eo), o("sv-boolean-radio-item", to), o("sv-boolean-checkbox", uo), o("survey-multipletext", vo), o("survey-multipletext-item", po), o("survey-matrix", qo), o("survey-matrix-row", ko), o("survey-matrix-cell", bo), o("survey-matrixdropdown", Mo), o("survey-matrixtable", So), o("survey-matrixheaderrequired", Vo), o("survey-matrixdropdown-cell", To), o("survey-matrixdynamic", Zo), o("sv-matrix-remove-button", Do), o("sv-matrix-drag-drop-icon", Po), o("sv-matrix-detail-button", Eo), o("survey-paneldynamic", Wo), o("survey-paneldynamicprogress", Oo), o("survey-paneldynamicprogress-v2", Fo), o("sv-paneldynamic-add-btn", Uo), o("sv-paneldynamic-next-btn", jo), o("sv-paneldynamic-prev-btn", Go), o("sv-paneldynamic-remove-btn", Xo), o("sv-paneldynamic-progress-text", Yo), o("sv-components-container", Jt), o("sv-progress-buttons", sn), o("sv-navigation-toc", on), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", _o), o("survey-question-comment", st), o("survey-element-title", ot), o("survey-element-title-content", it), o("sv-title-actions", ut), o("sv-brand-info", Ct), o("sv-question-error", wt), o("sv-svg-icon", qt), o("sv-action-bar", kt), o("sv-action", bt), o("sv-action-bar-item", It), o("sv-action-bar-item-dropdown", Vt), o("sv-action-bar-separator", Rt), o("sv-list", Dt), o("sv-list-item-content", Et), o("sv-list-item-group", Wt), o("sv-list-item", Nt), o("sv-popup", Ot), o("sv-popup-container", Qt), o("popup-pointer", Gt), o("sv-notifier", pn), o("survey-other-choice", gn), o("sv-nav-btn", yn), o("survey-customwidget", qn), o("survey-popup-modal", wn), o("survey-composite", bn), o("survey-custom", Mn), o("sv-timerpanel", Sn), o("sv-loading-indicator", Vn), o("sv-header", Tn), o("sv-header-cell", Dn), o("sv-header-mobile", En), o("sv-template-renderer", On), o("sv-character-counter", Ln), o("sv-text-area", fn), o("survey-element", Wn), o("survey-buttongroup", Gn), o("sv-button-group-item", xn), o("survey", ie);
 }
-Me(
+be(
   (u, o) => z.Instance.registerComponent(u, o)
 );
-const pr = {
+const cr = {
   install(u) {
-    u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", be), u.directive("key2click", j), Me((o, e) => {
+    u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", Le), u.directive("key2click", j), be((o, e) => {
       u.component(o, e), z.Instance.registerComponent(o, o);
     });
   }
 };
 export {
   z as ComponentFactory,
-  be as PopupSurveyComponent,
+  Le as PopupSurveyComponent,
   ie as SurveyComponent,
   v as SvComponent,
   j as key2ClickDirective,
-  pr as surveyPlugin,
-  B as useBase,
+  cr as surveyPlugin,
+  V as useBase,
   ee as useComputedArray,
   K as useLocString,
   T as useQuestion