survey-vue3-ui 1.12.25 → 1.12.27

package/survey-vue3-ui.es.js

@@ -1,7 +1,7 @@
 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 Ve, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Be, triggerRef as se, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as T, 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 { 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 F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Ve, triggerRef as se, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as T, 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 Fe, doKey2ClickUp as he, createSvg as ze, doKey2ClickDown as Oe, 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 z, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
 const ae = class {
   constructor() {
@@ -45,7 +45,7 @@ const v = /* @__PURE__ */ h({
     ]), 1040));
   }
 });
-Ee.createPropertiesHash = () => Ve({});
+Ee.createPropertiesHash = () => Be({});
 class _e {
   constructor(o) {
     G(this, "currentNextTickPromise");
@@ -80,13 +80,16 @@ function es(u) {
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
   }
 }
+function ss(u) {
+  return !!u.__vueImplemented;
+}
 function ce(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);
   }), delete u.__vueImplemented, u.disableOnElementRerenderedEvent(), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0));
 }
-function V(u, o, e) {
+function B(u, o, e) {
   const s = F(
     u,
     (t, i) => {
@@ -105,7 +108,7 @@ function V(u, o, e) {
   });
 }
 function R(u, o, e, s) {
-  V(() => u.question, e, s), $(() => {
+  B(() => u.question, e, s), $(() => {
     u.question && u.question.afterRenderQuestionElement(o.value);
   }), U(() => {
     u.question.beforeDestroyQuestionElement(o.value);
@@ -132,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 = Be(() => {
+  const o = W(), e = Ve(() => {
     o.value = u(), se(o);
   });
   return U(() => {
     e();
   }), o;
 }
-const ss = /* @__PURE__ */ h({
+const os = /* @__PURE__ */ h({
   __name: "Page",
   props: {
     survey: {},
@@ -150,7 +153,7 @@ const ss = /* @__PURE__ */ h({
     const o = u, e = b(null), s = () => {
       o.survey && e.value && o.survey.afterRenderPage(e.value);
     }, n = L(() => o.page._showDescription);
-    return V(
+    return B(
       () => o.page,
       () => {
         s();
@@ -198,7 +201,7 @@ const ss = /* @__PURE__ */ h({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), os = /* @__PURE__ */ h({
+}), ts = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     survey: {}
@@ -249,7 +252,7 @@ const ss = /* @__PURE__ */ h({
       }, null, 2)
     ], 2)) : c("", !0);
   }
-}), ts = /* @__PURE__ */ h({
+}), ns = /* @__PURE__ */ h({
   __name: "Row",
   props: {
     row: {},
@@ -258,13 +261,13 @@ const ss = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b();
-    return V(
+    return B(
       () => o.row,
       (s, n) => {
         s.setRootElement(e.value), n && (s.isNeedRender = n.isNeedRender);
       },
       (s) => {
-        s.setRootElement(void 0), s.stopLazyRendering(), s.isNeedRender = !s.isLazyRendering();
+        ss(s) || (s.setRootElement(void 0), s.stopLazyRendering(), s.isNeedRender = !s.isLazyRendering());
       }
     ), $(() => {
       if (o.row && (o.row.setRootElement(e.value), !o.row.isNeedRender)) {
@@ -287,10 +290,10 @@ const ss = /* @__PURE__ */ h({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), ns = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], rs = ["id"], is = {
+}), rs = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["id"], as = {
   inheritAttrs: !1
-}, as = /* @__PURE__ */ h({
-  ...is,
+}, ls = /* @__PURE__ */ h({
+  ...as,
   __name: "Question",
   props: {
     survey: {},
@@ -299,7 +302,7 @@ const ss = /* @__PURE__ */ h({
   },
   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();
-    V(() => o.element);
+    B(() => o.element);
     const d = () => {
       e.value && o.element.afterRender(e.value);
     }, g = F(
@@ -307,7 +310,7 @@ const ss = /* @__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)), B = 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)), V = L(() => ({
       componentData: {
         question: o.element,
         data: o.element.survey.getElementWrapperComponentData(o.element)
@@ -342,7 +345,7 @@ const ss = /* @__PURE__ */ h({
         element: f.element,
         css: f.css
       }, null, 8, ["element", "css"])) : c("", !0),
-      y(v, D({ is: q.value }, B.value), {
+      y(v, D({ is: q.value }, V.value), {
         default: E(() => [
           m("div", {
             class: a(t(f.element) || void 0),
@@ -389,7 +392,7 @@ const ss = /* @__PURE__ */ h({
                 is: "survey-string",
                 locString: f.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, rs)) : c("", !0)
+            ], 10, is)) : c("", !0)
           ], 6)
         ]),
         _: 1
@@ -406,12 +409,12 @@ const ss = /* @__PURE__ */ h({
         element: f.element,
         location: "bottom"
       }, null, 8, ["element"])) : c("", !0)
-    ], 46, ns));
+    ], 46, rs));
   }
-}), ls = ["id"], us = ["id"], ds = {
+}), us = ["id"], ds = ["id"], vs = {
   inheritAttrs: !1
-}, vs = /* @__PURE__ */ h({
-  ...ds,
+}, cs = /* @__PURE__ */ h({
+  ...vs,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -421,7 +424,7 @@ const ss = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = L(() => o.element.survey);
-    return V(() => o.element), $(() => {
+    return B(() => o.element), $(() => {
       o.element.survey && o.element.afterRender(e.value);
     }), (n, t) => n.element.getIsContentVisible() ? (r(), l("div", {
       key: 0,
@@ -473,10 +476,10 @@ const ss = /* @__PURE__ */ h({
           is: "sv-action-bar",
           model: n.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, us)) : c("", !0)
-    ], 42, ls)) : c("", !0);
+      ], 14, ds)) : c("", !0)
+    ], 42, us)) : c("", !0);
   }
-}), cs = ["id"], ps = /* @__PURE__ */ h({
+}), ps = ["id"], ms = /* @__PURE__ */ h({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -508,7 +511,7 @@ const ss = /* @__PURE__ */ h({
           is: "survey-string",
           locString: n.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, cs)), [
+      ], 10, ps)), [
         [P, n.element.hasDescription]
       ]) : c("", !0),
       n.element.hasAdditionalTitleToolbar ? (r(), C(v, {
@@ -518,7 +521,7 @@ const ss = /* @__PURE__ */ h({
       }, null, 8, ["model"])) : c("", !0)
     ], 6));
   }
-}), ms = /* @__PURE__ */ h({
+}), gs = /* @__PURE__ */ h({
   __name: "String",
   props: {
     locString: {}
@@ -529,7 +532,7 @@ const ss = /* @__PURE__ */ h({
       locString: o.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), gs = ["innerHTML"], Cs = /* @__PURE__ */ h({
+}), Cs = ["innerHTML"], ys = /* @__PURE__ */ h({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -540,12 +543,12 @@ const ss = /* @__PURE__ */ h({
       key: 0,
       class: a(k(s)),
       innerHTML: k(e)
-    }, null, 10, gs)) : (r(), l("span", {
+    }, null, 10, Cs)) : (r(), l("span", {
       key: 1,
       class: a(k(s))
     }, H(k(e)), 3));
   }
-}), ys = ["innerHTML"], hs = /* @__PURE__ */ h({
+}), hs = ["innerHTML"], qs = /* @__PURE__ */ h({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -564,7 +567,7 @@ const ss = /* @__PURE__ */ h({
       innerHTML: n.locString.renderedHtml,
       onBlur: e,
       onClick: s
-    }, null, 40, ys)) : (r(), l("span", {
+    }, null, 40, hs)) : (r(), l("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -572,20 +575,20 @@ const ss = /* @__PURE__ */ h({
       onClick: s
     }, H(n.locString.renderedHtml), 33));
   }
-}), qs = ["id"], ws = /* @__PURE__ */ h({
+}), ws = ["id"], ks = /* @__PURE__ */ h({
   __name: "Skeleton",
   props: {
     element: {}
   },
   setup(u) {
     const o = u;
-    return V(() => o.element), (e, s) => (r(), l("div", {
+    return B(() => o.element), (e, s) => (r(), l("div", {
       class: "sv-skeleton-element",
       id: e.element.id,
       style: M({ height: e.element.skeletonHeight })
-    }, null, 12, qs));
+    }, null, 12, ws));
   }
-}), ks = ["id"], fs = ["value"], Ls = /* @__PURE__ */ h({
+}), fs = ["id"], Ls = ["value"], bs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -612,8 +615,8 @@ const ss = /* @__PURE__ */ h({
         (r(!0), l(I, null, S(s.question.dataList, (t, i) => (r(), l("option", {
           key: i,
           value: t
-        }, null, 8, fs))), 128))
-      ], 8, ks)
+        }, null, 8, Ls))), 128))
+      ], 8, fs)
     ], 512)) : (r(), C(v, {
       key: 2,
       is: "survey-text-input",
@@ -623,7 +626,7 @@ const ss = /* @__PURE__ */ h({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), 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({
+}), 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({
   __name: "TextInput",
   props: {
     question: {},
@@ -633,7 +636,7 @@ const ss = /* @__PURE__ */ h({
     const e = u, s = function(i) {
       e.getRef && e.getRef(i);
     }, n = b(null);
-    o({ root: n }), V(() => e.question);
+    o({ root: n }), B(() => e.question);
     const t = L(() => e.question.inputStyle);
     return (i, d) => i.question.getMaxLength() ? (r(), l("div", {
       key: 1,
@@ -667,7 +670,7 @@ const ss = /* @__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, Hs),
       y(v, {
         is: "sv-character-counter",
         counter: i.question.characterCounter,
@@ -703,12 +706,12 @@ const ss = /* @__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, bs));
+    }, null, 46, Ms));
   }
-}), Is = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ss = {
+}), Ss = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Bs = {
   key: 0,
   class: "sv-hidden"
-}, Vs = { key: 7 }, Bs = ["value"], we = /* @__PURE__ */ h({
+}, Vs = { key: 7 }, Ts = ["value"], we = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -738,7 +741,7 @@ const ss = /* @__PURE__ */ h({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (r(), l("legend", Ss, H(t.question.locTitle.renderedHtml), 1)) : c("", !0),
+      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({
         key: d.value,
         is: s(d)
@@ -788,11 +791,11 @@ const ss = /* @__PURE__ */ h({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, Bs)
+        }, null, 10, Ts)
       ])) : c("", !0)
-    ], 10, Is));
+    ], 10, Ss));
   }
-}), Ts = /* @__PURE__ */ h({
+}), Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -810,11 +813,11 @@ function ke(u, o, e) {
     e.value && (o().isDesignMode || u().setRootElement(e.value));
   }), N(() => {
     o().isDesignMode || u().setRootElement(void 0);
-  }), V(u, (s, n) => {
+  }), B(u, (s, n) => {
     o().isDesignMode || (s && e.value && s.setRootElement(e.value), n && n.setRootElement(void 0));
   });
 }
-const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"], Zs = ["xlink:href"], $s = /* @__PURE__ */ h({
+const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"], $s = ["xlink:href"], Ds = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -854,7 +857,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: n.question.isReadOnlyAttr,
           class: a(n.question.cssClasses.itemControl),
           required: n.question.hasRequiredError()
-        }, null, 42, Rs),
+        }, null, 42, Zs),
         n.question.cssClasses.materialDecorator ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.materialDecorator)
@@ -865,7 +868,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             m("use", {
               "xlink:href": n.question.itemSvgIcon
-            }, null, 8, Zs)
+            }, null, 8, $s)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         n.hideLabel ? c("", !0) : (r(), l("span", {
@@ -880,7 +883,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), Ds = /* @__PURE__ */ h({
+}), As = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -889,7 +892,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     return (o, e) => (r(), C(we, { question: o.question }, null, 8, ["question"]));
   }
-}), As = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ps = ["xlink:href"], Ns = /* @__PURE__ */ h({
+}), Ps = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ns = ["xlink:href"], Es = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -929,7 +932,7 @@ const Rs = ["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, As), [
+        }, null, 10, Ps), [
           [Y, t.value]
         ]),
         i.question.cssClasses.materialDecorator ? (r(), l("span", {
@@ -942,7 +945,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             m("use", {
               "xlink:href": i.question.itemSvgIcon
-            }, null, 8, Ps)
+            }, null, 8, Ns)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         i.hideLabel ? c("", !0) : (r(), l("span", {
@@ -957,7 +960,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), Es = ["src"], Ws = ["title"], Fs = { key: 0 }, zs = /* @__PURE__ */ h({
+}), Ws = ["src"], Fs = ["title"], zs = { key: 0 }, Os = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -991,7 +994,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           style: M({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, Es)) : c("", !0),
+        }, null, 14, Ws)) : c("", !0),
         m("canvas", {
           tabindex: "-1",
           class: a(s.question.cssClasses.canvas),
@@ -1010,14 +1013,14 @@ const Rs = ["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", zs, "\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, Ws)
+        ], 10, Fs)
       ], 2)) : c("", !0),
       s.question.showLoadingIndicator ? (r(), l("div", {
         key: 1,
@@ -1027,7 +1030,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 6));
   }
-}), Os = ["innerHTML"], Us = /* @__PURE__ */ h({
+}), Us = ["innerHTML"], Ks = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -1042,9 +1045,9 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e,
       class: a(n.question.renderCssRoot),
       innerHTML: k(s)
-    }, null, 10, Os));
+    }, null, 10, Us));
   }
-}), Ks = ["src", "alt", "width", "height"], js = ["src", "width", "height"], Qs = ["src", "width", "height"], Gs = /* @__PURE__ */ h({
+}), js = ["src", "alt", "width", "height"], Qs = ["src", "width", "height"], Gs = ["src", "width", "height"], Js = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -1077,7 +1080,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, Ks)), [
+      }, null, 46, js)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "video" ? T((r(), l("video", {
@@ -1098,7 +1101,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, js)), [
+      }, null, 46, Qs)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "youtube" ? (r(), l("iframe", {
@@ -1112,7 +1115,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           width: n.question.renderedStyleWidth,
           height: n.question.renderedStyleHeight
         })
-      }, null, 14, Qs)) : c("", !0),
+      }, null, 14, Gs)) : c("", !0),
       !k(s) || n.question.contentNotLoaded ? (r(), l("div", {
         key: 3,
         class: a(n.question.cssClasses.noImage)
@@ -1125,7 +1128,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 2));
   }
-}), Js = /* @__PURE__ */ h({
+}), Xs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1139,7 +1142,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e
     }, H(s.question.formatedValue), 3));
   }
-}), 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({
+}), 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({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1166,7 +1169,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, Xs)) : c("", !0),
+      }, null, 10, Ys)) : c("", !0),
       s.question.isReadOnlyAttr ? (r(), l("input", {
         key: 1,
         type: "file",
@@ -1176,7 +1179,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, Ys)) : c("", !0),
+      }, null, 10, xs)) : c("", !0),
       s.question.isDisabledAttr ? (r(), l("input", {
         key: 2,
         type: "file",
@@ -1186,7 +1189,7 @@ const Rs = ["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, _s)) : c("", !0),
       m("div", {
         class: a(s.question.cssClasses.dragArea),
         onDrop: n[0] || (n[0] = (...t) => s.question.onDrop && s.question.onDrop(...t)),
@@ -1261,7 +1264,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), e1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", s1 = /* @__PURE__ */ h({
+}), s1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", o1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1280,10 +1283,11 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     });
     return (t, i) => (r(), l("fieldset", {
       class: a(t.question.getSelectBaseRootCss()),
+      style: M(t.question.getContainerStyle()),
       ref_key: "root",
       ref: e
     }, [
-      m("legend", e1, H(t.question.locTitle.renderedHtml), 1),
+      m("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({
         key: d.value,
         is: s(d)
@@ -1298,9 +1302,9 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           is: s(p)
         }, n(p)), null, 16, ["is"]))), 128))
       ], 2))), 128)) : c("", !0)
-    ], 2));
+    ], 6));
   }
-}), 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({
+}), 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({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1317,7 +1321,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         i.isReadOnlyAttr || (i.value = t);
       }
     });
-    V(() => o.item);
+    B(() => o.item);
     const n = K(() => o.item.locImageLink);
     return (t, i) => (r(), l("div", {
       class: a(e(t.item))
@@ -1339,7 +1343,7 @@ const Rs = ["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, o1)), [
+        }, null, 10, t1)), [
           [oe, s.value]
         ]) : T((r(), l("input", {
           key: 1,
@@ -1355,7 +1359,7 @@ const Rs = ["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, n1)), [
           [Y, s.value]
         ]),
         m("div", {
@@ -1391,7 +1395,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: i[3] || (i[3] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, n1)) : c("", !0),
+            }, null, 46, r1)) : c("", !0),
             k(n) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (r(), l("video", {
               key: 2,
               controls: "",
@@ -1406,7 +1410,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: i[5] || (i[5] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, r1)) : c("", !0),
+            }, null, 46, i1)) : c("", !0),
             !k(n) || t.item.contentNotLoaded ? (r(), l("div", {
               key: 3,
               class: a(t.question.cssClasses.itemNoImage),
@@ -1437,7 +1441,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), a1 = /* @__PURE__ */ h({
+}), l1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1471,7 +1475,7 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e
     }, H(s.question.value), 513));
   }
-}), l1 = /* @__PURE__ */ h({
+}), u1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1495,16 +1499,16 @@ const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), u1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], d1 = {
+}), d1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], v1 = {
   key: 0,
   value: ""
-}, v1 = ["id"];
+}, c1 = ["id"];
 _.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const c1 = /* @__PURE__ */ h({
+const p1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1540,7 +1544,7 @@ const c1 = /* @__PURE__ */ h({
           disabled: "",
           id: i.question.inputId,
           class: a(i.question.getControlClass())
-        }, H(i.question.readOnlyText), 11, v1)) : T((r(), l("select", {
+        }, H(i.question.readOnlyText), 11, c1)) : T((r(), l("select", {
           key: 0,
           id: i.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (g) => t.value = g),
@@ -1554,13 +1558,13 @@ const c1 = /* @__PURE__ */ h({
           "aria-errormessage": i.question.ariaErrormessage,
           required: i.question.isRequired
         }, [
-          i.question.allowClear ? (r(), l("option", d1, H(i.question.placeholder), 1)) : c("", !0),
+          i.question.allowClear ? (r(), l("option", v1, H(i.question.placeholder), 1)) : c("", !0),
           (r(!0), l(I, null, S(i.question.visibleChoices, (g) => (r(), C(v, {
             is: "sv-dropdown-option-item",
             item: g,
             key: g.id
           }, null, 8, ["item"]))), 128))
-        ], 42, u1)), [
+        ], 42, d1)), [
           [Ze, t.value]
         ]),
         i.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
@@ -1582,19 +1586,19 @@ const c1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), p1 = ["value", "disabled"], m1 = /* @__PURE__ */ h({
+}), m1 = ["value", "disabled"], g1 = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
   },
   setup(u) {
     const o = u, e = K(() => o.item.locText);
-    return V(() => o.item), (s, n) => (r(), l("option", {
+    return B(() => o.item), (s, n) => (r(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, H(k(e)), 9, p1));
+    }, H(k(e)), 9, m1));
   }
-}), 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({
+}), 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({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1621,12 +1625,12 @@ const c1 = /* @__PURE__ */ h({
       o.question.onBlur(w), g();
     }, q = (w) => {
       o.question.onFocus(w);
-    }, B = (w) => {
+    }, V = (w) => {
       s.value.inputStringRendered = w.target.value;
     }, f = L(
       () => o.question.showSelectedItemLocText
     ), Z = L(() => o.question.selectedItemLocText);
-    return V(() => s.value), x(g), $(g), (w, A) => (r(), l("div", {
+    return B(() => s.value), x(g), $(g), (w, A) => (r(), l("div", {
       class: a(w.question.cssClasses.selectWrapper),
       onClick: n
     }, [
@@ -1666,7 +1670,7 @@ const c1 = /* @__PURE__ */ h({
             key: 1,
             class: a(w.question.cssClasses.hintSuffix)
           }, [
-            m("span", C1, H(s.value.inputStringRendered), 1),
+            m("span", y1, H(s.value.inputStringRendered), 1),
             m("span", null, H(s.value.hintStringSuffix), 1)
           ], 2)) : c("", !0),
           w.question.showInputFieldComponent ? (r(), C(v, {
@@ -1694,10 +1698,10 @@ const c1 = /* @__PURE__ */ h({
             "aria-describedby": w.question.a11y_input_ariaDescribedBy,
             "aria-activedescendant": s.value.ariaActivedescendant,
             placeholder: s.value.placeholderRendered,
-            onInput: B,
+            onInput: V,
             onBlur: p,
             onFocus: q
-          }, null, 42, y1)
+          }, null, 42, h1)
         ], 2),
         w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? T((r(), l("div", {
           key: 1,
@@ -1715,7 +1719,7 @@ const c1 = /* @__PURE__ */ h({
         ], 2)), [
           [P, w.question.showClearButton]
         ]) : c("", !0)
-      ], 42, g1)),
+      ], 42, C1)),
       w.question.isReadOnly ? (r(), l("div", {
         key: 2,
         id: w.question.inputId,
@@ -1731,7 +1735,7 @@ const c1 = /* @__PURE__ */ h({
           locString: w.question.selectedItemLocText
         }, null, 8, ["locString"])) : c("", !0),
         m("div", null, H(w.question.readOnlyText), 1)
-      ], 10, h1)) : (r(), C(v, {
+      ], 10, q1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: w.question.dropdownListModel.popupModel
@@ -1751,7 +1755,7 @@ const c1 = /* @__PURE__ */ h({
       ], 34)) : c("", !0)
     ], 2));
   }
-}), w1 = /* @__PURE__ */ h({
+}), k1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1775,7 +1779,7 @@ const c1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), 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({
+}), 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({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1800,7 +1804,7 @@ const c1 = /* @__PURE__ */ h({
       var q;
       (q = e.value) == null || q.onBlur(p);
     }, g = ee(() => o.question.selectedChoices);
-    return V(() => e.value), (p, q) => (r(), l("div", {
+    return B(() => e.value), (p, q) => (r(), l("div", {
       class: a(p.question.cssClasses.selectWrapper),
       onClick: s
     }, [
@@ -1825,9 +1829,9 @@ const c1 = /* @__PURE__ */ h({
         m("div", {
           class: a(p.question.cssClasses.controlValue)
         }, [
-          (r(!0), l(I, null, S(k(g), (B, f) => (r(), C(v, {
+          (r(!0), l(I, null, S(k(g), (V, f) => (r(), C(v, {
             is: "sv-tagbox-item",
-            item: B,
+            item: V,
             question: p.question,
             key: "item" + f
           }, null, 8, ["item", "question"]))), 128)),
@@ -1853,7 +1857,7 @@ const c1 = /* @__PURE__ */ h({
         ], 2)), [
           [P, p.question.showClearButton]
         ]) : c("", !0)
-      ], 42, k1)),
+      ], 42, f1)),
       p.question.isReadOnly ? (r(), l("div", {
         key: 2,
         id: p.question.inputId,
@@ -1868,7 +1872,7 @@ const c1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: p.question.locReadOnlyText
         }, null, 8, ["locString"])) : c("", !0)
-      ], 10, f1)) : (r(), C(v, {
+      ], 10, L1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: e.value.popupModel
@@ -1888,7 +1892,7 @@ const c1 = /* @__PURE__ */ h({
       ], 34)) : c("", !0)
     ], 2));
   }
-}), 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({
+}), 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({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1905,7 +1909,7 @@ const c1 = /* @__PURE__ */ h({
     }, t = (i) => {
       o.question.onFocus(i);
     };
-    return V(() => o.model), (i, d) => (r(), l("div", {
+    return B(() => o.model), (i, d) => (r(), l("div", {
       class: a(i.question.cssClasses.hint)
     }, [
       i.model.showHintPrefix ? (r(), l("div", {
@@ -1926,7 +1930,7 @@ const c1 = /* @__PURE__ */ h({
           key: 1,
           class: a(i.question.cssClasses.hintSuffix)
         }, [
-          m("span", b1, H(i.model.inputStringRendered), 1),
+          m("span", M1, H(i.model.inputStringRendered), 1),
           m("span", null, H(i.model.hintStringSuffix), 1)
         ], 2)) : c("", !0),
         T(m("input", {
@@ -1951,13 +1955,13 @@ const c1 = /* @__PURE__ */ h({
           onKeydown: s,
           onBlur: n,
           onFocus: t
-        }, null, 42, M1), [
+        }, null, 42, H1), [
           [$e, i.model.inputStringRendered]
         ])
       ], 2)
     ], 2));
   }
-}), I1 = { class: "sv-tagbox__item-text" }, S1 = /* @__PURE__ */ h({
+}), S1 = { class: "sv-tagbox__item-text" }, B1 = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1967,11 +1971,11 @@ const c1 = /* @__PURE__ */ h({
     const o = u, e = (s) => {
       o.question.dropdownListModel.deselectItem(o.item.value), s.stopPropagation();
     };
-    return V(() => o.item), (s, n) => (r(), l("div", {
+    return B(() => o.item), (s, n) => (r(), l("div", {
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      m("div", I1, [
+      m("div", S1, [
         y(v, {
           is: "survey-string",
           locString: s.item.locText
@@ -2062,10 +2066,10 @@ const c1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), B1 = ["tabindex", "data-sv-drop-target-ranking-item"], T1 = {
+}), T1 = ["tabindex", "data-sv-drop-target-ranking-item"], R1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, R1 = ["xlink:href"], Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ h({
+}, Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2076,7 +2080,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => o.question.getNumberByIndex(o.index));
-    return V(() => o.item), (s, n) => (r(), l("div", {
+    return B(() => o.item), (s, n) => (r(), l("div", {
       tabindex: s.question.getItemTabIndex(s.item),
       "data-sv-drop-target-ranking-item": s.index,
       class: a(s.question.getItemClass(s.item)),
@@ -2100,7 +2104,7 @@ const c1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      m("div", T1, [
+      m("div", R1, [
         m("div", {
           class: a(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2115,14 +2119,14 @@ const c1 = /* @__PURE__ */ h({
             }, [
               m("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, R1)
+              }, null, 8, Z1)
             ], 2)),
             (r(), l("svg", {
               class: a(s.question.getIconFocusCss())
             }, [
               m("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, Z1)
+              }, null, 8, $1)
             ], 2))
           ], 2),
           !s.unrankedItem && e.value ? (r(), l("div", {
@@ -2135,7 +2139,7 @@ const c1 = /* @__PURE__ */ h({
             (r(), l("svg", null, [
               m("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, $1)
+              }, null, 8, D1)
             ]))
           ], 2)),
           y(v, {
@@ -2145,9 +2149,9 @@ const c1 = /* @__PURE__ */ h({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, B1));
+    ], 42, T1));
   }
-}), A1 = /* @__PURE__ */ h({
+}), P1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2164,10 +2168,10 @@ const c1 = /* @__PURE__ */ h({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), P1 = { role: "radiogroup" }, N1 = /* @__PURE__ */ m("legend", {
+}), N1 = { role: "radiogroup" }, E1 = /* @__PURE__ */ m("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), E1 = /* @__PURE__ */ h({
+}, null, -1), W1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2182,8 +2186,8 @@ const c1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("fieldset", P1, [
-        N1,
+      m("fieldset", N1, [
+        E1,
         n.question.hasMinLabel ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.minText)
@@ -2212,7 +2216,7 @@ const c1 = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), W1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], F1 = ["data-text"], z1 = /* @__PURE__ */ h({
+}), F1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], z1 = ["data-text"], O1 = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2221,7 +2225,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l("label", {
+    return B(() => 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))
@@ -2239,7 +2243,7 @@ const c1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, W1),
+      }, null, 8, F1),
       m("span", {
         class: a(e.question.cssClasses.itemText),
         "data-text": e.item.text
@@ -2248,10 +2252,10 @@ const c1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: e.item.locText
         }, null, 8, ["locString"])
-      ], 10, F1)
+      ], 10, z1)
     ], 34));
   }
-}), O1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], U1 = /* @__PURE__ */ h({
+}), U1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], K1 = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2260,7 +2264,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l("label", {
+    return B(() => 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)),
@@ -2281,7 +2285,7 @@ const c1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, O1),
+      }, null, 8, U1),
       y(v, {
         is: "sv-svg-icon",
         iconName: e.question.getItemSmileyIconName(e.item.itemValue),
@@ -2290,7 +2294,7 @@ const c1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 38));
   }
-}), K1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], j1 = /* @__PURE__ */ h({
+}), j1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Q1 = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2299,7 +2303,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l("label", {
+    return B(() => 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)),
@@ -2319,7 +2323,7 @@ const c1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, K1),
+      }, null, 8, j1),
       y(v, {
         is: "sv-svg-icon",
         class: a("sv-star"),
@@ -2336,10 +2340,10 @@ const c1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 34));
   }
-}), Q1 = { class: "sd-rating-dropdown-item" }, G1 = { class: "sd-rating-dropdown-item_text" }, J1 = {
+}), G1 = { class: "sd-rating-dropdown-item" }, J1 = { class: "sd-rating-dropdown-item_text" }, X1 = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, X1 = /* @__PURE__ */ h({
+}, Y1 = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2347,9 +2351,9 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l("div", Q1, [
-      m("span", G1, H(e.item.title), 1),
-      e.item.description ? (r(), l("div", J1, [
+    return B(() => o.item), (e, s) => (r(), l("div", G1, [
+      m("span", J1, H(e.item.title), 1),
+      e.item.description ? (r(), l("div", X1, [
         y(v, {
           is: "survey-string",
           locString: e.item.description
@@ -2363,7 +2367,7 @@ _.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const Y1 = /* @__PURE__ */ h({
+const x1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2382,7 +2386,7 @@ const Y1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])
     ], 2));
   }
-}), x1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], _1 = /* @__PURE__ */ h({
+}), _1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], eo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2424,7 +2428,7 @@ const Y1 = /* @__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, x1), [
+          }, null, 42, _1), [
             [oe, t.question.booleanValue]
           ]),
           m("div", {
@@ -2481,7 +2485,7 @@ _.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const eo = /* @__PURE__ */ h({
+const so = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2522,7 +2526,7 @@ const eo = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), so = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], oo = ["xlink:href"], to = /* @__PURE__ */ h({
+}), oo = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], to = ["xlink:href"], no = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2551,7 +2555,7 @@ const eo = /* @__PURE__ */ h({
           readonly: s.question.isReadOnlyAttr,
           class: a(s.question.cssClasses.itemRadioControl),
           onChange: e
-        }, null, 42, so),
+        }, null, 42, oo),
         s.question.cssClasses.materialRadioDecorator ? (r(), l("span", {
           key: 0,
           class: a(s.question.cssClasses.materialRadioDecorator)
@@ -2562,7 +2566,7 @@ const eo = /* @__PURE__ */ h({
           }, [
             m("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, oo)
+            }, null, 8, to)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         m("span", {
@@ -2576,13 +2580,13 @@ const eo = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), no = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ro = ["xlink:href"], io = /* @__PURE__ */ m("span", { class: "check" }, null, -1), ao = ["id"], lo = ["id"];
+}), ro = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], io = ["xlink:href"], ao = /* @__PURE__ */ m("span", { class: "check" }, null, -1), lo = ["id"], uo = ["id"];
 _.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const uo = /* @__PURE__ */ h({
+const vo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2618,7 +2622,7 @@ const uo = /* @__PURE__ */ h({
               "aria-label": s.question.ariaLabel,
               "aria-invalid": s.question.ariaInvalid,
               "aria-errormessage": s.question.ariaErrormessage
-            }, null, 42, no), [
+            }, null, 42, ro), [
               [oe, s.question.booleanValue]
             ]),
             m("span", {
@@ -2630,9 +2634,9 @@ const uo = /* @__PURE__ */ h({
               }, [
                 m("use", {
                   "xlink:href": s.question.svgIcon
-                }, null, 8, ro)
+                }, null, 8, io)
               ], 2)) : c("", !0),
-              io
+              ao
             ], 2),
             s.question.isLabelRendered ? (r(), l("span", {
               key: 0,
@@ -2651,7 +2655,7 @@ const uo = /* @__PURE__ */ h({
                 element: s.question,
                 css: s.css
               }, null, 8, ["element", "css"])) : c("", !0)
-            ], 10, ao)) : c("", !0)
+            ], 10, lo)) : c("", !0)
           ], 2),
           s.question.canRenderLabelDescription ? (r(), l("div", {
             key: 0,
@@ -2662,12 +2666,12 @@ const uo = /* @__PURE__ */ h({
               is: "survey-string",
               locString: s.question.locDescription
             }, null, 8, ["locString"])
-          ], 10, lo)) : c("", !0)
+          ], 10, uo)) : c("", !0)
         ], 2)
       ], 2);
     };
   }
-}), vo = /* @__PURE__ */ h({
+}), co = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2703,7 +2707,7 @@ const uo = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), co = { key: 1 }, po = /* @__PURE__ */ h({
+}), po = { key: 1 }, mo = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2711,7 +2715,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = (n) => te(n);
-    V(() => o.cell.item.editor);
+    B(() => o.cell.item.editor);
     const s = L(() => o.cell.item);
     return (n, t) => n.cell.isErrorsCell ? (r(), C(v, {
       key: 1,
@@ -2736,7 +2740,7 @@ const uo = /* @__PURE__ */ h({
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", co, "\xA0")) : c("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", po, "\xA0")) : c("", !0),
         s.value.editor.isRequireTextAfterTitle ? (r(), l("span", {
           key: 2,
           "aria-hidden": "true",
@@ -2755,7 +2759,7 @@ const uo = /* @__PURE__ */ h({
       ], 34))
     ], 2));
   }
-}), mo = { class: "sv-hidden" }, go = { key: 0 }, Co = { key: 0 }, yo = ["onClick"], ho = ["data-responsive-title", "onClick"], qo = /* @__PURE__ */ h({
+}), go = { class: "sv-hidden" }, Co = { key: 0 }, yo = { key: 0 }, ho = ["onClick"], qo = ["data-responsive-title", "onClick"], wo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2785,13 +2789,13 @@ const uo = /* @__PURE__ */ h({
       ref: e
     }, [
       m("fieldset", null, [
-        m("legend", mo, H(t.question.locTitle.renderedHtml), 1),
+        m("legend", go, H(t.question.locTitle.renderedHtml), 1),
         m("table", {
           class: a(t.question.getTableCss())
         }, [
-          t.question.showHeader ? (r(), l("thead", go, [
+          t.question.showHeader ? (r(), l("thead", Co, [
             m("tr", null, [
-              t.question.hasRows ? (r(), l("td", Co)) : c("", !0),
+              t.question.hasRows ? (r(), l("td", yo)) : c("", !0),
               (r(!0), l(I, null, S(t.question.visibleColumns, (d, g) => (r(), l("th", {
                 key: g,
                 class: a(t.question.cssClasses.headerCell),
@@ -2845,18 +2849,18 @@ const uo = /* @__PURE__ */ h({
               t.question.hasCellText ? (r(!0), l(I, { key: 0 }, S(t.question.visibleColumns, (p, q) => (r(), l("td", {
                 key: q,
                 class: a(t.question.getItemClass(d, p)),
-                onClick: (B) => n(d, p)
+                onClick: (V) => n(d, p)
               }, [
                 y(v, {
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(d.name, p)
                 }, null, 8, ["locString"])
-              ], 10, yo))), 128)) : c("", !0),
+              ], 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", {
                 key: q,
                 "data-responsive-title": p.locText.renderedHtml,
                 class: a(t.question.cssClasses.cell),
-                onClick: (B) => n(d, p)
+                onClick: (V) => n(d, p)
               }, [
                 y(v, {
                   is: t.question.cellComponent,
@@ -2865,14 +2869,14 @@ const uo = /* @__PURE__ */ h({
                   column: p,
                   columnIndex: q
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, ho))), 128))
+              ], 10, qo))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), wo = ["data-sv-drop-target-matrix-row"], ko = /* @__PURE__ */ h({
+}), ko = ["data-sv-drop-target-matrix-row"], fo = /* @__PURE__ */ h({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -2880,7 +2884,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b();
-    V(() => o.row);
+    B(() => o.row);
     const s = F(
       () => o.row,
       (n, t) => {
@@ -2905,9 +2909,9 @@ const uo = /* @__PURE__ */ h({
         question: n.question,
         key: n.row.id + "_" + i.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, wo)) : c("", !0);
+    ], 42, ko)) : c("", !0);
   }
-}), fo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Lo = ["xlink:href"], bo = /* @__PURE__ */ h({
+}), Lo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], bo = ["xlink:href"], Mo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2937,7 +2941,7 @@ const uo = /* @__PURE__ */ h({
         ),
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
-      }, null, 10, fo), [
+      }, null, 10, Lo), [
         [Y, o.row.value]
       ]),
       m("span", {
@@ -2949,7 +2953,7 @@ const uo = /* @__PURE__ */ h({
         }, [
           m("use", {
             "xlink:href": o.question.itemSvgIcon
-          }, null, 8, Lo)
+          }, null, 8, bo)
         ], 2)) : c("", !0)
       ], 2),
       o.question.isMobile ? (r(), l("span", {
@@ -2963,7 +2967,7 @@ const uo = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 34));
   }
-}), Mo = /* @__PURE__ */ h({
+}), Ho = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2978,21 +2982,21 @@ const uo = /* @__PURE__ */ h({
       ref: e
     }, null, 8, ["question"]));
   }
-}), Ho = { key: 0 }, Io = { key: 1 }, So = /* @__PURE__ */ h({
+}), Io = { key: 0 }, So = { key: 1 }, Bo = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
   },
   setup(u) {
     const o = u, e = L(() => o.question.renderedTable);
-    return V(() => e.value), (s, n) => (r(), l("div", {
+    return B(() => e.value), (s, n) => (r(), l("div", {
       style: M({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
       class: a(s.question.cssClasses.tableWrapper)
     }, [
       m("table", {
         class: a(s.question.getTableCss())
       }, [
-        e.value.showHeader ? (r(), l("thead", Ho, [
+        e.value.showHeader ? (r(), l("thead", Io, [
           m("tr", null, [
             (r(!0), l(I, null, S(e.value.headerRow.cells, (t) => (r(), l(I, null, [
               t.hasTitle ? (r(), l("th", {
@@ -3035,7 +3039,7 @@ const uo = /* @__PURE__ */ h({
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        e.value.showFooter ? (r(), l("tfoot", Io, [
+        e.value.showFooter ? (r(), l("tfoot", So, [
           m("tr", null, [
             (r(!0), l(I, null, S(e.value.footerRow.cells, (t, i) => (r(), C(v, {
               is: "survey-matrixdropdown-cell",
@@ -3048,7 +3052,7 @@ const uo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Vo = /* @__PURE__ */ m("span", null, "\xA0", -1), Bo = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ m("span", null, "\xA0", -1), To = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3056,7 +3060,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.column), (e, s) => e.column.isRenderedRequired ? (r(), l(I, { key: 0 }, [
+    return B(() => o.column), (e, s) => e.column.isRenderedRequired ? (r(), l(I, { key: 0 }, [
       Vo,
       e.column.isRenderedRequired ? (r(), l("span", {
         key: 0,
@@ -3064,7 +3068,7 @@ const uo = /* @__PURE__ */ h({
       }, H(e.column.requiredText), 3)) : c("", !0)
     ], 64)) : c("", !0);
   }
-}), To = ["title", "colspan"], Ro = /* @__PURE__ */ h({
+}), Ro = ["title", "colspan"], Zo = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3080,21 +3084,21 @@ const uo = /* @__PURE__ */ h({
       o.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
         t();
       });
-      const p = s.value, q = o.cell.question, B = {
+      const p = s.value, q = o.cell.question, V = {
         cell: o.cell.cell,
         cellQuestion: q,
         htmlElement: p,
         row: o.cell.row,
         column: o.cell.cell.column
       };
-      o.question.survey.matrixAfterCellRender(o.question, B), q && q.afterRenderCore(p);
+      o.question.survey.matrixAfterCellRender(o.question, V), q && q.afterRenderCore(p);
     });
     const d = L(() => {
       const p = o.cell;
       if (p.hasPanel) {
-        const q = p.panel, B = q.survey;
-        if (B) {
-          const f = B.getElementWrapperComponentName(q);
+        const q = p.panel, V = q.survey;
+        if (V) {
+          const f = V.getElementWrapperComponentName(q);
           if (f)
             return f;
         }
@@ -3102,9 +3106,9 @@ const uo = /* @__PURE__ */ h({
       }
     }), g = L(() => {
       if (o.cell.hasPanel) {
-        const q = o.cell.panel, B = q.survey;
+        const q = o.cell.panel, V = q.survey;
         let f;
-        return B && (f = B.getElementWrapperComponentData(q)), {
+        return V && (f = V.getElementWrapperComponentData(q)), {
           componentName: "survey-panel",
           componentData: {
             element: q,
@@ -3120,7 +3124,7 @@ const uo = /* @__PURE__ */ h({
       title: p.cell.getTitle(),
       style: M(n()),
       colspan: p.cell.colSpans,
-      onFocusin: q[0] || (q[0] = (B) => p.cell.focusIn()),
+      onFocusin: q[0] || (q[0] = (V) => p.cell.focusIn()),
       ref_key: "root",
       ref: s
     }, [
@@ -3229,9 +3233,9 @@ const uo = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : c("", !0)
-    ], 46, To)) : c("", !0);
+    ], 46, Ro)) : c("", !0);
   }
-}), Zo = /* @__PURE__ */ h({
+}), $o = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3324,7 +3328,7 @@ function ne(u, o = !0) {
     row: o ? L(() => u.item.data.row) : void 0
   };
 }
-const $o = ["disabled"], Do = /* @__PURE__ */ h({
+const Do = ["disabled"], Ao = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3344,9 +3348,9 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
       m("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, $o));
+    ], 10, Do));
   }
-}), Ao = ["xlink:href"], Po = /* @__PURE__ */ h({
+}), Po = ["xlink:href"], No = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3360,14 +3364,14 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
       }, [
         m("use", {
           "xlink:href": k(e).iconDragElement
-        }, null, 8, Ao)
+        }, null, 8, Po)
       ], 2)) : (r(), l("span", {
         key: 1,
         class: a(k(e).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), No = ["aria-expanded", "aria-controls"], Eo = /* @__PURE__ */ h({
+}), Eo = ["aria-expanded", "aria-controls"], Wo = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3387,9 +3391,9 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
         iconName: k(e).getDetailPanelIconId(k(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, No));
+    ], 10, Eo));
   }
-}), Wo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3521,7 +3525,7 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), Fo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3568,7 +3572,7 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), zo = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3608,7 +3612,7 @@ function Q(u) {
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const Oo = ["id"], Uo = /* @__PURE__ */ h({
+const Uo = ["id"], Ko = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3633,9 +3637,9 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
           locString: k(e).locPanelAddText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, Oo)) : c("", !0);
+    ], 10, Uo)) : c("", !0);
   }
-}), Ko = ["title"], jo = /* @__PURE__ */ h({
+}), jo = ["title"], Qo = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3655,9 +3659,9 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
         iconName: k(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Ko));
+    ], 10, jo));
   }
-}), Qo = ["title"], Go = /* @__PURE__ */ h({
+}), Go = ["title"], Jo = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3677,9 +3681,9 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
         iconName: k(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Qo));
+    ], 10, Go));
   }
-}), Jo = ["id"], Xo = /* @__PURE__ */ h({
+}), Xo = ["id"], Yo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3708,9 +3712,9 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
       m("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Jo));
+    ], 10, Xo));
   }
-}), Yo = /* @__PURE__ */ h({
+}), xo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3722,7 +3726,7 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
       class: a(k(e).cssClasses.progressText)
     }, H(k(e).progressText), 3));
   }
-}), xo = ["id"], _o = /* @__PURE__ */ h({
+}), _o = ["id"], et = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3747,21 +3751,21 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
         error: n,
         cssClasses: e.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, xo)) : c("", !0);
+    ], 10, _o)) : c("", !0);
   }
-}), et = { key: 0 }, st = /* @__PURE__ */ h({
+}), st = { key: 0 }, ot = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", et, H(o.question.comment), 1)) : (r(), C(v, {
+    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", st, H(o.question.comment), 1)) : (r(), C(v, {
       key: 1,
       is: "sv-text-area",
       model: o.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), ot = /* @__PURE__ */ h({
+}), tt = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3814,7 +3818,7 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : c("", !0);
   }
-}), tt = { key: 3 }, nt = { key: 5 }, rt = { key: 7 }, it = /* @__PURE__ */ h({
+}), nt = { key: 3 }, rt = { key: 5 }, it = { key: 7 }, at = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3842,19 +3846,19 @@ const Oo = ["id"], Uo = /* @__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", tt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.no ? (r(), l("span", nt, "\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", nt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", rt, "\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", rt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", it, "\xA0")) : c("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", {
         key: 8,
         class: a(e.element.cssRequiredText),
@@ -3862,7 +3866,7 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
       }, H(e.element.requiredText), 3)) : c("", !0)
     ], 64));
   }
-}), at = { class: "sv-title-actions" }, lt = { class: "sv-title-actions__title" }, ut = /* @__PURE__ */ h({
+}), lt = { class: "sv-title-actions" }, ut = { class: "sv-title-actions__title" }, dt = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3870,8 +3874,8 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => o.element.getTitleToolbar());
-    return (s, n) => (r(), l("div", at, [
-      m("span", lt, [
+    return (s, n) => (r(), l("div", lt, [
+      m("span", ut, [
         s.element.isPage ? (r(), C(v, {
           key: 0,
           is: "survey-string",
@@ -3890,20 +3894,20 @@ const Oo = ["id"], Uo = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ]));
   }
-}), dt = (u, o) => {
+}), vt = (u, o) => {
   const e = u.__vccOpts || u;
   for (const [s, n] of o)
     e[s] = n;
   return e;
-}, vt = {}, ct = { class: "sv-brand-info" }, pt = /* @__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), mt = [
-  pt
+}, 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
 ];
-function gt(u, o) {
-  return r(), l("div", ct, mt);
+function Ct(u, o) {
+  return r(), l("div", pt, gt);
 }
-const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use", null, null, -1), ht = [
-  yt
-], qt = /* @__PURE__ */ h({
+const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use", null, null, -1), qt = [
+  ht
+], wt = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3932,9 +3936,9 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       ref: e,
       class: "sv-svg-icon",
       role: "img"
-    }, ht, 512));
+    }, qt, 512));
   }
-}), wt = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3962,7 +3966,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       ], 2)
     ]));
   }
-}), kt = /* @__PURE__ */ h({
+}), ft = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3973,7 +3977,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     const o = u, e = b(null), s = (t) => {
       o.handleClick && t.stopPropagation();
     };
-    V(() => o.model);
+    B(() => o.model);
     const n = ee(() => o.model.renderedActions);
     return $(() => {
       !o.model.hasActions || o.model.initResponsivityManager(e.value);
@@ -3993,7 +3997,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["item"]))), 128))
     ], 2)) : c("", !0);
   }
-}), ft = ["id"], Lt = { class: "sv-action__content" }, bt = /* @__PURE__ */ h({
+}), Lt = ["id"], bt = { class: "sv-action__content" }, Mt = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -4002,11 +4006,11 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     const o = u, e = L(
       () => o.item.component || "sv-action-bar-item"
     );
-    return V(() => o.item), (s, n) => (r(), l("div", {
+    return B(() => o.item), (s, n) => (r(), l("div", {
       class: a(s.item.getActionRootCss()),
       id: s.item.id
     }, [
-      m("div", Lt, [
+      m("div", bt, [
         s.item.needSeparator ? (r(), C(v, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4016,7 +4020,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           item: s.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, ft));
+    ], 10, Lt));
   }
 }), j = {
   mounted: function(u, o) {
@@ -4031,17 +4035,17 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       Ue(s);
     });
   }
-}, Mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Ht = {
+}, Ht = ["disabled", "title", "aria-checked", "aria-expanded", "role"], It = {
   inheritAttrs: !1
-}, It = /* @__PURE__ */ h({
-  ...Ht,
+}, St = /* @__PURE__ */ h({
+  ...It,
   __name: "ActionBarItem",
   props: {
     item: {}
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => T((r(), l("button", {
+    return B(() => o.item), (e, s) => T((r(), l("button", {
       class: a(e.item.getActionBarItemCss()),
       type: "button",
       onClick: s[0] || (s[0] = (n) => {
@@ -4074,13 +4078,13 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         key: 1,
         class: a(e.item.getActionBarItemTitleCss())
       }, H(e.item.title), 3)) : c("", !0)
-    ], 42, Mt)), [
+    ], 42, Ht)), [
       [k(j), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
   }
-}), St = ["disabled", "title", "role"], Vt = {
+}), Bt = ["disabled", "title", "role"], Vt = {
   inheritAttrs: !1
-}, Bt = /* @__PURE__ */ h({
+}, Tt = /* @__PURE__ */ h({
   ...Vt,
   __name: "ActionBarItemDropdown",
   props: {
@@ -4089,7 +4093,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
   setup(u) {
     const o = u;
     let e;
-    return V(
+    return B(
       () => o.item,
       (s) => {
         e = new Ke(s);
@@ -4123,7 +4127,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           key: 1,
           class: a(s.item.getActionBarItemTitleCss())
         }, H(s.item.title), 3)) : c("", !0)
-      ], 42, St)), [
+      ], 42, Bt)), [
         [k(j), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       y(v, {
@@ -4132,7 +4136,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Tt = /* @__PURE__ */ h({
+}), Rt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4143,7 +4147,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       class: a(["sv-action-bar-separator", e.value])
     }, null, 2));
   }
-}), Rt = ["aria-label", "placeholder", "value"], Zt = ["aria-label"], $t = ["id"], Dt = /* @__PURE__ */ h({
+}), Zt = ["aria-label", "placeholder", "value"], $t = ["aria-label"], Dt = ["id"], At = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -4158,7 +4162,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     }, t = (d) => {
       o.model.onMouseMove(d);
     }, i = ee(() => o.model.renderedActions);
-    return V(() => o.model), $(() => {
+    return B(() => o.model), $(() => {
       o.model.initListContainerHtmlElement(e.value);
     }), N(() => {
       o.model && (o.model.removeScrollEventListener(), o.model.initListContainerHtmlElement(void 0));
@@ -4188,7 +4192,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: n
-        }, null, 42, Rt),
+        }, null, 42, Zt),
         d.model.showSearchClearButton && !!d.model.filterString ? (r(), l("button", {
           key: 0,
           onClick: g[0] || (g[0] = (p) => {
@@ -4209,7 +4213,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         m("div", {
           class: a(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
-        }, H(d.model.emptyMessage), 11, Zt)
+        }, H(d.model.emptyMessage), 11, $t)
       ], 2), [
         [P, d.model.isEmpty]
       ]),
@@ -4232,12 +4236,12 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           model: d.model,
           key: p.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, $t)), [
+      ], 42, Dt)), [
         [P, !d.model.isEmpty]
       ]) : c("", !0)
     ], 2));
   }
-}), At = ["aria-selected", "id", "tabindex"], Pt = ["title"], Nt = /* @__PURE__ */ h({
+}), Pt = ["aria-selected", "id", "tabindex"], Nt = ["title"], Et = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4247,7 +4251,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     const o = u, e = L(() => o.item.elementId), s = (t) => {
       o.model.onItemClick(o.item), t.stopPropagation();
     };
-    V(() => o.item);
+    B(() => o.item);
     const n = L(
       () => o.item.component || o.model.itemComponent
     );
@@ -4281,13 +4285,13 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, Pt)
-    ], 42, At)), [
+      ], 46, Nt)
+    ], 42, Pt)), [
       [P, t.model.isItemVisible(t.item)],
       [k(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), Et = /* @__PURE__ */ h({
+}), Wt = /* @__PURE__ */ h({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4295,7 +4299,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l(I, null, [
+    return B(() => o.item), (e, s) => (r(), l(I, null, [
       e.item.iconName ? (r(), C(v, {
         key: 0,
         is: "sv-svg-icon",
@@ -4316,7 +4320,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["class", "iconName"])) : c("", !0)
     ], 64));
   }
-}), Wt = /* @__PURE__ */ h({
+}), Ft = /* @__PURE__ */ h({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4324,7 +4328,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l(I, null, [
+    return B(() => o.item), (e, s) => (r(), l(I, null, [
       y(v, {
         is: "sv-list-item-content",
         item: e.item,
@@ -4336,7 +4340,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Ft = /* @__PURE__ */ h({
+}), zt = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     model: {}
@@ -4352,7 +4356,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         e.value && e.value.dispose(), e.value = je(t), n();
       },
       { immediate: !0 }
-    ), V(() => e.value), $(() => {
+    ), B(() => e.value), $(() => {
       n();
     }), N(() => {
       e.value.dispose();
@@ -4366,13 +4370,13 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), zt = { class: "sv-popup__body-content" }, Ot = {
+}), Ot = { class: "sv-popup__body-content" }, Ut = {
   key: 0,
   class: "sv-popup__body-header"
-}, Ut = { class: "sv-popup__scrolling-content" }, Kt = { class: "sv-popup__content" }, jt = {
+}, Kt = { class: "sv-popup__scrolling-content" }, jt = { class: "sv-popup__content" }, Qt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Qt = /* @__PURE__ */ h({
+}, Gt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4381,7 +4385,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     const o = u, e = (s) => {
       s.stopPropagation();
     };
-    return V(() => o.model), x(() => {
+    return B(() => o.model), x(() => {
       const s = o.model;
       s.isVisible && !s.isPositionSet && o.model.updateOnShowing();
     }), $(() => {
@@ -4412,16 +4416,16 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : c("", !0),
-        m("div", zt, [
-          s.model.title ? (r(), l("div", Ot, H(s.model.title), 1)) : c("", !0),
-          m("div", Ut, [
-            m("div", Kt, [
+        m("div", Ot, [
+          s.model.title ? (r(), l("div", Ut, H(s.model.title), 1)) : c("", !0),
+          m("div", Kt, [
+            m("div", jt, [
               y(v, D({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (r(), l("div", jt, [
+          s.model.showFooter ? (r(), l("div", Qt, [
             y(v, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4433,7 +4437,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       [P, s.model.isVisible]
     ]);
   }
-}), Gt = /* @__PURE__ */ h({
+}), Jt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4447,7 +4451,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       })
     }, null, 4));
   }
-}), Jt = /* @__PURE__ */ h({
+}), Xt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4508,7 +4512,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, H(t.survey.progressText), 3)
     ], 2));
   }
-}), Xt = ["title"], Yt = ["onClick", "data-page-number"], xt = ["title"], _t = ["title"], en = ["title"], sn = /* @__PURE__ */ h({
+}), Yt = ["title"], xt = ["onClick", "data-page-number"], _t = ["title"], en = ["title"], sn = ["title"], on = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4519,17 +4523,17 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     const o = u, e = b(!1), s = b(!1), n = b(!1), t = b(!0), i = b(), d = L(() => o.survey.css);
     let g = null;
     const p = (q) => {
-      let B = i.value;
-      B.scrollLeft += (q ? -1 : 1) * 70;
+      let V = i.value;
+      V.scrollLeft += (q ? -1 : 1) * 70;
     };
     return $(() => {
       const q = i.value;
       g = new Qe(o.model, q, {
-        onResize: (B) => {
-          t.value = B, s.value = !B;
+        onResize: (V) => {
+          t.value = V, s.value = !V;
         },
-        onUpdateScroller: (B) => {
-          e.value = B;
+        onUpdateScroller: (V) => {
+          e.value = V;
         },
         onUpdateSettings: () => {
           t.value = o.model.showItemTitles, n.value = !o.model.showItemTitles;
@@ -4538,7 +4542,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       });
     }), U(() => {
       g.dispose();
-    }), (q, B) => (r(), l("div", {
+    }), (q, V) => (r(), l("div", {
       class: a(q.model.getRootCss(q.container)),
       style: M({ maxWidth: q.model.progressWidth }),
       role: "progressbar",
@@ -4553,14 +4557,14 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         m("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
-        }, H(q.model.headerText), 11, Xt)
+        }, H(q.model.headerText), 11, Yt)
       ], 2)) : c("", !0),
       m("div", {
         class: a(d.value.progressButtonsContainer)
       }, [
         m("div", {
           class: a(q.model.getScrollButtonCss(e.value, !0)),
-          onClick: B[0] || (B[0] = (f) => p(!0)),
+          onClick: V[0] || (V[0] = (f) => p(!0)),
           role: "button"
         }, null, 2),
         m("div", {
@@ -4589,12 +4593,12 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
                   is: "survey-string",
                   locString: f.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, xt)) : c("", !0),
+              ], 10, _t)) : c("", !0),
               t.value ? (r(), l("div", {
                 key: 1,
                 class: a(d.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
-              }, H(f.locNavigationDescription.renderedHtml), 11, _t)) : c("", !0),
+              }, H(f.locNavigationDescription.renderedHtml), 11, en)) : c("", !0),
               m("div", {
                 class: a(d.value.progressButtonsButton)
               }, [
@@ -4606,12 +4610,12 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
                 }, null, 2),
                 m("span", null, H(q.model.getItemNumber(f)), 1)
               ], 2)
-            ], 10, Yt))), 128))
+            ], 10, xt))), 128))
           ], 2)
         ], 2),
         m("div", {
           class: a(q.model.getScrollButtonCss(e.value, !1)),
-          onClick: B[1] || (B[1] = (f) => p(!1)),
+          onClick: V[1] || (V[1] = (f) => p(!1)),
           role: "button"
         }, null, 2)
       ], 2),
@@ -4622,11 +4626,11 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         m("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
-        }, H(q.model.footerText), 11, en)
+        }, H(q.model.footerText), 11, sn)
       ], 2)) : c("", !0)
     ], 6));
   }
-}), on = /* @__PURE__ */ h({
+}), tn = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4661,7 +4665,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
 });
 var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.24
+ * surveyjs - Survey JavaScript library v1.12.26
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4974,7 +4978,7 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 })(re);
 var Le = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.24
+ * surveyjs - Survey JavaScript library v1.12.26
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5285,10 +5289,10 @@ var Le = { exports: {} };
     });
   });
 })(Le);
-const tn = ["lang", "dir"], nn = { onsubmit: "return false;" }, rn = {
+const nn = ["lang", "dir"], rn = { onsubmit: "return false;" }, an = {
   key: 0,
   class: "sv_custom_header"
-}, an = { class: "sv-components-column sv-components-column--expandable" }, ln = ["id"], un = { key: 2 }, dn = ["innerHTML"], vn = ["innerHTML"], cn = ["innerHTML"];
+}, 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);
 X.registerIcons(re.exports.icons);
@@ -5307,7 +5311,7 @@ const ie = /* @__PURE__ */ h({
       return !!t.value && Z + n.value.toString();
     }, g = L(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), p = L(() => t.value.css), q = L(() => "page" + d()), B = () => g.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", f = (Z) => {
+    ), p = L(() => t.value.css), q = L(() => "page" + d()), V = () => g.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", f = (Z) => {
       if (!!Z) {
         var w = e.value;
         w && Z.afterRenderSurvey(w), Z.renderCallback = () => {
@@ -5316,7 +5320,7 @@ const ie = /* @__PURE__ */ h({
         }, Z.startTimerFromUI();
       }
     };
-    return V(
+    return B(
       () => t.value,
       (Z, w) => {
         Z && w && f(Z);
@@ -5349,8 +5353,8 @@ const ie = /* @__PURE__ */ h({
           class: a(p.value.rootBackgroundImage),
           style: M(t.value.backgroundImageStyle)
         }, null, 6)) : c("", !0),
-        m("form", nn, [
-          t.value.hasLogo ? c("", !0) : (r(), l("div", rn)),
+        m("form", rn, [
+          t.value.hasLogo ? c("", !0) : (r(), l("div", an)),
           m("div", {
             class: a(p.value.container)
           }, [
@@ -5375,7 +5379,7 @@ const ie = /* @__PURE__ */ h({
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              m("div", an, [
+              m("div", ln, [
                 y(v, {
                   is: "sv-components-container",
                   survey: t.value,
@@ -5410,7 +5414,7 @@ const ie = /* @__PURE__ */ h({
                     key: 0,
                     is: "sv-brand-info"
                   })) : c("", !0)
-                ], 14, ln)
+                ], 14, un)
               ]),
               y(v, {
                 is: "sv-components-container",
@@ -5425,11 +5429,11 @@ const ie = /* @__PURE__ */ h({
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            g.value ? (r(), l("div", un, [
+            g.value ? (r(), l("div", dn, [
               m("div", {
-                innerHTML: B(),
+                innerHTML: V(),
                 class: a(t.value.completedCss)
-              }, null, 10, dn),
+              }, null, 10, vn),
               y(v, {
                 is: "sv-components-container",
                 survey: t.value,
@@ -5441,12 +5445,12 @@ const ie = /* @__PURE__ */ h({
               key: 3,
               class: a(t.value.completedBeforeCss),
               innerHTML: t.value.processedCompletedBeforeHtml
-            }, null, 10, vn)) : c("", !0),
+            }, null, 10, cn)) : c("", !0),
             t.value.state === "loading" ? (r(), l("div", {
               key: 4,
               class: a(t.value.loadingBodyCss),
               innerHTML: t.value.processedLoadingHtml
-            }, null, 10, cn)) : c("", !0),
+            }, null, 10, pn)) : c("", !0),
             t.value.state === "empty" ? (r(), l("div", {
               key: 5,
               class: a(p.value.bodyEmpty)
@@ -5458,16 +5462,16 @@ const ie = /* @__PURE__ */ h({
           model: t.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, tn));
+    ], 14, nn));
   }
-}), pn = /* @__PURE__ */ h({
+}), mn = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
   },
   setup(u) {
     const o = u;
-    return V(() => o.model), (e, s) => e.model.isDisplayed ? (r(), l("div", {
+    return B(() => 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" }),
@@ -5481,7 +5485,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 6)) : c("", !0);
   }
-}), mn = { key: 0 }, gn = /* @__PURE__ */ h({
+}), gn = { key: 0 }, Cn = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -5490,21 +5494,21 @@ const ie = /* @__PURE__ */ h({
     return (o, e) => (r(), l("div", {
       class: a(o.question.getCommentAreaCss(!0))
     }, [
-      o.question.isReadOnlyRenderDiv() ? (r(), l("div", mn, H(o.question.otherValue), 1)) : (r(), C(v, {
+      o.question.isReadOnlyRenderDiv() ? (r(), l("div", gn, H(o.question.otherValue), 1)) : (r(), C(v, {
         key: 1,
         is: "sv-text-area",
         model: o.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), Cn = ["disabled", "value", "title"], yn = /* @__PURE__ */ h({
+}), yn = ["disabled", "value", "title"], hn = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
   },
   setup(u) {
     const o = u, e = () => o.item.data && o.item.data.mouseDown();
-    return V(() => o.item), (s, n) => s.item.visible ? (r(), l("input", {
+    return B(() => o.item), (s, n) => s.item.visible ? (r(), l("input", {
       key: 0,
       type: "button",
       disabled: s.item.disabled,
@@ -5513,7 +5517,7 @@ 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, Cn)) : c("", !0);
+    }, null, 42, yn)) : c("", !0);
   }
 }), be = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -5538,7 +5542,7 @@ const ie = /* @__PURE__ */ h({
       let p = e.value.cssHeaderRoot;
       return e.value.isCollapsed && (p += " " + e.value.cssRootCollapsedMod), p;
     };
-    V(() => e.value);
+    B(() => e.value);
     const g = F(
       () => o.survey,
       (p) => {
@@ -5629,7 +5633,7 @@ const ie = /* @__PURE__ */ h({
       ], 2)
     ], 38)) : c("", !0);
   }
-}), hn = ["innerHTML"], qn = /* @__PURE__ */ h({
+}), qn = ["innerHTML"], wn = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -5652,7 +5656,7 @@ const ie = /* @__PURE__ */ h({
       n.value ? (r(), l("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, hn)) : c("", !0),
+      }, null, 8, qn)) : c("", !0),
       s.value ? (r(), C(v, {
         key: 1,
         is: i.value,
@@ -5661,12 +5665,12 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "question", "css"])) : c("", !0)
     ], 512));
   }
-}), wn = /* @__PURE__ */ h({
+}), kn = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const o = W();
     function e(n, t, i, d, g, p, q = "popup") {
-      const B = Je(
+      const V = Je(
         n,
         t,
         i,
@@ -5677,7 +5681,7 @@ const ie = /* @__PURE__ */ h({
         p,
         q
       );
-      return s(B);
+      return s(V);
     }
     function s(n, t) {
       const i = Xe(
@@ -5702,7 +5706,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 8, ["to"])) : c("", !0);
   }
-}), kn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], fn = /* @__PURE__ */ h({
+}), fn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ln = /* @__PURE__ */ h({
   __name: "TextArea",
   props: {
     model: {}
@@ -5751,9 +5755,9 @@ const ie = /* @__PURE__ */ h({
       "aria-invalid": n.model.ariaInvalid,
       "aria-errormessage": n.model.ariaErrormessage,
       style: M({ resize: n.model.question.resizeStyle })
-    }, null, 46, kn));
+    }, null, 46, fn));
   }
-}), Ln = /* @__PURE__ */ h({
+}), bn = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5761,11 +5765,11 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.counter), (e, s) => (r(), l("div", {
+    return B(() => o.counter), (e, s) => (r(), l("div", {
       class: a(e.remainingCharacterCounter)
     }, H(e.counter.remainingCharacterCounter), 3));
   }
-}), bn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5784,7 +5788,7 @@ const ie = /* @__PURE__ */ h({
       css: n.css
     }, null, 8, ["element", "css"]));
   }
-}), Mn = /* @__PURE__ */ h({
+}), Hn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5802,9 +5806,9 @@ const ie = /* @__PURE__ */ h({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), Hn = /* @__PURE__ */ m("use", { "xlink:href": "#icon-timercircle" }, null, -1), In = [
-  Hn
-], me = 440, Sn = /* @__PURE__ */ h({
+}), In = /* @__PURE__ */ m("use", { "xlink:href": "#icon-timercircle" }, null, -1), Sn = [
+  In
+], me = 440, Bn = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -5812,7 +5816,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => me * o.model.progress), s = L(() => o.model.text);
-    return V(() => o.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (r(), l("div", {
+    return B(() => o.model), (n, t) => n.model.isRunning && n.model.showTimerAsClock ? (r(), l("div", {
       key: 0,
       class: a(n.model.rootCss)
     }, [
@@ -5820,7 +5824,7 @@ const ie = /* @__PURE__ */ h({
         key: 0,
         class: a(n.model.getProgressCss()),
         style: M({ strokeDasharray: me, strokeDashoffset: e.value })
-      }, In, 6)) : c("", !0),
+      }, Sn, 6)) : c("", !0),
       m("div", {
         class: a(n.model.textContainerCss)
       }, [
@@ -5839,7 +5843,7 @@ const ie = /* @__PURE__ */ h({
       [P, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), Vn = { class: "sd-loading-indicator" }, Bn = /* @__PURE__ */ h({
+}), Vn = { class: "sd-loading-indicator" }, Tn = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
     return (o, e) => (r(), l("div", Vn, [
@@ -5850,7 +5854,7 @@ const ie = /* @__PURE__ */ h({
       })
     ]));
   }
-}), Tn = { key: 2 }, Rn = /* @__PURE__ */ h({
+}), Rn = { key: 2 }, Zn = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5858,7 +5862,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => {
+    return B(() => {
       const e = o.model;
       return e.survey = o.survey, o.model;
     }), (e, s) => e.survey.headerView === "advanced" ? (r(), l("div", {
@@ -5882,7 +5886,7 @@ const ie = /* @__PURE__ */ h({
           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
@@ -5890,10 +5894,10 @@ const ie = /* @__PURE__ */ h({
       ])) : c("", !0)
     ], 6)) : c("", !0);
   }
-}), Zn = {
+}), $n = {
   key: 0,
   class: "sv-header__logo"
-}, $n = ["src", "width", "height", "alt"], Dn = /* @__PURE__ */ h({
+}, Dn = ["src", "width", "height", "alt"], An = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5907,7 +5911,7 @@ const ie = /* @__PURE__ */ h({
         class: "sv-header__cell-content",
         style: M(o.model.contentStyle)
       }, [
-        o.model.showLogo ? (r(), l("div", Zn, [
+        o.model.showLogo ? (r(), l("div", $n, [
           m("div", {
             class: a(o.model.survey.logoClassNames)
           }, [
@@ -5918,7 +5922,7 @@ const ie = /* @__PURE__ */ h({
               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, $n)
+            }, null, 14, Dn)
           ], 2)
         ])) : c("", !0),
         o.model.showTitle ? (r(), l("div", {
@@ -5950,17 +5954,17 @@ const ie = /* @__PURE__ */ h({
       ], 4)
     ], 6));
   }
-}), An = { class: "sv-header--mobile" }, Pn = {
+}), Pn = { class: "sv-header--mobile" }, Nn = {
   key: 0,
   class: "sv-header__logo"
-}, Nn = ["src", "width", "height", "alt"], En = /* @__PURE__ */ h({
+}, En = ["src", "width", "height", "alt"], Wn = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (o, e) => (r(), l("div", An, [
-      o.model.survey.hasLogo ? (r(), l("div", Pn, [
+    return (o, e) => (r(), l("div", Pn, [
+      o.model.survey.hasLogo ? (r(), l("div", Nn, [
         m("div", {
           class: a(o.model.survey.logoClassNames)
         }, [
@@ -5971,7 +5975,7 @@ const ie = /* @__PURE__ */ h({
             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, Nn)
+          }, null, 14, En)
         ], 2)
       ])) : c("", !0),
       o.model.survey.hasTitle ? (r(), l("div", {
@@ -6002,7 +6006,7 @@ const ie = /* @__PURE__ */ h({
       ], 4)) : c("", !0)
     ]));
   }
-}), Wn = /* @__PURE__ */ h({
+}), Fn = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -6058,7 +6062,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "element", "css"])) : c("", !0)
     ], 6));
   }
-}), Fn = /* @__PURE__ */ h({
+}), zn = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -6071,7 +6075,7 @@ const ie = /* @__PURE__ */ h({
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), zn = /* @__PURE__ */ h({
+}), On = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -6093,7 +6097,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])) : c("", !0)
     ], 2));
   }
-}), On = ["id"], Un = /* @__PURE__ */ h({
+}), Un = ["id"], Kn = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -6115,14 +6119,14 @@ const ie = /* @__PURE__ */ h({
         playsinline: "",
         id: o.question.videoId,
         class: a(o.question.cssClasses.video)
-      }, null, 10, On),
+      }, null, 10, Un),
       y(v, {
         is: "sv-action",
         item: o.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), Kn = ["for", "aria-label"], jn = /* @__PURE__ */ h({
+}), jn = ["for", "aria-label"], Qn = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -6150,11 +6154,11 @@ const ie = /* @__PURE__ */ h({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : c("", !0),
       m("span", null, H(e.value.chooseButtonText), 1)
-    ], 10, Kn)), [
+    ], 10, jn)), [
       [k(j)]
     ]);
   }
-}), Qn = /* @__PURE__ */ h({
+}), Gn = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -6178,7 +6182,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["item", "question"]))), 128))
     ], 2)) : c("", !0);
   }
-}), Gn = /* @__PURE__ */ h({
+}), Jn = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -6200,7 +6204,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Jn = ["title"], Xn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Yn = ["title"], xn = /* @__PURE__ */ h({
+}), Xn = ["title"], Yn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], xn = ["title"], _n = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6235,7 +6239,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, Xn), [
+      }, null, 10, Yn), [
         [Y, s.value]
       ]),
       m("div", {
@@ -6257,11 +6261,11 @@ const ie = /* @__PURE__ */ h({
             is: "survey-string",
             locString: e.value.caption
           }, null, 8, ["locString"])
-        ], 10, Yn)) : c("", !0)
+        ], 10, xn)) : c("", !0)
       ], 2)
-    ], 10, Jn));
+    ], 10, Xn));
   }
-}), _n = ["src", "width", "height", "alt"], er = /* @__PURE__ */ h({
+}), er = ["src", "width", "height", "alt"], sr = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -6283,10 +6287,10 @@ const ie = /* @__PURE__ */ h({
           width: e.value.renderedStyleLogoWidth,
           height: e.value.renderedStyleLogoHeight
         })
-      }, null, 14, _n)
+      }, null, 14, er)
     ], 2));
   }
-}), sr = /* @__PURE__ */ h({
+}), or = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
     const o = b(), e = () => {
@@ -6304,7 +6308,7 @@ const ie = /* @__PURE__ */ h({
       [P, !1]
     ]);
   }
-}), or = ["id"], tr = /* @__PURE__ */ h({
+}), tr = ["id"], nr = /* @__PURE__ */ h({
   __name: "FilePage",
   props: {
     page: {},
@@ -6312,7 +6316,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.page), (e, s) => (r(), l("div", {
+    return B(() => o.page), (e, s) => (r(), l("div", {
       class: a(e.page.css),
       id: e.page.id
     }, [
@@ -6322,9 +6326,9 @@ const ie = /* @__PURE__ */ h({
         item: n,
         question: e.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, or));
+    ], 10, tr));
   }
-}), nr = ["href", "title", "download"], rr = ["src"], ir = ["href", "title", "download"], ar = /* @__PURE__ */ h({
+}), rr = ["href", "title", "download"], ir = ["src"], ar = ["href", "title", "download"], lr = /* @__PURE__ */ h({
   __name: "FileItem",
   props: {
     item: {},
@@ -6345,7 +6349,7 @@ const ie = /* @__PURE__ */ h({
           title: o.item.name,
           download: o.item.name,
           style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, nr)
+        }, H(o.item.name), 13, rr)
       ], 2)) : c("", !0),
       m("div", {
         class: a(o.question.getImageWrapperCss(o.item))
@@ -6358,7 +6362,7 @@ const ie = /* @__PURE__ */ h({
             width: o.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, rr)) : c("", !0),
+        }, null, 12, ir)) : c("", !0),
         o.question.defaultImage(o.item) ? (r(), C(v, {
           key: 1,
           is: "sv-svg-icon",
@@ -6394,7 +6398,7 @@ const ie = /* @__PURE__ */ h({
           title: o.item.name,
           download: o.item.name,
           style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, ir)
+        }, H(o.item.name), 13, ar)
       ], 2)) : c("", !0)
     ], 2)), [
       [P, o.item]
@@ -6402,20 +6406,20 @@ const ie = /* @__PURE__ */ h({
   }
 });
 xe.platform = "vue3";
-function lr(u, o, e) {
+function ur(u, o, e) {
   u(o, e);
 }
 function Me(u) {
-  const o = lr.bind(
+  const o = ur.bind(
     void 0,
     u
   );
-  o("sv-svg-bundle", sr), o("popup-survey", be), 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", Ts), o("survey-checkbox-item", $s), o("survey-radiogroup", Ds), o("survey-radiogroup-item", Ns), o("survey-signaturepad", zs), 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", zn), 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", V1), o("survey-ranking-item", D1), o("sv-ranking-item", A1), o("survey-rating", E1), o("sv-rating-item", z1), 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", Bo), o("survey-matrixdropdown-cell", Ro), 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", Fo), o("survey-paneldynamicprogress-v2", zo), 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", Bt), o("sv-action-bar-separator", Tt), o("sv-list", Dt), o("sv-list-item-content", Et), o("sv-list-item-group", Wt), o("sv-list-item", Nt), o("sv-popup", Ft), 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", Bn), o("sv-header", Rn), o("sv-header-cell", Dn), o("sv-header-mobile", En), o("sv-template-renderer", Fn), 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);
+  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", Rs), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", Os), 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", On), 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", O1), 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", To), 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", Fo), o("survey-paneldynamicprogress", zo), o("survey-paneldynamicprogress-v2", Oo), 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", Tt), o("sv-action-bar-separator", Rt), o("sv-list", At), o("sv-list-item-content", Wt), o("sv-list-item-group", Ft), o("sv-list-item", Et), o("sv-popup", zt), 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", Tn), o("sv-header", Zn), o("sv-header-cell", An), o("sv-header-mobile", Wn), o("sv-template-renderer", zn), o("sv-character-counter", bn), o("sv-text-area", Ln), o("survey-element", Fn), o("survey-buttongroup", Jn), o("sv-button-group-item", _n), o("survey", ie);
 }
 Me(
   (u, o) => O.Instance.registerComponent(u, o)
 );
-const cr = {
+const pr = {
   install(u) {
     u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", be), u.directive("key2click", j), Me((o, e) => {
       u.component(o, e), O.Instance.registerComponent(o, o);
@@ -6428,8 +6432,8 @@ export {
   ie as SurveyComponent,
   v as SvComponent,
   j as key2ClickDirective,
-  cr as surveyPlugin,
-  V as useBase,
+  pr as surveyPlugin,
+  B as useBase,
   ee as useComputedArray,
   K as useLocString,
   R as useQuestion