survey-vue3-ui 1.10.3 → 1.10.5

package/survey-vue3-ui.es.js

@@ -1,6 +1,6 @@
-import { shallowReactive as Ce, watch as K, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as be, triggerRef as se, unref as w, isRef as ke, defineComponent as h, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as _, renderList as D, createBlock as g, resolveDynamicComponent as T, normalizeProps as z, mergeProps as H, withCtx as F, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as E, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as fe, onUpdated as te, vModelText as we, getCurrentInstance as ie, createStaticVNode as Ie, resolveDirective as X, toRaw as Se, Teleport as Re, useSlots as Te, renderSlot as $e } from "vue";
-import { Base as _e, RendererFactory as ee, DropdownListModel as De, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Me, SurveyProgressModel as de, ProgressButtonsResponsivityManager as Ee, PopupSurveyModel as He, settings as j, createDialogOptions as We, createPopupModalViewModel as Ve, ButtonGroupItemModel as Fe, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
-_e.createPropertiesHash = () => Ce({});
+import { shallowReactive as be, watch as K, onBeforeUnmount as G, onMounted as E, ref as $, shallowRef as U, watchEffect as ke, triggerRef as se, unref as w, isRef as fe, defineComponent as h, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as D, renderList as B, createBlock as g, resolveDynamicComponent as T, normalizeProps as z, mergeProps as M, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as we, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
+import { Base as De, RendererFactory as ee, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Ee, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Me, settings as j, createDialogOptions as We, createPopupModalViewModel as Fe, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
+De.createPropertiesHash = () => be({});
 function Qe(r) {
   var s;
   !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented <= 0 && (r.createArrayCoreHandler = (n, e) => {
@@ -16,7 +16,7 @@ function Qe(r) {
       }, n[e] = o;
     }
   }), r.getPropertyValueCoreHandler = (n, e) => w(n[e]), r.setPropertyValueCoreHandler = (n, e, o) => {
-    ke(n[e]) ? n[e].value = o : n[e] = o;
+    fe(n[e]) ? n[e].value = o : n[e] = o;
   }), r.__vueImplemented++);
 }
 function me(r) {
@@ -25,7 +25,7 @@ function me(r) {
     n[e] = w(n[e]), Array.isArray(n[e]) && (n[e].onArrayChanged = void 0);
   }), delete r.__vueImplemented, r.createArrayCoreHandler = void 0, r.getPropertyValueCoreHandler = void 0, r.setPropertyValueCoreHandler = void 0));
 }
-function B(r, s, n) {
+function L(r, s, n) {
   const e = K(
     r,
     (o, t) => {
@@ -41,7 +41,7 @@ function B(r, s, n) {
   });
 }
 function A(r, s, n, e) {
-  B(() => r.question, n, e), M(() => {
+  L(() => r.question, n, e), E(() => {
     r.question && r.question.afterRenderQuestionElement(s.value);
   }), G(() => {
     r.question.beforeDestroyQuestionElement(s.value);
@@ -68,7 +68,7 @@ function re(r) {
   return r.customWidget ? "survey-customwidget" : r.isDefaultRendering && r.isDefaultRendering() || r.isPanel ? "survey-" + r.getTemplate() : r.getComponentName();
 }
 function le(r) {
-  const s = U(), n = be(() => {
+  const s = U(), n = ke(() => {
     s.value = r(), se(s);
   });
   return G(() => {
@@ -86,12 +86,12 @@ const je = /* @__PURE__ */ h({
     const s = r, n = $(null), e = () => {
       s.survey && n.value && s.survey.afterRenderPage(n.value);
     }, o = S(() => s.page._showDescription);
-    return B(
+    return L(
       () => s.page,
       () => {
         e();
       }
-    ), M(() => {
+    ), E(() => {
       e();
     }), (t, l) => {
       const m = y("survey-element-title"), v = y("survey-string"), c = y("survey-errors"), q = y("survey-row");
@@ -113,12 +113,12 @@ const je = /* @__PURE__ */ h({
           }, null, 8, ["locString"])
         ], 2)) : d("", !0),
         C(c, { element: t.page }, null, 8, ["element"]),
-        (i(!0), u(_, null, D(t.page.visibleRows, (f) => (i(), g(T(t.page.getSurvey().getRowWrapperComponentName(f)), z(H({
+        (i(!0), u(D, null, B(t.page.visibleRows, (f) => (i(), g(T(t.page.getSurvey().getRowWrapperComponentName(f)), z(M({
           key: f.id
         }, {
           componentData: t.page.getSurvey().getRowWrapperComponentData(f)
         })), {
-          default: F(() => [
+          default: V(() => [
             C(q, {
               row: f,
               survey: t.survey,
@@ -137,7 +137,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $();
-    return M(() => {
+    return E(() => {
       var e = n.value;
       e && s.survey && s.survey.afterRenderHeader(e);
     }), (e, o) => {
@@ -189,7 +189,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $();
-    return B(
+    return L(
       () => s.row,
       (e, o) => {
         e.setRootElement(n.value), o && (e.isNeedRender = o.isNeedRender);
@@ -197,7 +197,7 @@ const je = /* @__PURE__ */ h({
       (e) => {
         e.setRootElement(void 0), e.stopLazyRendering(), e.isNeedRender = !e.isLazyRendering();
       }
-    ), M(() => {
+    ), E(() => {
       if (s.row && (s.row.setRootElement(n.value), !s.row.isNeedRender)) {
         const e = n.value;
         setTimeout(() => {
@@ -211,7 +211,7 @@ const je = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, D(e.row.visibleElements, (l) => (i(), g(t, {
+        (i(!0), u(D, null, B(e.row.visibleElements, (l) => (i(), g(t, {
           row: e.row,
           css: e.css,
           element: l,
@@ -232,7 +232,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $(null), e = S(() => s.element.showErrorOnTop), o = S(() => s.element.showErrorOnBottom), t = (k) => k.cssContent, l = () => s.element.getRootStyle();
-    B(() => s.element);
+    L(() => s.element);
     const m = () => {
       n.value && s.element.afterRender(n.value);
     }, v = K(
@@ -248,14 +248,14 @@ const je = /* @__PURE__ */ h({
     }));
     return O(() => {
       v();
-    }), (k, L) => {
-      const b = y("survey-errors"), N = y("survey-element-header"), W = y("survey-string"), V = y("survey-question-comment");
+    }), (k, _) => {
+      const b = y("survey-errors"), N = y("survey-element-header"), W = y("survey-string"), F = y("survey-question-comment");
       return i(), u("div", {
         class: a(k.element.getRootCss()),
         style: I(l()),
         ref_key: "root",
         ref: n,
-        onFocusin: L[0] || (L[0] = (Q) => k.element.focusIn()),
+        onFocusin: _[0] || (_[0] = (Q) => k.element.focusIn()),
         id: k.element.id,
         role: k.element.ariaRole,
         "aria-required": k.element.ariaRequired,
@@ -276,7 +276,7 @@ const je = /* @__PURE__ */ h({
           css: k.css
         }, null, 8, ["element", "css"])) : d("", !0),
         (i(), g(T(q.value), z(ne(f.value)), {
-          default: F(() => [
+          default: V(() => [
             P(p("div", {
               class: a(t(k.element) || void 0),
               role: "presentation"
@@ -296,7 +296,7 @@ const je = /* @__PURE__ */ h({
                     locString: k.element.locCommentText
                   }, null, 8, ["locString"])
                 ]),
-                C(V, { question: k.element }, null, 8, ["question"])
+                C(F, { question: k.element }, null, 8, ["question"])
               ], 2)) : d("", !0),
               o.value ? (i(), g(b, {
                 key: 2,
@@ -313,7 +313,7 @@ const je = /* @__PURE__ */ h({
                 }, null, 8, ["locString"])
               ], 10, Ye)) : d("", !0)
             ], 2), [
-              [E, k.element.renderedIsExpanded]
+              [H, k.element.renderedIsExpanded]
             ])
           ]),
           _: 1
@@ -344,7 +344,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $(null), e = S(() => s.element.survey);
-    return B(() => s.element), M(() => {
+    return L(() => s.element), E(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
     }), (o, t) => {
       const l = y("survey-errors"), m = y("survey-element-header"), v = y("survey-row"), c = y("sv-action-bar");
@@ -375,12 +375,12 @@ const je = /* @__PURE__ */ h({
           style: I({ paddingLeft: o.element.innerPaddingLeft }),
           class: a(o.element.cssClasses.panel.content)
         }, [
-          (i(!0), u(_, null, D(o.element.visibleRows, (q) => (i(), g(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(H({
+          (i(!0), u(D, null, B(o.element.visibleRows, (q) => (i(), g(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(M({
             key: q.id
           }, {
             componentData: o.element.getSurvey().getRowWrapperComponentData(q)
           })), {
-            default: F(() => [
+            default: V(() => [
               C(v, {
                 row: q,
                 survey: e.value,
@@ -425,7 +425,7 @@ const je = /* @__PURE__ */ h({
             locString: e.element.locDescription
           }, null, 8, ["locString"])
         ], 10, ts)), [
-          [E, e.element.hasDescription]
+          [H, e.element.hasDescription]
         ]) : d("", !0),
         e.element.hasAdditionalTitleToolbar ? (i(), g(m, {
           key: 1,
@@ -494,7 +494,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.element), (n, e) => (i(), u("div", {
+    return L(() => s.element), (n, e) => (i(), u("div", {
       class: "sv-skeleton-element",
       id: n.element.id
     }, null, 8, ms));
@@ -522,7 +522,7 @@ const je = /* @__PURE__ */ h({
         p("datalist", {
           id: e.question.dataListId
         }, [
-          (i(!0), u(_, null, D(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
+          (i(!0), u(D, null, B(e.question.dataList, (l) => (i(), u("option", { value: l }, null, 8, vs))), 256))
         ], 8, ps)
       ], 512)) : (i(), g(t, {
         key: 2,
@@ -543,7 +543,7 @@ const je = /* @__PURE__ */ h({
     const n = r, e = function(l) {
       n.getRef && n.getRef(l);
     }, o = $(null);
-    s({ root: o }), B(() => n.question);
+    s({ root: o }), L(() => n.question);
     const t = S(() => n.question.inputStyle);
     return (l, m) => {
       const v = y("sv-character-counter");
@@ -651,17 +651,17 @@ const je = /* @__PURE__ */ h({
         "aria-errormessage": t.question.a11y_input_ariaErrormessage
       }, [
         t.showLegend ? (i(), u("legend", bs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
-        t.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, D(t.question.headItems, (v) => (i(), g(T(e(v)), H({
+        t.question.hasHeadItems ? (i(!0), u(D, { key: 1 }, B(t.question.headItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
-        !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(_, { key: 2 }, D(t.question.bodyItems, (v) => (i(), g(T(e(v)), H({
+        !t.question.hasColumns && !t.question.blockedRow ? (i(!0), u(D, { key: 2 }, B(t.question.bodyItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
         t.question.blockedRow ? (i(), u("div", {
           key: 3,
           class: a(t.question.cssClasses.rootRow)
         }, [
-          !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(_, { key: 0 }, D(t.question.dataChoices, (v) => (i(), g(T(e(v)), H({
+          !t.question.hasColumns && t.question.blockedRow ? (i(!0), u(D, { key: 0 }, B(t.question.dataChoices, (v) => (i(), g(T(e(v)), M({
             key: v.value
           }, o(v)), null, 16))), 128)) : d("", !0)
         ], 2)) : d("", !0),
@@ -669,17 +669,17 @@ const je = /* @__PURE__ */ h({
           key: 4,
           class: a(t.question.cssClasses.rootMultiColumn)
         }, [
-          t.question.hasColumns ? (i(!0), u(_, { key: 0 }, D(t.question.columns, (v, c) => (i(), u("div", {
+          t.question.hasColumns ? (i(!0), u(D, { key: 0 }, B(t.question.columns, (v, c) => (i(), u("div", {
             key: c,
             class: a(t.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(_, null, D(v, (q) => (i(), g(T(e(q)), H({
+            (i(!0), u(D, null, B(v, (q) => (i(), g(T(e(q)), M({
               key: q.value
             }, o(q)), null, 16))), 128))
           ], 2))), 128)) : d("", !0)
         ], 2)) : d("", !0),
-        t.question.hasFootItems ? (i(!0), u(_, { key: 5 }, D(t.question.footItems, (v) => (i(), g(T(e(v)), H({
+        t.question.hasFootItems ? (i(!0), u(D, { key: 5 }, B(t.question.footItems, (v) => (i(), g(T(e(v)), M({
           key: v.value
         }, o(v)), null, 16))), 128)) : d("", !0),
         t.question.renderedValue && t.question.isOtherSelected ? (i(), g(m, {
@@ -691,7 +691,7 @@ const je = /* @__PURE__ */ h({
             type: "button",
             class: a(t.question.cssClasses.clearButton),
             onClick: l[0] || (l[0] = () => {
-              t.question.clearValue();
+              t.question.clearValue(!0);
             }),
             value: t.question.clearButtonCaption
           }, null, 10, fs)
@@ -721,7 +721,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    B(() => s.item);
+    L(() => s.item);
     const n = (e) => {
       s.question.clickItemHandler(s.item, e.target.checked);
     };
@@ -797,7 +797,7 @@ const je = /* @__PURE__ */ h({
         l.renderedValue = t;
       }
     });
-    return B(() => s.item), (t, l) => {
+    return L(() => s.item), (t, l) => {
       const m = y("survey-string");
       return i(), u("div", {
         role: "presentation",
@@ -869,7 +869,7 @@ const je = /* @__PURE__ */ h({
             locString: e.question.locRenderedPlaceholder
           }, null, 8, ["locString"])
         ], 2), [
-          [E, e.question.needShowPlaceholder()]
+          [H, e.question.needShowPlaceholder()]
         ]),
         p("div", null, [
           e.question.backgroundImage ? (i(), u("img", {
@@ -895,7 +895,7 @@ const je = /* @__PURE__ */ h({
             class: a(e.question.cssClasses.clearButton),
             title: e.question.clearButtonCaption,
             onClick: o[1] || (o[1] = () => {
-              e.question.clearValue();
+              e.question.clearValue(!0);
             })
           }, [
             e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
@@ -915,7 +915,7 @@ const je = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), As = ["innerHTML"], Ms = /* @__PURE__ */ h({
+}), As = ["innerHTML"], Es = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -932,7 +932,7 @@ const je = /* @__PURE__ */ h({
       innerHTML: w(e)
     }, null, 10, As));
   }
-}), Es = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Vs = /* @__PURE__ */ h({
+}), Hs = ["src", "alt", "width", "height"], Ms = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -967,8 +967,8 @@ const je = /* @__PURE__ */ h({
           onError: t[1] || (t[1] = (m) => {
             o.question.onErrorHandler();
           })
-        }, null, 46, Es)), [
-          [E, w(e) && !o.question.contentNotLoaded]
+        }, null, 46, Hs)), [
+          [H, w(e) && !o.question.contentNotLoaded]
         ]) : d("", !0),
         o.question.renderedMode === "video" ? P((i(), u("video", {
           key: 1,
@@ -988,8 +988,8 @@ const je = /* @__PURE__ */ h({
           onError: t[3] || (t[3] = (m) => {
             o.question.onErrorHandler();
           })
-        }, null, 46, Hs)), [
-          [E, w(e) && !o.question.contentNotLoaded]
+        }, null, 46, Ms)), [
+          [H, w(e) && !o.question.contentNotLoaded]
         ]) : d("", !0),
         o.question.renderedMode === "youtube" ? (i(), u("iframe", {
           key: 2,
@@ -1015,7 +1015,7 @@ const je = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Fs = /* @__PURE__ */ h({
+}), Vs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1159,15 +1159,15 @@ const je = /* @__PURE__ */ h({
       ref: n
     }, [
       p("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.visibleChoices, (m) => (i(), g(T(e(m)), H({
+      t.question.hasColumns ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.visibleChoices, (m) => (i(), g(T(e(m)), M({
         key: m.value
       }, o(m)), null, 16))), 128)),
-      t.question.hasColumns ? (i(!0), u(_, { key: 1 }, D(t.question.columns, (m, v) => (i(), u("div", {
+      t.question.hasColumns ? (i(!0), u(D, { key: 1 }, B(t.question.columns, (m, v) => (i(), u("div", {
         class: a(t.question.getColumnClass()),
         key: v,
         role: "presentation"
       }, [
-        (i(!0), u(_, null, D(m, (c) => (i(), g(T(e(c)), H({
+        (i(!0), u(D, null, B(m, (c) => (i(), g(T(e(c)), M({
           key: c.value
         }, o(c)), null, 16))), 128))
       ], 2))), 128)) : d("", !0)
@@ -1182,7 +1182,7 @@ const je = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = (o) => s.question.getItemClass(o);
-    B(() => s.item);
+    L(() => s.item);
     const e = J(() => s.item.locImageLink);
     return (o, t) => {
       const l = y("sv-svg-icon"), m = y("survey-string");
@@ -1468,12 +1468,12 @@ const rn = /* @__PURE__ */ h({
             required: l.question.isRequired
           }, [
             l.question.allowClear ? (i(), u("option", on, R(l.question.placeholder), 1)) : d("", !0),
-            (i(!0), u(_, null, D(l.question.visibleChoices, (f) => (i(), g(v, {
+            (i(!0), u(D, null, B(l.question.visibleChoices, (f) => (i(), g(v, {
               item: f,
               key: f.id
             }, null, 8, ["item"]))), 128))
           ], 42, nn)), [
-            [fe, t.value]
+            [we, t.value]
           ]),
           l.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
             key: 2,
@@ -1500,7 +1500,7 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = J(() => s.item.locText);
-    return B(() => s.item), (e, o) => (i(), u("option", {
+    return L(() => s.item), (e, o) => (i(), u("option", {
       value: e.item.value,
       disabled: !e.item.isEnabled
     }, R(w(n)), 9, ln));
@@ -1511,10 +1511,7 @@ const rn = /* @__PURE__ */ h({
     question: {}
   },
   setup(r) {
-    const s = r, n = $(null), e = S(() => {
-      const b = s.question;
-      return b.dropdownListModel || (b.dropdownListModel = new De(b)), s.question.dropdownListModel;
-    }), o = (b) => {
+    const s = r, n = $(null), e = S(() => s.question.dropdownListModel), o = (b) => {
       var N;
       (N = e.value) == null || N.onClick(b);
     }, t = (b) => {
@@ -1541,9 +1538,9 @@ const rn = /* @__PURE__ */ h({
       e.value.inputStringRendered = b.target.value;
     }, k = S(
       () => s.question.showSelectedItemLocText
-    ), L = S(() => s.question.selectedItemLocText);
-    return B(() => e.value), te(v), M(v), (b, N) => {
-      const W = y("survey-string"), V = y("sv-svg-icon"), Q = y("sv-popup");
+    ), _ = S(() => s.question.selectedItemLocText);
+    return L(() => e.value), te(v), E(v), (b, N) => {
+      const W = y("survey-string"), F = y("sv-svg-icon"), Q = y("sv-popup");
       return i(), u("div", {
         class: a(b.question.cssClasses.selectWrapper),
         onClick: o
@@ -1577,7 +1574,7 @@ const rn = /* @__PURE__ */ h({
           }, [
             k.value ? (i(), g(W, {
               key: 0,
-              locString: L.value
+              locString: _.value
             }, null, 8, ["locString"])) : d("", !0),
             e.value.showHintString ? (i(), u("div", {
               key: 1,
@@ -1621,14 +1618,14 @@ const rn = /* @__PURE__ */ h({
             onClick: l,
             "aria-hidden": "true"
           }, [
-            C(V, {
+            C(F, {
               class: a(b.question.cssClasses.cleanButtonSvg),
               iconName: b.question.cssClasses.cleanButtonIconId,
               title: b.question.clearCaption,
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [E, b.question.showClearButton]
+            [H, b.question.showClearButton]
           ]) : d("", !0)
         ], 42, un)),
         b.question.isReadOnly ? (i(), u("div", {
@@ -1652,7 +1649,7 @@ const rn = /* @__PURE__ */ h({
           onPointerdown: t,
           "aria-hidden": "true"
         }, [
-          C(V, {
+          C(F, {
             class: a(b.question.cssClasses.chevronButtonSvg),
             iconName: b.question.cssClasses.chevronButtonIconId,
             size: "auto"
@@ -1709,8 +1706,8 @@ const rn = /* @__PURE__ */ h({
       var q;
       (q = n.value) == null || q.onBlur(c);
     }, v = le(() => s.question.selectedChoices);
-    return B(() => n.value), (c, q) => {
-      const f = y("sv-tagbox-item"), k = y("sv-tagbox-filter"), L = y("sv-svg-icon"), b = y("sv-popup"), N = y("survey-string");
+    return L(() => n.value), (c, q) => {
+      const f = y("sv-tagbox-item"), k = y("sv-tagbox-filter"), _ = y("sv-svg-icon"), b = y("sv-popup"), N = y("survey-string");
       return i(), u("div", {
         class: a(c.question.cssClasses.selectWrapper),
         onClick: e
@@ -1736,10 +1733,10 @@ const rn = /* @__PURE__ */ h({
           p("div", {
             class: a(c.question.cssClasses.controlValue)
           }, [
-            (i(!0), u(_, null, D(w(v), (W, V) => (i(), g(f, {
+            (i(!0), u(D, null, B(w(v), (W, F) => (i(), g(f, {
               item: W,
               question: c.question,
-              key: "item" + V
+              key: "item" + F
             }, null, 8, ["item", "question"]))), 128)),
             C(k, {
               model: n.value,
@@ -1752,14 +1749,14 @@ const rn = /* @__PURE__ */ h({
             onClick: t,
             "aria-hidden": "true"
           }, [
-            C(L, {
+            C(_, {
               class: a(c.question.cssClasses.cleanButtonSvg),
               iconName: c.question.cssClasses.cleanButtonIconId,
               title: c.question.clearCaption,
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [E, c.question.showClearButton]
+            [H, c.question.showClearButton]
           ]) : d("", !0)
         ], 42, qn)),
         c.question.isReadOnly ? (i(), u("div", {
@@ -1782,7 +1779,7 @@ const rn = /* @__PURE__ */ h({
           onPointerdown: o,
           "aria-hidden": "true"
         }, [
-          C(L, {
+          C(_, {
             class: a(c.question.cssClasses.chevronButtonSvg),
             iconName: c.question.cssClasses.chevronButtonIconId,
             size: "auto"
@@ -1808,7 +1805,7 @@ const rn = /* @__PURE__ */ h({
     }, t = (l) => {
       s.model.onFocus(l);
     };
-    return B(() => s.model), (l, m) => {
+    return L(() => s.model), (l, m) => {
       const v = y("survey-string");
       return i(), u("div", {
         class: a(l.question.cssClasses.hint)
@@ -1856,7 +1853,7 @@ const rn = /* @__PURE__ */ h({
             onBlur: o,
             onFocus: t
           }, null, 42, Cn), [
-            [we, l.model.inputStringRendered]
+            [Ie, l.model.inputStringRendered]
           ])
         ], 2)
       ], 2);
@@ -1872,7 +1869,7 @@ const rn = /* @__PURE__ */ h({
     const s = r, n = (e) => {
       s.question.dropdownListModel.deselectItem(s.item.value), e.stopPropagation();
     };
-    return B(() => s.item), (e, o) => {
+    return L(() => s.item), (e, o) => {
       const t = y("survey-string"), l = y("sv-svg-icon");
       return i(), u("div", {
         class: "sv-tagbox__item",
@@ -1924,7 +1921,7 @@ const rn = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), H({
+        t.question.selectToRankEnabled ? d("", !0) : (i(!0), u(D, { key: 0 }, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), M({
           key: v.value + "-" + c + "-item"
         }, o(v, c)), null, 16))), 128)),
         t.question.selectToRankEnabled ? (i(), u("div", {
@@ -1932,7 +1929,7 @@ const rn = /* @__PURE__ */ h({
           class: a(t.question.getContainerClasses("from")),
           "data-ranking": "from-container"
         }, [
-          (i(!0), u(_, null, D(t.question.unRankingChoices, (v, c) => (i(), g(T(e(v)), H({
+          (i(!0), u(D, null, B(t.question.unRankingChoices, (v, c) => (i(), g(T(e(v)), M({
             key: v.value + "-" + c + "-item"
           }, o(v, c, !0)), null, 16))), 128)),
           t.question.unRankingChoices.length === 0 ? (i(), u("div", {
@@ -1953,7 +1950,7 @@ const rn = /* @__PURE__ */ h({
           class: a(t.question.getContainerClasses("to")),
           "data-ranking": "to-container"
         }, [
-          (i(!0), u(_, null, D(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), H({
+          (i(!0), u(D, null, B(t.question.rankingChoices, (v, c) => (i(), g(T(e(v)), M({
             key: v.value + "-" + c + "-item"
           }, o(v, c)), null, 16))), 128)),
           t.question.rankingChoices.length === 0 ? (i(), u("div", {
@@ -1982,7 +1979,7 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = S(() => s.question.getNumberByIndex(s.index));
-    return B(() => s.item), (e, o) => {
+    return L(() => s.item), (e, o) => {
       const t = y("survey-string");
       return i(), u("div", {
         tabindex: e.question.getItemTabIndex(e.item),
@@ -2088,7 +2085,7 @@ const rn = /* @__PURE__ */ h({
               locString: o.question.locMinRateDescription
             }, null, 8, ["locString"])
           ], 2)) : d("", !0),
-          (i(!0), u(_, null, D(o.question.renderedRateItems, (m, v) => (i(), g(T(o.question.itemComponent), {
+          (i(!0), u(D, null, B(o.question.renderedRateItems, (m, v) => (i(), g(T(o.question.itemComponent), {
             key: e(v),
             item: m,
             index: v,
@@ -2115,7 +2112,7 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.item), (n, e) => {
+    return L(() => s.item), (n, e) => {
       const o = y("survey-string");
       return i(), u("label", {
         key: n.item.value,
@@ -2145,7 +2142,7 @@ const rn = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = /* @__PURE__ */ h({
+}), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], En = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2154,7 +2151,7 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.item), (n, e) => {
+    return L(() => s.item), (n, e) => {
       const o = y("sv-svg-icon");
       return i(), u("label", {
         key: n.item.value,
@@ -2185,7 +2182,7 @@ const rn = /* @__PURE__ */ h({
       ], 38);
     };
   }
-}), En = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Hn = /* @__PURE__ */ h({
+}), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2194,7 +2191,7 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.item), (n, e) => {
+    return L(() => s.item), (n, e) => {
       const o = y("sv-svg-icon");
       return i(), u("label", {
         key: n.item.value,
@@ -2215,7 +2212,7 @@ const rn = /* @__PURE__ */ h({
           "aria-label": n.question.ariaLabel,
           "aria-invalid": n.question.ariaInvalid,
           "aria-errormessage": n.question.ariaErrormessage
-        }, null, 8, En),
+        }, null, 8, Hn),
         C(o, {
           class: a("sv-star"),
           iconName: n.question.itemStarIcon,
@@ -2231,7 +2228,7 @@ const rn = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), Wn = { class: "sd-rating-dropdown-item" }, Vn = { class: "sd-rating-dropdown-item_text" }, Fn = {
+}), Wn = { class: "sd-rating-dropdown-item" }, Fn = { class: "sd-rating-dropdown-item_text" }, Vn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
 }, On = /* @__PURE__ */ h({
@@ -2241,11 +2238,11 @@ const rn = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.item), (n, e) => {
+    return L(() => s.item), (n, e) => {
       const o = y("survey-string");
       return i(), u("div", Wn, [
-        p("span", Vn, R(n.item.title), 1),
-        n.item.description ? (i(), u("div", Fn, [
+        p("span", Fn, R(n.item.title), 1),
+        n.item.description ? (i(), u("div", Vn, [
           C(o, {
             locString: n.item.description
           }, null, 8, ["locString"])
@@ -2573,14 +2570,14 @@ const so = /* @__PURE__ */ h({
         ref: n
       }, [
         p("tbody", null, [
-          (i(!0), u(_, null, D(w(e), (m, v) => (i(), u(_, {
+          (i(!0), u(D, null, B(w(e), (m, v) => (i(), u(D, {
             key: o.question.inputId + "rowkey" + v
           }, [
             m.isVisible ? (i(), u("tr", {
               key: 0,
               class: a(o.question.cssClasses.row)
             }, [
-              (i(!0), u(_, null, D(m.cells, (c) => (i(), u("td", {
+              (i(!0), u(D, null, B(m.cells, (c) => (i(), u("td", {
                 key: "item" + c.item.editor.id,
                 class: a(c.className)
               }, [
@@ -2603,7 +2600,7 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = (o) => re(o);
-    B(() => s.cell.item.editor);
+    L(() => s.cell.item.editor);
     const e = S(() => s.cell.item);
     return (o, t) => {
       const l = y("survey-string"), m = y("survey-errors");
@@ -2683,7 +2680,7 @@ const so = /* @__PURE__ */ h({
             t.question.showHeader ? (i(), u("thead", ro, [
               p("tr", null, [
                 t.question.hasRows ? (i(), u("td", lo)) : d("", !0),
-                (i(!0), u(_, null, D(t.question.visibleColumns, (v, c) => (i(), u("th", {
+                (i(!0), u(D, null, B(t.question.visibleColumns, (v, c) => (i(), u("th", {
                   key: c,
                   class: a(t.question.cssClasses.headerCell),
                   style: I({
@@ -2694,7 +2691,7 @@ const so = /* @__PURE__ */ h({
                   (i(), g(T(t.question.getColumnHeaderWrapperComponentName(v)), {
                     componentData: t.question.getColumnHeaderWrapperComponentData(v)
                   }, {
-                    default: F(() => [
+                    default: V(() => [
                       C(m, {
                         locString: v.locText
                       }, null, 8, ["locString"])
@@ -2705,7 +2702,7 @@ const so = /* @__PURE__ */ h({
               ])
             ])) : d("", !0),
             p("tbody", null, [
-              (i(!0), u(_, null, D(e.value, (v, c) => (i(), u("tr", {
+              (i(!0), u(D, null, B(e.value, (v, c) => (i(), u("tr", {
                 key: "row_" + v.name + "_" + c,
                 class: a(v.rowClasses || void 0)
               }, [
@@ -2719,7 +2716,7 @@ const so = /* @__PURE__ */ h({
                   (i(), g(T(t.question.getRowHeaderWrapperComponentName(v)), {
                     componentData: t.question.getRowHeaderWrapperComponentData(v)
                   }, {
-                    default: F(() => [
+                    default: V(() => [
                       C(m, {
                         locString: v.locText
                       }, null, 8, ["locString"])
@@ -2727,9 +2724,9 @@ const so = /* @__PURE__ */ h({
                     _: 2
                   }, 1032, ["componentData"]))
                 ], 6), [
-                  [E, t.question.hasRows]
+                  [H, t.question.hasRows]
                 ]),
-                t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
+                t.question.hasCellText ? (i(!0), u(D, { key: 0 }, B(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
                   class: a(t.question.getItemClass(v, q)),
                   onClick: (k) => o(v, q)
@@ -2738,7 +2735,7 @@ const so = /* @__PURE__ */ h({
                     locString: t.question.getCellDisplayLocText(v.name, q)
                   }, null, 8, ["locString"])
                 ], 10, ao))), 128)) : d("", !0),
-                t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
+                t.question.hasCellText ? d("", !0) : (i(!0), u(D, { key: 1 }, B(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
                   "data-responsive-title": q.locText.renderedHtml,
                   class: a(t.question.cssClasses.cell),
@@ -2766,14 +2763,14 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $();
-    B(() => s.row);
+    L(() => s.row);
     const e = K(
       () => s.row,
       (o, t) => {
         t && t.setRootElement(void 0), o.setRootElement(n.value);
       }
     );
-    return M(() => {
+    return E(() => {
       s.row.setRootElement(n.value);
     }), O(() => {
       s.row.setRootElement(void 0), e();
@@ -2787,7 +2784,7 @@ const so = /* @__PURE__ */ h({
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, D(o.row.cells, (m, v) => (i(), g(l, {
+        (i(!0), u(D, null, B(o.row.cells, (m, v) => (i(), g(l, {
           cell: m,
           question: o.question,
           key: o.row.id + "_" + v
@@ -2876,7 +2873,7 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = S(() => s.question.renderedTable);
-    return B(
+    return L(
       () => n.value,
       (e) => {
         const o = ie();
@@ -2900,7 +2897,7 @@ const so = /* @__PURE__ */ h({
         }, [
           n.value.showHeader ? (i(), u("thead", ho, [
             p("tr", null, [
-              (i(!0), u(_, null, D(n.value.headerRow.cells, (c) => (i(), u(_, null, [
+              (i(!0), u(D, null, B(n.value.headerRow.cells, (c) => (i(), u(D, null, [
                 c.hasTitle ? (i(), u("th", {
                   key: "header_" + c.id,
                   class: a(c.className),
@@ -2909,7 +2906,7 @@ const so = /* @__PURE__ */ h({
                   (i(), g(T(e.question.getColumnHeaderWrapperComponentName(c)), {
                     componentData: e.question.getColumnHeaderWrapperComponentData(c)
                   }, {
-                    default: F(() => [
+                    default: V(() => [
                       C(t, {
                         locString: c.locTitle
                       }, null, 8, ["locString"]),
@@ -2931,7 +2928,7 @@ const so = /* @__PURE__ */ h({
             ])
           ])) : d("", !0),
           p("tbody", null, [
-            (i(!0), u(_, null, D(n.value.renderedRows, (c) => (i(), g(m, {
+            (i(!0), u(D, null, B(n.value.renderedRows, (c) => (i(), g(m, {
               key: e.question.inputId + "_" + c.id,
               row: c,
               question: e.question
@@ -2939,7 +2936,7 @@ const so = /* @__PURE__ */ h({
           ]),
           n.value.showFooter ? (i(), u("tfoot", Co, [
             p("tr", null, [
-              (i(!0), u(_, null, D(n.value.footerRow.cells, (c, q) => (i(), g(v, {
+              (i(!0), u(D, null, B(n.value.footerRow.cells, (c, q) => (i(), g(v, {
                 cell: c,
                 question: e.question,
                 key: "footer_" + q
@@ -2958,7 +2955,7 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r;
-    return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
+    return L(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(D, { key: 0 }, [
       ko,
       n.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
@@ -2974,7 +2971,7 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = r, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => n.value = s.cell.question.isVisible, m = (q) => re(q);
-    M(() => {
+    E(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
       l(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -2994,28 +2991,28 @@ const so = /* @__PURE__ */ h({
       if (q.hasPanel) {
         const f = q.panel, k = f.survey;
         if (k) {
-          const L = k.getElementWrapperComponentName(f);
-          if (L)
-            return L;
+          const _ = k.getElementWrapperComponentName(f);
+          if (_)
+            return _;
         }
         return "survey-panel";
       }
     }), c = S(() => {
       if (s.cell.hasPanel) {
         const f = s.cell.panel, k = f.survey;
-        let L;
-        return k && (L = k.getElementWrapperComponentData(f)), {
+        let _;
+        return k && (_ = k.getElementWrapperComponentData(f)), {
           componentName: "survey-panel",
           componentData: {
             element: f,
-            data: L,
+            data: _,
             css: s.question.cssClasses
           }
         };
       }
     });
     return (q, f) => {
-      const k = y("survey-errors"), L = y("sv-matrix-drag-drop-icon"), b = y("sv-action-bar"), N = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), V = y("survey-other-choice"), Q = y("survey-string");
+      const k = y("survey-errors"), _ = y("sv-matrix-drag-drop-icon"), b = y("sv-action-bar"), N = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), F = y("survey-other-choice"), Q = y("survey-string");
       return i(), u("td", {
         class: a(q.cell.className),
         "data-responsive-title": o(),
@@ -3030,7 +3027,7 @@ const so = /* @__PURE__ */ h({
           key: 0,
           element: q.cell.question
         }, null, 8, ["element"])) : d("", !0),
-        q.cell.isDragHandlerCell ? (i(), g(L, {
+        q.cell.isDragHandlerCell ? (i(), g(_, {
           key: 1,
           item: { data: { row: q.cell.row, question: q.question } }
         }, null, 8, ["item"])) : d("", !0),
@@ -3039,7 +3036,7 @@ const so = /* @__PURE__ */ h({
           model: q.cell.item.getData(),
           handleClick: !1
         }, null, 8, ["model"])) : d("", !0),
-        q.cell.hasPanel ? (i(), g(T(v.value), z(H({ key: 3 }, c.value)), null, 16)) : d("", !0),
+        q.cell.hasPanel ? (i(), g(T(v.value), z(M({ key: 3 }, c.value)), null, 16)) : d("", !0),
         q.cell.hasQuestion ? P((i(), u("div", {
           key: 4,
           class: a(q.cell.cellQuestionWrapperClassName)
@@ -3048,7 +3045,7 @@ const so = /* @__PURE__ */ h({
             key: 0,
             componentData: q.question.getCellWrapperComponentData(q.cell.cell)
           }, {
-            default: F(() => [
+            default: V(() => [
               (i(), g(T(m(q.cell.question)), {
                 question: q.cell.question
               }, null, 8, ["question"]))
@@ -3063,7 +3060,7 @@ const so = /* @__PURE__ */ h({
             key: 2,
             componentData: q.question.getCellWrapperComponentData(q.cell.cell)
           }, {
-            default: F(() => [
+            default: V(() => [
               q.cell.isRadio ? (i(), g(N, {
                 key: q.cell.item.value,
                 question: q.cell.question,
@@ -3079,18 +3076,18 @@ const so = /* @__PURE__ */ h({
             ]),
             _: 1
           }, 8, ["componentData"])) : d("", !0),
-          q.cell.isOtherChoice ? (i(), g(V, {
+          q.cell.isOtherChoice ? (i(), g(F, {
             key: 3,
             question: q.cell.question
           }, null, 8, ["question"])) : d("", !0)
         ], 2)), [
-          [E, n.value]
+          [H, n.value]
         ]) : d("", !0),
         q.cell.hasTitle ? (i(), g(T(q.question.getCellWrapperComponentName(q.cell)), {
           key: 5,
           componentData: q.question.getCellWrapperComponentData(q.cell)
         }, {
-          default: F(() => [
+          default: V(() => [
             q.cell.hasTitle ? (i(), g(Q, {
               key: 0,
               locString: q.cell.locTitle
@@ -3314,7 +3311,7 @@ const Ro = ["disabled"], To = /* @__PURE__ */ h({
       };
     };
     return (m, v) => {
-      const c = y("survey-string"), q = y("sv-paneldynamic-add-btn"), f = y("survey-paneldynamicprogress"), k = y("sv-paneldynamic-remove-btn"), L = y("survey-paneldynamicprogress-v2");
+      const c = y("survey-string"), q = y("sv-paneldynamic-add-btn"), f = y("survey-paneldynamicprogress"), k = y("sv-paneldynamic-remove-btn"), _ = y("survey-paneldynamicprogress-v2");
       return i(), u("div", {
         class: a(m.question.cssClasses.root),
         ref_key: "root",
@@ -3350,7 +3347,7 @@ const Ro = ["disabled"], To = /* @__PURE__ */ h({
         p("div", {
           class: a(m.question.cssClasses.panelsContainer)
         }, [
-          (i(!0), u(_, null, D(m.question.renderedPanels, (b, N) => (i(), u(_, {
+          (i(!0), u(D, null, B(m.question.renderedPanels, (b, N) => (i(), u(D, {
             key: b.id
           }, [
             p("div", {
@@ -3376,7 +3373,7 @@ const Ro = ["disabled"], To = /* @__PURE__ */ h({
           key: 4,
           data: { question: m.question }
         }, null, 8, ["data"])) : d("", !0),
-        m.question.showNavigation ? (i(), g(L, {
+        m.question.showNavigation ? (i(), g(_, {
           key: 5,
           question: m.question
         }, null, 8, ["question"])) : d("", !0)
@@ -3499,7 +3496,7 @@ const Ao = /* @__PURE__ */ h({
       ], 2)) : d("", !0);
     };
   }
-}), Mo = ["title"], Eo = /* @__PURE__ */ h({
+}), Eo = ["title"], Ho = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3520,10 +3517,10 @@ const Ao = /* @__PURE__ */ h({
           iconName: w(n).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Mo);
+      ], 10, Eo);
     };
   }
-}), Ho = ["title"], Wo = /* @__PURE__ */ h({
+}), Mo = ["title"], Wo = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3544,10 +3541,10 @@ const Ao = /* @__PURE__ */ h({
           iconName: w(n).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Ho);
+      ], 10, Mo);
     };
   }
-}), Vo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3579,7 +3576,7 @@ const Ao = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Fo = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3608,7 +3605,7 @@ const Ao = /* @__PURE__ */ h({
       ref_key: "root",
       ref: s
     }, [
-      (i(!0), u(_, null, D(n.element.errors, (o, t) => (i(), g(T(n.element.survey.questionErrorComponent), {
+      (i(!0), u(D, null, B(n.element.errors, (o, t) => (i(), g(T(n.element.survey.questionErrorComponent), {
         element: n.element,
         key: "error_" + t,
         errorKey: "error_" + t,
@@ -3667,7 +3664,7 @@ const Ao = /* @__PURE__ */ h({
           s(l);
         })
       }, {
-        default: F(() => [
+        default: V(() => [
           n.element.hasTitleActions ? d("", !0) : (i(), g(o, {
             key: 0,
             element: n.element,
@@ -3696,7 +3693,7 @@ const Ao = /* @__PURE__ */ h({
     );
     return (e, o) => {
       const t = y("survey-string");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         e.element.isTitleRenderedAsString ? (i(), g(t, {
           key: 0,
           locString: e.element.locTitle
@@ -3763,7 +3760,7 @@ const Ao = /* @__PURE__ */ h({
   for (const [e, o] of s)
     n[e] = o;
   return n;
-}, st = {}, nt = { class: "sv-brand-info" }, ot = /* @__PURE__ */ Ie('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), tt = [
+}, st = {}, nt = { class: "sv-brand-info" }, ot = /* @__PURE__ */ Se('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), tt = [
   ot
 ];
 function it(r, s) {
@@ -3793,7 +3790,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     };
     return te(() => {
       e();
-    }), M(() => {
+    }), E(() => {
       e();
     }), (o, t) => (i(), u("svg", {
       ref_key: "svgIconElement",
@@ -3843,9 +3840,9 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     const s = r, n = $(null), e = (t) => {
       s.handleClick && t.stopPropagation();
     };
-    B(() => s.model);
+    L(() => s.model);
     const o = le(() => s.model.renderedActions);
-    return M(() => {
+    return E(() => {
       !s.model.hasActions || s.model.initResponsivityManager(n.value);
     }), O(() => {
       s.model.resetResponsivityManager();
@@ -3858,7 +3855,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
         class: a(t.model.getRootCss()),
         onClick: e
       }, [
-        (i(!0), u(_, null, D(w(o), (v) => (i(), g(m, {
+        (i(!0), u(D, null, B(w(o), (v) => (i(), g(m, {
           key: v.id,
           item: v
         }, null, 8, ["item"]))), 128))
@@ -3874,7 +3871,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     const s = r, n = S(
       () => s.item.component || "sv-action-bar-item"
     );
-    return B(() => s.item), (e, o) => {
+    return L(() => s.item), (e, o) => {
       const t = y("sv-action-bar-separator");
       return i(), u("div", {
         class: a(e.item.getActionRootCss()),
@@ -3897,7 +3894,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r;
-    return B(() => s.item), (n, e) => {
+    return L(() => s.item), (n, e) => {
       const o = y("sv-svg-icon"), t = X("key2click");
       return P((i(), u("button", {
         class: a(n.item.getActionBarItemCss()),
@@ -3941,7 +3938,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   setup(r) {
     const s = r, n = Ae;
     let e;
-    return B(
+    return L(
       () => s.item,
       (o) => {
         e = new Pe(o);
@@ -3951,7 +3948,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       }
     ), (o, t) => {
       const l = y("sv-svg-icon"), m = y("sv-popup"), v = X("key2click");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         P((i(), u("button", {
           type: "button",
           class: a(o.item.getActionBarItemCss()),
@@ -4012,7 +4009,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     }, t = (l) => {
       s.model.onMouseMove(l);
     };
-    return B(() => s.model), M(() => {
+    return L(() => s.model), E(() => {
       s.model.initListContainerHtmlElement(n.value);
     }), (l, m) => {
       const v = y("sv-svg-icon"), c = y("sv-list-item");
@@ -4063,7 +4060,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
             "aria-label": l.model.emptyMessage
           }, R(l.model.emptyMessage), 11, wt)
         ], 2), [
-          [E, l.model.isEmpty]
+          [H, l.model.isEmpty]
         ]),
         l.model.renderElements ? P((i(), u("ul", {
           key: 1,
@@ -4078,13 +4075,13 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
             l.model.onKeyDown(q);
           })
         }, [
-          (i(!0), u(_, null, D(l.model.renderedActions, (q) => (i(), g(c, {
+          (i(!0), u(D, null, B(l.model.renderedActions, (q) => (i(), g(c, {
             item: q,
             model: l.model,
             key: q.id
           }, null, 8, ["item", "model"]))), 128))
         ], 42, It)), [
-          [E, !l.model.isEmpty]
+          [H, !l.model.isEmpty]
         ]) : d("", !0)
       ], 2);
     };
@@ -4099,7 +4096,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     const s = r, n = S(() => s.item.elementId), e = (o) => {
       s.model.onItemClick(s.item), o.stopPropagation();
     };
-    return B(() => s.item), M(() => {
+    return L(() => s.item), E(() => {
       setTimeout(() => {
         s.model.onLastItemRended(s.item);
       });
@@ -4140,7 +4137,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
           }, null, 8, ["item"])) : d("", !0)
         ], 14, Tt)
       ], 42, Rt)), [
-        [E, o.model.isItemVisible(o.item)],
+        [H, o.model.isItemVisible(o.item)],
         [v, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
       ]);
     };
@@ -4156,10 +4153,10 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     return K(
       () => s.model,
       (o) => {
-        n.value && n.value.dispose(), n.value = Me(o, void 0);
+        n.value && n.value.dispose(), n.value = Ee(o, void 0);
       },
       { immediate: !0 }
-    ), B(() => n.value), M(() => {
+    ), L(() => n.value), E(() => {
       const o = e.value;
       n.value.setComponentElement(
         o,
@@ -4183,7 +4180,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
 }, Nt = { class: "sv-popup__scrolling-content" }, Pt = { class: "sv-popup__content" }, At = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Mt = /* @__PURE__ */ h({
+}, Et = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4192,10 +4189,10 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     const s = r, n = (e) => {
       e.stopPropagation();
     };
-    return B(() => s.model), te(() => {
+    return L(() => s.model), te(() => {
       const e = s.model;
       e.isVisible && !e.isPositionSet && s.model.updateOnShowing();
-    }), M(() => {
+    }), E(() => {
       s.model.isVisible && s.model.updateOnShowing();
     }), (e, o) => {
       const t = y("sv-action-bar");
@@ -4241,11 +4238,11 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
           ])
         ], 4)
       ], 34)), [
-        [E, e.model.isVisible]
+        [H, e.model.isVisible]
       ]);
     };
   }
-}), Et = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4259,7 +4256,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       })
     }, null, 4));
   }
-}), Ht = {
+}), Mt = {
   key: 0,
   class: "sv-components-column"
 }, Wt = /* @__PURE__ */ h({
@@ -4273,14 +4270,14 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     const s = r, n = S(
       () => s.survey.getContainerContent(s.container)
     );
-    return (e, o) => n.value.length > 0 ? (i(), u(_, { key: 0 }, [
-      e.needRenderWrapper ? (i(), u("div", Ht, [
-        (i(!0), u(_, null, D(n.value, (t, l) => (i(), g(T(t.component), {
+    return (e, o) => n.value.length > 0 ? (i(), u(D, { key: 0 }, [
+      e.needRenderWrapper ? (i(), u("div", Mt, [
+        (i(!0), u(D, null, B(n.value, (t, l) => (i(), g(T(t.component), {
           survey: e.survey,
           container: e.container,
           model: t.data
         }, null, 8, ["survey", "container", "model"]))), 256))
-      ])) : (i(!0), u(_, { key: 1 }, D(n.value, (t, l) => (i(), g(T(t.component), {
+      ])) : (i(!0), u(D, { key: 1 }, B(n.value, (t, l) => (i(), g(T(t.component), {
         survey: e.survey,
         container: e.container,
         model: t.data
@@ -4316,7 +4313,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       }, R(t.survey.progressText), 3)
     ], 2));
   }
-}), Vt = ["title"], Ft = ["onClick", "data-page-number"], Ot = ["title"], zt = ["title"], Ut = ["title"], Kt = /* @__PURE__ */ h({
+}), Ft = ["title"], Vt = ["onClick", "data-page-number"], Ot = ["title"], zt = ["title"], Ut = ["title"], Kt = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4330,9 +4327,9 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       let f = l.value;
       f.scrollLeft += (q ? -1 : 1) * 70;
     };
-    return M(() => {
+    return E(() => {
       const q = l.value;
-      v = new Ee(s.model, q, {
+      v = new He(s.model, q, {
         onResize: (f) => {
           t.value = f, e.value = !f;
         },
@@ -4363,14 +4360,14 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
           p("div", {
             class: a(q.survey.css.progressButtonsPageTitle),
             title: q.model.headerText
-          }, R(q.model.headerText), 11, Vt)
+          }, R(q.model.headerText), 11, Ft)
         ], 2)) : d("", !0),
         p("div", {
           class: a(m.value.progressButtonsContainer)
         }, [
           p("div", {
             class: a(q.model.getScrollButtonCss(n.value, !0)),
-            onClick: f[0] || (f[0] = (L) => c(!0)),
+            onClick: f[0] || (f[0] = (_) => c(!0)),
             role: "button"
           }, null, 2),
           p("div", {
@@ -4381,11 +4378,11 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
             p("ul", {
               class: a(m.value.progressButtonsList)
             }, [
-              (i(!0), u(_, null, D(q.survey.visiblePages, (L, b) => (i(), u("li", {
+              (i(!0), u(D, null, B(q.survey.visiblePages, (_, b) => (i(), u("li", {
                 key: "listelement" + b,
                 class: a(q.model.getListElementCss(b)),
-                onClick: (N) => q.model.isListElementClickable(b) ? q.model.clickListElement(L) : null,
-                "data-page-number": q.model.getItemNumber(L)
+                onClick: (N) => q.model.isListElementClickable(b) ? q.model.clickListElement(_) : null,
+                "data-page-number": q.model.getItemNumber(_)
               }, [
                 p("div", {
                   class: a(m.value.progressButtonsConnector)
@@ -4393,17 +4390,17 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                 t.value ? (i(), u("div", {
                   key: 0,
                   class: a(m.value.progressButtonsPageTitle),
-                  title: L.renderedNavigationTitle
+                  title: _.renderedNavigationTitle
                 }, [
                   C(k, {
-                    locString: L.locNavigationTitle
+                    locString: _.locNavigationTitle
                   }, null, 8, ["locString"])
                 ], 10, Ot)) : d("", !0),
                 t.value ? (i(), u("div", {
                   key: 1,
                   class: a(m.value.progressButtonsPageDescription),
-                  title: L.locNavigationDescription.renderedHtml
-                }, R(L.locNavigationDescription.renderedHtml), 11, zt)) : d("", !0),
+                  title: _.locNavigationDescription.renderedHtml
+                }, R(_.locNavigationDescription.renderedHtml), 11, zt)) : d("", !0),
                 p("div", {
                   class: a(m.value.progressButtonsButton)
                 }, [
@@ -4413,14 +4410,14 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                   p("div", {
                     class: a(m.value.progressButtonsButtonContent)
                   }, null, 2),
-                  p("span", null, R(q.model.getItemNumber(L)), 1)
+                  p("span", null, R(q.model.getItemNumber(_)), 1)
                 ], 2)
-              ], 10, Ft))), 128))
+              ], 10, Vt))), 128))
             ], 2)
           ], 2),
           p("div", {
             class: a(q.model.getScrollButtonCss(n.value, !1)),
-            onClick: f[1] || (f[1] = (L) => c(!1)),
+            onClick: f[1] || (f[1] = (_) => c(!1)),
             role: "button"
           }, null, 2)
         ], 2),
@@ -4479,37 +4476,47 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = $(), e = $(""), o = $(1), t = S(() => {
-      const k = s.survey ? s.survey : s.model;
-      return Se(k);
+      const _ = s.survey ? s.survey : s.model;
+      return Re(_);
     }), l = S(() => t.value.activePage ? t.value.activePage.id : ""), m = () => {
-      const k = l.value;
-      return !!t.value && k + o.value.toString();
+      const _ = l.value;
+      return !!t.value && _ + o.value.toString();
     }, v = S(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), c = S(() => t.value.css), q = S(() => "page" + m()), f = () => v.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
-    return B(() => t.value), M(() => {
-      if (!!t.value) {
-        var k = n.value;
-        k && t.value.afterRenderSurvey(k), t.value.renderCallback = () => {
-          var L, b;
-          o.value++, (b = (L = ie()) == null ? void 0 : L.proxy) == null || b.$forceUpdate();
-        }, t.value.startTimerFromUI();
+    ), c = S(() => t.value.css), q = S(() => "page" + m()), f = () => v.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "", k = (_) => {
+      if (!!_) {
+        var b = n.value;
+        b && _.afterRenderSurvey(b), _.renderCallback = () => {
+          var N, W;
+          o.value++, (W = (N = ie()) == null ? void 0 : N.proxy) == null || W.$forceUpdate();
+        }, _.startTimerFromUI();
+      }
+    };
+    return L(
+      () => t.value,
+      (_, b) => {
+        _ && b && k(_);
+      },
+      (_) => {
+        _.stopTimer(), _.renderCallback = void 0;
       }
+    ), E(() => {
+      k(t.value);
     }), O(() => {
       t.value.stopTimer(), t.value.renderCallback = void 0;
-    }), (k, L) => {
-      const b = y("sv-svg-bundle"), N = y("survey-popup-modal"), W = y("survey-header"), V = y("survey-page"), Q = y("sv-brand-info"), ue = y("sv-notifier");
+    }), (_, b) => {
+      const N = y("sv-svg-bundle"), W = y("survey-popup-modal"), F = y("survey-header"), Q = y("survey-page"), ue = y("sv-brand-info"), Ce = y("sv-notifier");
       return i(), u("div", {
         class: a(t.value.getRootCss()),
         style: I(t.value.themeVariables),
         ref_key: "root",
         ref: n
       }, [
-        t.value.needRenderIcons ? (i(), g(b, { key: 0 })) : d("", !0),
+        t.value.needRenderIcons ? (i(), g(N, { key: 0 })) : d("", !0),
         p("div", {
           class: a(t.value.wrapperFormCss)
         }, [
-          C(N),
+          C(W),
           t.value.renderBackgroundImage ? (i(), u("div", {
             key: 0,
             class: a(c.value.rootBackgroundImage),
@@ -4520,7 +4527,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
             p("div", {
               class: a(c.value.container)
             }, [
-              t.value.headerView === "basic" ? (i(), g(W, {
+              t.value.headerView === "basic" ? (i(), g(F, {
                 key: 0,
                 survey: t.value
               }, null, 8, ["survey"])) : d("", !0),
@@ -4554,7 +4561,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                       container: "contentTop",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"])),
-                    (i(), g(V, {
+                    (i(), g(Q, {
                       key: q.value,
                       survey: t.value,
                       page: t.value.activePage,
@@ -4605,8 +4612,8 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
               }, R(t.value.emptySurveyText), 3)) : d("", !0)
             ], 2)
           ]),
-          t.value.showBrandInfo ? (i(), g(Q, { key: 1 })) : d("", !0),
-          C(ue, {
+          t.value.showBrandInfo ? (i(), g(ue, { key: 1 })) : d("", !0),
+          C(Ce, {
             model: t.value.notifier
           }, null, 8, ["model"])
         ], 2)
@@ -4620,7 +4627,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r;
-    return B(() => s.model), (n, e) => {
+    return L(() => s.model), (n, e) => {
       const o = y("sv-action-bar");
       return n.model.isDisplayed ? (i(), u("div", {
         key: 0,
@@ -4675,7 +4682,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = () => s.item.data && s.item.data.mouseDown();
-    return B(() => s.item), (e, o) => e.item.visible ? (i(), u("input", {
+    return L(() => s.item), (e, o) => e.item.visible ? (i(), u("input", {
       key: 0,
       type: "button",
       disabled: e.item.disabled,
@@ -4716,11 +4723,11 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       let f = n.value.cssHeaderRoot;
       return n.value.isCollapsed && (f += " " + n.value.cssRootCollapsedMod), f;
     };
-    B(() => n.value);
+    L(() => n.value);
     const q = K(
       () => s.survey,
       (f) => {
-        const k = new He(null, f);
+        const k = new Me(null, f);
         s.isExpanded !== void 0 && (k.isExpanded = s.isExpanded), s.closeOnCompleteTimeout !== void 0 && (k.closeOnCompleteTimeout = s.closeOnCompleteTimeout), s.allowClose !== void 0 && (k.allowClose = s.allowClose), s.allowFullScreen !== void 0 && (k.allowFullScreen = s.allowFullScreen), k.isShowing = !0, n.value = k;
       },
       {
@@ -4730,7 +4737,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     return O(() => {
       q();
     }), (f, k) => {
-      const L = y("sv-svg-icon");
+      const _ = y("sv-svg-icon");
       return n.value.isShowing ? (i(), u("div", {
         key: 0,
         style: I({ maxWidth: n.value.renderedWidth, width: n.value.renderedWidth }),
@@ -4755,12 +4762,12 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                 class: a(n.value.cssHeaderFullScreenButton),
                 onClick: l
               }, [
-                n.value.isFullScreen ? (i(), g(L, {
+                n.value.isFullScreen ? (i(), g(_, {
                   key: 0,
                   iconName: "icon-back-to-panel_16x16",
                   size: 16
                 })) : d("", !0),
-                n.value.isFullScreen ? d("", !0) : (i(), g(L, {
+                n.value.isFullScreen ? d("", !0) : (i(), g(_, {
                   key: 1,
                   iconName: "icon-full-screen_16x16",
                   size: 16
@@ -4770,12 +4777,12 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                 class: a(n.value.cssHeaderCollapseButton),
                 onClick: o
               }, [
-                n.value.isExpanded ? (i(), g(L, {
+                n.value.isExpanded ? (i(), g(_, {
                   key: 0,
                   iconName: "icon-minimize_16x16",
                   size: 16
                 })) : d("", !0),
-                n.value.isCollapsed ? (i(), g(L, {
+                n.value.isCollapsed ? (i(), g(_, {
                   key: 1,
                   iconName: "icon-restore_16x16",
                   size: 16
@@ -4786,7 +4793,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
                 class: a(n.value.cssHeaderCloseButton),
                 onClick: t
               }, [
-                C(L, {
+                C(_, {
                   iconName: "icon-close_16x16",
                   size: 16
                 })
@@ -4814,7 +4821,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
     ), o = S(
       () => !!s.question.customWidget.htmlTemplate
     ), t = S(() => s.question.customWidget.htmlTemplate), l = S(() => "survey-" + s.question.getTemplate());
-    return M(() => {
+    return E(() => {
       s.question.customWidget.afterRender(s.question, n.value);
     }), G(() => {
       s.question.customWidget.willUnmount(s.question, n.value);
@@ -4852,7 +4859,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       return e(f);
     }
     function e(o, t) {
-      const l = Ve(
+      const l = Fe(
         o,
         t
       ), m = (v, c) => {
@@ -4866,7 +4873,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       j.showDialog = void 0;
     })), (o, t) => {
       const l = y("sv-popup-container");
-      return s.value ? (i(), g(Re, {
+      return s.value ? (i(), g(Te, {
         key: 0,
         to: s.value.container
       }, [
@@ -4882,7 +4889,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r;
-    return B(() => s.counter), (n, e) => (i(), u("div", {
+    return L(() => s.counter), (n, e) => (i(), u("div", {
       class: a(n.remainingCharacterCounter)
     }, R(n.counter.remainingCharacterCounter), 3));
   }
@@ -4934,7 +4941,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = S(() => qe * s.model.progress), e = S(() => s.model.text);
-    return B(() => s.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), u("div", {
+    return L(() => s.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), u("div", {
       key: 0,
       class: a(o.model.rootCss)
     }, [
@@ -4958,7 +4965,7 @@ const rt = /* @__PURE__ */ he(st, [["render", it]]), lt = /* @__PURE__ */ p("use
       key: 1,
       class: a(o.model.survey.getCss().timerRoot)
     }, R(e.value), 3)), [
-      [E, o.model.isRunning && !o.model.showTimerAsClock]
+      [H, o.model.isRunning && !o.model.showTimerAsClock]
     ]);
   }
 }), yi = {}, gi = { class: "sd-loading-indicator" };
@@ -4979,7 +4986,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
   },
   setup(r) {
     const s = r;
-    return B(() => {
+    return L(() => {
       const n = s.model;
       return n.survey = s.survey, s.model;
     }), (n, e) => {
@@ -4998,7 +5005,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
           class: a(n.model.contentClasses),
           style: I({ maxWidth: n.model.maxWidth })
         }, [
-          (i(!0), u(_, null, D(n.model.cells, (l, m) => (i(), g(o, {
+          (i(!0), u(D, null, B(n.model.cells, (l, m) => (i(), g(o, {
             model: l,
             key: m
           }, null, 8, ["model"]))), 128))
@@ -5158,7 +5165,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
         c && c.setWrapperElement(void 0), v.setWrapperElement(n.value);
       }
     );
-    return M(() => {
+    return E(() => {
       s.element.setWrapperElement(n.value);
     }), O(() => {
       s.element.setWrapperElement(void 0), m();
@@ -5168,7 +5175,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
       style: I(t(v.element)),
       class: a(v.element.cssClasses.questionWrapper)
     }, [
-      v.row.isNeedRender ? (i(), g(T(o.value), z(H({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), g(T(v.element.skeletonComponentName), {
+      v.row.isNeedRender ? (i(), g(T(o.value), z(M({ key: 0 }, l.value)), null, 16)) : v.element.skeletonComponentName ? (i(), g(T(v.element.skeletonComponentName), {
         key: 1,
         element: v.element,
         css: v.css
@@ -5182,8 +5189,8 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
     componentData: {}
   },
   setup(r) {
-    const s = Te(), n = S(() => !!s.default);
-    return (e, o) => n.value && !e.componentName ? $e(e.$slots, "default", { key: 0 }) : (i(), g(T(e.componentName), z(H({ key: 1 }, e.componentData)), null, 16));
+    const s = $e(), n = S(() => !!s.default);
+    return (e, o) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), g(T(e.componentName), z(M({ key: 1 }, e.componentData)), null, 16));
   }
 }), Bi = /* @__PURE__ */ h({
   __name: "FileCleanButton",
@@ -5272,7 +5279,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
       ]);
     };
   }
-}), Mi = ["onClick", "href", "title", "download"], Ei = ["src"], Hi = ["onClick"], Wi = ["onClick", "href", "title", "download"], Vi = /* @__PURE__ */ h({
+}), Ei = ["onClick", "href", "title", "download"], Hi = ["src"], Mi = ["onClick"], Wi = ["onClick", "href", "title", "download"], Fi = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5284,7 +5291,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
         key: 0,
         class: a(s.question.cssClasses.fileList || void 0)
       }, [
-        (i(!0), u(_, null, D(s.question.previewValue, (o, t) => P((i(), u("span", {
+        (i(!0), u(D, null, B(s.question.previewValue, (o, t) => P((i(), u("span", {
           key: s.question.inputId + "_" + t,
           class: a(s.question.cssClasses.previewItem)
         }, [
@@ -5298,7 +5305,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
               title: o.name,
               download: o.name,
               style: I({ width: s.question.imageWidth })
-            }, R(o.name), 13, Mi)
+            }, R(o.name), 13, Ei)
           ], 2)) : d("", !0),
           p("div", {
             class: a(s.question.getImageWrapperCss(o))
@@ -5311,7 +5318,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
                 width: s.question.imageWidth
               }),
               alt: "File preview"
-            }, null, 12, Ei)) : d("", !0),
+            }, null, 12, Hi)) : d("", !0),
             s.question.defaultImage(o) ? (i(), g(e, {
               key: 1,
               iconName: s.question.cssClasses.defaultImageIconId,
@@ -5333,7 +5340,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
                 iconName: s.question.cssClasses.removeFileSvgIconId,
                 size: "auto"
               }, null, 8, ["title", "class", "iconName"])) : d("", !0)
-            ], 10, Hi)) : d("", !0)
+            ], 10, Mi)) : d("", !0)
           ], 2),
           o.name && s.question.cssClasses.fileSignBottom ? (i(), u("div", {
             key: 1,
@@ -5348,12 +5355,12 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
             }, R(o.name), 13, Wi)
           ], 2)) : d("", !0)
         ], 2)), [
-          [E, o && s.question.isPreviewVisible(t)]
+          [H, o && s.question.isPreviewVisible(t)]
         ])), 128))
       ], 2)) : d("", !0);
     };
   }
-}), Fi = /* @__PURE__ */ h({
+}), Vi = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5368,7 +5375,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, D(e.question.visibleChoices, (l, m) => (i(), g(t, {
+        (i(!0), u(D, null, B(e.question.visibleChoices, (l, m) => (i(), g(t, {
           question: e.question,
           key: m,
           item: l,
@@ -5386,7 +5393,7 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
   },
   setup(r) {
     const s = r, n = S(
-      () => new Fe(s.question, s.item, s.index)
+      () => new Ve(s.question, s.item, s.index)
     ), e = S({
       get: () => s.question.renderedValue,
       set: (o) => {
@@ -5468,20 +5475,20 @@ const Ci = /* @__PURE__ */ he(yi, [["render", hi]]), bi = { key: 2 }, ki = /* @_
   __name: "SvgBundle",
   setup(r) {
     const s = $();
-    return M(() => {
+    return E(() => {
       s.value.innerHTML = Oe.iconsRenderedHtml();
     }), (n, e) => P((i(), u("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: s
     }, null, 512)), [
-      [E, !1]
+      [H, !1]
     ]);
   }
 });
 ze.platform = "vue3";
 function Ji(r) {
-  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", Gi), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", ji), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", qs), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Ms), r.component("survey-image", Vs), r.component("survey-expression", Fs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ai), r.component("sv-file-clean-btn", Bi), r.component("sv-file-preview", Vi), r.component("sv-file-video", Ni), r.component("survey-imagepicker", Qs), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", wn), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", Mn), r.component("sv-rating-item-star", Hn), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", Qn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-row", po), r.component("survey-matrix-cell", yo), r.component("survey-matrixdropdown", go), r.component("survey-matrixtable", bo), r.component("survey-matrixheaderrequired", fo), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", So), r.component("sv-matrix-remove-button", To), r.component("sv-matrix-drag-drop-icon", _o), r.component("sv-matrix-detail-button", Bo), r.component("survey-paneldynamic", Lo), r.component("survey-paneldynamicprogress", No), r.component("survey-paneldynamicprogress-v2", Po), r.component("sv-paneldynamic-add-btn", Ao), r.component("sv-paneldynamic-next-btn", Eo), r.component("sv-paneldynamic-prev-btn", Wo), r.component("sv-paneldynamic-remove-btn", Vo), r.component("sv-paneldynamic-progress-text", Fo), r.component("sv-components-container", Wt), r.component("sv-progress-buttons", Kt), r.component("sv-navigation-toc", Qt), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", zo), r.component("survey-question-comment", Qo), r.component("survey-element-title", jo), r.component("survey-element-title-content", Yo), r.component("sv-title-actions", et), r.component("sv-brand-info", rt), r.component("sv-question-error", dt), r.component("sv-svg-icon", ut), r.component("sv-action-bar", mt), r.component("sv-action", vt), r.component("sv-action-bar-item", gt), r.component("sv-action-bar-item-dropdown", bt), r.component("sv-action-bar-separator", kt), r.component("sv-list", St), r.component("sv-list-item", $t), r.component("sv-popup", _t), r.component("sv-popup-container", Mt), r.component("popup-pointer", Et), r.component("sv-notifier", si), r.component("survey-other-choice", ti), r.component("sv-nav-btn", ri), r.component("survey-customwidget", ai), r.component("survey-popup-modal", ui), r.component("sv-character-counter", di), r.component("survey-composite", mi), r.component("survey-custom", ci), r.component("sv-timerpanel", qi), r.component("sv-loading-indicator", Ci), r.component("sv-header", ki), r.component("sv-header-cell", Ii), r.component("sv-header-mobile", $i), r.component("sv-template-renderer", Di), r.component("survey-element", _i), r.component("survey-buttongroup", Fi), r.component("sv-button-group-item", Ki), r.directive("key2click", {
+  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", Gi), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", ji), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", qs), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Es), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ai), r.component("sv-file-clean-btn", Bi), r.component("sv-file-preview", Fi), r.component("sv-file-video", Ni), r.component("survey-imagepicker", Qs), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", gn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", wn), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", En), r.component("sv-rating-item-star", Mn), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", Qn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-row", po), r.component("survey-matrix-cell", yo), r.component("survey-matrixdropdown", go), r.component("survey-matrixtable", bo), r.component("survey-matrixheaderrequired", fo), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", So), r.component("sv-matrix-remove-button", To), r.component("sv-matrix-drag-drop-icon", _o), r.component("sv-matrix-detail-button", Bo), r.component("survey-paneldynamic", Lo), r.component("survey-paneldynamicprogress", No), r.component("survey-paneldynamicprogress-v2", Po), r.component("sv-paneldynamic-add-btn", Ao), r.component("sv-paneldynamic-next-btn", Ho), r.component("sv-paneldynamic-prev-btn", Wo), r.component("sv-paneldynamic-remove-btn", Fo), r.component("sv-paneldynamic-progress-text", Vo), r.component("sv-components-container", Wt), r.component("sv-progress-buttons", Kt), r.component("sv-navigation-toc", Qt), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", zo), r.component("survey-question-comment", Qo), r.component("survey-element-title", jo), r.component("survey-element-title-content", Yo), r.component("sv-title-actions", et), r.component("sv-brand-info", rt), r.component("sv-question-error", dt), r.component("sv-svg-icon", ut), r.component("sv-action-bar", mt), r.component("sv-action", vt), r.component("sv-action-bar-item", gt), r.component("sv-action-bar-item-dropdown", bt), r.component("sv-action-bar-separator", kt), r.component("sv-list", St), r.component("sv-list-item", $t), r.component("sv-popup", _t), r.component("sv-popup-container", Et), r.component("popup-pointer", Ht), r.component("sv-notifier", si), r.component("survey-other-choice", ti), r.component("sv-nav-btn", ri), r.component("survey-customwidget", ai), r.component("survey-popup-modal", ui), r.component("sv-character-counter", di), r.component("survey-composite", mi), r.component("survey-custom", ci), r.component("sv-timerpanel", qi), r.component("sv-loading-indicator", Ci), r.component("sv-header", ki), r.component("sv-header-cell", Ii), r.component("sv-header-mobile", $i), r.component("sv-template-renderer", Di), r.component("survey-element", _i), r.component("survey-buttongroup", Vi), r.component("sv-button-group-item", Ki), r.directive("key2click", {
     mounted: function(s, n) {
       const e = { ...n.value };
       if (e.disableTabStop) {
@@ -5503,7 +5510,7 @@ const Zi = {
 };
 export {
   Zi as surveyPlugin,
-  B as useBase,
+  L as useBase,
   le as useComputedArray,
   J as useLocString,
   A as useQuestion