survey-vue3-ui 1.12.32 → 1.12.33

package/survey-vue3-ui.es.js

@@ -1,8 +1,8 @@
 var He = Object.defineProperty;
 var Ie = (u, o, e) => o in u ? He(u, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[o] = e;
 var G = (u, o, e) => (Ie(u, typeof o != "symbol" ? o + "" : o, e), e);
-import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as S, withCtx as E, renderSlot as Ce, shallowReactive as Be, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Ve, triggerRef as se, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as T, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
-import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as Fe, doKey2ClickUp as he, createSvg as ze, doKey2ClickDown as Oe, doKey2ClickBlur as Ue, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as X, PopupSurveyModel as Ge, settings as z, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
+import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as S, withCtx as E, renderSlot as Ce, shallowReactive as Be, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Ve, triggerRef as se, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as g, onUnmounted as N, withDirectives as T, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
+import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as Fe, doKey2ClickUp as he, createSvg as Oe, doKey2ClickDown as ze, doKey2ClickBlur as Ue, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as X, PopupSurveyModel as Ge, settings as O, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
 const ae = class {
   constructor() {
     G(this, "creatorHash", {});
@@ -23,8 +23,8 @@ const ae = class {
     return !!this.creatorHash[o];
   }
 };
-let O = ae;
-G(O, "Instance", new ae());
+let z = ae;
+G(z, "Instance", new ae());
 const v = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SvComponent",
@@ -33,7 +33,7 @@ const v = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = L(
-      () => O.Instance.getComponent(o.is)
+      () => z.Instance.getComponent(o.is)
     );
     return (s, n) => (r(), C(ge(e.value), ue(de(s.$attrs)), Se({ _: 2 }, [
       S(s.$slots, (t, i) => ({
@@ -247,7 +247,7 @@ const os = /* @__PURE__ */ h({
         is: s.survey.getElementWrapperComponentName(s.survey, "logo-image"),
         data: s.survey.getElementWrapperComponentData(s.survey, "logo-image")
       }, null, 8, ["is", "data"])) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(s.survey.css.headerClose)
       }, null, 2)
     ], 2)) : c("", !0);
@@ -305,7 +305,7 @@ const os = /* @__PURE__ */ h({
     B(() => o.element);
     const d = () => {
       e.value && o.element.afterRender(e.value);
-    }, g = F(
+    }, m = F(
       () => e.value,
       () => {
         d();
@@ -317,7 +317,7 @@ const os = /* @__PURE__ */ h({
       }
     }));
     return N(() => {
-      g();
+      m();
     }), (f, Z) => (r(), l("div", {
       class: a(f.element.getRootCss()),
       style: M(i()),
@@ -347,7 +347,7 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["element", "css"])) : c("", !0),
       y(v, D({ is: q.value }, V.value), {
         default: E(() => [
-          m("div", {
+          g("div", {
             class: a(t(f.element) || void 0),
             style: M({ display: f.element.renderedIsExpanded ? void 0 : "none" }),
             role: "presentation"
@@ -366,7 +366,7 @@ const os = /* @__PURE__ */ h({
               key: 1,
               class: a(f.element.getCommentAreaCss())
             }, [
-              m("div", null, [
+              g("div", null, [
                 y(v, {
                   is: "survey-string",
                   locString: f.element.locCommentText
@@ -609,7 +609,7 @@ const os = /* @__PURE__ */ h({
         is: "survey-text-input",
         question: s.question
       }, null, 8, ["question"]),
-      m("datalist", {
+      g("datalist", {
         id: s.question.dataListId
       }, [
         (r(!0), l(I, null, S(s.question.dataList, (t, i) => (r(), l("option", {
@@ -640,9 +640,9 @@ const os = /* @__PURE__ */ h({
     const t = L(() => e.question.inputStyle);
     return (i, d) => i.question.getMaxLength() ? (r(), l("div", {
       key: 1,
-      ref: (g) => s(g)
+      ref: (m) => s(m)
     }, [
-      m("input", {
+      g("input", {
         disabled: i.question.isDisabledAttr,
         readonly: i.question.isReadOnlyAttr,
         class: a(i.question.getControlClass()),
@@ -658,12 +658,14 @@ const os = /* @__PURE__ */ h({
         placeholder: i.question.renderedPlaceholder,
         autocomplete: i.question.autocomplete,
         value: i.question.inputValue,
-        onChange: d[6] || (d[6] = (...g) => i.question.onChange && i.question.onChange(...g)),
-        onKeyup: d[7] || (d[7] = (...g) => i.question.onKeyUp && i.question.onKeyUp(...g)),
-        onKeydown: d[8] || (d[8] = (...g) => i.question.onKeyDown && i.question.onKeyDown(...g)),
-        onCompositionUpdate: d[9] || (d[9] = (...g) => i.question.onCompositionUpdate && i.question.onCompositionUpdate(...g)),
-        onBlur: d[10] || (d[10] = (...g) => i.question.onBlur && i.question.onBlur(...g)),
-        onFocus: d[11] || (d[11] = (...g) => i.question.onFocus && i.question.onFocus(...g)),
+        onChange: d[8] || (d[8] = (...m) => i.question.onChange && i.question.onChange(...m)),
+        onClick: d[9] || (d[9] = (...m) => i.question.readOnlyBlocker && i.question.readOnlyBlocker(...m)),
+        onPointerdown: d[10] || (d[10] = (...m) => i.question.readOnlyBlocker && i.question.readOnlyBlocker(...m)),
+        onKeyup: d[11] || (d[11] = (...m) => i.question.onKeyUp && i.question.onKeyUp(...m)),
+        onKeydown: d[12] || (d[12] = (...m) => i.question.onKeyDown && i.question.onKeyDown(...m)),
+        onCompositionUpdate: d[13] || (d[13] = (...m) => i.question.onCompositionUpdate && i.question.onCompositionUpdate(...m)),
+        onBlur: d[14] || (d[14] = (...m) => i.question.onBlur && i.question.onBlur(...m)),
+        onFocus: d[15] || (d[15] = (...m) => i.question.onFocus && i.question.onFocus(...m)),
         "aria-required": i.question.a11y_input_ariaRequired,
         "aria-label": i.question.a11y_input_ariaLabel,
         "aria-labelledby": i.question.a11y_input_ariaLabelledBy,
@@ -678,7 +680,7 @@ const os = /* @__PURE__ */ h({
       }, null, 8, ["counter", "remainingCharacterCounter"])
     ], 512)) : (r(), l("input", {
       key: 0,
-      ref: (g) => s(g),
+      ref: (m) => s(m),
       disabled: i.question.isDisabledAttr,
       readonly: i.question.isReadOnlyAttr,
       class: a(i.question.getControlClass()),
@@ -694,12 +696,14 @@ const os = /* @__PURE__ */ h({
       placeholder: i.question.renderedPlaceholder,
       autocomplete: i.question.autocomplete,
       value: i.question.inputValue,
-      onChange: d[0] || (d[0] = (...g) => i.question.onChange && i.question.onChange(...g)),
-      onKeyup: d[1] || (d[1] = (...g) => i.question.onKeyUp && i.question.onKeyUp(...g)),
-      onKeydown: d[2] || (d[2] = (...g) => i.question.onKeyDown && i.question.onKeyDown(...g)),
-      onCompositionUpdate: d[3] || (d[3] = (...g) => i.question.onCompositionUpdate && i.question.onCompositionUpdate(...g)),
-      onBlur: d[4] || (d[4] = (...g) => i.question.onBlur && i.question.onBlur(...g)),
-      onFocus: d[5] || (d[5] = (...g) => i.question.onFocus && i.question.onFocus(...g)),
+      onChange: d[0] || (d[0] = (...m) => i.question.onChange && i.question.onChange(...m)),
+      onClick: d[1] || (d[1] = (...m) => i.question.readOnlyBlocker && i.question.readOnlyBlocker(...m)),
+      onPointerdown: d[2] || (d[2] = (...m) => i.question.readOnlyBlocker && i.question.readOnlyBlocker(...m)),
+      onKeyup: d[3] || (d[3] = (...m) => i.question.onKeyUp && i.question.onKeyUp(...m)),
+      onKeydown: d[4] || (d[4] = (...m) => i.question.onKeyDown && i.question.onKeyDown(...m)),
+      onCompositionUpdate: d[5] || (d[5] = (...m) => i.question.onCompositionUpdate && i.question.onCompositionUpdate(...m)),
+      onBlur: d[6] || (d[6] = (...m) => i.question.onBlur && i.question.onBlur(...m)),
+      onFocus: d[7] || (d[7] = (...m) => i.question.onFocus && i.question.onFocus(...m)),
       "aria-required": i.question.a11y_input_ariaRequired,
       "aria-label": i.question.a11y_input_ariaLabel,
       "aria-labelledby": i.question.a11y_input_ariaLabelledBy,
@@ -763,8 +767,8 @@ const os = /* @__PURE__ */ h({
         key: 4,
         class: a(t.question.cssClasses.rootMultiColumn)
       }, [
-        t.question.hasColumns ? (r(!0), l(I, { key: 0 }, S(t.question.columns, (d, g) => (r(), l("div", {
-          key: g,
+        t.question.hasColumns ? (r(!0), l(I, { key: 0 }, S(t.question.columns, (d, m) => (r(), l("div", {
+          key: m,
           class: a(t.question.getColumnClass()),
           role: "presentation"
         }, [
@@ -784,7 +788,7 @@ const os = /* @__PURE__ */ h({
         question: t.question
       }, null, 8, ["question"])) : c("", !0),
       t.question.showClearButtonInContent ? (r(), l("div", Vs, [
-        m("input", {
+        g("input", {
           type: "button",
           class: a(t.question.cssClasses.clearButton),
           onClick: i[0] || (i[0] = () => {
@@ -841,10 +845,10 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: o
     }, [
-      m("label", {
+      g("label", {
         class: a(n.question.getLabelClass(n.item))
       }, [
-        m("input", {
+        g("input", {
           type: "checkbox",
           name: n.question.name + n.item.id,
           checked: n.question.isItemSelected(n.item),
@@ -866,7 +870,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             key: 0,
             class: a(n.question.cssClasses.itemDecorator)
           }, [
-            m("use", {
+            g("use", {
               "xlink:href": n.question.itemSvgIcon
             }, null, 8, $s)
           ], 2)) : c("", !0)
@@ -918,17 +922,17 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: o
     }, [
-      m("label", {
-        onMousedown: d[1] || (d[1] = (g) => i.question.onMouseDown()),
+      g("label", {
+        onMousedown: d[1] || (d[1] = (m) => i.question.onMouseDown()),
         class: a(s(i.item))
       }, [
-        T(m("input", {
+        T(g("input", {
           type: "radio",
           name: i.question.questionName,
           value: i.item.value,
           id: i.question.getItemId(i.item),
           "aria-errormessage": i.question.ariaErrormessage,
-          "onUpdate:modelValue": d[0] || (d[0] = (g) => t.value = g),
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => t.value = m),
           disabled: !i.question.getItemEnabled(i.item),
           readonly: i.question.isReadOnlyAttr,
           class: a(i.question.cssClasses.itemControl)
@@ -943,7 +947,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             key: 0,
             class: a(i.question.cssClasses.itemDecorator)
           }, [
-            m("use", {
+            g("use", {
               "xlink:href": i.question.itemSvgIcon
             }, null, 8, Ns)
           ], 2)) : c("", !0)
@@ -960,7 +964,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), Ws = ["src"], Fs = ["title"], zs = { key: 0 }, Os = /* @__PURE__ */ h({
+}), Ws = ["src"], Fs = ["title"], Os = { key: 0 }, zs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -976,7 +980,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         width: s.question.renderedCanvasWidth
       })
     }, [
-      T(m("div", {
+      T(g("div", {
         class: a(s.question.cssClasses.placeholder)
       }, [
         y(v, {
@@ -986,7 +990,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2), [
         [P, s.question.needShowPlaceholder()]
       ]),
-      m("div", null, [
+      g("div", null, [
         s.question.backgroundImage ? (r(), l("img", {
           key: 0,
           class: a(s.question.cssClasses.backgroundImage),
@@ -995,7 +999,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             width: s.question.renderedCanvasWidth
           })
         }, null, 14, Ws)) : c("", !0),
-        m("canvas", {
+        g("canvas", {
           tabindex: "-1",
           class: a(s.question.cssClasses.canvas),
           onBlur: n[0] || (n[0] = (...t) => s.question.onBlur && s.question.onBlur(...t))
@@ -1005,7 +1009,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         key: 0,
         class: a(s.question.cssClasses.controls)
       }, [
-        m("button", {
+        g("button", {
           type: "button",
           class: a(s.question.cssClasses.clearButton),
           title: s.question.clearButtonCaption,
@@ -1013,7 +1017,7 @@ 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", Os, "\u2716")),
           s.question.cssClasses.clearButtonIconId ? (r(), C(v, {
             key: 1,
             is: "sv-svg-icon",
@@ -1190,7 +1194,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         placeholder: s.question.title,
         style: { color: "transparent" }
       }, null, 10, _s)) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(s.question.cssClasses.dragArea),
         onDrop: n[0] || (n[0] = (...t) => s.question.onDrop && s.question.onDrop(...t)),
         onDragover: n[1] || (n[1] = (...t) => s.question.onDragOver && s.question.onDragOver(...t)),
@@ -1201,15 +1205,16 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           key: 0,
           class: a(s.question.getFileDecoratorCss())
         }, [
-          m("span", {
+          s.question.showDragAreaPlaceholder ? (r(), l("span", {
+            key: 0,
             class: a(s.question.cssClasses.dragAreaPlaceholder)
           }, [
             y(v, {
               is: "survey-string",
               locString: s.question.locRenderedPlaceholder
             }, null, 8, ["locString"])
-          ], 2),
-          m("div", {
+          ], 2)) : c("", !0),
+          g("div", {
             class: a(s.question.cssClasses.wrapper)
           }, [
             s.question.showChooseButton ? (r(), C(v, {
@@ -1287,14 +1292,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: e
     }, [
-      m("legend", s1, H(t.question.locTitle.renderedHtml), 1),
+      g("legend", s1, H(t.question.locTitle.renderedHtml), 1),
       t.question.hasColumns ? c("", !0) : (r(!0), l(I, { key: 0 }, S(t.question.visibleChoices, (d) => (r(), C(v, D({
         key: d.value,
         is: s(d)
       }, n(d)), null, 16, ["is"]))), 128)),
-      t.question.hasColumns ? (r(!0), l(I, { key: 1 }, S(t.question.columns, (d, g) => (r(), l("div", {
+      t.question.hasColumns ? (r(!0), l(I, { key: 1 }, S(t.question.columns, (d, m) => (r(), l("div", {
         class: a(t.question.getColumnClass()),
-        key: g,
+        key: m,
         role: "presentation"
       }, [
         (r(!0), l(I, null, S(d, (p) => (r(), C(v, D({
@@ -1326,7 +1331,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     return (t, i) => (r(), l("div", {
       class: a(e(t.item))
     }, [
-      m("label", {
+      g("label", {
         class: a(t.question.cssClasses.label)
       }, [
         t.question.multiSelect ? T((r(), l("input", {
@@ -1362,10 +1367,10 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         }, null, 10, n1)), [
           [Y, s.value]
         ]),
-        m("div", {
+        g("div", {
           class: a(t.question.cssClasses.itemDecorator)
         }, [
-          m("div", {
+          g("div", {
             class: a(t.question.cssClasses.imageContainer)
           }, [
             t.question.cssClasses.checkedItemDecorator ? (r(), l("span", {
@@ -1536,7 +1541,7 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("div", {
+      g("div", {
         class: a(i.question.cssClasses.selectWrapper)
       }, [
         i.question.isReadOnly ? (r(), l("div", {
@@ -1547,7 +1552,7 @@ const p1 = /* @__PURE__ */ h({
         }, H(i.question.readOnlyText), 11, c1)) : T((r(), l("select", {
           key: 0,
           id: i.question.inputId,
-          "onUpdate:modelValue": d[0] || (d[0] = (g) => t.value = g),
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => t.value = m),
           onClick: s,
           onKeyup: n,
           autocomplete: i.question.autocomplete,
@@ -1559,10 +1564,10 @@ const p1 = /* @__PURE__ */ h({
           required: i.question.isRequired
         }, [
           i.question.allowClear ? (r(), l("option", v1, H(i.question.placeholder), 1)) : c("", !0),
-          (r(!0), l(I, null, S(i.question.visibleChoices, (g) => (r(), C(v, {
+          (r(!0), l(I, null, S(i.question.visibleChoices, (m) => (r(), C(v, {
             is: "sv-dropdown-option-item",
-            item: g,
-            key: g.id
+            item: m,
+            key: m.id
           }, null, 8, ["item"]))), 128))
         ], 42, d1)), [
           [Ze, t.value]
@@ -1616,13 +1621,13 @@ const p1 = /* @__PURE__ */ h({
     }, d = (w) => {
       var A;
       (A = s.value) == null || A.keyHandler(w);
-    }, g = () => {
+    }, m = () => {
       if (e.value) {
         const w = e.value, A = s.value.inputStringRendered;
         We.isTwoValueEquals(A, w.value, !1, !0, !1) || (w.value = s.value.inputStringRendered);
       }
     }, p = (w) => {
-      o.question.onBlur(w), g();
+      o.question.onBlur(w), m();
     }, q = (w) => {
       o.question.onFocus(w);
     }, V = (w) => {
@@ -1630,7 +1635,7 @@ const p1 = /* @__PURE__ */ h({
     }, f = L(
       () => o.question.showSelectedItemLocText
     ), Z = L(() => o.question.selectedItemLocText);
-    return B(() => s.value), x(g), $(g), (w, A) => (r(), l("div", {
+    return B(() => s.value), x(m), $(m), (w, A) => (r(), l("div", {
       class: a(w.question.cssClasses.selectWrapper),
       onClick: n
     }, [
@@ -1656,9 +1661,9 @@ const p1 = /* @__PURE__ */ h({
           key: 0,
           class: a(w.question.cssClasses.hintPrefix)
         }, [
-          m("span", null, H(s.value.hintStringPrefix), 1)
+          g("span", null, H(s.value.hintStringPrefix), 1)
         ], 2)) : c("", !0),
-        m("div", {
+        g("div", {
           class: a(w.question.cssClasses.controlValue)
         }, [
           f.value ? (r(), C(v, {
@@ -1670,8 +1675,8 @@ const p1 = /* @__PURE__ */ h({
             key: 1,
             class: a(w.question.cssClasses.hintSuffix)
           }, [
-            m("span", y1, H(s.value.inputStringRendered), 1),
-            m("span", null, H(s.value.hintStringSuffix), 1)
+            g("span", y1, H(s.value.inputStringRendered), 1),
+            g("span", null, H(s.value.hintStringSuffix), 1)
           ], 2)) : c("", !0),
           w.question.showInputFieldComponent ? (r(), C(v, {
             key: 2,
@@ -1679,7 +1684,7 @@ const p1 = /* @__PURE__ */ h({
             item: s.value.getSelectedAction(),
             question: w.question
           }, null, 8, ["is", "item", "question"])) : c("", !0),
-          m("input", {
+          g("input", {
             type: "text",
             ref_key: "inputElement",
             ref: e,
@@ -1734,7 +1739,7 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: w.question.selectedItemLocText
         }, null, 8, ["locString"])) : c("", !0),
-        m("div", null, H(w.question.readOnlyText), 1)
+        g("div", null, H(w.question.readOnlyText), 1)
       ], 10, q1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
@@ -1803,7 +1808,7 @@ const p1 = /* @__PURE__ */ h({
     }, d = (p) => {
       var q;
       (q = e.value) == null || q.onBlur(p);
-    }, g = ee(() => o.question.selectedChoices);
+    }, m = ee(() => o.question.selectedChoices);
     return B(() => e.value), (p, q) => (r(), l("div", {
       class: a(p.question.cssClasses.selectWrapper),
       onClick: s
@@ -1826,10 +1831,10 @@ const p1 = /* @__PURE__ */ h({
         "aria-activedescendant": e.value.ariaActivedescendant,
         required: p.question.isRequired ? !0 : null
       }, [
-        m("div", {
+        g("div", {
           class: a(p.question.cssClasses.controlValue)
         }, [
-          (r(!0), l(I, null, S(k(g), (V, f) => (r(), C(v, {
+          (r(!0), l(I, null, S(k(m), (V, f) => (r(), C(v, {
             is: "sv-tagbox-item",
             item: V,
             question: p.question,
@@ -1916,9 +1921,9 @@ const p1 = /* @__PURE__ */ h({
         key: 0,
         class: a(i.question.cssClasses.hintPrefix)
       }, [
-        m("span", null, H(i.model.hintStringPrefix), 1)
+        g("span", null, H(i.model.hintStringPrefix), 1)
       ], 2)) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(i.question.cssClasses.hintSuffixWrapper)
       }, [
         i.question.showSelectedItemLocText ? (r(), C(v, {
@@ -1930,13 +1935,13 @@ const p1 = /* @__PURE__ */ h({
           key: 1,
           class: a(i.question.cssClasses.hintSuffix)
         }, [
-          m("span", M1, H(i.model.inputStringRendered), 1),
-          m("span", null, H(i.model.hintStringSuffix), 1)
+          g("span", M1, H(i.model.inputStringRendered), 1),
+          g("span", null, H(i.model.hintStringSuffix), 1)
         ], 2)) : c("", !0),
-        T(m("input", {
+        T(g("input", {
           type: "text",
           autocomplete: "off",
-          "onUpdate:modelValue": d[0] || (d[0] = (g) => i.model.inputStringRendered = g),
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => i.model.inputStringRendered = m),
           class: a(i.question.cssClasses.filterStringInput),
           placeholder: i.model.filterStringPlaceholder,
           disabled: i.question.isDisabledAttr,
@@ -1975,13 +1980,13 @@ const p1 = /* @__PURE__ */ h({
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      m("div", S1, [
+      g("div", S1, [
         y(v, {
           is: "survey-string",
           locString: s.item.locText
         }, null, 8, ["locString"])
       ]),
-      m("div", {
+      g("div", {
         class: a(s.question.cssClasses.cleanItemButton),
         onClick: e
       }, [
@@ -2018,19 +2023,19 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      t.question.selectToRankEnabled ? c("", !0) : (r(!0), l(I, { key: 0 }, S(t.question.renderedRankingChoices, (d, g) => (r(), C(v, D({
-        key: d.value + "-" + g + "-item",
+      t.question.selectToRankEnabled ? c("", !0) : (r(!0), l(I, { key: 0 }, S(t.question.renderedRankingChoices, (d, m) => (r(), C(v, D({
+        key: d.value + "-" + m + "-item",
         is: s(d)
-      }, n(d, g)), null, 16, ["is"]))), 128)),
+      }, n(d, m)), null, 16, ["is"]))), 128)),
       t.question.selectToRankEnabled ? (r(), l("div", {
         key: 1,
         class: a(t.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (r(!0), l(I, null, S(t.question.renderedUnRankingChoices, (d, g) => (r(), C(v, D({
-          key: d.value + "-" + g + "-item",
+        (r(!0), l(I, null, S(t.question.renderedUnRankingChoices, (d, m) => (r(), C(v, D({
+          key: d.value + "-" + m + "-item",
           is: s(d)
-        }, n(d, g, !0)), null, 16, ["is"]))), 128)),
+        }, n(d, m, !0)), null, 16, ["is"]))), 128)),
         t.question.renderedUnRankingChoices.length === 0 ? (r(), l("div", {
           key: 0,
           class: a(t.question.cssClasses.containerPlaceholder)
@@ -2050,10 +2055,10 @@ const p1 = /* @__PURE__ */ h({
         class: a(t.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (r(!0), l(I, null, S(t.question.renderedRankingChoices, (d, g) => (r(), C(v, D({
-          key: d.value + "-" + g + "-item",
+        (r(!0), l(I, null, S(t.question.renderedRankingChoices, (d, m) => (r(), C(v, D({
+          key: d.value + "-" + m + "-item",
           is: s(d)
-        }, n(d, g)), null, 16, ["is"]))), 128)),
+        }, n(d, m)), null, 16, ["is"]))), 128)),
         t.question.renderedRankingChoices.length === 0 ? (r(), l("div", {
           key: 0,
           class: a(t.question.cssClasses.containerPlaceholder)
@@ -2066,7 +2071,7 @@ const p1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), T1 = ["tabindex", "data-sv-drop-target-ranking-item"], R1 = {
+}), T1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], R1 = {
   tabindex: "-1",
   style: { outline: "none" }
 }, Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ h({
@@ -2081,6 +2086,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = L(() => o.question.getNumberByIndex(o.index));
     return B(() => o.item), (s, n) => (r(), l("div", {
+      id: s.question.getItemId(s.item),
       tabindex: s.question.getItemTabIndex(s.item),
       "data-sv-drop-target-ranking-item": s.index,
       class: a(s.question.getItemClass(s.item)),
@@ -2104,27 +2110,27 @@ const p1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      m("div", R1, [
-        m("div", {
+      g("div", R1, [
+        g("div", {
           class: a(s.question.cssClasses.itemGhostNode)
         }, null, 2),
-        m("div", {
+        g("div", {
           class: a(s.question.cssClasses.itemContent)
         }, [
-          m("div", {
+          g("div", {
             class: a(s.question.cssClasses.itemIconContainer)
           }, [
             (r(), l("svg", {
               class: a(s.question.getIconHoverCss())
             }, [
-              m("use", {
+              g("use", {
                 "xlink:href": s.question.dragDropSvgIcon
               }, null, 8, Z1)
             ], 2)),
             (r(), l("svg", {
               class: a(s.question.getIconFocusCss())
             }, [
-              m("use", {
+              g("use", {
                 "xlink:href": s.question.arrowsSvgIcon
               }, null, 8, $1)
             ], 2))
@@ -2137,7 +2143,7 @@ const p1 = /* @__PURE__ */ h({
             class: a(s.question.getItemIndexClasses(s.item))
           }, [
             (r(), l("svg", null, [
-              m("use", {
+              g("use", {
                 "xlink:href": s.question.dashSvgIcon
               }, null, 8, D1)
             ]))
@@ -2168,7 +2174,7 @@ const p1 = /* @__PURE__ */ h({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), N1 = { role: "radiogroup" }, E1 = /* @__PURE__ */ m("legend", {
+}), N1 = { role: "radiogroup" }, E1 = /* @__PURE__ */ g("legend", {
   role: "presentation",
   class: "sv-hidden"
 }, null, -1), W1 = /* @__PURE__ */ h({
@@ -2186,7 +2192,7 @@ const p1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("fieldset", N1, [
+      g("fieldset", N1, [
         E1,
         n.question.hasMinLabel ? (r(), l("span", {
           key: 0,
@@ -2216,7 +2222,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({
+}), F1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], O1 = ["data-text"], z1 = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2230,7 +2236,7 @@ const p1 = /* @__PURE__ */ h({
       onMousedown: s[1] || (s[1] = (n) => e.question.onMouseDown()),
       class: a(e.question.getItemClassByText(e.item.itemValue, e.item.text))
     }, [
-      m("input", {
+      g("input", {
         type: "radio",
         class: "sv-visuallyhidden",
         name: e.question.questionName,
@@ -2244,7 +2250,7 @@ const p1 = /* @__PURE__ */ h({
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
       }, null, 8, F1),
-      m("span", {
+      g("span", {
         class: a(e.question.cssClasses.itemText),
         "data-text": e.item.text
       }, [
@@ -2252,7 +2258,7 @@ const p1 = /* @__PURE__ */ h({
           is: "survey-string",
           locString: e.item.locText
         }, null, 8, ["locString"])
-      ], 10, z1)
+      ], 10, O1)
     ], 34));
   }
 }), U1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], K1 = /* @__PURE__ */ h({
@@ -2272,7 +2278,7 @@ const p1 = /* @__PURE__ */ h({
       onMouseover: s[2] || (s[2] = (n) => e.question.onItemMouseIn(e.item)),
       onMouseleave: s[3] || (s[3] = (n) => e.question.onItemMouseOut(e.item))
     }, [
-      m("input", {
+      g("input", {
         type: "radio",
         class: "sv-visuallyhidden",
         name: e.question.questionName,
@@ -2310,7 +2316,7 @@ const p1 = /* @__PURE__ */ h({
       onMouseover: s[2] || (s[2] = (n) => e.question.onItemMouseIn(e.item)),
       onMouseleave: s[3] || (s[3] = (n) => e.question.onItemMouseOut(e.item))
     }, [
-      m("input", {
+      g("input", {
         type: "radio",
         class: "sv-visuallyhidden",
         name: e.question.questionName,
@@ -2352,7 +2358,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u;
     return B(() => o.item), (e, s) => (r(), l("div", G1, [
-      m("span", J1, H(e.item.title), 1),
+      g("span", J1, H(e.item.title), 1),
       e.item.description ? (r(), l("div", X1, [
         y(v, {
           is: "survey-string",
@@ -2406,16 +2412,16 @@ const x1 = /* @__PURE__ */ h({
         class: a(t.question.cssClasses.root),
         ref_key: "root",
         ref: e,
-        onKeydown: i[4] || (i[4] = (g) => t.question.onKeyDownCore(g))
+        onKeydown: i[4] || (i[4] = (m) => t.question.onKeyDownCore(m))
       }, [
-        m("label", {
+        g("label", {
           class: a(t.question.getItemCss())
         }, [
-          T(m("input", {
+          T(g("input", {
             type: "checkbox",
             name: t.question.name,
             value: (d = t.question.booleanValue) != null ? d : "",
-            "onUpdate:modelValue": i[0] || (i[0] = (g) => t.question.booleanValue = g),
+            "onUpdate:modelValue": i[0] || (i[0] = (m) => t.question.booleanValue = m),
             class: a(t.question.cssClasses.control),
             id: t.question.inputId,
             ".indeterminate": t.question.isIndeterminate,
@@ -2431,11 +2437,11 @@ const x1 = /* @__PURE__ */ h({
           }, null, 42, _1), [
             [oe, t.question.booleanValue]
           ]),
-          m("div", {
+          g("div", {
             class: a(t.question.cssClasses.sliderGhost),
-            onClick: i[1] || (i[1] = (g) => s(g, t.question.swapOrder))
+            onClick: i[1] || (i[1] = (m) => s(m, t.question.swapOrder))
           }, [
-            m("span", {
+            g("span", {
               class: a(t.question.getLabelCss(t.question.swapOrder))
             }, [
               y(v, {
@@ -2444,11 +2450,11 @@ const x1 = /* @__PURE__ */ h({
               }, null, 8, ["locString"])
             ], 2)
           ], 2),
-          m("div", {
+          g("div", {
             class: a(t.question.cssClasses.switch),
-            onClick: i[2] || (i[2] = (g) => n(g))
+            onClick: i[2] || (i[2] = (m) => n(m))
           }, [
-            m("span", {
+            g("span", {
               class: a(t.question.cssClasses.slider)
             }, [
               t.question.cssClasses.sliderText && t.question.isDeterminated ? (r(), l("span", {
@@ -2462,11 +2468,11 @@ const x1 = /* @__PURE__ */ h({
               ], 2)) : c("", !0)
             ], 2)
           ], 2),
-          m("div", {
+          g("div", {
             class: a(t.question.cssClasses.sliderGhost),
-            onClick: i[3] || (i[3] = (g) => s(g, !t.question.swapOrder))
+            onClick: i[3] || (i[3] = (m) => s(m, !t.question.swapOrder))
           }, [
-            m("span", {
+            g("span", {
               class: a(t.question.getLabelCss(!t.question.swapOrder))
             }, [
               y(v, {
@@ -2498,7 +2504,7 @@ const so = /* @__PURE__ */ h({
       ref_key: "root",
       ref: o
     }, [
-      m("fieldset", {
+      g("fieldset", {
         role: "presentation",
         class: a(s.question.cssClasses.radioFieldset)
       }, [
@@ -2542,10 +2548,10 @@ const so = /* @__PURE__ */ h({
       role: "presentation",
       class: a(s.question.getRadioItemClass(s.question.cssClasses, s.value))
     }, [
-      m("label", {
+      g("label", {
         class: a(s.question.cssClasses.radioLabel)
       }, [
-        m("input", {
+        g("input", {
           type: "radio",
           name: s.question.name,
           value: s.value,
@@ -2564,12 +2570,12 @@ const so = /* @__PURE__ */ h({
             key: 0,
             class: a(s.question.cssClasses.itemRadioDecorator)
           }, [
-            m("use", {
+            g("use", {
               "xlink:href": s.question.itemSvgIcon
             }, null, 8, to)
           ], 2)) : c("", !0)
         ], 2)) : c("", !0),
-        m("span", {
+        g("span", {
           class: a(s.question.cssClasses.radioControlLabel)
         }, [
           y(v, {
@@ -2580,7 +2586,7 @@ 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"];
+}), ro = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], io = ["xlink:href"], ao = /* @__PURE__ */ g("span", { class: "check" }, null, -1), lo = ["id"], uo = ["id"];
 _.Instance.registerRenderer(
   "boolean",
   "checkbox",
@@ -2602,13 +2608,13 @@ const vo = /* @__PURE__ */ h({
         ref_key: "root",
         ref: e
       }, [
-        m("div", {
+        g("div", {
           class: a(s.question.getCheckboxItemCss())
         }, [
-          m("label", {
+          g("label", {
             class: a(s.question.cssClasses.checkboxLabel)
           }, [
-            T(m("input", {
+            T(g("input", {
               type: "checkbox",
               name: s.question.name,
               value: (t = s.question.booleanValue) != null ? t : "",
@@ -2625,14 +2631,14 @@ const vo = /* @__PURE__ */ h({
             }, null, 42, ro), [
               [oe, s.question.booleanValue]
             ]),
-            m("span", {
+            g("span", {
               class: a(s.question.cssClasses.checkboxMaterialDecorator)
             }, [
               s.question.svgIcon ? (r(), l("svg", {
                 key: 0,
                 class: a(s.question.cssClasses.checkboxItemDecorator)
               }, [
-                m("use", {
+                g("use", {
                   "xlink:href": s.question.svgIcon
                 }, null, 8, io)
               ], 2)) : c("", !0),
@@ -2684,7 +2690,7 @@ const vo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("tbody", null, [
+      g("tbody", null, [
         (r(!0), l(I, null, S(k(s), (i, d) => (r(), l(I, {
           key: n.question.inputId + "rowkey" + d
         }, [
@@ -2692,14 +2698,14 @@ const vo = /* @__PURE__ */ h({
             key: 0,
             class: a(n.question.cssClasses.row)
           }, [
-            (r(!0), l(I, null, S(i.cells, (g) => (r(), l("td", {
-              key: "item" + g.item.editor.id,
-              class: a(g.className)
+            (r(!0), l(I, null, S(i.cells, (m) => (r(), l("td", {
+              key: "item" + m.item.editor.id,
+              class: a(m.className)
             }, [
               y(v, {
                 is: "survey-multipletext-item",
                 question: n.question,
-                cell: g
+                cell: m
               }, null, 8, ["question", "cell"])
             ], 2))), 128))
           ], 2)) : c("", !0)
@@ -2725,7 +2731,7 @@ const vo = /* @__PURE__ */ h({
       key: 0,
       class: a(n.question.getItemLabelCss(s.value))
     }, [
-      m("span", {
+      g("span", {
         class: a(n.question.getItemTitleCss()),
         style: M({
           minWidth: n.question.itemTitleWidth,
@@ -2788,16 +2794,16 @@ const vo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      m("fieldset", null, [
-        m("legend", go, H(t.question.locTitle.renderedHtml), 1),
-        m("table", {
+      g("fieldset", null, [
+        g("legend", go, H(t.question.locTitle.renderedHtml), 1),
+        g("table", {
           class: a(t.question.getTableCss())
         }, [
           t.question.showHeader ? (r(), l("thead", Co, [
-            m("tr", null, [
+            g("tr", null, [
               t.question.hasRows ? (r(), l("td", yo)) : c("", !0),
-              (r(!0), l(I, null, S(t.question.visibleColumns, (d, g) => (r(), l("th", {
-                key: g,
+              (r(!0), l(I, null, S(t.question.visibleColumns, (d, m) => (r(), l("th", {
+                key: m,
                 class: a(t.question.cssClasses.headerCell),
                 style: M({
                   minWidth: t.question.columnMinWidth,
@@ -2819,12 +2825,12 @@ const vo = /* @__PURE__ */ h({
               ], 6))), 128))
             ])
           ])) : c("", !0),
-          m("tbody", null, [
-            (r(!0), l(I, null, S(s.value, (d, g) => (r(), l("tr", {
-              key: "row_" + d.name + "_" + g,
+          g("tbody", null, [
+            (r(!0), l(I, null, S(s.value, (d, m) => (r(), l("tr", {
+              key: "row_" + d.name + "_" + m,
               class: a(d.rowClasses || void 0)
             }, [
-              T(m("td", {
+              T(g("td", {
                 class: a(d.rowTextClasses),
                 style: M({
                   minWidth: t.question.rowTitleWidth,
@@ -2925,7 +2931,7 @@ const vo = /* @__PURE__ */ h({
       onMousedown: e[1] || (e[1] = (s) => o.question.onMouseDown()),
       class: a(o.question.getItemClass(o.row, o.column))
     }, [
-      T(m("input", {
+      T(g("input", {
         type: "radio",
         class: a(o.question.cssClasses.itemValue),
         name: o.row.fullName,
@@ -2944,14 +2950,14 @@ const vo = /* @__PURE__ */ h({
       }, null, 10, Lo), [
         [Y, o.row.value]
       ]),
-      m("span", {
+      g("span", {
         class: a(o.question.cssClasses.materialDecorator)
       }, [
         o.question.itemSvgIcon ? (r(), l("svg", {
           key: 0,
           class: a(o.question.cssClasses.itemDecorator)
         }, [
-          m("use", {
+          g("use", {
             "xlink:href": o.question.itemSvgIcon
           }, null, 8, bo)
         ], 2)) : c("", !0)
@@ -2993,11 +2999,11 @@ const vo = /* @__PURE__ */ h({
       style: M({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
       class: a(s.question.cssClasses.tableWrapper)
     }, [
-      m("table", {
+      g("table", {
         class: a(s.question.getTableCss())
       }, [
         e.value.showHeader ? (r(), l("thead", Io, [
-          m("tr", null, [
+          g("tr", null, [
             (r(!0), l(I, null, S(e.value.headerRow.cells, (t) => (r(), l(I, null, [
               t.hasTitle ? (r(), l("th", {
                 key: "header_" + t.id,
@@ -3031,7 +3037,7 @@ const vo = /* @__PURE__ */ h({
             ], 64))), 256))
           ])
         ])) : c("", !0),
-        m("tbody", null, [
+        g("tbody", null, [
           (r(!0), l(I, null, S(e.value.renderedRows, (t) => (r(), C(v, {
             key: s.question.inputId + "_" + t.id,
             is: "survey-matrix-row",
@@ -3040,7 +3046,7 @@ const vo = /* @__PURE__ */ h({
           }, null, 8, ["row", "question"]))), 128))
         ]),
         e.value.showFooter ? (r(), l("tfoot", So, [
-          m("tr", null, [
+          g("tr", null, [
             (r(!0), l(I, null, S(e.value.footerRow.cells, (t, i) => (r(), C(v, {
               is: "survey-matrixdropdown-cell",
               cell: t,
@@ -3052,7 +3058,7 @@ const vo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Vo = /* @__PURE__ */ m("span", null, "\xA0", -1), To = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ g("span", null, "\xA0", -1), To = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3104,7 +3110,7 @@ const vo = /* @__PURE__ */ h({
         }
         return "survey-panel";
       }
-    }), g = L(() => {
+    }), m = L(() => {
       if (o.cell.hasPanel) {
         const q = o.cell.panel, V = q.survey;
         let f;
@@ -3147,7 +3153,7 @@ const vo = /* @__PURE__ */ h({
       p.cell.hasPanel ? (r(), C(v, D({
         key: 3,
         is: d.value
-      }, g.value), null, 16, ["is"])) : c("", !0),
+      }, m.value), null, 16, ["is"])) : c("", !0),
       p.cell.showResponsiveTitle ? (r(), l("span", {
         key: 4,
         class: a(p.cell.responsiveTitleCss)
@@ -3255,7 +3261,7 @@ const vo = /* @__PURE__ */ h({
         key: 0,
         class: a(n.question.cssClasses.footer)
       }, [
-        m("button", {
+        g("button", {
           type: "button",
           class: a(n.question.getAddRowButtonCss()),
           onClick: s
@@ -3264,7 +3270,7 @@ const vo = /* @__PURE__ */ h({
             is: "survey-string",
             locString: n.question.locAddRowText
           }, null, 8, ["locString"]),
-          m("span", {
+          g("span", {
             class: a(n.question.cssClasses.iconAdd)
           }, null, 2)
         ], 2)
@@ -3278,7 +3284,7 @@ const vo = /* @__PURE__ */ h({
         key: 2,
         class: a(n.question.cssClasses.emptyRowsSection)
       }, [
-        m("div", {
+        g("div", {
           class: a(n.question.cssClasses.emptyRowsText)
         }, [
           y(v, {
@@ -3296,7 +3302,7 @@ const vo = /* @__PURE__ */ h({
             is: "survey-string",
             locString: n.question.locAddRowText
           }, null, 8, ["locString"]),
-          m("span", {
+          g("span", {
             class: a(n.question.cssClasses.iconAdd)
           }, null, 2)
         ], 2)) : c("", !0)
@@ -3305,7 +3311,7 @@ const vo = /* @__PURE__ */ h({
         key: 3,
         class: a(n.question.cssClasses.footer)
       }, [
-        m("button", {
+        g("button", {
           type: "button",
           class: a(n.question.getAddRowButtonCss()),
           onClick: s
@@ -3314,7 +3320,7 @@ const vo = /* @__PURE__ */ h({
             is: "survey-string",
             locString: n.question.locAddRowText
           }, null, 8, ["locString"]),
-          m("span", {
+          g("span", {
             class: a(n.question.cssClasses.iconAdd)
           }, null, 2)
         ], 2)
@@ -3345,7 +3351,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         is: "survey-string",
         locString: k(e).locRemoveRowText
       }, null, 8, ["locString"]),
-      m("span", {
+      g("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
     ], 10, Do));
@@ -3362,7 +3368,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         key: 0,
         class: a(k(e).cssClasses.dragElementDecorator)
       }, [
-        m("use", {
+        g("use", {
           "xlink:href": k(e).iconDragElement
         }, null, 8, Po)
       ], 2)) : (r(), l("span", {
@@ -3407,14 +3413,14 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       e,
       (d) => {
         d.panelCountChangedCallback = () => {
-          var g;
-          (g = s == null ? void 0 : s.proxy) == null || g.$forceUpdate();
+          var m;
+          (m = s == null ? void 0 : s.proxy) == null || m.$forceUpdate();
         }, d.currentIndexChangedCallback = () => {
-          var g;
-          (g = s == null ? void 0 : s.proxy) == null || g.$forceUpdate();
+          var m;
+          (m = s == null ? void 0 : s.proxy) == null || m.$forceUpdate();
         }, d.renderModeChangedCallback = () => {
-          var g;
-          (g = s == null ? void 0 : s.proxy) == null || g.$forceUpdate();
+          var m;
+          (m = s == null ? void 0 : s.proxy) == null || m.$forceUpdate();
         };
       },
       (d) => {
@@ -3422,17 +3428,17 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }
     );
     const n = () => o.question.showLegacyNavigation, t = (d) => {
-      const g = o.question.getSurvey();
-      if (g) {
-        const p = g.getElementWrapperComponentName(d);
+      const m = o.question.getSurvey();
+      if (m) {
+        const p = m.getElementWrapperComponentName(d);
         if (p)
           return p;
       }
       return "panel";
     }, i = (d) => {
-      const g = o.question.getSurvey();
+      const m = o.question.getSurvey();
       let p;
-      return g && (p = g.getElementWrapperComponentData(d)), {
+      return m && (p = m.getElementWrapperComponentData(d)), {
         componentName: "survey-panel",
         componentData: {
           element: d,
@@ -3440,7 +3446,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         }
       };
     };
-    return (d, g) => (r(), l("div", {
+    return (d, m) => (r(), l("div", {
       class: a(d.question.cssClasses.root),
       ref_key: "root",
       ref: e
@@ -3458,7 +3464,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         key: 1,
         class: a(d.question.cssClasses.noEntriesPlaceholder)
       }, [
-        m("span", null, [
+        g("span", null, [
           y(v, {
             is: "survey-string",
             locString: d.question.locNoEntriesText
@@ -3473,7 +3479,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         key: 2,
         class: a(d.question.cssClasses.progress)
       }, [
-        m("div", {
+        g("div", {
           class: a(d.question.cssClasses.progressBar),
           style: M({ width: d.question.progress }),
           role: "progressbar"
@@ -3484,13 +3490,13 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
         is: "survey-paneldynamicprogress",
         question: d.question
       }, null, 8, ["question"])) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(d.question.cssClasses.panelsContainer)
       }, [
         (r(!0), l(I, null, S(d.question.renderedPanels, (p, q) => (r(), l(I, {
           key: p.id
         }, [
-          m("div", {
+          g("div", {
             class: a(d.question.getPanelWrapperCss(p))
           }, [
             y(v, D({
@@ -3525,7 +3531,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), zo = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3535,11 +3541,11 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
     return (s, n) => (r(), l("div", {
       class: a(e())
     }, [
-      m("div", {
+      g("div", {
         style: { clear: "both" },
         class: a(e())
       }, [
-        m("div", {
+        g("div", {
           class: a(s.question.cssClasses.progressContainer)
         }, [
           y(v, {
@@ -3550,7 +3556,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
             key: 0,
             class: a(s.question.cssClasses.progress)
           }, [
-            m("div", {
+            g("div", {
               class: a(s.question.cssClasses.progressBar),
               style: M({ width: s.question.progress }),
               role: "progressbar"
@@ -3572,7 +3578,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), Oo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3582,14 +3588,14 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       key: 0,
       class: a(o.question.cssClasses.footer)
     }, [
-      m("hr", {
+      g("hr", {
         class: a(o.question.cssClasses.separator)
       }, null, 2),
       o.question.isRangeShowing && o.question.isProgressBottomShowing ? (r(), l("div", {
         key: 0,
         class: a(o.question.cssClasses.progress)
       }, [
-        m("div", {
+        g("div", {
           class: a(o.question.cssClasses.progressBar),
           style: M({ width: o.question.progress }),
           role: "progressbar"
@@ -3629,7 +3635,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       class: a(k(e).getAddButtonCss()),
       onClick: s
     }, [
-      m("span", {
+      g("span", {
         class: a(k(e).cssClasses.buttonAddText)
       }, [
         y(v, {
@@ -3699,9 +3705,9 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
       type: "button",
       id: n(s.value),
       class: a(k(e).getPanelRemoveButtonCss()),
-      onClick: d[0] || (d[0] = (g) => t(s.value))
+      onClick: d[0] || (d[0] = (m) => t(s.value))
     }, [
-      m("span", {
+      g("span", {
         class: a(k(e).cssClasses.buttonRemoveText)
       }, [
         y(v, {
@@ -3709,7 +3715,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
           locString: k(e).locPanelRemoveText
         }, null, 8, ["locString"])
       ], 2),
-      m("span", {
+      g("span", {
         class: a(k(e).cssClasses.iconRemove)
       }, null, 2)
     ], 10, Xo));
@@ -3875,7 +3881,7 @@ 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, [
+      g("span", ut, [
         s.element.isPage ? (r(), C(v, {
           key: 0,
           is: "survey-string",
@@ -3905,7 +3911,7 @@ const Uo = ["id"], Ko = /* @__PURE__ */ h({
 function Ct(u, o) {
   return r(), l("div", pt, gt);
 }
-const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use", null, null, -1), qt = [
+const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ g("use", null, null, -1), qt = [
   ht
 ], wt = /* @__PURE__ */ h({
   __name: "SvgIcon",
@@ -3918,7 +3924,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u, e = b(), s = () => {
-      ze(
+      Oe(
         o.size,
         o.width,
         o.height,
@@ -3948,13 +3954,13 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     return (o, e) => (r(), l("div", { key: o.errorKey }, [
-      m("span", {
+      g("span", {
         class: a(
           o.cssClasses ? o.cssClasses.error.icon || void 0 : "panel-error-icon"
         ),
         "aria-hidden": "true"
       }, null, 2),
-      m("span", {
+      g("span", {
         class: a(
           o.cssClasses ? o.cssClasses.error.item || void 0 : "panel-error-item"
         )
@@ -4010,7 +4016,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       class: a(s.item.getActionRootCss()),
       id: s.item.id
     }, [
-      m("div", bt, [
+      g("div", bt, [
         s.item.needSeparator ? (r(), C(v, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4030,7 +4036,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       return;
     }
     e.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), he(s, e), !1)), u.addEventListener("keydown", (s) => {
-      Oe(s, e);
+      ze(s, e);
     }), u.addEventListener("blur", (s) => {
       Ue(s);
     });
@@ -4154,11 +4160,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u, e = b(null), s = (d) => {
-      const g = o.model;
-      g.filterString = d.target.value;
+      const m = o.model;
+      m.filterString = d.target.value;
     }, n = (d) => {
-      const g = o.model;
-      g.filterString = d.target.value, o.model.goToItems(d);
+      const m = o.model;
+      m.filterString = d.target.value, o.model.goToItems(d);
     }, t = (d) => {
       o.model.onMouseMove(d);
     }, i = ee(() => o.model.renderedActions);
@@ -4166,7 +4172,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       o.model.initListContainerHtmlElement(e.value);
     }), N(() => {
       o.model && (o.model.removeScrollEventListener(), o.model.initListContainerHtmlElement(void 0));
-    }), (d, g) => (r(), l("div", {
+    }), (d, m) => (r(), l("div", {
       class: a(d.model.cssClasses.root),
       ref_key: "listContainerElement",
       ref: e
@@ -4175,7 +4181,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         key: 0,
         class: a(d.model.cssClasses.filter)
       }, [
-        m("div", {
+        g("div", {
           class: a(d.model.cssClasses.filterIcon)
         }, [
           y(v, {
@@ -4184,7 +4190,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
             size: "auto"
           })
         ], 2),
-        m("input", {
+        g("input", {
           type: "text",
           class: a(d.model.cssClasses.filterInput),
           "aria-label": d.model.filterStringPlaceholder,
@@ -4195,7 +4201,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         }, null, 42, Zt),
         d.model.showSearchClearButton && !!d.model.filterString ? (r(), l("button", {
           key: 0,
-          onClick: g[0] || (g[0] = (p) => {
+          onClick: m[0] || (m[0] = (p) => {
             d.model.onClickSearchClearButton(p);
           }),
           class: a(d.model.cssClasses.searchClearButtonIcon)
@@ -4207,10 +4213,10 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           })
         ], 2)) : c("", !0)
       ], 2)) : c("", !0),
-      T(m("div", {
+      T(g("div", {
         class: a(d.model.cssClasses.emptyContainer)
       }, [
-        m("div", {
+        g("div", {
           class: a(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
         }, H(d.model.emptyMessage), 11, $t)
@@ -4222,11 +4228,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         class: a(d.model.getListClass()),
         role: "listbox",
         id: d.model.elementId,
-        onMousedown: g[1] || (g[1] = (p) => {
+        onMousedown: m[1] || (m[1] = (p) => {
           p.preventDefault();
         }),
         onMousemove: t,
-        onKeydown: g[2] || (g[2] = (p) => {
+        onKeydown: m[2] || (m[2] = (p) => {
           d.model.onKeyDown(p);
         })
       }, [
@@ -4273,7 +4279,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         key: 0,
         class: a(t.model.cssClasses.itemSeparator)
       }, null, 2)) : c("", !0),
-      m("div", {
+      g("div", {
         style: M(t.model.getItemStyle(t.item)),
         class: a(t.model.cssClasses.itemBody),
         title: t.item.getTooltip(),
@@ -4340,7 +4346,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), zt = /* @__PURE__ */ h({
+}), Ot = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     model: {}
@@ -4370,7 +4376,7 @@ 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" }, Ut = {
   key: 0,
   class: "sv-popup__body-header"
 }, Kt = { class: "sv-popup__scrolling-content" }, jt = { class: "sv-popup__content" }, Qt = {
@@ -4400,7 +4406,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         s.model.clickOutside(t);
       })
     }, [
-      m("div", {
+      g("div", {
         class: "sv-popup__container",
         style: M({
           left: s.model.left,
@@ -4416,10 +4422,10 @@ 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, [
+        g("div", zt, [
           s.model.title ? (r(), l("div", Ut, H(s.model.title), 1)) : c("", !0),
-          m("div", Kt, [
-            m("div", jt, [
+          g("div", Kt, [
+            g("div", jt, [
               y(v, D({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
@@ -4495,7 +4501,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     return (t, i) => (r(), l("div", {
       class: a(t.survey.getProgressCssClasses(t.container))
     }, [
-      m("div", {
+      g("div", {
         class: a(t.survey.css.progressBar),
         style: M({ width: e.value }),
         role: "progressbar",
@@ -4503,11 +4509,11 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         "aria-valuemax": "100",
         "aria-label": "progress"
       }, [
-        m("span", {
+        g("span", {
           class: a(s(t.survey.css))
         }, H(t.survey.progressText), 3)
       ], 6),
-      m("span", {
+      g("span", {
         class: a(n(t.survey.css))
       }, H(t.survey.progressText), 3)
     ], 2));
@@ -4521,14 +4527,14 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u, e = b(!1), s = b(!1), n = b(!1), t = b(!0), i = b(), d = L(() => o.survey.css);
-    let g = null;
+    let m = null;
     const p = (q) => {
       let V = i.value;
       V.scrollLeft += (q ? -1 : 1) * 70;
     };
     return $(() => {
       const q = i.value;
-      g = new Qe(o.model, q, {
+      m = new Qe(o.model, q, {
         onResize: (V) => {
           t.value = V, s.value = !V;
         },
@@ -4541,7 +4547,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         container: L(() => o.container)
       });
     }), U(() => {
-      g.dispose();
+      m.dispose();
     }), (q, V) => (r(), l("div", {
       class: a(q.model.getRootCss(q.container)),
       style: M({ maxWidth: q.model.progressWidth }),
@@ -4554,25 +4560,25 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         key: 0,
         class: a(q.survey.css.progressButtonsHeader)
       }, [
-        m("div", {
+        g("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
         }, H(q.model.headerText), 11, Yt)
       ], 2)) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(d.value.progressButtonsContainer)
       }, [
-        m("div", {
+        g("div", {
           class: a(q.model.getScrollButtonCss(e.value, !0)),
           onClick: V[0] || (V[0] = (f) => p(!0)),
           role: "button"
         }, null, 2),
-        m("div", {
+        g("div", {
           class: a(d.value.progressButtonsListContainer),
           ref_key: "progressButtonsListContainer",
           ref: i
         }, [
-          m("ul", {
+          g("ul", {
             class: a(d.value.progressButtonsList)
           }, [
             (r(!0), l(I, null, S(q.survey.visiblePages, (f, Z) => (r(), l("li", {
@@ -4581,7 +4587,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
               onClick: (w) => q.model.isListElementClickable(Z) ? q.model.clickListElement(f) : null,
               "data-page-number": q.model.getItemNumber(f)
             }, [
-              m("div", {
+              g("div", {
                 class: a(d.value.progressButtonsConnector)
               }, null, 2),
               t.value ? (r(), l("div", {
@@ -4599,21 +4605,21 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
                 class: a(d.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
               }, H(f.locNavigationDescription.renderedHtml), 11, en)) : c("", !0),
-              m("div", {
+              g("div", {
                 class: a(d.value.progressButtonsButton)
               }, [
-                m("div", {
+                g("div", {
                   class: a(d.value.progressButtonsButtonBackground)
                 }, null, 2),
-                m("div", {
+                g("div", {
                   class: a(d.value.progressButtonsButtonContent)
                 }, null, 2),
-                m("span", null, H(q.model.getItemNumber(f)), 1)
+                g("span", null, H(q.model.getItemNumber(f)), 1)
               ], 2)
             ], 10, xt))), 128))
           ], 2)
         ], 2),
-        m("div", {
+        g("div", {
           class: a(q.model.getScrollButtonCss(e.value, !1)),
           onClick: V[1] || (V[1] = (f) => p(!1)),
           role: "button"
@@ -4623,7 +4629,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         key: 1,
         class: a(q.survey.css.progressButtonsFooter)
       }, [
-        m("div", {
+        g("div", {
           class: a(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
         }, H(q.model.footerText), 11, sn)
@@ -4665,7 +4671,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
 });
 var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.31
+ * surveyjs - Survey JavaScript library v1.12.32
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4694,10 +4700,10 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           return t;
         var d = /* @__PURE__ */ Object.create(null);
         if (n.r(d), Object.defineProperty(d, "default", { enumerable: !0, value: t }), i & 2 && typeof t != "string")
-          for (var g in t)
-            n.d(d, g, function(p) {
+          for (var m in t)
+            n.d(d, m, function(p) {
               return t[p];
-            }.bind(null, g));
+            }.bind(null, m));
         return d;
       }, n.n = function(t) {
         var i = t && t.__esModule ? function() {
@@ -4781,16 +4787,16 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           "./smiley-rate8-24x24.svg": "./packages/survey-core/src/images-v1/smiley-rate8-24x24.svg",
           "./smiley-rate9-24x24.svg": "./packages/survey-core/src/images-v1/smiley-rate9-24x24.svg"
         };
-        function i(g) {
-          var p = d(g);
+        function i(m) {
+          var p = d(m);
           return n(p);
         }
-        function d(g) {
-          if (!n.o(t, g)) {
-            var p = new Error("Cannot find module '" + g + "'");
+        function d(m) {
+          if (!n.o(t, m)) {
+            var p = new Error("Cannot find module '" + m + "'");
             throw p.code = "MODULE_NOT_FOUND", p;
           }
-          return t[g];
+          return t[m];
         }
         i.keys = function() {
           return Object.keys(t);
@@ -4978,7 +4984,7 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 })(re);
 var Le = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.31
+ * surveyjs - Survey JavaScript library v1.12.32
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5007,10 +5013,10 @@ var Le = { exports: {} };
           return t;
         var d = /* @__PURE__ */ Object.create(null);
         if (n.r(d), Object.defineProperty(d, "default", { enumerable: !0, value: t }), i & 2 && typeof t != "string")
-          for (var g in t)
-            n.d(d, g, function(p) {
+          for (var m in t)
+            n.d(d, m, function(p) {
               return t[p];
-            }.bind(null, g));
+            }.bind(null, m));
         return d;
       }, n.n = function(t) {
         var i = t && t.__esModule ? function() {
@@ -5094,16 +5100,16 @@ var Le = { exports: {} };
           "./smiley-rate8-24x24.svg": "./packages/survey-core/src/images-v2/smiley-rate8-24x24.svg",
           "./smiley-rate9-24x24.svg": "./packages/survey-core/src/images-v2/smiley-rate9-24x24.svg"
         };
-        function i(g) {
-          var p = d(g);
+        function i(m) {
+          var p = d(m);
           return n(p);
         }
-        function d(g) {
-          if (!n.o(t, g)) {
-            var p = new Error("Cannot find module '" + g + "'");
+        function d(m) {
+          if (!n.o(t, m)) {
+            var p = new Error("Cannot find module '" + m + "'");
             throw p.code = "MODULE_NOT_FOUND", p;
           }
-          return t[g];
+          return t[m];
         }
         i.keys = function() {
           return Object.keys(t);
@@ -5309,9 +5315,9 @@ const ie = /* @__PURE__ */ h({
     }), i = L(() => t.value.activePage ? t.value.activePage.id : ""), d = () => {
       const Z = i.value;
       return !!t.value && Z + n.value.toString();
-    }, g = L(
+    }, m = L(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), p = L(() => t.value.css), q = L(() => "page" + d()), V = () => g.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", f = (Z) => {
+    ), p = L(() => t.value.css), q = L(() => "page" + d()), V = () => m.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", f = (Z) => {
       if (!!Z) {
         var w = e.value;
         w && Z.afterRenderSurvey(w), Z.renderCallback = () => {
@@ -5344,7 +5350,7 @@ const ie = /* @__PURE__ */ h({
         key: 0,
         is: "sv-svg-bundle"
       })) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(t.value.wrapperFormCss)
       }, [
         y(v, { is: "survey-popup-modal" }),
@@ -5353,9 +5359,9 @@ const ie = /* @__PURE__ */ h({
           class: a(p.value.rootBackgroundImage),
           style: M(t.value.backgroundImageStyle)
         }, null, 6)) : c("", !0),
-        m("form", rn, [
+        g("form", rn, [
           t.value.hasLogo ? c("", !0) : (r(), l("div", an)),
-          m("div", {
+          g("div", {
             class: a(p.value.container)
           }, [
             t.value.headerView === "basic" ? (r(), C(v, {
@@ -5379,14 +5385,14 @@ const ie = /* @__PURE__ */ h({
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              m("div", ln, [
+              g("div", ln, [
                 y(v, {
                   is: "sv-components-container",
                   survey: t.value,
                   container: "center",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"]),
-                m("div", {
+                g("div", {
                   class: a(t.value.bodyCss),
                   style: M({ maxWidth: t.value.renderedWidth }),
                   id: i.value
@@ -5429,8 +5435,8 @@ const ie = /* @__PURE__ */ h({
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            g.value ? (r(), l("div", dn, [
-              m("div", {
+            m.value ? (r(), l("div", dn, [
+              g("div", {
                 innerHTML: V(),
                 class: a(t.value.completedCss)
               }, null, 10, vn),
@@ -5478,7 +5484,7 @@ const ie = /* @__PURE__ */ h({
       role: "alert",
       "aria-live": "polite"
     }, [
-      m("span", null, H(e.model.message), 1),
+      g("span", null, H(e.model.message), 1),
       y(v, {
         is: "sv-action-bar",
         model: e.model.actionBar
@@ -5543,7 +5549,7 @@ const ie = /* @__PURE__ */ h({
       return e.value.isCollapsed && (p += " " + e.value.cssRootCollapsedMod), p;
     };
     B(() => e.value);
-    const g = F(
+    const m = F(
       () => o.survey,
       (p) => {
         const q = new Ge(null, p);
@@ -5554,7 +5560,7 @@ const ie = /* @__PURE__ */ h({
       }
     );
     return N(() => {
-      g();
+      m();
     }), (p, q) => e.value.isShowing ? (r(), l("div", {
       key: 0,
       style: M({
@@ -5564,17 +5570,17 @@ const ie = /* @__PURE__ */ h({
       class: a(e.value.cssRoot),
       onScroll: i
     }, [
-      m("div", {
+      g("div", {
         class: a(e.value.cssRootContent)
       }, [
-        m("div", {
+        g("div", {
           class: a(d())
         }, [
           e.value.isCollapsed && !!e.value.locTitle ? (r(), l("div", {
             key: 0,
             class: a(e.value.cssHeaderTitleCollapsed)
           }, H(e.value.locTitle.renderedHtml), 3)) : c("", !0),
-          m("div", {
+          g("div", {
             class: a(e.value.cssHeaderButtonsContainer)
           }, [
             e.value.allowFullScreen ? (r(), l("div", {
@@ -5595,7 +5601,7 @@ const ie = /* @__PURE__ */ h({
                 size: 16
               }))
             ], 2)) : c("", !0),
-            m("div", {
+            g("div", {
               class: a(e.value.cssHeaderCollapseButton),
               onClick: s
             }, [
@@ -5625,7 +5631,7 @@ const ie = /* @__PURE__ */ h({
             ], 2)) : c("", !0)
           ], 2)
         ], 2),
-        m("div", {
+        g("div", {
           class: a(e.value.cssBody)
         }, [
           y(ie, { survey: p.survey }, null, 8, ["survey"])
@@ -5649,7 +5655,7 @@ const ie = /* @__PURE__ */ h({
       o.question.customWidget.afterRender(o.question, e.value);
     }), U(() => {
       o.question.customWidget.willUnmount(o.question, e.value);
-    }), (d, g) => (r(), l("div", {
+    }), (d, m) => (r(), l("div", {
       ref_key: "root",
       ref: e
     }, [
@@ -5669,7 +5675,7 @@ const ie = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const o = W();
-    function e(n, t, i, d, g, p, q = "popup") {
+    function e(n, t, i, d, m, p, q = "popup") {
       const V = Je(
         n,
         t,
@@ -5677,7 +5683,7 @@ const ie = /* @__PURE__ */ h({
         d,
         void 0,
         void 0,
-        g,
+        m,
         p,
         q
       );
@@ -5687,15 +5693,15 @@ const ie = /* @__PURE__ */ h({
       const i = Xe(
         n,
         t
-      ), d = (g, p) => {
+      ), d = (m, p) => {
         p.isVisible || (o.value = void 0, i.dispose(), i.onVisibilityChanged.remove(d));
       };
       return i.onVisibilityChanged.add(d), i.model.isVisible = !0, o.value = i, i;
     }
-    return z.showModal || (z.showModal = e, N(() => {
-      z.showModal = void 0;
-    })), z.showDialog || (z.showDialog = s, N(() => {
-      z.showDialog = void 0;
+    return O.showModal || (O.showModal = e, N(() => {
+      O.showModal = void 0;
+    })), O.showDialog || (O.showDialog = s, N(() => {
+      O.showDialog = void 0;
     })), (n, t) => o.value ? (r(), C(Pe, {
       key: 0,
       to: o.value.container
@@ -5806,7 +5812,7 @@ const ie = /* @__PURE__ */ h({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), In = /* @__PURE__ */ m("use", { "xlink:href": "#icon-timercircle" }, null, -1), Sn = [
+}), In = /* @__PURE__ */ g("use", { "xlink:href": "#icon-timercircle" }, null, -1), Sn = [
   In
 ], me = 440, Bn = /* @__PURE__ */ h({
   __name: "TimerPanel",
@@ -5825,10 +5831,10 @@ const ie = /* @__PURE__ */ h({
         class: a(n.model.getProgressCss()),
         style: M({ strokeDasharray: me, strokeDashoffset: e.value })
       }, Sn, 6)) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(n.model.textContainerCss)
       }, [
-        m("span", {
+        g("span", {
           class: a(n.model.majorTextCss)
         }, H(n.model.clockMajorText), 3),
         n.model.clockMinorText ? (r(), l("span", {
@@ -5907,15 +5913,15 @@ const ie = /* @__PURE__ */ h({
       class: a(o.model.css),
       style: M(o.model.style)
     }, [
-      m("div", {
+      g("div", {
         class: "sv-header__cell-content",
         style: M(o.model.contentStyle)
       }, [
         o.model.showLogo ? (r(), l("div", $n, [
-          m("div", {
+          g("div", {
             class: a(o.model.survey.logoClassNames)
           }, [
-            m("img", {
+            g("img", {
               class: a(o.model.survey.css.logoImage),
               src: o.model.survey.locLogo.renderedHtml,
               width: o.model.survey.renderedLogoWidth,
@@ -5965,10 +5971,10 @@ const ie = /* @__PURE__ */ h({
   setup(u) {
     return (o, e) => (r(), l("div", Pn, [
       o.model.survey.hasLogo ? (r(), l("div", Nn, [
-        m("div", {
+        g("div", {
           class: a(o.model.survey.logoClassNames)
         }, [
-          m("img", {
+          g("img", {
             class: a(o.model.survey.css.logoImage),
             src: o.model.survey.locLogo.renderedHtml,
             width: o.model.survey.renderedLogoWidth,
@@ -6014,21 +6020,21 @@ const ie = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const o = u, e = b(), s = (g) => g.isPanel ? "survey-panel" : "survey-question", n = L(() => {
-      const g = o.element.survey;
-      if (g) {
-        const p = g.getElementWrapperComponentName(o.element);
+    const o = u, e = b(), s = (m) => m.isPanel ? "survey-panel" : "survey-question", n = L(() => {
+      const m = o.element.survey;
+      if (m) {
+        const p = m.getElementWrapperComponentName(o.element);
         if (p)
           return p;
       }
       return s(o.element);
-    }), t = (g) => g.cssClasses ? g.rootStyle : {}, i = L(() => {
-      const g = o.element, p = g.survey;
+    }), t = (m) => m.cssClasses ? m.rootStyle : {}, i = L(() => {
+      const m = o.element, p = m.survey;
       let q;
-      return p && (q = p.getElementWrapperComponentData(g)), {
-        componentName: s(g),
+      return p && (q = p.getElementWrapperComponentData(m)), {
+        componentName: s(m),
         componentData: {
-          element: g,
+          element: m,
           survey: p,
           row: o.row,
           css: o.css,
@@ -6037,32 +6043,32 @@ const ie = /* @__PURE__ */ h({
       };
     }), d = F(
       () => o.element,
-      (g, p) => {
-        p && p.setWrapperElement(void 0), g.setWrapperElement(e.value);
+      (m, p) => {
+        p && p.setWrapperElement(void 0), m.setWrapperElement(e.value);
       }
     );
     return $(() => {
       o.element.setWrapperElement(e.value);
     }), N(() => {
       o.element.setWrapperElement(void 0), d();
-    }), (g, p) => (r(), l("div", {
+    }), (m, p) => (r(), l("div", {
       ref_key: "root",
       ref: e,
-      style: M(t(g.element)),
-      class: a(g.element.cssClasses.questionWrapper)
+      style: M(t(m.element)),
+      class: a(m.element.cssClasses.questionWrapper)
     }, [
-      g.row.isNeedRender ? (r(), C(v, D({
+      m.row.isNeedRender ? (r(), C(v, D({
         key: 0,
         is: n.value
-      }, i.value), null, 16, ["is"])) : g.element.skeletonComponentName ? (r(), C(v, {
+      }, i.value), null, 16, ["is"])) : m.element.skeletonComponentName ? (r(), C(v, {
         key: 1,
-        is: g.element.skeletonComponentName,
-        element: g.element,
-        css: g.css
+        is: m.element.skeletonComponentName,
+        element: m.element,
+        css: m.css
       }, null, 8, ["is", "element", "css"])) : c("", !0)
     ], 6));
   }
-}), zn = /* @__PURE__ */ h({
+}), On = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -6075,7 +6081,7 @@ const ie = /* @__PURE__ */ h({
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), On = /* @__PURE__ */ h({
+}), zn = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -6087,7 +6093,7 @@ const ie = /* @__PURE__ */ h({
       class: a(o.css),
       onClick: e[0] || (e[0] = (...s) => o.question.doClean && o.question.doClean(...s))
     }, [
-      m("span", null, H(o.question.clearButtonCaption), 1),
+      g("span", null, H(o.question.clearButtonCaption), 1),
       o.question.cssClasses.removeButtonIconId ? (r(), C(v, {
         key: 0,
         is: "sv-svg-icon",
@@ -6114,7 +6120,7 @@ const ie = /* @__PURE__ */ h({
         is: "sv-action",
         item: o.question.closeCameraAction
       }, null, 8, ["item"]),
-      m("video", {
+      g("video", {
         autoplay: "",
         playsinline: "",
         id: o.question.videoId,
@@ -6153,7 +6159,7 @@ const ie = /* @__PURE__ */ h({
         iconName: e.value.cssClasses.chooseFileIconId,
         size: "auto"
       }, null, 8, ["title", "iconName"])) : c("", !0),
-      m("span", null, H(e.value.chooseButtonText), 1)
+      g("span", null, H(e.value.chooseButtonText), 1)
     ], 10, jn)), [
       [k(j)]
     ]);
@@ -6226,7 +6232,7 @@ const ie = /* @__PURE__ */ h({
       class: a(e.value.css.label),
       title: e.value.caption.renderedHtml
     }, [
-      T(m("input", {
+      T(g("input", {
         type: "radio",
         name: e.value.name,
         id: e.value.id,
@@ -6242,7 +6248,7 @@ const ie = /* @__PURE__ */ h({
       }, null, 10, Yn), [
         [Y, s.value]
       ]),
-      m("div", {
+      g("div", {
         class: a(e.value.css.decorator)
       }, [
         e.value.iconName ? (r(), C(v, {
@@ -6276,7 +6282,7 @@ const ie = /* @__PURE__ */ h({
     return (n, t) => (r(), l("div", {
       class: a(e.value.logoClassNames)
     }, [
-      m("img", {
+      g("img", {
         class: a(e.value.css.logoImage),
         src: k(s),
         width: e.value.renderedLogoWidth,
@@ -6343,7 +6349,7 @@ const ie = /* @__PURE__ */ h({
         key: 0,
         class: a(o.question.cssClasses.fileSign)
       }, [
-        m("a", {
+        g("a", {
           onClick: e[0] || (e[0] = (s) => o.question.doDownloadFile(s, o.item)),
           href: o.item.content,
           title: o.item.name,
@@ -6351,7 +6357,7 @@ const ie = /* @__PURE__ */ h({
           style: M({ width: o.question.imageWidth })
         }, H(o.item.name), 13, rr)
       ], 2)) : c("", !0),
-      m("div", {
+      g("div", {
         class: a(o.question.getImageWrapperCss(o.item))
       }, [
         o.question.canPreviewImage(o.item) ? (r(), l("img", {
@@ -6375,7 +6381,7 @@ const ie = /* @__PURE__ */ h({
           class: a(o.question.getRemoveButtonCss()),
           onClick: e[1] || (e[1] = (s) => o.question.doRemoveFile(o.item, s))
         }, [
-          m("span", {
+          g("span", {
             class: a(o.question.cssClasses.removeFile)
           }, H(o.question.removeFileCaption), 3),
           o.question.cssClasses.removeFileSvgIconId ? (r(), C(v, {
@@ -6392,7 +6398,7 @@ const ie = /* @__PURE__ */ h({
         key: 1,
         class: a(o.question.cssClasses.fileSignBottom)
       }, [
-        m("a", {
+        g("a", {
           onClick: e[2] || (e[2] = (s) => o.question.doDownloadFile(s, o.item)),
           href: o.item.content,
           title: o.item.name,
@@ -6414,20 +6420,20 @@ function Me(u) {
     void 0,
     u
   );
-  o("sv-svg-bundle", or), o("popup-survey", be), o("survey-header", ts), o("sv-logo-image", sr), o("survey-page", os), o("survey-row", ns), o("survey-question", ls), o("survey-panel", cs), o("survey-element-header", ms), o("survey-string", gs), o("sv-string-viewer", ys), o("sv-string-editor", qs), o("sv-skeleton", ks), o("survey-text", bs), o("survey-text-input", Is), o("survey-checkbox", Rs), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", Os), o("survey-html", Ks), o("survey-image", Js), o("survey-expression", Xs), o("survey-file", e1), o("sv-file-choose-btn", Qn), o("sv-file-clean-btn", On), o("sv-file-preview", Gn), o("sv-file-page", nr), o("sv-file-item", lr), o("sv-file-video", Kn), o("survey-imagepicker", o1), o("survey-imagepicker-item", a1), o("survey-comment", l1), o("survey-dropdown", u1), o("sv-dropdown-select", p1), o("sv-dropdown-option-item", g1), o("sv-dropdown", w1), o("survey-tagbox", k1), o("sv-tagbox", b1), o("sv-tagbox-item", B1), o("sv-tagbox-filter", I1), o("survey-ranking", V1), o("survey-ranking-item", A1), o("sv-ranking-item", P1), o("survey-rating", W1), o("sv-rating-item", O1), o("sv-rating-item-smiley", K1), o("sv-rating-item-star", Q1), o("sv-rating-dropdown", x1), o("sv-rating-dropdown-item", Y1), o("survey-boolean", eo), o("sv-boolean-radio", so), o("sv-boolean-radio-item", no), o("sv-boolean-checkbox", vo), o("survey-multipletext", co), o("survey-multipletext-item", mo), o("survey-matrix", wo), o("survey-matrix-row", fo), o("survey-matrix-cell", Mo), o("survey-matrixdropdown", Ho), o("survey-matrixtable", Bo), o("survey-matrixheaderrequired", To), o("survey-matrixdropdown-cell", Zo), o("survey-matrixdynamic", $o), o("sv-matrix-remove-button", Ao), o("sv-matrix-drag-drop-icon", No), o("sv-matrix-detail-button", Wo), o("survey-paneldynamic", Fo), o("survey-paneldynamicprogress", zo), o("survey-paneldynamicprogress-v2", Oo), o("sv-paneldynamic-add-btn", Ko), o("sv-paneldynamic-next-btn", Qo), o("sv-paneldynamic-prev-btn", Jo), o("sv-paneldynamic-remove-btn", Yo), o("sv-paneldynamic-progress-text", xo), o("sv-components-container", Xt), o("sv-progress-buttons", on), o("sv-navigation-toc", tn), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", et), o("survey-question-comment", ot), o("survey-element-title", tt), o("survey-element-title-content", at), o("sv-title-actions", dt), o("sv-brand-info", yt), o("sv-question-error", kt), o("sv-svg-icon", wt), o("sv-action-bar", ft), o("sv-action", Mt), o("sv-action-bar-item", St), o("sv-action-bar-item-dropdown", Tt), o("sv-action-bar-separator", Rt), o("sv-list", At), o("sv-list-item-content", Wt), o("sv-list-item-group", Ft), o("sv-list-item", Et), o("sv-popup", zt), o("sv-popup-container", Gt), o("popup-pointer", Jt), o("sv-notifier", mn), o("survey-other-choice", Cn), o("sv-nav-btn", hn), o("survey-customwidget", wn), o("survey-popup-modal", kn), o("survey-composite", Mn), o("survey-custom", Hn), o("sv-timerpanel", Bn), o("sv-loading-indicator", Tn), o("sv-header", Zn), o("sv-header-cell", An), o("sv-header-mobile", Wn), o("sv-template-renderer", zn), o("sv-character-counter", bn), o("sv-text-area", Ln), o("survey-element", Fn), o("survey-buttongroup", Jn), o("sv-button-group-item", _n), o("survey", ie);
+  o("sv-svg-bundle", or), o("popup-survey", be), o("survey-header", ts), o("sv-logo-image", sr), o("survey-page", os), o("survey-row", ns), o("survey-question", ls), o("survey-panel", cs), o("survey-element-header", ms), o("survey-string", gs), o("sv-string-viewer", ys), o("sv-string-editor", qs), o("sv-skeleton", ks), o("survey-text", bs), o("survey-text-input", Is), o("survey-checkbox", Rs), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", zs), o("survey-html", Ks), o("survey-image", Js), o("survey-expression", Xs), o("survey-file", e1), o("sv-file-choose-btn", Qn), o("sv-file-clean-btn", zn), o("sv-file-preview", Gn), o("sv-file-page", nr), o("sv-file-item", lr), o("sv-file-video", Kn), o("survey-imagepicker", o1), o("survey-imagepicker-item", a1), o("survey-comment", l1), o("survey-dropdown", u1), o("sv-dropdown-select", p1), o("sv-dropdown-option-item", g1), o("sv-dropdown", w1), o("survey-tagbox", k1), o("sv-tagbox", b1), o("sv-tagbox-item", B1), o("sv-tagbox-filter", I1), o("survey-ranking", V1), o("survey-ranking-item", A1), o("sv-ranking-item", P1), o("survey-rating", W1), o("sv-rating-item", z1), o("sv-rating-item-smiley", K1), o("sv-rating-item-star", Q1), o("sv-rating-dropdown", x1), o("sv-rating-dropdown-item", Y1), o("survey-boolean", eo), o("sv-boolean-radio", so), o("sv-boolean-radio-item", no), o("sv-boolean-checkbox", vo), o("survey-multipletext", co), o("survey-multipletext-item", mo), o("survey-matrix", wo), o("survey-matrix-row", fo), o("survey-matrix-cell", Mo), o("survey-matrixdropdown", Ho), o("survey-matrixtable", Bo), o("survey-matrixheaderrequired", To), o("survey-matrixdropdown-cell", Zo), o("survey-matrixdynamic", $o), o("sv-matrix-remove-button", Ao), o("sv-matrix-drag-drop-icon", No), o("sv-matrix-detail-button", Wo), o("survey-paneldynamic", Fo), o("survey-paneldynamicprogress", Oo), o("survey-paneldynamicprogress-v2", zo), o("sv-paneldynamic-add-btn", Ko), o("sv-paneldynamic-next-btn", Qo), o("sv-paneldynamic-prev-btn", Jo), o("sv-paneldynamic-remove-btn", Yo), o("sv-paneldynamic-progress-text", xo), o("sv-components-container", Xt), o("sv-progress-buttons", on), o("sv-navigation-toc", tn), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", et), o("survey-question-comment", ot), o("survey-element-title", tt), o("survey-element-title-content", at), o("sv-title-actions", dt), o("sv-brand-info", yt), o("sv-question-error", kt), o("sv-svg-icon", wt), o("sv-action-bar", ft), o("sv-action", Mt), o("sv-action-bar-item", St), o("sv-action-bar-item-dropdown", Tt), o("sv-action-bar-separator", Rt), o("sv-list", At), o("sv-list-item-content", Wt), o("sv-list-item-group", Ft), o("sv-list-item", Et), o("sv-popup", Ot), o("sv-popup-container", Gt), o("popup-pointer", Jt), o("sv-notifier", mn), o("survey-other-choice", Cn), o("sv-nav-btn", hn), o("survey-customwidget", wn), o("survey-popup-modal", kn), o("survey-composite", Mn), o("survey-custom", Hn), o("sv-timerpanel", Bn), o("sv-loading-indicator", Tn), o("sv-header", Zn), o("sv-header-cell", An), o("sv-header-mobile", Wn), o("sv-template-renderer", On), o("sv-character-counter", bn), o("sv-text-area", Ln), o("survey-element", Fn), o("survey-buttongroup", Jn), o("sv-button-group-item", _n), o("survey", ie);
 }
 Me(
-  (u, o) => O.Instance.registerComponent(u, o)
+  (u, o) => z.Instance.registerComponent(u, o)
 );
 const pr = {
   install(u) {
     u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", be), u.directive("key2click", j), Me((o, e) => {
-      u.component(o, e), O.Instance.registerComponent(o, o);
+      u.component(o, e), z.Instance.registerComponent(o, o);
     });
   }
 };
 export {
-  O as ComponentFactory,
+  z as ComponentFactory,
   be as PopupSurveyComponent,
   ie as SurveyComponent,
   v as SvComponent,