survey-vue3-ui 1.12.12 → 1.12.13

package/survey-vue3-ui.es.js

@@ -1,8 +1,8 @@
-var Ie = Object.defineProperty;
-var Se = (u, o, e) => o in u ? Ie(u, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[o] = e;
-var G = (u, o, e) => (Se(u, typeof o != "symbol" ? o + "" : o, e), e);
-import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as Ce, normalizeProps as ue, guardReactiveProps as de, createSlots as Ve, renderList as S, withCtx as E, renderSlot as ye, shallowReactive as Be, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Re, triggerRef as se, unref as k, isRef as Te, nextTick as Ze, 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 R, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as $e, onUpdated as x, vModelText as De, getCurrentInstance as he, createStaticVNode as Ae, toRaw as Pe, Teleport as Ne, useSlots as Ee } from "vue";
-import { Base as We, RendererFactory as _, Helpers as Fe, DropdownMultiSelectListModel as ze, doKey2ClickUp as qe, createSvg as Oe, doKey2ClickDown as Ue, doKey2ClickBlur as Ke, ActionDropdownViewModel as je, createPopupViewModel as Qe, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Ge, addIconsToThemeSet as we, SvgRegistry as X, PopupSurveyModel as Je, settings as z, createDialogOptions as Xe, createPopupModalViewModel as Ye, ButtonGroupItemModel as xe, SurveyModel as _e } from "survey-core";
+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 Re, nextTick as Te, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as R, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
+import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as 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() {
     G(this, "creatorHash", {});
@@ -35,32 +35,32 @@ const v = /* @__PURE__ */ h({
     const o = u, e = L(
       () => O.Instance.getComponent(o.is)
     );
-    return (s, n) => (r(), C(Ce(e.value), ue(de(s.$attrs)), Ve({ _: 2 }, [
+    return (s, n) => (r(), C(ge(e.value), ue(de(s.$attrs)), Se({ _: 2 }, [
       S(s.$slots, (t, i) => ({
         name: i,
         fn: E((d) => [
-          ye(s.$slots, i, ue(de(d)))
+          Ce(s.$slots, i, ue(de(d)))
         ])
       }))
     ]), 1040));
   }
 });
-We.createPropertiesHash = () => Be({});
-class es {
+Ee.createPropertiesHash = () => Ve({});
+class _e {
   constructor(o) {
     G(this, "currentNextTickPromise");
     this.element = o;
   }
   async add() {
-    const o = Ze();
+    const o = Te();
     this.currentNextTickPromise !== o && (this.currentNextTickPromise = o, await o, o == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
-function ss(u) {
+function es(u) {
   var o;
   if (!!u) {
     if (u.__vueImplemented = (o = u.__vueImplemented) != null ? o : 0, u.__vueImplemented <= 0) {
-      const e = new es(u);
+      const e = new _e(u);
       u.createArrayCoreHandler = (s, n) => {
         const t = [], i = W(t);
         return t.onArrayChanged = () => {
@@ -74,7 +74,7 @@ function ss(u) {
           }, s[n] = t;
         }
       }), u.getPropertyValueCoreHandler = (s, n) => k(s[n]), u.setPropertyValueCoreHandler = (s, n, t) => {
-        Te(s[n]) ? s[n].value = t : s[n] = t, e.add();
+        Re(s[n]) ? s[n].value = t : s[n] = t, e.add();
       };
     }
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
@@ -90,7 +90,7 @@ function V(u, o, e) {
   const s = F(
     u,
     (t, i) => {
-      t && o && o(t, i), i && (ce(i), e && e(i)), ss(t);
+      t && o && o(t, i), i && (ce(i), e && e(i)), es(t);
     },
     {
       immediate: !0
@@ -111,37 +111,35 @@ function T(u, o, e, s) {
     u.question.beforeDestroyQuestionElement(o.value);
   });
 }
-function pe() {
-}
 function K(u) {
-  const o = b(), e = (n) => {
-    o.value = n.renderedHtml, n.onChanged = () => {
-      o.value = n.renderedHtml;
-    };
-  }, s = F(
+  const o = b(), e = (t) => {
+    o.value = t.renderedHtml;
+  }, s = (t) => {
+    o.value = t.renderedHtml, t.onStringChanged.add(e);
+  }, n = F(
     u,
-    (n, t) => {
-      t && (t.onChanged = pe), e(n);
+    (t, i) => {
+      i && i.onStringChanged.remove(e), s(t);
     },
     { immediate: !0 }
   );
   return U(() => {
-    const n = u();
-    n && (n.onChanged = pe), s();
+    const t = u();
+    t && t.onStringChanged.remove(e), n();
   }), o;
 }
 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 = Re(() => {
+  const o = W(), e = Be(() => {
     o.value = u(), se(o);
   });
   return U(() => {
     e();
   }), o;
 }
-const os = /* @__PURE__ */ h({
+const ss = /* @__PURE__ */ h({
   __name: "Page",
   props: {
     survey: {},
@@ -200,7 +198,7 @@ const os = /* @__PURE__ */ h({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), ts = /* @__PURE__ */ h({
+}), os = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     survey: {}
@@ -251,7 +249,7 @@ const os = /* @__PURE__ */ h({
       }, null, 2)
     ], 2)) : c("", !0);
   }
-}), ns = /* @__PURE__ */ h({
+}), ts = /* @__PURE__ */ h({
   __name: "Row",
   props: {
     row: {},
@@ -289,10 +287,10 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), rs = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["id"], as = {
+}), ns = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], rs = ["id"], is = {
   inheritAttrs: !1
-}, ls = /* @__PURE__ */ h({
-  ...as,
+}, as = /* @__PURE__ */ h({
+  ...is,
   __name: "Question",
   props: {
     survey: {},
@@ -384,14 +382,14 @@ const os = /* @__PURE__ */ h({
             }, null, 8, ["element"])) : c("", !0),
             f.element.hasDescriptionUnderInput ? (r(), l("div", {
               key: 3,
-              class: a(f.element.cssClasses.descriptionUnderInput),
+              class: a(f.element.cssDescription),
               id: f.element.ariaDescriptionId
             }, [
               y(v, {
                 is: "survey-string",
                 locString: f.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, is)) : c("", !0)
+            ], 10, rs)) : c("", !0)
           ], 6)
         ]),
         _: 1
@@ -408,12 +406,12 @@ const os = /* @__PURE__ */ h({
         element: f.element,
         location: "bottom"
       }, null, 8, ["element"])) : c("", !0)
-    ], 46, rs));
+    ], 46, ns));
   }
-}), us = ["id"], ds = ["id"], vs = {
+}), ls = ["id"], us = ["id"], ds = {
   inheritAttrs: !1
-}, cs = /* @__PURE__ */ h({
-  ...vs,
+}, vs = /* @__PURE__ */ h({
+  ...ds,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -475,10 +473,10 @@ const os = /* @__PURE__ */ h({
           is: "sv-action-bar",
           model: n.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, ds)) : c("", !0)
-    ], 42, us)) : c("", !0);
+      ], 14, us)) : c("", !0)
+    ], 42, ls)) : c("", !0);
   }
-}), ps = ["id"], ms = /* @__PURE__ */ h({
+}), cs = ["id"], ps = /* @__PURE__ */ h({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -510,7 +508,7 @@ const os = /* @__PURE__ */ h({
           is: "survey-string",
           locString: n.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, ps)), [
+      ], 10, cs)), [
         [P, n.element.hasDescription]
       ]) : c("", !0),
       n.element.hasAdditionalTitleToolbar ? (r(), C(v, {
@@ -520,7 +518,7 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["model"])) : c("", !0)
     ], 6));
   }
-}), gs = /* @__PURE__ */ h({
+}), ms = /* @__PURE__ */ h({
   __name: "String",
   props: {
     locString: {}
@@ -531,7 +529,7 @@ const os = /* @__PURE__ */ h({
       locString: o.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), Cs = ["innerHTML"], ys = /* @__PURE__ */ h({
+}), gs = ["innerHTML"], Cs = /* @__PURE__ */ h({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -542,12 +540,12 @@ const os = /* @__PURE__ */ h({
       key: 0,
       class: a(k(s)),
       innerHTML: k(e)
-    }, null, 10, Cs)) : (r(), l("span", {
+    }, null, 10, gs)) : (r(), l("span", {
       key: 1,
       class: a(k(s))
     }, H(k(e)), 3));
   }
-}), hs = ["innerHTML"], qs = /* @__PURE__ */ h({
+}), ys = ["innerHTML"], hs = /* @__PURE__ */ h({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -566,7 +564,7 @@ const os = /* @__PURE__ */ h({
       innerHTML: n.locString.renderedHtml,
       onBlur: e,
       onClick: s
-    }, null, 40, hs)) : (r(), l("span", {
+    }, null, 40, ys)) : (r(), l("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -574,7 +572,7 @@ const os = /* @__PURE__ */ h({
       onClick: s
     }, H(n.locString.renderedHtml), 33));
   }
-}), ws = ["id"], ks = /* @__PURE__ */ h({
+}), qs = ["id"], ws = /* @__PURE__ */ h({
   __name: "Skeleton",
   props: {
     element: {}
@@ -585,9 +583,9 @@ const os = /* @__PURE__ */ h({
       class: "sv-skeleton-element",
       id: e.element.id,
       style: M({ height: e.element.skeletonHeight })
-    }, null, 12, ws));
+    }, null, 12, qs));
   }
-}), fs = ["id"], Ls = ["value"], bs = /* @__PURE__ */ h({
+}), ks = ["id"], fs = ["value"], Ls = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -614,8 +612,8 @@ const os = /* @__PURE__ */ h({
         (r(!0), l(I, null, S(s.question.dataList, (t, i) => (r(), l("option", {
           key: i,
           value: t
-        }, null, 8, Ls))), 128))
-      ], 8, fs)
+        }, null, 8, fs))), 128))
+      ], 8, ks)
     ], 512)) : (r(), C(v, {
       key: 2,
       is: "survey-text-input",
@@ -625,7 +623,7 @@ const os = /* @__PURE__ */ h({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), Ms = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Hs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Is = /* @__PURE__ */ h({
+}), bs = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ms = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Hs = /* @__PURE__ */ h({
   __name: "TextInput",
   props: {
     question: {},
@@ -669,7 +667,7 @@ const os = /* @__PURE__ */ h({
         "aria-describedby": i.question.a11y_input_ariaDescribedBy,
         "aria-invalid": i.question.a11y_input_ariaInvalid,
         "aria-errormessage": i.question.a11y_input_ariaErrormessage
-      }, null, 46, Hs),
+      }, null, 46, Ms),
       y(v, {
         is: "sv-character-counter",
         counter: i.question.characterCounter,
@@ -705,12 +703,12 @@ const os = /* @__PURE__ */ h({
       "aria-describedby": i.question.a11y_input_ariaDescribedBy,
       "aria-invalid": i.question.a11y_input_ariaInvalid,
       "aria-errormessage": i.question.a11y_input_ariaErrormessage
-    }, null, 46, Ms));
+    }, null, 46, bs));
   }
-}), Ss = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Vs = {
+}), Is = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ss = {
   key: 0,
   class: "sv-hidden"
-}, Bs = { key: 7 }, Rs = ["value"], ke = /* @__PURE__ */ h({
+}, Vs = { key: 7 }, Bs = ["value"], we = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -740,7 +738,7 @@ const os = /* @__PURE__ */ h({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (r(), l("legend", Vs, H(t.question.locTitle.renderedHtml), 1)) : c("", !0),
+      t.showLegend ? (r(), l("legend", Ss, 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)
@@ -782,7 +780,7 @@ const os = /* @__PURE__ */ h({
         is: "survey-other-choice",
         question: t.question
       }, null, 8, ["question"])) : c("", !0),
-      t.question.showClearButtonInContent ? (r(), l("div", Bs, [
+      t.question.showClearButtonInContent ? (r(), l("div", Vs, [
         m("input", {
           type: "button",
           class: a(t.question.cssClasses.clearButton),
@@ -790,24 +788,24 @@ const os = /* @__PURE__ */ h({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, Rs)
+        }, null, 10, Bs)
       ])) : c("", !0)
-    ], 10, Ss));
+    ], 10, Is));
   }
-}), Ts = /* @__PURE__ */ h({
+}), Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => (r(), C(ke, {
+    return (o, e) => (r(), C(we, {
       question: o.question,
       "show-legend": !0
     }, null, 8, ["question"]));
   }
 });
-function fe(u, o, e) {
+function ke(u, o, e) {
   $(() => {
     e.value && (o().isDesignMode || u().setRootElement(e.value));
   }), N(() => {
@@ -816,7 +814,7 @@ function fe(u, o, e) {
     o().isDesignMode || (s && e.value && s.setRootElement(e.value), n && n.setRootElement(void 0));
   });
 }
-const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"], $s = ["xlink:href"], Ds = /* @__PURE__ */ h({
+const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"], Zs = ["xlink:href"], $s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -826,7 +824,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = b(), e = u;
-    fe(
+    ke(
       () => e.item,
       () => e.question,
       o
@@ -856,7 +854,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: n.question.isReadOnlyAttr,
           class: a(n.question.cssClasses.itemControl),
           required: n.question.hasRequiredError()
-        }, null, 42, Zs),
+        }, null, 42, Ts),
         n.question.cssClasses.materialDecorator ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.materialDecorator)
@@ -867,7 +865,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             m("use", {
               "xlink:href": n.question.itemSvgIcon
-            }, null, 8, $s)
+            }, null, 8, Zs)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         n.hideLabel ? c("", !0) : (r(), l("span", {
@@ -882,16 +880,16 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), As = /* @__PURE__ */ h({
+}), Ds = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => (r(), C(ke, { question: o.question }, null, 8, ["question"]));
+    return (o, e) => (r(), C(we, { question: o.question }, null, 8, ["question"]));
   }
-}), Ps = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ns = ["xlink:href"], Es = /* @__PURE__ */ h({
+}), As = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ps = ["xlink:href"], Ns = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -907,7 +905,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         d.renderedValue = i;
       }
     });
-    return fe(
+    return ke(
       () => e.item,
       () => e.question,
       o
@@ -931,7 +929,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           disabled: !i.question.getItemEnabled(i.item),
           readonly: i.question.isReadOnlyAttr,
           class: a(i.question.cssClasses.itemControl)
-        }, null, 10, Ps), [
+        }, null, 10, As), [
           [Y, t.value]
         ]),
         i.question.cssClasses.materialDecorator ? (r(), l("span", {
@@ -944,7 +942,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             m("use", {
               "xlink:href": i.question.itemSvgIcon
-            }, null, 8, Ns)
+            }, null, 8, Ps)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         i.hideLabel ? c("", !0) : (r(), l("span", {
@@ -959,7 +957,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), Ws = ["src"], Fs = ["title"], zs = { key: 0 }, Os = /* @__PURE__ */ h({
+}), Es = ["src"], Ws = ["title"], Fs = { key: 0 }, zs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -993,7 +991,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           style: M({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, Ws)) : c("", !0),
+        }, null, 14, Es)) : c("", !0),
         m("canvas", {
           tabindex: "-1",
           class: a(s.question.cssClasses.canvas),
@@ -1012,14 +1010,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.clearValue(!0);
           })
         }, [
-          s.question.cssClasses.clearButtonIconId ? c("", !0) : (r(), l("span", zs, "\u2716")),
+          s.question.cssClasses.clearButtonIconId ? c("", !0) : (r(), l("span", Fs, "\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, Fs)
+        ], 10, Ws)
       ], 2)) : c("", !0),
       s.question.showLoadingIndicator ? (r(), l("div", {
         key: 1,
@@ -1029,7 +1027,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 6));
   }
-}), Us = ["innerHTML"], Ks = /* @__PURE__ */ h({
+}), Os = ["innerHTML"], Us = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -1044,9 +1042,9 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e,
       class: a(n.question.renderCssRoot),
       innerHTML: k(s)
-    }, null, 10, Us));
+    }, null, 10, Os));
   }
-}), js = ["src", "alt", "width", "height"], Qs = ["src", "width", "height"], Gs = ["src", "width", "height"], Js = /* @__PURE__ */ h({
+}), Ks = ["src", "alt", "width", "height"], js = ["src", "width", "height"], Qs = ["src", "width", "height"], Gs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -1079,7 +1077,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, js)), [
+      }, null, 46, Ks)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "video" ? R((r(), l("video", {
@@ -1100,7 +1098,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (i) => {
           n.question.onErrorHandler();
         })
-      }, null, 46, Qs)), [
+      }, null, 46, js)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
       n.question.renderedMode === "youtube" ? (r(), l("iframe", {
@@ -1114,7 +1112,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           width: n.question.renderedStyleWidth,
           height: n.question.renderedStyleHeight
         })
-      }, null, 14, Gs)) : c("", !0),
+      }, null, 14, Qs)) : c("", !0),
       !k(s) || n.question.contentNotLoaded ? (r(), l("div", {
         key: 3,
         class: a(n.question.cssClasses.noImage)
@@ -1127,7 +1125,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : c("", !0)
     ], 2));
   }
-}), Xs = /* @__PURE__ */ h({
+}), Js = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1141,7 +1139,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e
     }, H(s.question.formatedValue), 3));
   }
-}), Ys = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], xs = ["id", "multiple", "placeholder"], _s = ["id", "multiple", "placeholder"], e1 = /* @__PURE__ */ h({
+}), Xs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], Ys = ["id", "multiple", "placeholder"], xs = ["id", "multiple", "placeholder"], _s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1168,7 +1166,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, Ys)) : c("", !0),
+      }, null, 10, Xs)) : c("", !0),
       s.question.isReadOnlyAttr ? (r(), l("input", {
         key: 1,
         type: "file",
@@ -1178,7 +1176,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, xs)) : c("", !0),
+      }, null, 10, Ys)) : c("", !0),
       s.question.isDisabledAttr ? (r(), l("input", {
         key: 2,
         type: "file",
@@ -1188,7 +1186,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, _s)) : c("", !0),
+      }, null, 10, xs)) : c("", !0),
       m("div", {
         class: a(s.question.cssClasses.dragArea),
         onDrop: n[0] || (n[0] = (...t) => s.question.onDrop && s.question.onDrop(...t)),
@@ -1263,7 +1261,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), s1 = { class: "sv-hidden" }, me = "survey-imagepicker-item", o1 = /* @__PURE__ */ h({
+}), e1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", s1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1272,8 +1270,8 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     const o = u, e = b(null);
     T(o, e);
-    const s = (t) => o.question.getItemValueWrapperComponentName(t) || me, n = (t) => ({
-      componentName: me,
+    const s = (t) => o.question.getItemValueWrapperComponentName(t) || pe, n = (t) => ({
+      componentName: pe,
       componentData: {
         question: o.question,
         item: t,
@@ -1285,7 +1283,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: e
     }, [
-      m("legend", s1, H(t.question.locTitle.renderedHtml), 1),
+      m("legend", e1, 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)
@@ -1302,7 +1300,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2))), 128)) : c("", !0)
     ], 2));
   }
-}), t1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], n1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], r1 = ["src", "width", "height", "alt"], i1 = ["src", "width", "height"], a1 = /* @__PURE__ */ h({
+}), o1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], t1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], n1 = ["src", "width", "height", "alt"], r1 = ["src", "width", "height"], i1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1341,7 +1339,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
-        }, null, 10, t1)), [
+        }, null, 10, o1)), [
           [oe, s.value]
         ]) : R((r(), l("input", {
           key: 1,
@@ -1357,7 +1355,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
-        }, null, 10, n1)), [
+        }, null, 10, t1)), [
           [Y, s.value]
         ]),
         m("div", {
@@ -1392,7 +1390,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: i[3] || (i[3] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, r1)) : c("", !0),
+            }, null, 46, n1)) : c("", !0),
             k(n) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (r(), l("video", {
               key: 2,
               controls: "",
@@ -1407,7 +1405,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: i[5] || (i[5] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, i1)) : c("", !0),
+            }, null, 46, r1)) : c("", !0),
             !k(n) || t.item.contentNotLoaded ? (r(), l("div", {
               key: 3,
               class: a(t.question.cssClasses.itemNoImage),
@@ -1438,7 +1436,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), l1 = /* @__PURE__ */ h({
+}), a1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1472,7 +1470,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: e
     }, H(s.question.value), 513));
   }
-}), u1 = /* @__PURE__ */ h({
+}), l1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1496,16 +1494,16 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), d1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], v1 = {
+}), u1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], d1 = {
   key: 0,
   value: ""
-}, c1 = ["id"];
+}, v1 = ["id"];
 _.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const p1 = /* @__PURE__ */ h({
+const c1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1541,7 +1539,7 @@ const p1 = /* @__PURE__ */ h({
           disabled: "",
           id: i.question.inputId,
           class: a(i.question.getControlClass())
-        }, H(i.question.readOnlyText), 11, c1)) : R((r(), l("select", {
+        }, H(i.question.readOnlyText), 11, v1)) : R((r(), l("select", {
           key: 0,
           id: i.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (g) => t.value = g),
@@ -1555,14 +1553,14 @@ const p1 = /* @__PURE__ */ h({
           "aria-errormessage": i.question.ariaErrormessage,
           required: i.question.isRequired
         }, [
-          i.question.allowClear ? (r(), l("option", v1, H(i.question.placeholder), 1)) : c("", !0),
+          i.question.allowClear ? (r(), l("option", d1, 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, d1)), [
-          [$e, t.value]
+        ], 42, u1)), [
+          [Ze, t.value]
         ]),
         i.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
           key: 2,
@@ -1583,7 +1581,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), m1 = ["value", "disabled"], g1 = /* @__PURE__ */ h({
+}), p1 = ["value", "disabled"], m1 = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1593,9 +1591,9 @@ const p1 = /* @__PURE__ */ h({
     return V(() => o.item), (s, n) => (r(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, H(k(e)), 9, m1));
+    }, H(k(e)), 9, p1));
   }
-}), C1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], y1 = { style: { visibility: "hidden" } }, h1 = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], q1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], w1 = /* @__PURE__ */ h({
+}), g1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], C1 = { style: { visibility: "hidden" } }, y1 = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], h1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], q1 = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1616,7 +1614,7 @@ const p1 = /* @__PURE__ */ h({
     }, g = () => {
       if (e.value) {
         const w = e.value, A = s.value.inputStringRendered;
-        Fe.isTwoValueEquals(A, w.value, !1, !0, !1) || (w.value = s.value.inputStringRendered);
+        We.isTwoValueEquals(A, w.value, !1, !0, !1) || (w.value = s.value.inputStringRendered);
       }
     }, p = (w) => {
       o.question.onBlur(w), g();
@@ -1667,7 +1665,7 @@ const p1 = /* @__PURE__ */ h({
             key: 1,
             class: a(w.question.cssClasses.hintSuffix)
           }, [
-            m("span", y1, H(s.value.inputStringRendered), 1),
+            m("span", C1, H(s.value.inputStringRendered), 1),
             m("span", null, H(s.value.hintStringSuffix), 1)
           ], 2)) : c("", !0),
           w.question.showInputFieldComponent ? (r(), C(v, {
@@ -1698,7 +1696,7 @@ const p1 = /* @__PURE__ */ h({
             onInput: B,
             onBlur: p,
             onFocus: q
-          }, null, 42, h1)
+          }, null, 42, y1)
         ], 2),
         w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
           key: 1,
@@ -1716,7 +1714,7 @@ const p1 = /* @__PURE__ */ h({
         ], 2)), [
           [P, w.question.showClearButton]
         ]) : c("", !0)
-      ], 42, C1)),
+      ], 42, g1)),
       w.question.isReadOnly ? (r(), l("div", {
         key: 2,
         id: w.question.inputId,
@@ -1732,7 +1730,7 @@ const p1 = /* @__PURE__ */ h({
           locString: w.question.selectedItemLocText
         }, null, 8, ["locString"])) : c("", !0),
         m("div", null, H(w.question.readOnlyText), 1)
-      ], 10, q1)) : (r(), C(v, {
+      ], 10, h1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: w.question.dropdownListModel.popupModel
@@ -1752,7 +1750,7 @@ const p1 = /* @__PURE__ */ h({
       ], 34)) : c("", !0)
     ], 2));
   }
-}), k1 = /* @__PURE__ */ h({
+}), w1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1776,7 +1774,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), f1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], L1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], b1 = /* @__PURE__ */ h({
+}), k1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], f1 = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], L1 = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1784,7 +1782,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = L(() => {
       const p = o.question;
-      return p.dropdownListModel || (p.dropdownListModel = new ze(p)), o.question.dropdownListModel;
+      return p.dropdownListModel || (p.dropdownListModel = new Fe(p)), o.question.dropdownListModel;
     }), s = (p) => {
       var q;
       (q = e.value) == null || q.onClick(p);
@@ -1854,7 +1852,7 @@ const p1 = /* @__PURE__ */ h({
         ], 2)), [
           [P, p.question.showClearButton]
         ]) : c("", !0)
-      ], 42, f1)),
+      ], 42, k1)),
       p.question.isReadOnly ? (r(), l("div", {
         key: 2,
         id: p.question.inputId,
@@ -1869,7 +1867,7 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: p.question.locReadOnlyText
         }, null, 8, ["locString"])) : c("", !0)
-      ], 10, L1)) : (r(), C(v, {
+      ], 10, f1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
         model: e.value.popupModel
@@ -1889,7 +1887,7 @@ const p1 = /* @__PURE__ */ h({
       ], 34)) : c("", !0)
     ], 2));
   }
-}), M1 = { style: { visibility: "hidden" } }, H1 = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], I1 = /* @__PURE__ */ h({
+}), b1 = { style: { visibility: "hidden" } }, M1 = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], H1 = /* @__PURE__ */ h({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1927,7 +1925,7 @@ const p1 = /* @__PURE__ */ h({
           key: 1,
           class: a(i.question.cssClasses.hintSuffix)
         }, [
-          m("span", M1, H(i.model.inputStringRendered), 1),
+          m("span", b1, H(i.model.inputStringRendered), 1),
           m("span", null, H(i.model.hintStringSuffix), 1)
         ], 2)) : c("", !0),
         R(m("input", {
@@ -1952,13 +1950,13 @@ const p1 = /* @__PURE__ */ h({
           onKeydown: s,
           onBlur: n,
           onFocus: t
-        }, null, 42, H1), [
-          [De, i.model.inputStringRendered]
+        }, null, 42, M1), [
+          [$e, i.model.inputStringRendered]
         ])
       ], 2)
     ], 2));
   }
-}), S1 = { class: "sv-tagbox__item-text" }, V1 = /* @__PURE__ */ h({
+}), I1 = { class: "sv-tagbox__item-text" }, S1 = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1972,7 +1970,7 @@ const p1 = /* @__PURE__ */ h({
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      m("div", S1, [
+      m("div", I1, [
         y(v, {
           is: "survey-string",
           locString: s.item.locText
@@ -1991,7 +1989,7 @@ const p1 = /* @__PURE__ */ h({
       ], 2)
     ]));
   }
-}), B1 = /* @__PURE__ */ h({
+}), V1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -2063,10 +2061,10 @@ const p1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), R1 = ["tabindex", "data-sv-drop-target-ranking-item"], T1 = {
+}), B1 = ["tabindex", "data-sv-drop-target-ranking-item"], R1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ h({
+}, T1 = ["xlink:href"], Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2101,7 +2099,7 @@ const p1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      m("div", T1, [
+      m("div", R1, [
         m("div", {
           class: a(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2116,14 +2114,14 @@ const p1 = /* @__PURE__ */ h({
             }, [
               m("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, Z1)
+              }, null, 8, T1)
             ], 2)),
             (r(), l("svg", {
               class: a(s.question.getIconFocusCss())
             }, [
               m("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, $1)
+              }, null, 8, Z1)
             ], 2))
           ], 2),
           !s.unrankedItem && e.value ? (r(), l("div", {
@@ -2136,7 +2134,7 @@ const p1 = /* @__PURE__ */ h({
             (r(), l("svg", null, [
               m("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, D1)
+              }, null, 8, $1)
             ]))
           ], 2)),
           y(v, {
@@ -2146,9 +2144,9 @@ const p1 = /* @__PURE__ */ h({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, R1));
+    ], 42, B1));
   }
-}), P1 = /* @__PURE__ */ h({
+}), A1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2165,10 +2163,10 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), N1 = { role: "radiogroup" }, E1 = /* @__PURE__ */ m("legend", {
+}), P1 = { role: "radiogroup" }, N1 = /* @__PURE__ */ m("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), W1 = /* @__PURE__ */ h({
+}, null, -1), E1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2183,8 +2181,8 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("fieldset", N1, [
-        E1,
+      m("fieldset", P1, [
+        N1,
         n.question.hasMinLabel ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.minText)
@@ -2213,7 +2211,7 @@ const p1 = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), F1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], z1 = ["data-text"], O1 = /* @__PURE__ */ h({
+}), W1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], F1 = ["data-text"], z1 = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2240,7 +2238,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, F1),
+      }, null, 8, W1),
       m("span", {
         class: a(e.question.cssClasses.itemText),
         "data-text": e.item.text
@@ -2249,10 +2247,10 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: e.item.locText
         }, null, 8, ["locString"])
-      ], 10, z1)
+      ], 10, F1)
     ], 34));
   }
-}), U1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], K1 = /* @__PURE__ */ h({
+}), O1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], U1 = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2282,7 +2280,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, U1),
+      }, null, 8, O1),
       y(v, {
         is: "sv-svg-icon",
         iconName: e.question.getItemSmileyIconName(e.item.itemValue),
@@ -2291,7 +2289,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 38));
   }
-}), j1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Q1 = /* @__PURE__ */ h({
+}), K1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], j1 = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2320,7 +2318,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, j1),
+      }, null, 8, K1),
       y(v, {
         is: "sv-svg-icon",
         class: a("sv-star"),
@@ -2337,10 +2335,10 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])
     ], 34));
   }
-}), G1 = { class: "sd-rating-dropdown-item" }, J1 = { class: "sd-rating-dropdown-item_text" }, X1 = {
+}), Q1 = { class: "sd-rating-dropdown-item" }, G1 = { class: "sd-rating-dropdown-item_text" }, J1 = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, Y1 = /* @__PURE__ */ h({
+}, X1 = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2348,9 +2346,9 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => (r(), l("div", G1, [
-      m("span", J1, H(e.item.title), 1),
-      e.item.description ? (r(), l("div", X1, [
+    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, [
         y(v, {
           is: "survey-string",
           locString: e.item.description
@@ -2364,7 +2362,7 @@ _.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const x1 = /* @__PURE__ */ h({
+const Y1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2383,7 +2381,7 @@ const x1 = /* @__PURE__ */ h({
       }, null, 8, ["question"])
     ], 2));
   }
-}), _1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], eo = /* @__PURE__ */ h({
+}), x1 = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], _1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2425,7 +2423,7 @@ const x1 = /* @__PURE__ */ h({
             "aria-describedby": t.question.a11y_input_ariaDescribedBy,
             "aria-invalid": t.question.a11y_input_ariaInvalid,
             "aria-errormessage": t.question.a11y_input_ariaErrormessage
-          }, null, 42, _1), [
+          }, null, 42, x1), [
             [oe, t.question.booleanValue]
           ]),
           m("div", {
@@ -2482,7 +2480,7 @@ _.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const so = /* @__PURE__ */ h({
+const eo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2523,7 +2521,7 @@ const so = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), oo = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], to = ["xlink:href"], no = /* @__PURE__ */ h({
+}), so = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], oo = ["xlink:href"], to = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2552,7 +2550,7 @@ const so = /* @__PURE__ */ h({
           readonly: s.question.isReadOnlyAttr,
           class: a(s.question.cssClasses.itemRadioControl),
           onChange: e
-        }, null, 42, oo),
+        }, null, 42, so),
         s.question.cssClasses.materialRadioDecorator ? (r(), l("span", {
           key: 0,
           class: a(s.question.cssClasses.materialRadioDecorator)
@@ -2563,7 +2561,7 @@ const so = /* @__PURE__ */ h({
           }, [
             m("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, to)
+            }, null, 8, oo)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
         m("span", {
@@ -2577,13 +2575,13 @@ const so = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), ro = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], io = ["xlink:href"], ao = /* @__PURE__ */ m("span", { class: "check" }, null, -1), lo = ["id"], uo = ["id"];
+}), no = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ro = ["xlink:href"], io = /* @__PURE__ */ m("span", { class: "check" }, null, -1), ao = ["id"], lo = ["id"];
 _.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const vo = /* @__PURE__ */ h({
+const uo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2619,7 +2617,7 @@ const vo = /* @__PURE__ */ h({
               "aria-label": s.question.ariaLabel,
               "aria-invalid": s.question.ariaInvalid,
               "aria-errormessage": s.question.ariaErrormessage
-            }, null, 42, ro), [
+            }, null, 42, no), [
               [oe, s.question.booleanValue]
             ]),
             m("span", {
@@ -2631,9 +2629,9 @@ const vo = /* @__PURE__ */ h({
               }, [
                 m("use", {
                   "xlink:href": s.question.svgIcon
-                }, null, 8, io)
+                }, null, 8, ro)
               ], 2)) : c("", !0),
-              ao
+              io
             ], 2),
             s.question.isLabelRendered ? (r(), l("span", {
               key: 0,
@@ -2652,7 +2650,7 @@ const vo = /* @__PURE__ */ h({
                 element: s.question,
                 css: s.css
               }, null, 8, ["element", "css"])) : c("", !0)
-            ], 10, lo)) : c("", !0)
+            ], 10, ao)) : c("", !0)
           ], 2),
           s.question.canRenderLabelDescription ? (r(), l("div", {
             key: 0,
@@ -2663,12 +2661,12 @@ const vo = /* @__PURE__ */ h({
               is: "survey-string",
               locString: s.question.locDescription
             }, null, 8, ["locString"])
-          ], 10, uo)) : c("", !0)
+          ], 10, lo)) : c("", !0)
         ], 2)
       ], 2);
     };
   }
-}), co = /* @__PURE__ */ h({
+}), vo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2704,7 +2702,7 @@ const vo = /* @__PURE__ */ h({
       ])
     ], 2));
   }
-}), po = { key: 1 }, mo = /* @__PURE__ */ h({
+}), co = { key: 1 }, po = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2737,7 +2735,7 @@ const vo = /* @__PURE__ */ h({
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", po, "\xA0")) : c("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (r(), l("span", co, "\xA0")) : c("", !0),
         s.value.editor.isRequireTextAfterTitle ? (r(), l("span", {
           key: 2,
           "aria-hidden": "true",
@@ -2756,7 +2754,7 @@ const vo = /* @__PURE__ */ h({
       ], 34))
     ], 2));
   }
-}), go = { class: "sv-hidden" }, Co = { key: 0 }, yo = { key: 0 }, ho = ["onClick"], qo = ["data-responsive-title", "onClick"], wo = /* @__PURE__ */ h({
+}), mo = { class: "sv-hidden" }, go = { key: 0 }, Co = { key: 0 }, yo = ["onClick"], ho = ["data-responsive-title", "onClick"], qo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2786,13 +2784,13 @@ const vo = /* @__PURE__ */ h({
       ref: e
     }, [
       m("fieldset", null, [
-        m("legend", go, H(t.question.locTitle.renderedHtml), 1),
+        m("legend", mo, H(t.question.locTitle.renderedHtml), 1),
         m("table", {
           class: a(t.question.getTableCss())
         }, [
-          t.question.showHeader ? (r(), l("thead", Co, [
+          t.question.showHeader ? (r(), l("thead", go, [
             m("tr", null, [
-              t.question.hasRows ? (r(), l("td", yo)) : c("", !0),
+              t.question.hasRows ? (r(), l("td", Co)) : c("", !0),
               (r(!0), l(I, null, S(t.question.visibleColumns, (d, g) => (r(), l("th", {
                 key: g,
                 class: a(t.question.cssClasses.headerCell),
@@ -2852,7 +2850,7 @@ const vo = /* @__PURE__ */ h({
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(d.name, p)
                 }, null, 8, ["locString"])
-              ], 10, ho))), 128)) : c("", !0),
+              ], 10, yo))), 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,
@@ -2866,14 +2864,14 @@ const vo = /* @__PURE__ */ h({
                   column: p,
                   columnIndex: q
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, qo))), 128))
+              ], 10, ho))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), ko = ["data-sv-drop-target-matrix-row"], fo = /* @__PURE__ */ h({
+}), wo = ["data-sv-drop-target-matrix-row"], ko = /* @__PURE__ */ h({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -2906,9 +2904,9 @@ const vo = /* @__PURE__ */ h({
         question: n.question,
         key: n.row.id + "_" + d
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, ko)) : c("", !0);
+    ], 42, wo)) : c("", !0);
   }
-}), Lo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], bo = ["xlink:href"], Mo = /* @__PURE__ */ h({
+}), fo = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Lo = ["xlink:href"], bo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2938,7 +2936,7 @@ const vo = /* @__PURE__ */ h({
         ),
         "aria-invalid": o.question.a11y_input_ariaInvalid,
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
-      }, null, 10, Lo), [
+      }, null, 10, fo), [
         [Y, o.row.value]
       ]),
       m("span", {
@@ -2950,7 +2948,7 @@ const vo = /* @__PURE__ */ h({
         }, [
           m("use", {
             "xlink:href": o.question.itemSvgIcon
-          }, null, 8, bo)
+          }, null, 8, Lo)
         ], 2)) : c("", !0)
       ], 2),
       o.question.isMobile ? (r(), l("span", {
@@ -2964,7 +2962,7 @@ const vo = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 34));
   }
-}), Ho = /* @__PURE__ */ h({
+}), Mo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2979,7 +2977,7 @@ const vo = /* @__PURE__ */ h({
       ref: e
     }, null, 8, ["question"]));
   }
-}), Io = { key: 0 }, So = { key: 1 }, Vo = /* @__PURE__ */ h({
+}), Ho = { key: 0 }, Io = { key: 1 }, So = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2993,7 +2991,7 @@ const vo = /* @__PURE__ */ h({
       m("table", {
         class: a(s.question.getTableCss())
       }, [
-        e.value.showHeader ? (r(), l("thead", Io, [
+        e.value.showHeader ? (r(), l("thead", Ho, [
           m("tr", null, [
             (r(!0), l(I, null, S(e.value.headerRow.cells, (t) => (r(), l(I, null, [
               t.hasTitle ? (r(), l("th", {
@@ -3036,7 +3034,7 @@ const vo = /* @__PURE__ */ h({
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        e.value.showFooter ? (r(), l("tfoot", So, [
+        e.value.showFooter ? (r(), l("tfoot", Io, [
           m("tr", null, [
             (r(!0), l(I, null, S(e.value.footerRow.cells, (t, i) => (r(), C(v, {
               is: "survey-matrixdropdown-cell",
@@ -3049,7 +3047,7 @@ const vo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Bo = /* @__PURE__ */ m("span", null, "\xA0", -1), Ro = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ m("span", null, "\xA0", -1), Bo = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3058,14 +3056,14 @@ const vo = /* @__PURE__ */ h({
   setup(u) {
     const o = u;
     return V(() => o.column), (e, s) => e.column.isRenderedRequired ? (r(), l(I, { key: 0 }, [
-      Bo,
+      Vo,
       e.column.isRenderedRequired ? (r(), l("span", {
         key: 0,
         class: a(e.question.cssClasses.cellRequiredText)
       }, H(e.column.requiredText), 3)) : c("", !0)
     ], 64)) : c("", !0);
   }
-}), To = ["title", "colspan"], Zo = /* @__PURE__ */ h({
+}), Ro = ["title", "colspan"], To = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3225,9 +3223,9 @@ const vo = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : c("", !0)
-    ], 46, To)) : c("", !0);
+    ], 46, Ro)) : c("", !0);
   }
-}), $o = /* @__PURE__ */ h({
+}), Zo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3320,7 +3318,7 @@ function ne(u, o = !0) {
     row: o ? L(() => u.item.data.row) : void 0
   };
 }
-const Do = ["disabled"], Ao = /* @__PURE__ */ h({
+const $o = ["disabled"], Do = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3340,9 +3338,9 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       m("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Do));
+    ], 10, $o));
   }
-}), Po = ["xlink:href"], No = /* @__PURE__ */ h({
+}), Ao = ["xlink:href"], Po = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3356,14 +3354,14 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, [
         m("use", {
           "xlink:href": k(e).iconDragElement
-        }, null, 8, Po)
+        }, null, 8, Ao)
       ], 2)) : (r(), l("span", {
         key: 1,
         class: a(k(e).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), Eo = ["aria-expanded", "aria-controls"], Wo = /* @__PURE__ */ h({
+}), No = ["aria-expanded", "aria-controls"], Eo = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3383,9 +3381,9 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         iconName: k(e).getDetailPanelIconId(k(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, Eo));
+    ], 10, No));
   }
-}), Fo = /* @__PURE__ */ h({
+}), Wo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3393,7 +3391,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(null), s = he();
+    const o = u, e = b(null), s = ye();
     T(
       o,
       e,
@@ -3508,7 +3506,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), zo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3555,7 +3553,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), Oo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3595,7 +3593,7 @@ function Q(u) {
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const Uo = ["id"], Ko = /* @__PURE__ */ h({
+const Oo = ["id"], Uo = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3620,9 +3618,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
           locString: k(e).locPanelAddText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, Uo)) : c("", !0);
+    ], 10, Oo)) : c("", !0);
   }
-}), jo = ["title"], Qo = /* @__PURE__ */ h({
+}), Ko = ["title"], jo = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3642,9 +3640,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         iconName: k(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, jo));
+    ], 10, Ko));
   }
-}), Go = ["title"], Jo = /* @__PURE__ */ h({
+}), Qo = ["title"], Go = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3664,9 +3662,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         iconName: k(e).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Go));
+    ], 10, Qo));
   }
-}), Xo = ["id"], Yo = /* @__PURE__ */ h({
+}), Jo = ["id"], Xo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3695,9 +3693,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       m("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Xo));
+    ], 10, Jo));
   }
-}), xo = /* @__PURE__ */ h({
+}), Yo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3709,7 +3707,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       class: a(k(e).cssClasses.progressText)
     }, H(k(e).progressText), 3));
   }
-}), _o = ["id"], et = /* @__PURE__ */ h({
+}), xo = ["id"], _o = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3734,21 +3732,21 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         error: n,
         cssClasses: e.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, _o)) : c("", !0);
+    ], 10, xo)) : c("", !0);
   }
-}), st = { key: 0 }, ot = /* @__PURE__ */ h({
+}), et = { key: 0 }, st = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", st, H(o.question.comment), 1)) : (r(), C(v, {
+    return (o, e) => o.question.isReadOnlyRenderDiv() ? (r(), l("div", et, H(o.question.comment), 1)) : (r(), C(v, {
       key: 1,
       is: "sv-text-area",
       model: o.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), tt = /* @__PURE__ */ h({
+}), ot = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3756,9 +3754,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = (e) => {
-      qe(e);
+      he(e);
     };
-    return (e, s) => e.element.hasTitle ? (r(), C(Ce(e.element.titleTagName), {
+    return (e, s) => e.element.hasTitle ? (r(), C(ge(e.element.titleTagName), {
       key: 0,
       class: a(e.element.cssTitle),
       "aria-label": e.element.titleAriaLabel,
@@ -3776,14 +3774,14 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
           is: "sv-svg-icon",
           class: a(e.element.getCssTitleExpandableSvg()),
           iconName: "icon-expand-16x16",
-          size: "16"
+          size: "'auto'"
         }, null, 8, ["class"])) : c("", !0),
         e.element.isExpanded && e.element.getCssTitleExpandableSvg() ? (r(), C(v, {
           key: 1,
           is: "sv-svg-icon",
           class: a(e.element.getCssTitleExpandableSvg()),
           iconName: "icon-collapse-16x16",
-          size: "16"
+          size: "'auto'"
         }, null, 8, ["class"])) : c("", !0),
         e.element.hasTitleActions ? c("", !0) : (r(), C(v, {
           key: 2,
@@ -3801,7 +3799,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : c("", !0);
   }
-}), nt = { key: 3 }, rt = { key: 5 }, it = { key: 7 }, at = /* @__PURE__ */ h({
+}), tt = { key: 3 }, nt = { key: 5 }, rt = { key: 7 }, it = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3829,19 +3827,19 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
         class: a(e.element.cssTitleNumber),
         "aria-hidden": !0
       }, H(e.element.no), 3)) : c("", !0),
-      !e.element.isTitleRenderedAsString && e.element.no ? (r(), l("span", nt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.no ? (r(), l("span", tt, "\xA0")) : c("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", {
         key: 4,
         class: a(e.element.cssRequiredText),
         "aria-hidden": !0
       }, H(e.element.requiredText), 3)) : c("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", rt, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (r(), l("span", nt, "\xA0")) : c("", !0),
       e.element.isTitleRenderedAsString ? c("", !0) : (r(), C(v, {
         key: 6,
         is: "survey-string",
         locString: e.element.locTitle
       }, null, 8, ["locString"])),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", it, "\xA0")) : c("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", rt, "\xA0")) : c("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (r(), l("span", {
         key: 8,
         class: a(e.element.cssRequiredText),
@@ -3849,7 +3847,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       }, H(e.element.requiredText), 3)) : c("", !0)
     ], 64));
   }
-}), lt = { class: "sv-title-actions" }, ut = { class: "sv-title-actions__title" }, dt = /* @__PURE__ */ h({
+}), at = { class: "sv-title-actions" }, lt = { class: "sv-title-actions__title" }, ut = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3857,8 +3855,8 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(() => o.element.getTitleToolbar());
-    return (s, n) => (r(), l("div", lt, [
-      m("span", ut, [
+    return (s, n) => (r(), l("div", at, [
+      m("span", lt, [
         s.element.isPage ? (r(), C(v, {
           key: 0,
           is: "survey-string",
@@ -3877,20 +3875,20 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ]));
   }
-}), vt = (u, o) => {
+}), dt = (u, o) => {
   const e = u.__vccOpts || u;
   for (const [s, n] of o)
     e[s] = n;
   return e;
-}, ct = {}, pt = { class: "sv-brand-info" }, mt = /* @__PURE__ */ Ae('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), gt = [
-  mt
+}, vt = {}, ct = { class: "sv-brand-info" }, pt = /* @__PURE__ */ 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
 ];
-function Ct(u, o) {
-  return r(), l("div", pt, gt);
+function gt(u, o) {
+  return r(), l("div", ct, mt);
 }
-const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use", null, null, -1), qt = [
-  ht
-], wt = /* @__PURE__ */ h({
+const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use", null, null, -1), ht = [
+  yt
+], qt = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3901,7 +3899,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u, e = b(), s = () => {
-      Oe(
+      ze(
         o.size,
         o.width,
         o.height,
@@ -3919,9 +3917,9 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       ref: e,
       class: "sv-svg-icon",
       role: "img"
-    }, qt, 512));
+    }, ht, 512));
   }
-}), kt = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ h({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3949,7 +3947,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       ], 2)
     ]));
   }
-}), ft = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3980,7 +3978,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["item"]))), 128))
     ], 2)) : c("", !0);
   }
-}), Lt = ["id"], bt = { class: "sv-action__content" }, Mt = /* @__PURE__ */ h({
+}), ft = ["id"], Lt = { class: "sv-action__content" }, bt = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -3993,7 +3991,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       class: a(s.item.getActionRootCss()),
       id: s.item.id
     }, [
-      m("div", bt, [
+      m("div", Lt, [
         s.item.needSeparator ? (r(), C(v, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4003,7 +4001,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           item: s.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, Lt));
+    ], 10, ft));
   }
 }), j = {
   mounted: function(u, o) {
@@ -4012,16 +4010,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       u.tabIndex = -1;
       return;
     }
-    e.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), qe(s, e), !1)), u.addEventListener("keydown", (s) => {
-      Ue(s, e);
+    e.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), he(s, e), !1)), u.addEventListener("keydown", (s) => {
+      Oe(s, e);
     }), u.addEventListener("blur", (s) => {
-      Ke(s);
+      Ue(s);
     });
   }
-}, Ht = ["disabled", "title", "aria-checked", "aria-expanded", "role"], It = {
+}, Mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Ht = {
   inheritAttrs: !1
-}, St = /* @__PURE__ */ h({
-  ...It,
+}, It = /* @__PURE__ */ h({
+  ...Ht,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -4061,14 +4059,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         key: 1,
         class: a(e.item.getActionBarItemTitleCss())
       }, H(e.item.title), 3)) : c("", !0)
-    ], 42, Ht)), [
+    ], 42, Mt)), [
       [k(j), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
   }
-}), Vt = ["disabled", "title", "role"], Bt = {
+}), St = ["disabled", "title", "role"], Vt = {
   inheritAttrs: !1
-}, Rt = /* @__PURE__ */ h({
-  ...Bt,
+}, Bt = /* @__PURE__ */ h({
+  ...Vt,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -4079,7 +4077,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     return V(
       () => o.item,
       (s) => {
-        e = new je(s);
+        e = new Ke(s);
       },
       () => {
         e.dispose();
@@ -4110,7 +4108,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           key: 1,
           class: a(s.item.getActionBarItemTitleCss())
         }, H(s.item.title), 3)) : c("", !0)
-      ], 42, Vt)), [
+      ], 42, St)), [
         [k(j), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       y(v, {
@@ -4119,7 +4117,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Tt = /* @__PURE__ */ h({
+}), Rt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4130,7 +4128,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       class: a(["sv-action-bar-separator", e.value])
     }, null, 2));
   }
-}), Zt = ["aria-label", "placeholder", "value"], $t = ["aria-label"], Dt = ["id"], At = /* @__PURE__ */ h({
+}), Tt = ["aria-label", "placeholder", "value"], Zt = ["aria-label"], $t = ["id"], Dt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -4175,7 +4173,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: n
-        }, null, 42, Zt),
+        }, null, 42, Tt),
         d.model.showSearchClearButton && !!d.model.filterString ? (r(), l("button", {
           key: 0,
           onClick: g[0] || (g[0] = (p) => {
@@ -4196,7 +4194,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         m("div", {
           class: a(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
-        }, H(d.model.emptyMessage), 11, $t)
+        }, H(d.model.emptyMessage), 11, Zt)
       ], 2), [
         [P, d.model.isEmpty]
       ]),
@@ -4219,12 +4217,12 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           model: d.model,
           key: p.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, Dt)), [
+      ], 42, $t)), [
         [P, !d.model.isEmpty]
       ]) : c("", !0)
     ], 2));
   }
-}), Pt = ["aria-selected", "id", "tabindex"], Nt = ["title"], Et = /* @__PURE__ */ h({
+}), At = ["aria-selected", "id", "tabindex"], Pt = ["title"], Nt = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4268,13 +4266,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, Nt)
-    ], 42, Pt)), [
+      ], 46, Pt)
+    ], 42, At)), [
       [P, t.model.isItemVisible(t.item)],
       [k(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), Wt = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ h({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4303,7 +4301,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["class", "iconName", "size"])) : c("", !0)
     ], 64));
   }
-}), Ft = /* @__PURE__ */ h({
+}), Wt = /* @__PURE__ */ h({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4323,7 +4321,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), zt = /* @__PURE__ */ h({
+}), Ft = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     model: {}
@@ -4336,7 +4334,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     return F(
       () => o.model,
       (t) => {
-        e.value && e.value.dispose(), e.value = Qe(t), n();
+        e.value && e.value.dispose(), e.value = je(t), n();
       },
       { immediate: !0 }
     ), V(() => e.value), $(() => {
@@ -4353,13 +4351,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), Ot = { class: "sv-popup__body-content" }, Ut = {
+}), zt = { class: "sv-popup__body-content" }, Ot = {
   key: 0,
   class: "sv-popup__body-header"
-}, Kt = { class: "sv-popup__scrolling-content" }, jt = { class: "sv-popup__content" }, Qt = {
+}, Ut = { class: "sv-popup__scrolling-content" }, Kt = { class: "sv-popup__content" }, jt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Gt = /* @__PURE__ */ h({
+}, Qt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4399,16 +4397,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : c("", !0),
-        m("div", Ot, [
-          s.model.title ? (r(), l("div", Ut, H(s.model.title), 1)) : c("", !0),
-          m("div", Kt, [
-            m("div", jt, [
+        m("div", zt, [
+          s.model.title ? (r(), l("div", Ot, H(s.model.title), 1)) : c("", !0),
+          m("div", Ut, [
+            m("div", Kt, [
               y(v, D({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (r(), l("div", Qt, [
+          s.model.showFooter ? (r(), l("div", jt, [
             y(v, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4420,7 +4418,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       [P, s.model.isVisible]
     ]);
   }
-}), Jt = /* @__PURE__ */ h({
+}), Gt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4434,7 +4432,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       })
     }, null, 4));
   }
-}), Xt = /* @__PURE__ */ h({
+}), Jt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4495,7 +4493,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, H(t.survey.progressText), 3)
     ], 2));
   }
-}), Yt = ["title"], xt = ["onClick", "data-page-number"], _t = ["title"], en = ["title"], sn = ["title"], on = /* @__PURE__ */ h({
+}), Xt = ["title"], Yt = ["onClick", "data-page-number"], xt = ["title"], _t = ["title"], en = ["title"], sn = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4511,7 +4509,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     };
     return $(() => {
       const q = i.value;
-      g = new Ge(o.model, q, {
+      g = new Qe(o.model, q, {
         onResize: (B) => {
           t.value = B, s.value = !B;
         },
@@ -4540,7 +4538,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         m("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
-        }, H(q.model.headerText), 11, Yt)
+        }, H(q.model.headerText), 11, Xt)
       ], 2)) : c("", !0),
       m("div", {
         class: a(d.value.progressButtonsContainer)
@@ -4576,12 +4574,12 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
                   is: "survey-string",
                   locString: f.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, _t)) : c("", !0),
+              ], 10, xt)) : c("", !0),
               t.value ? (r(), l("div", {
                 key: 1,
                 class: a(d.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
-              }, H(f.locNavigationDescription.renderedHtml), 11, en)) : c("", !0),
+              }, H(f.locNavigationDescription.renderedHtml), 11, _t)) : c("", !0),
               m("div", {
                 class: a(d.value.progressButtonsButton)
               }, [
@@ -4593,7 +4591,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
                 }, null, 2),
                 m("span", null, H(q.model.getItemNumber(f)), 1)
               ], 2)
-            ], 10, xt))), 128))
+            ], 10, Yt))), 128))
           ], 2)
         ], 2),
         m("div", {
@@ -4609,11 +4607,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         m("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
-        }, H(q.model.footerText), 11, sn)
+        }, H(q.model.footerText), 11, en)
       ], 2)) : c("", !0)
     ], 6));
   }
-}), tn = /* @__PURE__ */ h({
+}), on = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4646,16 +4644,16 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     ], 2));
   }
 });
-var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
+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.11
+ * surveyjs - Survey JavaScript library v1.12.12
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function(u, o) {
   (function(s, n) {
     u.exports = n();
-  })(Le, function() {
+  })(fe, function() {
     return function(e) {
       var s = {};
       function n(t) {
@@ -4959,16 +4957,16 @@ var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     });
   });
 })(re);
-var be = { exports: {} };
+var Le = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.11
+ * surveyjs - Survey JavaScript library v1.12.12
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function(u, o) {
   (function(s, n) {
     u.exports = n();
-  })(Le, function() {
+  })(fe, function() {
     return function(e) {
       var s = {};
       function n(t) {
@@ -5271,13 +5269,13 @@ var be = { exports: {} };
       }
     });
   });
-})(be);
-const nn = ["lang", "dir"], rn = { onsubmit: "return false;" }, an = {
+})(Le);
+const tn = ["lang", "dir"], nn = { onsubmit: "return false;" }, rn = {
   key: 0,
   class: "sv_custom_header"
-}, ln = { class: "sv-components-column sv-components-column--expandable" }, un = ["id"], dn = { key: 2 }, vn = ["innerHTML"], cn = ["innerHTML"], pn = ["innerHTML"];
-we("v1", re.exports.icons);
-we("v2", be.exports.icons);
+}, an = { class: "sv-components-column sv-components-column--expandable" }, ln = ["id"], un = { key: 2 }, dn = ["innerHTML"], vn = ["innerHTML"], cn = ["innerHTML"];
+qe("v1", re.exports.icons);
+qe("v2", Le.exports.icons);
 X.registerIcons(re.exports.icons);
 const ie = /* @__PURE__ */ h({
   __name: "Survey",
@@ -5288,7 +5286,7 @@ const ie = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = b(), s = b(""), n = b(1), t = L(() => {
       const Z = o.survey ? o.survey : o.model;
-      return Pe(Z);
+      return Ae(Z);
     }), i = L(() => t.value.activePage ? t.value.activePage.id : ""), d = () => {
       const Z = i.value;
       return !!t.value && Z + n.value.toString();
@@ -5299,7 +5297,7 @@ const ie = /* @__PURE__ */ h({
         var w = e.value;
         w && Z.afterRenderSurvey(w), Z.renderCallback = () => {
           var A, le;
-          n.value++, (le = (A = he()) == null ? void 0 : A.proxy) == null || le.$forceUpdate();
+          n.value++, (le = (A = ye()) == null ? void 0 : A.proxy) == null || le.$forceUpdate();
         }, Z.startTimerFromUI();
       }
     };
@@ -5336,8 +5334,8 @@ const ie = /* @__PURE__ */ h({
           class: a(p.value.rootBackgroundImage),
           style: M(t.value.backgroundImageStyle)
         }, null, 6)) : c("", !0),
-        m("form", rn, [
-          t.value.hasLogo ? c("", !0) : (r(), l("div", an)),
+        m("form", nn, [
+          t.value.hasLogo ? c("", !0) : (r(), l("div", rn)),
           m("div", {
             class: a(p.value.container)
           }, [
@@ -5362,7 +5360,7 @@ const ie = /* @__PURE__ */ h({
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              m("div", ln, [
+              m("div", an, [
                 y(v, {
                   is: "sv-components-container",
                   survey: t.value,
@@ -5397,7 +5395,7 @@ const ie = /* @__PURE__ */ h({
                     key: 0,
                     is: "sv-brand-info"
                   })) : c("", !0)
-                ], 14, un)
+                ], 14, ln)
               ]),
               y(v, {
                 is: "sv-components-container",
@@ -5412,11 +5410,11 @@ const ie = /* @__PURE__ */ h({
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            g.value ? (r(), l("div", dn, [
+            g.value ? (r(), l("div", un, [
               m("div", {
                 innerHTML: B(),
                 class: a(t.value.completedCss)
-              }, null, 10, vn),
+              }, null, 10, dn),
               y(v, {
                 is: "sv-components-container",
                 survey: t.value,
@@ -5428,12 +5426,12 @@ const ie = /* @__PURE__ */ h({
               key: 3,
               class: a(t.value.completedBeforeCss),
               innerHTML: t.value.processedCompletedBeforeHtml
-            }, null, 10, cn)) : c("", !0),
+            }, null, 10, vn)) : c("", !0),
             t.value.state === "loading" ? (r(), l("div", {
               key: 4,
               class: a(t.value.loadingBodyCss),
               innerHTML: t.value.processedLoadingHtml
-            }, null, 10, pn)) : c("", !0),
+            }, null, 10, cn)) : c("", !0),
             t.value.state === "empty" ? (r(), l("div", {
               key: 5,
               class: a(p.value.bodyEmpty)
@@ -5445,9 +5443,9 @@ const ie = /* @__PURE__ */ h({
           model: t.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, nn));
+    ], 14, tn));
   }
-}), mn = /* @__PURE__ */ h({
+}), pn = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -5468,7 +5466,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 6)) : c("", !0);
   }
-}), gn = { key: 0 }, Cn = /* @__PURE__ */ h({
+}), mn = { key: 0 }, gn = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -5477,14 +5475,14 @@ const ie = /* @__PURE__ */ h({
     return (o, e) => (r(), l("div", {
       class: a(o.question.getCommentAreaCss(!0))
     }, [
-      o.question.isReadOnlyRenderDiv() ? (r(), l("div", gn, H(o.question.otherValue), 1)) : (r(), C(v, {
+      o.question.isReadOnlyRenderDiv() ? (r(), l("div", mn, H(o.question.otherValue), 1)) : (r(), C(v, {
         key: 1,
         is: "sv-text-area",
         model: o.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), yn = ["disabled", "value", "title"], hn = /* @__PURE__ */ h({
+}), Cn = ["disabled", "value", "title"], yn = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -5500,9 +5498,9 @@ const ie = /* @__PURE__ */ h({
       title: s.item.getTooltip(),
       onMousedown: e,
       onClick: n[0] || (n[0] = (...t) => s.item.action && s.item.action(...t))
-    }, null, 42, yn)) : c("", !0);
+    }, null, 42, Cn)) : c("", !0);
   }
-}), Me = /* @__PURE__ */ h({
+}), be = /* @__PURE__ */ h({
   __name: "PopupSurvey",
   props: {
     survey: {},
@@ -5529,7 +5527,7 @@ const ie = /* @__PURE__ */ h({
     const g = F(
       () => o.survey,
       (p) => {
-        const q = new Je(null, p);
+        const q = new Ge(null, p);
         o.isExpanded !== void 0 && (q.isExpanded = o.isExpanded), o.closeOnCompleteTimeout !== void 0 && (q.closeOnCompleteTimeout = o.closeOnCompleteTimeout), o.allowClose !== void 0 && (q.allowClose = o.allowClose), o.allowFullScreen !== void 0 && (q.allowFullScreen = o.allowFullScreen), q.isShowing = !0, e.value = q;
       },
       {
@@ -5616,7 +5614,7 @@ const ie = /* @__PURE__ */ h({
       ], 2)
     ], 38)) : c("", !0);
   }
-}), qn = ["innerHTML"], wn = /* @__PURE__ */ h({
+}), hn = ["innerHTML"], qn = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -5639,7 +5637,7 @@ const ie = /* @__PURE__ */ h({
       n.value ? (r(), l("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, qn)) : c("", !0),
+      }, null, 8, hn)) : c("", !0),
       s.value ? (r(), C(v, {
         key: 1,
         is: i.value,
@@ -5648,12 +5646,12 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "question", "css"])) : c("", !0)
     ], 512));
   }
-}), kn = /* @__PURE__ */ h({
+}), wn = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const o = W();
     function e(n, t, i, d, g, p, q = "popup") {
-      const B = Xe(
+      const B = Je(
         n,
         t,
         i,
@@ -5667,7 +5665,7 @@ const ie = /* @__PURE__ */ h({
       return s(B);
     }
     function s(n, t) {
-      const i = Ye(
+      const i = Xe(
         n,
         t
       ), d = (g, p) => {
@@ -5679,7 +5677,7 @@ const ie = /* @__PURE__ */ h({
       z.showModal = void 0;
     })), z.showDialog || (z.showDialog = s, N(() => {
       z.showDialog = void 0;
-    })), (n, t) => o.value ? (r(), C(Ne, {
+    })), (n, t) => o.value ? (r(), C(Pe, {
       key: 0,
       to: o.value.container
     }, [
@@ -5689,7 +5687,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ], 8, ["to"])) : c("", !0);
   }
-}), fn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ln = /* @__PURE__ */ h({
+}), kn = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], fn = /* @__PURE__ */ h({
   __name: "TextArea",
   props: {
     model: {}
@@ -5738,9 +5736,9 @@ const ie = /* @__PURE__ */ h({
       "aria-invalid": n.model.ariaInvalid,
       "aria-errormessage": n.model.ariaErrormessage,
       style: M({ resize: n.model.question.resizeStyle })
-    }, null, 46, fn));
+    }, null, 46, kn));
   }
-}), bn = /* @__PURE__ */ h({
+}), Ln = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5752,7 +5750,7 @@ const ie = /* @__PURE__ */ h({
       class: a(e.remainingCharacterCounter)
     }, H(e.counter.remainingCharacterCounter), 3));
   }
-}), Mn = /* @__PURE__ */ h({
+}), bn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5771,7 +5769,7 @@ const ie = /* @__PURE__ */ h({
       css: n.css
     }, null, 8, ["element", "css"]));
   }
-}), Hn = /* @__PURE__ */ h({
+}), Mn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5789,16 +5787,16 @@ const ie = /* @__PURE__ */ h({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), In = /* @__PURE__ */ m("use", { "xlink:href": "#icon-timercircle" }, null, -1), Sn = [
-  In
-], ge = 440, Vn = /* @__PURE__ */ h({
+}), Hn = /* @__PURE__ */ m("use", { "xlink:href": "#icon-timercircle" }, null, -1), In = [
+  Hn
+], me = 440, Sn = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(u) {
-    const o = u, e = L(() => ge * o.model.progress), s = L(() => o.model.text);
+    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", {
       key: 0,
       class: a(n.model.rootCss)
@@ -5806,8 +5804,8 @@ const ie = /* @__PURE__ */ h({
       n.model.showProgress ? (r(), l("svg", {
         key: 0,
         class: a(n.model.getProgressCss()),
-        style: M({ strokeDasharray: ge, strokeDashoffset: e.value })
-      }, Sn, 6)) : c("", !0),
+        style: M({ strokeDasharray: me, strokeDashoffset: e.value })
+      }, In, 6)) : c("", !0),
       m("div", {
         class: a(n.model.textContainerCss)
       }, [
@@ -5826,10 +5824,10 @@ const ie = /* @__PURE__ */ h({
       [P, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), Bn = { class: "sd-loading-indicator" }, Rn = /* @__PURE__ */ h({
+}), Vn = { class: "sd-loading-indicator" }, Bn = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
-    return (o, e) => (r(), l("div", Bn, [
+    return (o, e) => (r(), l("div", Vn, [
       y(v, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5837,7 +5835,7 @@ const ie = /* @__PURE__ */ h({
       })
     ]));
   }
-}), Tn = { key: 2 }, Zn = /* @__PURE__ */ h({
+}), Rn = { key: 2 }, Tn = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5869,7 +5867,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
@@ -5877,10 +5875,10 @@ const ie = /* @__PURE__ */ h({
       ])) : c("", !0)
     ], 6)) : c("", !0);
   }
-}), $n = {
+}), Zn = {
   key: 0,
   class: "sv-header__logo"
-}, Dn = ["src", "width", "height", "alt"], An = /* @__PURE__ */ h({
+}, $n = ["src", "width", "height", "alt"], Dn = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5894,7 +5892,7 @@ const ie = /* @__PURE__ */ h({
         class: "sv-header__cell-content",
         style: M(o.model.contentStyle)
       }, [
-        o.model.showLogo ? (r(), l("div", $n, [
+        o.model.showLogo ? (r(), l("div", Zn, [
           m("div", {
             class: a(o.model.survey.logoClassNames)
           }, [
@@ -5905,7 +5903,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, Dn)
+            }, null, 14, $n)
           ], 2)
         ])) : c("", !0),
         o.model.showTitle ? (r(), l("div", {
@@ -5937,17 +5935,17 @@ const ie = /* @__PURE__ */ h({
       ], 4)
     ], 6));
   }
-}), Pn = { class: "sv-header--mobile" }, Nn = {
+}), An = { class: "sv-header--mobile" }, Pn = {
   key: 0,
   class: "sv-header__logo"
-}, En = ["src", "width", "height", "alt"], Wn = /* @__PURE__ */ h({
+}, Nn = ["src", "width", "height", "alt"], En = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (o, e) => (r(), l("div", Pn, [
-      o.model.survey.hasLogo ? (r(), l("div", Nn, [
+    return (o, e) => (r(), l("div", An, [
+      o.model.survey.hasLogo ? (r(), l("div", Pn, [
         m("div", {
           class: a(o.model.survey.logoClassNames)
         }, [
@@ -5958,7 +5956,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, En)
+          }, null, 14, Nn)
         ], 2)
       ])) : c("", !0),
       o.model.survey.hasTitle ? (r(), l("div", {
@@ -5989,7 +5987,7 @@ const ie = /* @__PURE__ */ h({
       ], 4)) : c("", !0)
     ]));
   }
-}), Fn = /* @__PURE__ */ h({
+}), Wn = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -6045,20 +6043,20 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["is", "element", "css"])) : c("", !0)
     ], 6));
   }
-}), zn = /* @__PURE__ */ h({
+}), Fn = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const o = Ee(), e = L(() => !!o.default);
-    return (s, n) => e.value && !s.componentName ? ye(s.$slots, "default", { key: 0 }) : (r(), C(v, D({
+    const o = Ne(), e = L(() => !!o.default);
+    return (s, n) => e.value && !s.componentName ? Ce(s.$slots, "default", { key: 0 }) : (r(), C(v, D({
       key: 1,
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), On = /* @__PURE__ */ h({
+}), zn = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -6080,7 +6078,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["iconName", "title"])) : c("", !0)
     ], 2));
   }
-}), Un = ["id"], Kn = /* @__PURE__ */ h({
+}), On = ["id"], Un = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -6102,14 +6100,14 @@ const ie = /* @__PURE__ */ h({
         playsinline: "",
         id: o.question.videoId,
         class: a(o.question.cssClasses.video)
-      }, null, 10, Un),
+      }, null, 10, On),
       y(v, {
         is: "sv-action",
         item: o.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), jn = ["for", "aria-label"], Qn = /* @__PURE__ */ h({
+}), Kn = ["for", "aria-label"], jn = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -6137,11 +6135,11 @@ const ie = /* @__PURE__ */ h({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : c("", !0),
       m("span", null, H(e.value.chooseButtonText), 1)
-    ], 10, jn)), [
+    ], 10, Kn)), [
       [k(j)]
     ]);
   }
-}), Gn = /* @__PURE__ */ h({
+}), Qn = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -6165,7 +6163,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["item", "question"]))), 128))
     ], 2)) : c("", !0);
   }
-}), Jn = /* @__PURE__ */ h({
+}), Gn = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -6187,7 +6185,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Xn = ["title"], Yn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], xn = ["title"], _n = /* @__PURE__ */ h({
+}), Jn = ["title"], Xn = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Yn = ["title"], xn = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6196,7 +6194,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(
-      () => new xe(o.question, o.item, o.index)
+      () => new Ye(o.question, o.item, o.index)
     ), s = L({
       get: () => o.question.renderedValue,
       set: (n) => {
@@ -6222,7 +6220,7 @@ const ie = /* @__PURE__ */ h({
         class: a(e.value.css.control),
         "onUpdate:modelValue": t[0] || (t[0] = (i) => s.value = i),
         value: e.value.value
-      }, null, 10, Yn), [
+      }, null, 10, Xn), [
         [Y, s.value]
       ]),
       m("div", {
@@ -6244,11 +6242,11 @@ const ie = /* @__PURE__ */ h({
             is: "survey-string",
             locString: e.value.caption
           }, null, 8, ["locString"])
-        ], 10, xn)) : c("", !0)
+        ], 10, Yn)) : c("", !0)
       ], 2)
-    ], 10, Xn));
+    ], 10, Jn));
   }
-}), er = ["src", "width", "height", "alt"], sr = /* @__PURE__ */ h({
+}), _n = ["src", "width", "height", "alt"], er = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -6270,10 +6268,10 @@ const ie = /* @__PURE__ */ h({
           width: e.value.renderedStyleLogoWidth,
           height: e.value.renderedStyleLogoHeight
         })
-      }, null, 14, er)
+      }, null, 14, _n)
     ], 2));
   }
-}), or = /* @__PURE__ */ h({
+}), sr = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
     const o = b(), e = () => {
@@ -6291,7 +6289,7 @@ const ie = /* @__PURE__ */ h({
       [P, !1]
     ]);
   }
-}), tr = ["id"], nr = /* @__PURE__ */ h({
+}), or = ["id"], tr = /* @__PURE__ */ h({
   __name: "FilePage",
   props: {
     page: {},
@@ -6309,9 +6307,9 @@ const ie = /* @__PURE__ */ h({
         item: n,
         question: e.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, tr));
+    ], 10, or));
   }
-}), rr = ["href", "title", "download"], ir = ["src"], ar = ["href", "title", "download"], lr = /* @__PURE__ */ h({
+}), nr = ["href", "title", "download"], rr = ["src"], ir = ["href", "title", "download"], ar = /* @__PURE__ */ h({
   __name: "FileItem",
   props: {
     item: {},
@@ -6332,7 +6330,7 @@ const ie = /* @__PURE__ */ h({
           title: o.item.name,
           download: o.item.name,
           style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, rr)
+        }, H(o.item.name), 13, nr)
       ], 2)) : c("", !0),
       m("div", {
         class: a(o.question.getImageWrapperCss(o.item))
@@ -6345,7 +6343,7 @@ const ie = /* @__PURE__ */ h({
             width: o.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, ir)) : c("", !0),
+        }, null, 12, rr)) : c("", !0),
         o.question.defaultImage(o.item) ? (r(), C(v, {
           key: 1,
           is: "sv-svg-icon",
@@ -6381,41 +6379,41 @@ const ie = /* @__PURE__ */ h({
           title: o.item.name,
           download: o.item.name,
           style: M({ width: o.question.imageWidth })
-        }, H(o.item.name), 13, ar)
+        }, H(o.item.name), 13, ir)
       ], 2)) : c("", !0)
     ], 2)), [
       [P, o.item]
     ]);
   }
 });
-_e.platform = "vue3";
-function ur(u, o, e) {
+xe.platform = "vue3";
+function lr(u, o, e) {
   u(o, e);
 }
-function He(u) {
-  const o = ur.bind(
+function Me(u) {
+  const o = lr.bind(
     void 0,
     u
   );
-  o("sv-svg-bundle", or), o("popup-survey", Me), o("survey-header", ts), o("sv-logo-image", sr), o("survey-page", os), o("survey-row", ns), o("survey-question", ls), o("survey-panel", cs), o("survey-element-header", ms), o("survey-string", gs), o("sv-string-viewer", ys), o("sv-string-editor", qs), o("sv-skeleton", ks), o("survey-text", bs), o("survey-text-input", Is), o("survey-checkbox", Ts), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", 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", V1), o("sv-tagbox-filter", I1), o("survey-ranking", B1), 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", Vo), o("survey-matrixheaderrequired", Ro), o("survey-matrixdropdown-cell", Zo), o("survey-matrixdynamic", $o), o("sv-matrix-remove-button", Ao), o("sv-matrix-drag-drop-icon", No), o("sv-matrix-detail-button", Wo), o("survey-paneldynamic", 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", Rt), o("sv-action-bar-separator", Tt), 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", Vn), o("sv-loading-indicator", Rn), 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);
+  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", Rs), 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", To), o("survey-matrixdynamic", Zo), o("sv-matrix-remove-button", Do), o("sv-matrix-drag-drop-icon", Po), o("sv-matrix-detail-button", Eo), o("survey-paneldynamic", Wo), o("survey-paneldynamicprogress", 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", Rt), o("sv-list", Dt), o("sv-list-item-content", Et), o("sv-list-item-group", Wt), o("sv-list-item", Nt), o("sv-popup", 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", Tn), 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);
 }
-He(
+Me(
   (u, o) => O.Instance.registerComponent(u, o)
 );
-const pr = {
+const cr = {
   install(u) {
-    u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", Me), u.directive("key2click", j), He((o, e) => {
+    u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", be), u.directive("key2click", j), Me((o, e) => {
       u.component(o, e), O.Instance.registerComponent(o, o);
     });
   }
 };
 export {
   O as ComponentFactory,
-  Me as PopupSurveyComponent,
+  be as PopupSurveyComponent,
   ie as SurveyComponent,
   v as SvComponent,
   j as key2ClickDirective,
-  pr as surveyPlugin,
+  cr as surveyPlugin,
   V as useBase,
   ee as useComputedArray,
   K as useLocString,