survey-vue3-ui 1.12.32 → 1.12.34

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 O, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Ve, triggerRef as se, unref as k, isRef as Re, nextTick as Te, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as g, onUnmounted as N, withDirectives as R, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
+import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as Oe, doKey2ClickUp as he, createSvg as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Ue, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as X, PopupSurveyModel as Ge, settings as F, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
 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) => ({
@@ -52,7 +52,7 @@ class _e {
     this.element = o;
   }
   async add() {
-    const o = Re();
+    const o = Te();
     this.currentNextTickPromise !== o && (this.currentNextTickPromise = o, await o, o == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
@@ -74,7 +74,7 @@ function es(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 ce(u) {
   }), delete u.__vueImplemented, u.disableOnElementRerenderedEvent(), u.createArrayCoreHandler = void 0, u.getPropertyValueCoreHandler = void 0, u.setPropertyValueCoreHandler = void 0));
 }
 function B(u, o, e) {
-  const s = F(
+  const s = O(
     u,
     (t, i) => {
       t && o && o(t, i), i && (ce(i), e && e(i)), es(t);
@@ -107,7 +107,7 @@ function B(u, o, e) {
     }
   });
 }
-function R(u, o, e, s) {
+function T(u, o, e, s) {
   B(() => u.question, e, s), $(() => {
     u.question && u.question.afterRenderQuestionElement(o.value);
   }), U(() => {
@@ -119,7 +119,7 @@ function K(u) {
     o.value = t.renderedHtml;
   }, s = (t) => {
     o.value = t.renderedHtml, t.onStringChanged.add(e);
-  }, n = F(
+  }, n = O(
     u,
     (t, i) => {
       i && i.onStringChanged.remove(e), s(t);
@@ -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 = O(
       () => 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
@@ -502,7 +502,7 @@ const os = /* @__PURE__ */ h({
         element: n.element,
         css: n.css
       }, null, 8, ["element", "css"]),
-      n.element.hasDescriptionUnderTitle ? T((r(), l("div", {
+      n.element.hasDescriptionUnderTitle ? R((r(), l("div", {
         key: 0,
         class: a(n.element.cssDescription),
         id: n.element.ariaDescriptionId
@@ -596,7 +596,7 @@ const os = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => s.question.isReadOnlyRenderDiv() ? (r(), l("div", {
+    return T(o, e), (s, n) => s.question.isReadOnlyRenderDiv() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
       ref: e
@@ -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,
@@ -711,7 +715,7 @@ const os = /* @__PURE__ */ h({
 }), Ss = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Bs = {
   key: 0,
   class: "sv-hidden"
-}, Vs = { key: 7 }, Ts = ["value"], we = /* @__PURE__ */ h({
+}, Vs = { key: 7 }, Rs = ["value"], we = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -720,7 +724,7 @@ const os = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || o.question.itemComponent, n = (t) => ({
       componentName: o.question.itemComponent,
       componentData: {
@@ -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,18 +788,18 @@ 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] = () => {
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, Ts)
+        }, null, 10, Rs)
       ])) : c("", !0)
     ], 10, Ss));
   }
-}), Rs = /* @__PURE__ */ h({
+}), Ts = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -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", {
+        R(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"], Os = ["title"], Fs = { key: 0 }, zs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -968,7 +972,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e,
@@ -976,7 +980,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         width: s.question.renderedCanvasWidth
       })
     }, [
-      T(m("div", {
+      R(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,14 +1017,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, Os)
       ], 2)) : c("", !0),
       s.question.showLoadingIndicator ? (r(), l("div", {
         key: 1,
@@ -1038,7 +1042,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = K(() => o.question.locHtml);
     return (n, t) => (r(), l("div", {
       ref_key: "root",
@@ -1055,14 +1059,14 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = K(() => o.question.locImageLink);
     return (n, t) => (r(), l("div", {
       class: a(n.question.cssClasses.root),
       ref_key: "root",
       ref: e
     }, [
-      n.question.renderedMode === "image" ? T((r(), l("img", {
+      n.question.renderedMode === "image" ? R((r(), l("img", {
         key: 0,
         class: a(n.question.getImageCss()),
         src: k(s),
@@ -1083,7 +1087,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 46, js)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
-      n.question.renderedMode === "video" ? T((r(), l("video", {
+      n.question.renderedMode === "video" ? R((r(), l("video", {
         key: 1,
         controls: "",
         class: a(n.question.getImageCss()),
@@ -1136,7 +1140,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e
@@ -1150,7 +1154,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.fileRootCss),
       ref_key: "root",
       ref: e
@@ -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, {
@@ -1272,7 +1277,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || pe, n = (t) => ({
       componentName: pe,
       componentData: {
@@ -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,10 +1331,10 @@ 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", {
+        t.question.multiSelect ? R((r(), l("input", {
           key: 0,
           type: "checkbox",
           name: t.question.questionName,
@@ -1345,7 +1350,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           class: a(t.question.cssClasses.itemControl)
         }, null, 10, t1)), [
           [oe, s.value]
-        ]) : T((r(), l("input", {
+        ]) : R((r(), l("input", {
           key: 1,
           type: "radio",
           name: t.question.questionName,
@@ -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", {
@@ -1449,7 +1454,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (r(), l("div", {
+    return T(o, e), (s, n) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
       ref: e
@@ -1483,7 +1488,7 @@ const Zs = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
       ref: e
@@ -1516,7 +1521,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (i) => {
       o.question.onClick(i);
     }, n = (i) => {
@@ -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", {
@@ -1544,10 +1549,10 @@ const p1 = /* @__PURE__ */ h({
           disabled: "",
           id: i.question.inputId,
           class: a(i.question.getControlClass())
-        }, H(i.question.readOnlyText), 11, c1)) : T((r(), l("select", {
+        }, H(i.question.readOnlyText), 11, c1)) : R((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,
@@ -1703,7 +1708,7 @@ const p1 = /* @__PURE__ */ h({
             onFocus: q
           }, null, 42, h1)
         ], 2),
-        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? T((r(), l("div", {
+        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
           key: 1,
           class: a(w.question.cssClasses.cleanButton),
           onClick: i,
@@ -1729,16 +1734,15 @@ const p1 = /* @__PURE__ */ h({
         tabindex: w.question.isDisabledAttr ? void 0 : 0,
         class: a(w.question.getControlClass())
       }, [
-        w.question.selectedItemLocText ? (r(), C(v, {
+        w.question.locReadOnlyText ? (r(), C(v, {
           key: 0,
           is: "survey-string",
-          locString: w.question.selectedItemLocText
-        }, null, 8, ["locString"])) : c("", !0),
-        m("div", null, H(w.question.readOnlyText), 1)
+          locString: w.question.locReadOnlyText
+        }, null, 8, ["locString"])) : c("", !0)
       ], 10, q1)) : (r(), C(v, {
         key: 1,
         is: "sv-popup",
-        model: w.question.dropdownListModel.popupModel
+        model: s.value.popupModel
       }, null, 8, ["model"])),
       w.question.cssClasses.chevronButtonIconId ? (r(), l("div", {
         key: 3,
@@ -1763,7 +1767,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
       ref: e
@@ -1787,7 +1791,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = L(() => {
       const p = o.question;
-      return p.dropdownListModel || (p.dropdownListModel = new Fe(p)), o.question.dropdownListModel;
+      return p.dropdownListModel || (p.dropdownListModel = new Oe(p)), o.question.dropdownListModel;
     }), s = (p) => {
       var q;
       (q = e.value) == null || q.onClick(p);
@@ -1803,7 +1807,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 +1830,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,
@@ -1841,7 +1845,7 @@ const p1 = /* @__PURE__ */ h({
             question: p.question
           }, null, 8, ["model", "question"])
         ], 2),
-        p.question.allowClear && p.question.cssClasses.cleanButtonIconId ? T((r(), l("div", {
+        p.question.allowClear && p.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
           key: 0,
           class: a(p.question.cssClasses.cleanButton),
           onClick: t,
@@ -1916,9 +1920,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 +1934,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", {
+        R(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 +1979,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
       }, [
@@ -2002,7 +2006,7 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, i, d) => ({
       componentName: "survey-ranking-item",
       componentData: {
@@ -2018,19 +2022,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 +2054,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 +2070,7 @@ const p1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), T1 = ["tabindex", "data-sv-drop-target-ranking-item"], R1 = {
+}), R1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], T1 = {
   tabindex: "-1",
   style: { outline: "none" }
 }, Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ h({
@@ -2081,6 +2085,7 @@ const p1 = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = L(() => o.question.getNumberByIndex(o.index));
     return B(() => o.item), (s, n) => (r(), l("div", {
+      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 +2109,27 @@ const p1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      m("div", R1, [
-        m("div", {
+      g("div", T1, [
+        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 +2142,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)
             ]))
@@ -2149,7 +2154,7 @@ const p1 = /* @__PURE__ */ h({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, T1));
+    ], 42, R1));
   }
 }), P1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -2168,7 +2173,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({
@@ -2179,14 +2184,14 @@ const p1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (n) => o.question.getInputId(n);
     return (n, t) => (r(), l("div", {
       class: a(n.question.ratingRootCss),
       ref_key: "root",
       ref: e
     }, [
-      m("fieldset", N1, [
+      g("fieldset", N1, [
         E1,
         n.question.hasMinLabel ? (r(), l("span", {
           key: 0,
@@ -2216,7 +2221,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({
+}), O1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], F1 = ["data-text"], z1 = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2230,7 +2235,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,
@@ -2243,8 +2248,8 @@ const p1 = /* @__PURE__ */ h({
         "aria-label": e.question.ariaLabel,
         "aria-invalid": e.question.ariaInvalid,
         "aria-errormessage": e.question.ariaErrormessage
-      }, null, 8, F1),
-      m("span", {
+      }, null, 8, O1),
+      g("span", {
         class: a(e.question.cssClasses.itemText),
         "data-text": e.item.text
       }, [
@@ -2252,7 +2257,7 @@ 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({
@@ -2272,7 +2277,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 +2315,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 +2357,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",
@@ -2375,7 +2380,7 @@ const x1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootDropdown),
       ref_key: "root",
       ref: e
@@ -2394,7 +2399,7 @@ const x1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = (t, i) => {
       o.question.onLabelClick(t, i);
     }, n = (t) => {
@@ -2406,16 +2411,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", {
+          R(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 +2436,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 +2449,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 +2467,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, {
@@ -2493,12 +2498,12 @@ const so = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = b(null);
-    return R(u, o), (s, n) => (r(), l("div", {
+    return T(u, o), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootRadio),
       ref_key: "root",
       ref: o
     }, [
-      m("fieldset", {
+      g("fieldset", {
         role: "presentation",
         class: a(s.question.cssClasses.radioFieldset)
       }, [
@@ -2542,10 +2547,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 +2569,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 +2585,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",
@@ -2595,20 +2600,20 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => {
+    return T(o, e), (s, n) => {
       var t;
       return r(), l("div", {
         class: a(s.question.cssClasses.rootCheckbox),
         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", {
+            R(g("input", {
               type: "checkbox",
               name: s.question.name,
               value: (t = s.question.booleanValue) != null ? t : "",
@@ -2625,14 +2630,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),
@@ -2679,12 +2684,12 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = ee(() => o.question.getRows());
-    return R(o, e), (n, t) => (r(), l("table", {
+    return T(o, e), (n, t) => (r(), l("table", {
       class: a(n.question.getQuestionRootCss()),
       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 +2697,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 +2730,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,
@@ -2767,7 +2772,7 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = W();
-    R(
+    T(
       o,
       e,
       (t) => {
@@ -2788,16 +2793,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 +2824,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", {
+              R(g("td", {
                 class: a(d.rowTextClasses),
                 style: M({
                   minWidth: t.question.rowTitleWidth,
@@ -2885,7 +2890,7 @@ const vo = /* @__PURE__ */ h({
   setup(u) {
     const o = u, e = b();
     B(() => o.row);
-    const s = F(
+    const s = O(
       () => o.row,
       (n, t) => {
         t && t.setRootElement(void 0), n.setRootElement(e.value);
@@ -2925,7 +2930,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", {
+      R(g("input", {
         type: "radio",
         class: a(o.question.cssClasses.itemValue),
         name: o.row.fullName,
@@ -2944,14 +2949,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)
@@ -2975,7 +2980,7 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return R(o, e), (s, n) => (r(), C(v, {
+    return T(o, e), (s, n) => (r(), C(v, {
       is: "survey-matrixtable",
       question: s.question,
       ref_key: "root",
@@ -2993,11 +2998,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 +3036,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 +3045,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 +3057,7 @@ const vo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Vo = /* @__PURE__ */ m("span", null, "\xA0", -1), To = /* @__PURE__ */ h({
+}), Vo = /* @__PURE__ */ g("span", null, "\xA0", -1), Ro = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3068,7 +3073,7 @@ const vo = /* @__PURE__ */ h({
       }, H(e.column.requiredText), 3)) : c("", !0)
     ], 64)) : c("", !0);
   }
-}), Ro = ["title", "colspan"], Zo = /* @__PURE__ */ h({
+}), To = ["title", "colspan"], Zo = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3104,7 +3109,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 +3152,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)
@@ -3162,7 +3167,7 @@ const vo = /* @__PURE__ */ h({
           question: p.cell.matrix
         }, null, 8, ["column", "question"])
       ], 2)) : c("", !0),
-      p.cell.hasQuestion ? T((r(), l("div", {
+      p.cell.hasQuestion ? R((r(), l("div", {
         key: 5,
         class: a(p.cell.cellQuestionWrapperClassName)
       }, [
@@ -3233,7 +3238,7 @@ const vo = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : c("", !0)
-    ], 46, Ro)) : c("", !0);
+    ], 46, To)) : c("", !0);
   }
 }), $o = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -3243,7 +3248,7 @@ const vo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = () => {
       o.question.addRowUI();
     };
@@ -3255,7 +3260,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 +3269,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 +3283,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 +3301,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 +3310,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 +3319,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 +3350,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 +3367,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", {
@@ -3393,7 +3398,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, null, 8, ["class", "iconName"])
     ], 10, Eo));
   }
-}), Fo = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3402,19 +3407,19 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = ye();
-    R(
+    T(
       o,
       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 +3427,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 +3445,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 +3463,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 +3478,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 +3489,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 +3530,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       }, null, 8, ["question"])) : c("", !0)
     ], 2));
   }
-}), zo = /* @__PURE__ */ h({
+}), Fo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3535,11 +3540,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 +3555,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 +3577,7 @@ const Do = ["disabled"], Ao = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), Oo = /* @__PURE__ */ h({
+}), zo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3582,14 +3587,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 +3634,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 +3704,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 +3714,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 +3880,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 +3910,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 +3923,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u, e = b(), s = () => {
-      ze(
+      Fe(
         o.size,
         o.width,
         o.height,
@@ -3948,13 +3953,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 +4015,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 +4035,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);
     });
@@ -4045,7 +4050,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u;
-    return B(() => o.item), (e, s) => T((r(), l("button", {
+    return B(() => o.item), (e, s) => R((r(), l("button", {
       class: a(e.item.getActionBarItemCss()),
       type: "button",
       onClick: s[0] || (s[0] = (n) => {
@@ -4084,7 +4089,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
   }
 }), Bt = ["disabled", "title", "role"], Vt = {
   inheritAttrs: !1
-}, Tt = /* @__PURE__ */ h({
+}, Rt = /* @__PURE__ */ h({
   ...Vt,
   __name: "ActionBarItemDropdown",
   props: {
@@ -4102,7 +4107,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
         e.dispose();
       }
     ), (s, n) => (r(), l(I, null, [
-      T((r(), l("button", {
+      R((r(), l("button", {
         type: "button",
         class: a(s.item.getActionBarItemCss()),
         onClick: n[0] || (n[0] = (t) => {
@@ -4136,7 +4141,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Rt = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4154,11 +4159,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 +4171,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 +4180,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 +4189,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 +4200,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,26 +4212,26 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
           })
         ], 2)) : c("", !0)
       ], 2)) : c("", !0),
-      T(m("div", {
+      R(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)
       ], 2), [
         [P, d.model.isEmpty]
       ]),
-      d.model.renderElements ? T((r(), l("ul", {
+      d.model.renderElements ? R((r(), l("ul", {
         key: 1,
         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);
         })
       }, [
@@ -4259,7 +4264,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       setTimeout(() => {
         o.model.onLastItemRended(o.item);
       });
-    }), (t, i) => T((r(), l("li", {
+    }), (t, i) => R((r(), l("li", {
       role: "option",
       "aria-selected": t.model.isItemSelected(t.item),
       key: t.item.id,
@@ -4273,7 +4278,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(),
@@ -4320,7 +4325,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       }, null, 8, ["class", "iconName"])) : c("", !0)
     ], 64));
   }
-}), Ft = /* @__PURE__ */ h({
+}), Ot = /* @__PURE__ */ h({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4340,7 +4345,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: {}
@@ -4350,7 +4355,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       const t = s.value;
       t && e.value.setComponentElement(t);
     };
-    return F(
+    return O(
       () => o.model,
       (t) => {
         e.value && e.value.dispose(), e.value = je(t), n();
@@ -4370,7 +4375,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 = {
@@ -4390,7 +4395,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
       s.isVisible && !s.isPositionSet && o.model.updateOnShowing();
     }), $(() => {
       o.model.isVisible && o.model.updateOnShowing();
-    }), (s, n) => T((r(), l("div", {
+    }), (s, n) => R((r(), l("div", {
       tabindex: "-1",
       class: a(["sv-popup", s.model.styleClass]),
       onKeydown: n[0] || (n[0] = (t) => {
@@ -4400,7 +4405,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 +4421,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 +4500,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 +4508,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 +4526,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 +4546,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 +4559,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 +4586,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 +4604,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 +4628,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)
@@ -4640,7 +4645,7 @@ const yt = /* @__PURE__ */ vt(ct, [["render", Ct]]), ht = /* @__PURE__ */ m("use
     return (o, e) => (r(), l("div", {
       class: a(o.model.containerCss)
     }, [
-      o.model.isMobile ? T((r(), l("div", {
+      o.model.isMobile ? R((r(), l("div", {
         key: 0,
         onClick: e[0] || (e[0] = (...s) => o.model.togglePopup && o.model.togglePopup(...s))
       }, [
@@ -4665,7 +4670,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.33
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4694,10 +4699,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 +4786,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 +4983,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.33
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5007,10 +5012,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 +5099,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 +5314,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 +5349,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 +5358,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 +5384,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 +5434,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 +5483,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 +5548,7 @@ const ie = /* @__PURE__ */ h({
       return e.value.isCollapsed && (p += " " + e.value.cssRootCollapsedMod), p;
     };
     B(() => e.value);
-    const g = F(
+    const m = O(
       () => o.survey,
       (p) => {
         const q = new Ge(null, p);
@@ -5554,7 +5559,7 @@ const ie = /* @__PURE__ */ h({
       }
     );
     return N(() => {
-      g();
+      m();
     }), (p, q) => e.value.isShowing ? (r(), l("div", {
       key: 0,
       style: M({
@@ -5564,17 +5569,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 +5600,7 @@ const ie = /* @__PURE__ */ h({
                 size: 16
               }))
             ], 2)) : c("", !0),
-            m("div", {
+            g("div", {
               class: a(e.value.cssHeaderCollapseButton),
               onClick: s
             }, [
@@ -5625,7 +5630,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 +5654,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 +5674,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 +5682,7 @@ const ie = /* @__PURE__ */ h({
         d,
         void 0,
         void 0,
-        g,
+        m,
         p,
         q
       );
@@ -5687,15 +5692,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 F.showModal || (F.showModal = e, N(() => {
+      F.showModal = void 0;
+    })), F.showDialog || (F.showDialog = s, N(() => {
+      F.showDialog = void 0;
     })), (n, t) => o.value ? (r(), C(Pe, {
       key: 0,
       to: o.value.container
@@ -5778,7 +5783,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = L(() => o.question.contentPanel);
     return (n, t) => (r(), C(v, {
       is: "survey-panel",
@@ -5797,7 +5802,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    R(o, e);
+    T(o, e);
     const s = L(() => o.question.contentQuestion), n = (t) => te(t);
     return (t, i) => (r(), C(v, {
       ref: e.value,
@@ -5806,7 +5811,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 +5830,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", {
@@ -5836,14 +5841,14 @@ const ie = /* @__PURE__ */ h({
           class: a(n.model.minorTextCss)
         }, H(n.model.clockMinorText), 3)) : c("", !0)
       ], 2)
-    ], 2)) : T((r(), l("div", {
+    ], 2)) : R((r(), l("div", {
       key: 1,
       class: a(n.model.survey.getCss().timerRoot)
     }, H(s.value), 3)), [
       [P, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), Vn = { class: "sd-loading-indicator" }, Tn = /* @__PURE__ */ h({
+}), Vn = { class: "sd-loading-indicator" }, Rn = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
     return (o, e) => (r(), l("div", Vn, [
@@ -5854,7 +5859,7 @@ const ie = /* @__PURE__ */ h({
       })
     ]));
   }
-}), Rn = { key: 2 }, Zn = /* @__PURE__ */ h({
+}), Tn = { key: 2 }, Zn = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5886,7 +5891,7 @@ const ie = /* @__PURE__ */ h({
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      e.survey.isMobile ? (r(), l("div", Rn, [
+      e.survey.isMobile ? (r(), l("div", Tn, [
         y(v, {
           is: "sv-header-mobile",
           model: e.model
@@ -5907,15 +5912,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 +5970,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,
@@ -6006,7 +6011,7 @@ const ie = /* @__PURE__ */ h({
       ], 4)) : c("", !0)
     ]));
   }
-}), Fn = /* @__PURE__ */ h({
+}), On = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -6014,55 +6019,55 @@ 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,
           data: q
         }
       };
-    }), d = F(
+    }), d = O(
       () => 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({
+}), Fn = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -6075,7 +6080,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 +6092,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 +6119,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,
@@ -6139,7 +6144,7 @@ const ie = /* @__PURE__ */ h({
         return ((s = o.data) == null ? void 0 : s.question) || ((n = o.item) == null ? void 0 : n.data.question);
       }
     );
-    return (s, n) => T((r(), l("label", {
+    return (s, n) => R((r(), l("label", {
       tabindex: "0",
       class: a(e.value.getChooseFileCss()),
       for: e.value.inputId,
@@ -6153,7 +6158,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)]
     ]);
@@ -6189,7 +6194,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b();
-    return R(o, e), (s, n) => (r(), l("div", {
+    return T(o, e), (s, n) => (r(), l("div", {
       role: "group",
       class: a(s.question.cssClasses.root),
       ref_key: "root",
@@ -6226,7 +6231,7 @@ const ie = /* @__PURE__ */ h({
       class: a(e.value.css.label),
       title: e.value.caption.renderedHtml
     }, [
-      T(m("input", {
+      R(g("input", {
         type: "radio",
         name: e.value.name,
         id: e.value.id,
@@ -6242,7 +6247,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 +6281,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,
@@ -6300,7 +6305,7 @@ const ie = /* @__PURE__ */ h({
       e(), X.onIconsChanged.add(e);
     }), N(() => {
       X.onIconsChanged.remove(e);
-    }), (s, n) => T((r(), l("svg", {
+    }), (s, n) => R((r(), l("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: o
@@ -6335,7 +6340,7 @@ const ie = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    return (o, e) => T((r(), l("span", {
+    return (o, e) => R((r(), l("span", {
       class: a(o.question.cssClasses.previewItem),
       onClick: e[3] || (e[3] = (s) => o.question.doDownloadFileFromContainer(s))
     }, [
@@ -6343,7 +6348,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 +6356,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 +6380,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 +6397,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 +6419,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", Ts), o("survey-checkbox-item", Ds), o("survey-radiogroup", As), o("survey-radiogroup-item", Es), o("survey-signaturepad", zs), o("survey-html", Ks), o("survey-image", Js), o("survey-expression", Xs), o("survey-file", e1), o("sv-file-choose-btn", Qn), o("sv-file-clean-btn", zn), o("sv-file-preview", Gn), o("sv-file-page", nr), o("sv-file-item", lr), o("sv-file-video", Kn), o("survey-imagepicker", o1), o("survey-imagepicker-item", a1), o("survey-comment", l1), o("survey-dropdown", u1), o("sv-dropdown-select", p1), o("sv-dropdown-option-item", g1), o("sv-dropdown", w1), o("survey-tagbox", k1), o("sv-tagbox", b1), o("sv-tagbox-item", B1), o("sv-tagbox-filter", I1), o("survey-ranking", V1), o("survey-ranking-item", A1), o("sv-ranking-item", P1), o("survey-rating", W1), o("sv-rating-item", z1), o("sv-rating-item-smiley", K1), o("sv-rating-item-star", Q1), o("sv-rating-dropdown", x1), o("sv-rating-dropdown-item", Y1), o("survey-boolean", eo), o("sv-boolean-radio", so), o("sv-boolean-radio-item", no), o("sv-boolean-checkbox", vo), o("survey-multipletext", co), o("survey-multipletext-item", mo), o("survey-matrix", wo), o("survey-matrix-row", fo), o("survey-matrix-cell", Mo), o("survey-matrixdropdown", Ho), o("survey-matrixtable", Bo), o("survey-matrixheaderrequired", Ro), o("survey-matrixdropdown-cell", Zo), o("survey-matrixdynamic", $o), o("sv-matrix-remove-button", Ao), o("sv-matrix-drag-drop-icon", No), o("sv-matrix-detail-button", Wo), o("survey-paneldynamic", Oo), o("survey-paneldynamicprogress", Fo), o("survey-paneldynamicprogress-v2", zo), o("sv-paneldynamic-add-btn", Ko), o("sv-paneldynamic-next-btn", Qo), o("sv-paneldynamic-prev-btn", Jo), o("sv-paneldynamic-remove-btn", Yo), o("sv-paneldynamic-progress-text", xo), o("sv-components-container", Xt), o("sv-progress-buttons", on), o("sv-navigation-toc", tn), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", et), o("survey-question-comment", ot), o("survey-element-title", tt), o("survey-element-title-content", at), o("sv-title-actions", dt), o("sv-brand-info", yt), o("sv-question-error", kt), o("sv-svg-icon", wt), o("sv-action-bar", ft), o("sv-action", Mt), o("sv-action-bar-item", St), o("sv-action-bar-item-dropdown", Rt), o("sv-action-bar-separator", Tt), o("sv-list", At), o("sv-list-item-content", Wt), o("sv-list-item-group", Ot), o("sv-list-item", Et), o("sv-popup", Ft), o("sv-popup-container", Gt), o("popup-pointer", Jt), o("sv-notifier", mn), o("survey-other-choice", Cn), o("sv-nav-btn", hn), o("survey-customwidget", wn), o("survey-popup-modal", kn), o("survey-composite", Mn), o("survey-custom", Hn), o("sv-timerpanel", Bn), o("sv-loading-indicator", Rn), o("sv-header", Zn), o("sv-header-cell", An), o("sv-header-mobile", Wn), o("sv-template-renderer", Fn), o("sv-character-counter", bn), o("sv-text-area", Ln), o("survey-element", On), o("survey-buttongroup", Jn), o("sv-button-group-item", _n), o("survey", ie);
 }
 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,
@@ -6436,5 +6441,5 @@ export {
   B as useBase,
   ee as useComputedArray,
   K as useLocString,
-  R as useQuestion
+  T as useQuestion
 };