survey-vue3-ui 2.0.6 → 2.0.7

package/survey-vue3-ui.es.js

@@ -1,11 +1,11 @@
 var He = Object.defineProperty;
 var Me = (u, e, n) => e in u ? He(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
-var G = (u, e, n) => (Me(u, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as h, computed as b, openBlock as o, createBlock as y, resolveDynamicComponent as ce, normalizeProps as ue, guardReactiveProps as de, createSlots as Ie, renderList as V, withCtx as E, renderSlot as Y, shallowReactive as Ve, watch as F, onBeforeUnmount as O, onMounted as T, ref as f, shallowRef as W, watchEffect as Se, triggerRef as te, unref as k, isRef as Re, nextTick as ge, createElementBlock as l, normalizeClass as r, createVNode as g, createCommentVNode as p, Fragment as I, mergeProps as D, normalizeStyle as H, createElementVNode as v, onUnmounted as P, withDirectives as R, vShow as N, toDisplayString as M, vModelRadio as x, vModelCheckbox as oe, vModelSelect as Be, onUpdated as Q, vModelText as Ze, getCurrentInstance as ye, createStaticVNode as Te, toRaw as $e, Teleport as De, useSlots as Ae } from "vue";
-import { Base as Ne, ScrollViewModel as Pe, RendererFactory as ee, Helpers as Ee, DropdownMultiSelectListModel as We, doKey2ClickUp as he, createSvg as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Oe, ActionDropdownViewModel as Ue, createPopupViewModel as Ke, SurveyProgressModel as me, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as J, PopupSurveyModel as je, settings as ne, createPopupModalViewModel as Ge, ButtonGroupItemModel as Xe, SurveyModel as Je } from "survey-core";
-const _ = class _ {
+var X = (u, e, n) => (Me(u, typeof e != "symbol" ? e + "" : e, n), n);
+import { defineComponent as h, computed as f, openBlock as o, createBlock as y, resolveDynamicComponent as ce, normalizeProps as ue, guardReactiveProps as de, createSlots as Ie, renderList as V, withCtx as E, renderSlot as _, shallowReactive as Ve, watch as F, onBeforeUnmount as O, onMounted as T, ref as b, shallowRef as W, watchEffect as Se, triggerRef as te, unref as k, isRef as Re, nextTick as ge, createElementBlock as l, normalizeClass as r, createVNode as g, createCommentVNode as p, Fragment as M, mergeProps as D, normalizeStyle as H, createElementVNode as v, onUnmounted as P, withDirectives as R, vShow as N, toDisplayString as I, vModelRadio as ee, vModelCheckbox as oe, vModelSelect as Be, onUpdated as Q, vModelText as Ze, getCurrentInstance as ye, createStaticVNode as Te, toRaw as $e, Teleport as De, useSlots as Ae } from "vue";
+import { Base as Ne, ScrollViewModel as Pe, RendererFactory as j, Helpers as Ee, DropdownMultiSelectListModel as We, doKey2ClickUp as he, createSvg as Fe, doKey2ClickDown as ze, doKey2ClickBlur as Oe, ActionDropdownViewModel as Ue, createPopupViewModel as Ke, SurveyProgressModel as me, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as Y, PopupSurveyModel as je, settings as ne, createPopupModalViewModel as Ge, ButtonGroupItemModel as Xe, SurveyModel as Je } from "survey-core";
+const x = class x {
   constructor() {
-    G(this, "creatorHash", {});
+    X(this, "creatorHash", {});
   }
   registerComponent(e, n) {
     this.creatorHash[e] = n;
@@ -23,8 +23,8 @@ const _ = class _ {
     return !!this.creatorHash[e];
   }
 };
-G(_, "Instance", new _());
-let z = _;
+X(x, "Instance", new x());
+let z = x;
 const d = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SvComponent",
@@ -32,14 +32,14 @@ const d = /* @__PURE__ */ h({
     is: {}
   },
   setup(u) {
-    const e = u, n = b(
+    const e = u, n = f(
       () => z.Instance.getComponent(e.is)
     );
     return (s, i) => (o(), y(ce(n.value), ue(de(s.$attrs)), Ie({ _: 2 }, [
       V(s.$slots, (t, a) => ({
         name: a,
         fn: E((m) => [
-          Y(s.$slots, a, ue(de(m)))
+          _(s.$slots, a, ue(de(m)))
         ])
       }))
     ]), 1040));
@@ -48,7 +48,7 @@ const d = /* @__PURE__ */ h({
 Ne.createPropertiesHash = () => Ve({});
 class Ye {
   constructor(e) {
-    G(this, "currentNextTickPromise");
+    X(this, "currentNextTickPromise");
     this.element = e;
   }
   async add() {
@@ -113,7 +113,7 @@ function B(u, e, n, s) {
   });
 }
 function U(u) {
-  const e = f(), n = (t) => {
+  const e = b(), n = (t) => {
     e.value = t.renderedHtml;
   }, s = (t) => {
     e.value = t.renderedHtml, t.onStringChanged.add(n);
@@ -148,9 +148,9 @@ const e1 = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = () => {
+    const e = u, n = b(null), s = () => {
       e.survey && n.value && e.survey.afterRenderPage(n.value);
-    }, i = b(() => e.page._showDescription);
+    }, i = f(() => e.page._showDescription);
     return S(
       () => e.page,
       () => {
@@ -181,7 +181,7 @@ const e1 = /* @__PURE__ */ h({
         is: "survey-errors",
         element: t.page
       }, null, 8, ["element"]),
-      (o(!0), l(I, null, V(t.page.visibleRows, (m) => (o(), y(d, D({
+      (o(!0), l(M, null, V(t.page.visibleRows, (m) => (o(), y(d, D({
         key: m.id,
         is: t.page.getSurvey().getRowWrapperComponentName(m)
       }, {
@@ -205,7 +205,7 @@ const e1 = /* @__PURE__ */ h({
     survey: {}
   },
   setup(u) {
-    const e = u, n = f();
+    const e = u, n = b();
     return T(() => {
       var s = n.value;
       s && e.survey && e.survey.afterRenderHeader(s);
@@ -258,7 +258,7 @@ const e1 = /* @__PURE__ */ h({
     survey: {}
   },
   setup(u) {
-    const e = u, n = f();
+    const e = u, n = b();
     return S(
       () => e.row,
       (s, i) => {
@@ -279,7 +279,7 @@ const e1 = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      (o(!0), l(I, null, V(s.row.visibleElements, (t) => (o(), y(d, {
+      (o(!0), l(M, null, V(s.row.visibleElements, (t) => (o(), y(d, {
         is: "survey-element",
         row: s.row,
         css: s.css,
@@ -299,7 +299,7 @@ const e1 = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = (L) => L.cssContent, i = () => e.element.getRootStyle(), t = b(() => e.element.singleInputQuestion);
+    const e = u, n = b(null), s = (w) => w.cssContent, i = () => e.element.getRootStyle(), t = f(() => e.element.singleInputQuestion);
     S(() => e.element);
     const a = () => {
       n.value && e.element.afterRender(n.value);
@@ -308,7 +308,7 @@ const e1 = /* @__PURE__ */ h({
       () => {
         a();
       }
-    ), c = b(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), C = b(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), q = b(() => ({
+    ), c = f(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), C = f(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), q = f(() => ({
       componentData: {
         question: e.element,
         data: e.element.survey.getElementWrapperComponentData(e.element)
@@ -316,50 +316,50 @@ const e1 = /* @__PURE__ */ h({
     }));
     return P(() => {
       m();
-    }), (L, Z) => (o(), l("div", {
-      class: r(L.element.getRootCss()),
+    }), (w, Z) => (o(), l("div", {
+      class: r(w.element.getRootCss()),
       style: H(i()),
       ref_key: "root",
       ref: n,
-      onFocusin: Z[0] || (Z[0] = ($) => L.element.focusIn()),
-      id: L.element.id,
-      role: L.element.ariaRole,
-      "aria-required": L.element.ariaRequired,
-      "aria-invalid": L.element.ariaInvalid,
-      "aria-label": L.element.ariaLabel,
-      "aria-labelledby": L.element.ariaLabelledBy,
-      "aria-describedby": L.element.ariaDescribedBy,
-      "aria-expanded": L.element.ariaExpanded,
-      "data-name": L.element.name
+      onFocusin: Z[0] || (Z[0] = ($) => w.element.focusIn()),
+      id: w.element.id,
+      role: w.element.ariaRole,
+      "aria-required": w.element.ariaRequired,
+      "aria-invalid": w.element.ariaInvalid,
+      "aria-label": w.element.ariaLabel,
+      "aria-labelledby": w.element.ariaLabelledBy,
+      "aria-describedby": w.element.ariaDescribedBy,
+      "aria-expanded": w.element.ariaExpanded,
+      "data-name": w.element.name
     }, [
-      L.element.singleInputHasActions ? (o(), y(d, {
+      w.element.singleInputHasActions ? (o(), y(d, {
         key: 0,
         is: "sv-breadcrumbs",
-        model: L.element.singleInputActions,
-        css: L.element.cssClasses
+        model: w.element.singleInputActions,
+        css: w.element.cssClasses
       }, null, 8, ["model", "css"])) : p("", !0),
-      L.element.showErrorsAboveQuestion ? (o(), y(d, {
+      w.element.showErrorsAboveQuestion ? (o(), y(d, {
         key: 1,
         is: "survey-errors",
-        element: L.element,
+        element: w.element,
         location: "top"
       }, null, 8, ["element"])) : p("", !0),
-      !L.element.singleInputHideHeader && L.element.hasTitleOnLeftTop ? (o(), y(d, {
+      !w.element.singleInputHideHeader && w.element.hasTitleOnLeftTop ? (o(), y(d, {
         key: 2,
         is: "survey-element-header",
-        element: L.element,
-        css: L.element.cssClasses
+        element: w.element,
+        css: w.element.cssClasses
       }, null, 8, ["element", "css"])) : p("", !0),
-      L.element.singleInputSummary ? (o(), y(d, {
+      w.element.singleInputSummary ? (o(), y(d, {
         key: 3,
         is: "sv-single-input-summary",
-        css: L.element.cssClasses,
-        summary: L.element.singleInputSummary
+        css: w.element.cssClasses,
+        summary: w.element.singleInputSummary
       }, null, 8, ["css", "summary"])) : t.value ? (o(), y(d, {
         is: "survey-question",
-        css: L.css,
+        css: w.css,
         element: t.value,
-        survey: L.survey,
+        survey: w.survey,
         key: t.value.id
       }, null, 8, ["css", "element", "survey"])) : (o(), y(d, D({
         key: 5,
@@ -367,53 +367,53 @@ const e1 = /* @__PURE__ */ h({
       }, q.value), {
         default: E(() => [
           v("div", {
-            class: r(s(L.element) || void 0),
-            style: H({ display: L.element.renderedIsExpanded ? void 0 : "none" }),
+            class: r(s(w.element) || void 0),
+            style: H({ display: w.element.renderedIsExpanded ? void 0 : "none" }),
             role: "presentation"
           }, [
             g(d, {
               is: c.value,
-              question: L.element
+              question: w.element
             }, null, 8, ["is", "question"]),
-            L.element.hasComment ? (o(), l("div", {
+            w.element.hasComment ? (o(), l("div", {
               key: 0,
-              class: r(L.element.getCommentAreaCss())
+              class: r(w.element.getCommentAreaCss())
             }, [
               v("div", null, [
                 g(d, {
                   is: "survey-string",
-                  locString: L.element.locCommentText
+                  locString: w.element.locCommentText
                 }, null, 8, ["locString"])
               ]),
               g(d, {
                 is: "survey-question-comment",
-                question: L.element
+                question: w.element
               }, null, 8, ["question"])
             ], 2)) : p("", !0),
-            L.element.hasDescriptionUnderInput ? (o(), l("div", {
+            w.element.hasDescriptionUnderInput ? (o(), l("div", {
               key: 1,
-              class: r(L.element.cssDescription),
-              id: L.element.ariaDescriptionId
+              class: r(w.element.cssDescription),
+              id: w.element.ariaDescriptionId
             }, [
               g(d, {
                 is: "survey-string",
-                locString: L.element.locDescription
+                locString: w.element.locDescription
               }, null, 8, ["locString"])
             ], 10, o1)) : p("", !0)
           ], 6)
         ]),
         _: 1
       }, 16, ["is"])),
-      L.element.hasTitleOnBottom ? (o(), y(d, {
+      w.element.hasTitleOnBottom ? (o(), y(d, {
         key: 6,
         is: "survey-element-header",
-        element: L.element,
-        css: L.css
+        element: w.element,
+        css: w.css
       }, null, 8, ["element", "css"])) : p("", !0),
-      L.element.showErrorsBelowQuestion ? (o(), y(d, {
+      w.element.showErrorsBelowQuestion ? (o(), y(d, {
         key: 7,
         is: "survey-errors",
-        element: L.element,
+        element: w.element,
         location: "bottom"
       }, null, 8, ["element"])) : p("", !0)
     ], 46, t1));
@@ -430,7 +430,7 @@ const e1 = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = b(() => e.element.survey);
+    const e = u, n = b(null), s = f(() => e.element.survey);
     return S(() => e.element), T(() => {
       e.element.survey && e.element.afterRender(n.value);
     }), (i, t) => i.element.getIsContentVisible() ? (o(), l("div", {
@@ -463,7 +463,7 @@ const e1 = /* @__PURE__ */ h({
         style: H({ paddingLeft: i.element.innerPaddingLeft }),
         class: r(i.element.cssClasses.panel.content)
       }, [
-        (o(!0), l(I, null, V(i.element.visibleRows, (a) => (o(), y(d, D({
+        (o(!0), l(M, null, V(i.element.visibleRows, (a) => (o(), y(d, D({
           key: a.id,
           is: i.element.getSurvey().getRowWrapperComponentName(a)
         }, {
@@ -553,7 +553,7 @@ const e1 = /* @__PURE__ */ h({
     }, null, 10, v1)) : (o(), l("span", {
       key: 1,
       class: r(k(s))
-    }, M(k(n)), 3));
+    }, I(k(n)), 3));
   }
 }), g1 = ["innerHTML"], y1 = /* @__PURE__ */ h({
   __name: "StringEditor",
@@ -580,7 +580,7 @@ const e1 = /* @__PURE__ */ h({
       contenteditable: "true",
       onBlur: n,
       onClick: s
-    }, M(i.locString.renderedHtml), 33));
+    }, I(i.locString.renderedHtml), 33));
   }
 }), h1 = ["id"], q1 = /* @__PURE__ */ h({
   __name: "Skeleton",
@@ -603,12 +603,12 @@ const e1 = /* @__PURE__ */ h({
     disabled: {}
   },
   setup(u) {
-    const e = u, n = new Pe(), s = f();
+    const e = u, n = new Pe(), s = b();
     return T(() => {
       n.setRootElement(s.value);
     }), P(() => {
       n.setRootElement(void 0), n.unsubscribeRootElement();
-    }), (i, t) => e.disabled ? Y(i.$slots, "default", { key: 0 }) : (o(), l("div", {
+    }), (i, t) => e.disabled ? _(i.$slots, "default", { key: 0 }) : (o(), l("div", {
       key: 1,
       ref_key: "root",
       ref: s,
@@ -619,7 +619,7 @@ const e1 = /* @__PURE__ */ h({
         onScroll: t[0] || (t[0] = () => k(n).onScrollContainer())
       }, [
         v("div", w1, [
-          Y(i.$slots, "default")
+          _(i.$slots, "default")
         ])
       ], 32),
       v("div", {
@@ -635,12 +635,12 @@ const e1 = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => s.question.isReadOnlyRenderDiv() ? (o(), l("div", {
       key: 0,
       ref_key: "root",
       ref: n
-    }, M(s.question.value), 513)) : s.question.dataListId ? (o(), l("div", {
+    }, I(s.question.value), 513)) : s.question.dataListId ? (o(), l("div", {
       key: 1,
       ref_key: "root",
       ref: n
@@ -652,7 +652,7 @@ const e1 = /* @__PURE__ */ h({
       v("datalist", {
         id: s.question.dataListId
       }, [
-        (o(!0), l(I, null, V(s.question.dataList, (t, a) => (o(), l("option", {
+        (o(!0), l(M, null, V(s.question.dataList, (t, a) => (o(), l("option", {
           key: a,
           value: t
         }, null, 8, H1))), 128))
@@ -675,9 +675,9 @@ const e1 = /* @__PURE__ */ h({
   setup(u, { expose: e }) {
     const n = u, s = function(a) {
       n.getRef && n.getRef(a);
-    }, i = f(null);
+    }, i = b(null);
     e({ root: i }), S(() => n.question);
-    const t = b(() => n.question.inputStyle);
+    const t = f(() => n.question.inputStyle);
     return (a, m) => a.question.getMaxLength() ? (o(), l("div", {
       key: 1,
       ref: (c) => s(c)
@@ -779,7 +779,7 @@ const e1 = /* @__PURE__ */ h({
     showLegend: { type: Boolean }
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (t) => e.question.getItemValueWrapperComponentName(t) || e.question.itemComponent, i = (t) => ({
       componentName: e.question.itemComponent,
@@ -801,12 +801,12 @@ const e1 = /* @__PURE__ */ h({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (o(), l("legend", B1, M(t.question.locTitle.renderedHtml), 1)) : p("", !0),
-      t.question.hasHeadItems ? (o(!0), l(I, { key: 1 }, V(t.question.headItems, (m) => (o(), y(d, D({
+      t.showLegend ? (o(), l("legend", B1, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
+      t.question.hasHeadItems ? (o(!0), l(M, { key: 1 }, V(t.question.headItems, (m) => (o(), y(d, D({
         key: m.value,
         is: s(m)
       }, i(m)), null, 16, ["is"]))), 128)) : p("", !0),
-      !t.question.hasColumns && !t.question.blockedRow ? (o(!0), l(I, { key: 2 }, V(t.question.bodyItems, (m) => (o(), y(d, D({
+      !t.question.hasColumns && !t.question.blockedRow ? (o(!0), l(M, { key: 2 }, V(t.question.bodyItems, (m) => (o(), y(d, D({
         key: m.value,
         is: s(m)
       }, i(m)), null, 16, ["is"]))), 128)) : p("", !0),
@@ -814,7 +814,7 @@ const e1 = /* @__PURE__ */ h({
         key: 3,
         class: r(t.question.cssClasses.rootRow)
       }, [
-        !t.question.hasColumns && t.question.blockedRow ? (o(!0), l(I, { key: 0 }, V(t.question.dataChoices, (m) => (o(), y(d, D({
+        !t.question.hasColumns && t.question.blockedRow ? (o(!0), l(M, { key: 0 }, V(t.question.dataChoices, (m) => (o(), y(d, D({
           key: m.value,
           is: s(m)
         }, i(m)), null, 16, ["is"]))), 128)) : p("", !0)
@@ -823,18 +823,18 @@ const e1 = /* @__PURE__ */ h({
         key: 4,
         class: r(t.question.cssClasses.rootMultiColumn)
       }, [
-        t.question.hasColumns ? (o(!0), l(I, { key: 0 }, V(t.question.columns, (m, c) => (o(), l("div", {
+        t.question.hasColumns ? (o(!0), l(M, { key: 0 }, V(t.question.columns, (m, c) => (o(), l("div", {
           key: c,
           class: r(t.question.getColumnClass()),
           role: "presentation"
         }, [
-          (o(!0), l(I, null, V(m, (C) => (o(), y(d, D({
+          (o(!0), l(M, null, V(m, (C) => (o(), y(d, D({
             key: C.value,
             is: s(C)
           }, i(C)), null, 16, ["is"]))), 128))
         ], 2))), 128)) : p("", !0)
       ], 2)) : p("", !0),
-      t.question.hasFootItems ? (o(!0), l(I, { key: 5 }, V(t.question.footItems, (m) => (o(), y(d, D({
+      t.question.hasFootItems ? (o(!0), l(M, { key: 5 }, V(t.question.footItems, (m) => (o(), y(d, D({
         key: m.value,
         is: s(m)
       }, i(m)), null, 16, ["is"]))), 128)) : p("", !0),
@@ -886,7 +886,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     hideLabel: { type: Boolean }
   },
   setup(u) {
-    const e = f(), n = u;
+    const e = b(), n = u;
     Le(
       () => n.item,
       () => n.question,
@@ -961,7 +961,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     hideLabel: { type: Boolean }
   },
   setup(u) {
-    const e = f(), n = u, s = (a) => n.question.getLabelClass(a), i = (a) => n.question.getControlLabelClass(a), t = b({
+    const e = b(), n = u, s = (a) => n.question.getLabelClass(a), i = (a) => n.question.getControlLabelClass(a), t = f({
       get: () => n.question.renderedValue,
       set: (a) => {
         const m = n.question;
@@ -993,7 +993,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: a.question.isReadOnlyAttr,
           class: r(a.question.cssClasses.itemControl)
         }, null, 10, E1), [
-          [x, t.value]
+          [ee, t.value]
         ]),
         a.question.cssClasses.materialDecorator ? (o(), l("span", {
           key: 0,
@@ -1027,7 +1027,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.cssClasses.root),
       ref_key: "root",
@@ -1099,7 +1099,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = U(() => e.question.locHtml);
     return (i, t) => (o(), l("div", {
@@ -1116,7 +1116,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = U(() => e.question.locImageLink);
     return (i, t) => (o(), l("div", {
@@ -1197,12 +1197,12 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.cssClasses.root),
       ref_key: "root",
       ref: n
-    }, M(s.question.formatedValue), 3));
+    }, I(s.question.formatedValue), 3));
   }
 }), x1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], es = ["id", "multiple", "placeholder"], ss = ["id", "multiple", "placeholder"], ns = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -1211,7 +1211,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.fileRootCss),
       ref_key: "root",
@@ -1317,7 +1317,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (t) => e.question.getItemValueWrapperComponentName(t) || Ce, i = (t) => ({
       componentName: Ce,
@@ -1333,17 +1333,17 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: n
     }, [
-      v("legend", ts, M(t.question.locTitle.renderedHtml), 1),
-      t.question.hasColumns ? p("", !0) : (o(!0), l(I, { key: 0 }, V(t.question.visibleChoices, (m) => (o(), y(d, D({
+      v("legend", ts, I(t.question.locTitle.renderedHtml), 1),
+      t.question.hasColumns ? p("", !0) : (o(!0), l(M, { key: 0 }, V(t.question.visibleChoices, (m) => (o(), y(d, D({
         key: m.value,
         is: s(m)
       }, i(m)), null, 16, ["is"]))), 128)),
-      t.question.hasColumns ? (o(!0), l(I, { key: 1 }, V(t.question.columns, (m, c) => (o(), l("div", {
+      t.question.hasColumns ? (o(!0), l(M, { key: 1 }, V(t.question.columns, (m, c) => (o(), l("div", {
         class: r(t.question.getColumnClass()),
         key: c,
         role: "presentation"
       }, [
-        (o(!0), l(I, null, V(m, (C) => (o(), y(d, D({
+        (o(!0), l(M, null, V(m, (C) => (o(), y(d, D({
           key: C.value,
           is: s(C)
         }, i(C)), null, 16, ["is"]))), 128))
@@ -1358,7 +1358,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     item: {}
   },
   setup(u) {
-    const e = u, n = (t) => e.question.getItemClass(t), s = b({
+    const e = u, n = (t) => e.question.getItemClass(t), s = f({
       get() {
         return e.question.value;
       },
@@ -1406,7 +1406,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-errormessage": t.question.ariaErrormessage,
           class: r(t.question.cssClasses.itemControl)
         }, null, 10, rs)), [
-          [x, s.value]
+          [ee, s.value]
         ]),
         v("div", {
           class: r(t.question.cssClasses.itemDecorator)
@@ -1494,7 +1494,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (o(), l("div", {
       key: 0,
       ref_key: "root",
@@ -1519,7 +1519,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       key: 2,
       ref_key: "root",
       ref: n
-    }, M(s.question.value), 513));
+    }, I(s.question.value), 513));
   }
 }), ms = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -1528,7 +1528,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.renderCssRoot),
       ref_key: "root",
@@ -1549,7 +1549,7 @@ const D1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   key: 0,
   value: ""
 }, vs = ["id"];
-ee.Instance.registerRenderer(
+j.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
@@ -1561,13 +1561,13 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (a) => {
       e.question.onClick(a);
     }, i = (a) => {
       e.question.onKeyUp(a);
-    }, t = b({
+    }, t = f({
       get() {
         return e.question.value ?? "";
       },
@@ -1589,7 +1589,7 @@ const cs = /* @__PURE__ */ h({
           disabled: "",
           id: a.question.inputId,
           class: r(a.question.getControlClass())
-        }, M(a.question.readOnlyText), 11, vs)) : R((o(), l("select", {
+        }, I(a.question.readOnlyText), 11, vs)) : R((o(), l("select", {
           key: 0,
           id: a.question.inputId,
           "onUpdate:modelValue": m[0] || (m[0] = (c) => t.value = c),
@@ -1603,8 +1603,8 @@ const cs = /* @__PURE__ */ h({
           "aria-errormessage": a.question.ariaErrormessage,
           required: a.question.isRequired
         }, [
-          a.question.allowClear ? (o(), l("option", Cs, M(a.question.placeholder), 1)) : p("", !0),
-          (o(!0), l(I, null, V(a.question.visibleChoices, (c) => (o(), y(d, {
+          a.question.allowClear ? (o(), l("option", Cs, I(a.question.placeholder), 1)) : p("", !0),
+          (o(!0), l(M, null, V(a.question.visibleChoices, (c) => (o(), y(d, {
             is: "sv-dropdown-option-item",
             item: c,
             key: c.id
@@ -1642,7 +1642,7 @@ const cs = /* @__PURE__ */ h({
     return S(() => e.item), (s, i) => (o(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, M(k(n)), 9, gs));
+    }, I(k(n)), 9, gs));
   }
 }), hs = ["id", "disabled", "tabindex", "role", "aria-required", "aria-labelledby", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qs = { style: { visibility: "hidden" } }, ws = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], Ls = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], ks = /* @__PURE__ */ h({
   __name: "Dropdown",
@@ -1650,63 +1650,63 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = b(() => e.question.dropdownListModel), i = (w) => {
+    const e = u, n = b(null), s = f(() => e.question.dropdownListModel), i = (L) => {
       var A;
-      (A = s.value) == null || A.onClick(w);
-    }, t = (w) => {
+      (A = s.value) == null || A.onClick(L);
+    }, t = (L) => {
       var A;
-      (A = s.value) == null || A.chevronPointerDown(w);
-    }, a = (w) => {
+      (A = s.value) == null || A.chevronPointerDown(L);
+    }, a = (L) => {
       var A;
-      (A = s.value) == null || A.onClear(w);
-    }, m = (w) => {
+      (A = s.value) == null || A.onClear(L);
+    }, m = (L) => {
       var A;
-      (A = s.value) == null || A.keyHandler(w);
+      (A = s.value) == null || A.keyHandler(L);
     }, c = () => {
       if (n.value) {
-        const w = n.value, A = s.value.inputStringRendered;
-        Ee.isTwoValueEquals(A, w.value, !1, !0, !1) || (w.value = s.value.inputStringRendered);
+        const L = n.value, A = s.value.inputStringRendered;
+        Ee.isTwoValueEquals(A, L.value, !1, !0, !1) || (L.value = s.value.inputStringRendered);
       }
-    }, C = (w) => {
-      e.question.onBlur(w), c();
-    }, q = (w) => {
-      e.question.onFocus(w);
-    }, L = (w) => {
-      s.value.inputStringRendered = w.target.value;
-    }, Z = b(
+    }, C = (L) => {
+      e.question.onBlur(L), c();
+    }, q = (L) => {
+      e.question.onFocus(L);
+    }, w = (L) => {
+      s.value.inputStringRendered = L.target.value;
+    }, Z = f(
       () => e.question.showSelectedItemLocText
-    ), $ = b(() => e.question.selectedItemLocText);
-    return S(() => s.value), Q(c), T(c), (w, A) => (o(), l("div", {
-      class: r(w.question.cssClasses.selectWrapper),
+    ), $ = f(() => e.question.selectedItemLocText);
+    return S(() => s.value), Q(c), T(c), (L, A) => (o(), l("div", {
+      class: r(L.question.cssClasses.selectWrapper),
       onClick: i
     }, [
-      w.question.isReadOnly ? p("", !0) : (o(), l("div", {
+      L.question.isReadOnly ? p("", !0) : (o(), l("div", {
         key: 0,
-        id: w.question.inputId,
-        disabled: w.question.isDisabledAttr ? !0 : null,
+        id: L.question.inputId,
+        disabled: L.question.isDisabledAttr ? !0 : null,
         tabindex: s.value.noTabIndex ? void 0 : 0,
         onKeydown: m,
         onBlur: C,
-        class: r(w.question.getControlClass()),
-        role: w.question.ariaRole,
-        "aria-required": w.question.ariaRequired,
-        "aria-labelledby": w.question.ariaLabelledBy,
-        "aria-label": w.question.ariaLabel,
-        "aria-invalid": w.question.ariaInvalid,
-        "aria-errormessage": w.question.ariaErrormessage,
-        "aria-expanded": w.question.ariaExpanded,
+        class: r(L.question.getControlClass()),
+        role: L.question.ariaRole,
+        "aria-required": L.question.ariaRequired,
+        "aria-labelledby": L.question.ariaLabelledBy,
+        "aria-label": L.question.ariaLabel,
+        "aria-invalid": L.question.ariaInvalid,
+        "aria-errormessage": L.question.ariaErrormessage,
+        "aria-expanded": L.question.ariaExpanded,
         "aria-controls": s.value.listElementId,
         "aria-activedescendant": s.value.ariaActivedescendant,
-        required: w.question.isRequired ? !0 : null
+        required: L.question.isRequired ? !0 : null
       }, [
         s.value.showHintPrefix ? (o(), l("div", {
           key: 0,
-          class: r(w.question.cssClasses.hintPrefix)
+          class: r(L.question.cssClasses.hintPrefix)
         }, [
-          v("span", null, M(s.value.hintStringPrefix), 1)
+          v("span", null, I(s.value.hintStringPrefix), 1)
         ], 2)) : p("", !0),
         v("div", {
-          class: r(w.question.cssClasses.controlValue)
+          class: r(L.question.cssClasses.controlValue)
         }, [
           Z.value ? (o(), y(d, {
             key: 0,
@@ -1715,88 +1715,87 @@ const cs = /* @__PURE__ */ h({
           }, null, 8, ["locString"])) : p("", !0),
           s.value.showHintString ? (o(), l("div", {
             key: 1,
-            class: r(w.question.cssClasses.hintSuffix)
+            class: r(L.question.cssClasses.hintSuffix)
           }, [
-            v("span", qs, M(s.value.inputStringRendered), 1),
-            v("span", null, M(s.value.hintStringSuffix), 1)
+            v("span", qs, I(s.value.inputStringRendered), 1),
+            v("span", null, I(s.value.hintStringSuffix), 1)
           ], 2)) : p("", !0),
-          w.question.showInputFieldComponent ? (o(), y(d, {
+          L.question.showInputFieldComponent ? (o(), y(d, {
             key: 2,
-            is: w.question.inputFieldComponentName,
+            is: L.question.inputFieldComponentName,
             item: s.value.getSelectedAction(),
-            question: w.question
+            question: L.question
           }, null, 8, ["is", "item", "question"])) : p("", !0),
           v("input", {
             type: "text",
             ref_key: "inputElement",
             ref: n,
-            class: r(w.question.cssClasses.filterStringInput),
-            disabled: w.question.isDisabledAttr,
+            class: r(L.question.cssClasses.filterStringInput),
+            disabled: L.question.isDisabledAttr,
             autocomplete: "off",
             inputmode: s.value.inputMode,
-            role: s.value.filterStringEnabled ? w.question.ariaRole : void 0,
-            id: w.question.getInputId(),
+            role: s.value.filterStringEnabled ? L.question.ariaRole : void 0,
+            id: L.question.getInputId(),
             tabindex: s.value.noTabIndex ? void 0 : -1,
             readonly: s.value.filterReadOnly ? !0 : void 0,
-            "aria-expanded": w.question.ariaExpanded,
+            "aria-expanded": L.question.ariaExpanded,
             "aria-controls": s.value.listElementId,
-            "aria-label": w.question.a11y_input_ariaLabel,
-            "aria-labelledby": w.question.a11y_input_ariaLabelledBy,
-            "aria-describedby": w.question.a11y_input_ariaDescribedBy,
+            "aria-label": L.question.a11y_input_ariaLabel,
+            "aria-labelledby": L.question.a11y_input_ariaLabelledBy,
+            "aria-describedby": L.question.a11y_input_ariaDescribedBy,
             "aria-activedescendant": s.value.ariaActivedescendant,
             placeholder: s.value.placeholderRendered,
-            onInput: L,
+            onInput: w,
             onBlur: C,
             onFocus: q
           }, null, 42, ws)
         ], 2),
-        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((o(), l("div", {
+        L.question.allowClear && L.question.cssClasses.cleanButtonIconId ? R((o(), l("div", {
           key: 1,
-          class: r(w.question.cssClasses.cleanButton),
+          class: r(L.question.cssClasses.cleanButton),
           onClick: a,
           "aria-hidden": "true"
         }, [
           g(d, {
             is: "sv-svg-icon",
-            class: r(w.question.cssClasses.cleanButtonSvg),
-            iconName: w.question.cssClasses.cleanButtonIconId,
-            title: w.question.clearCaption,
+            class: r(L.question.cssClasses.cleanButtonSvg),
+            iconName: L.question.cssClasses.cleanButtonIconId,
+            title: L.question.clearCaption,
             size: "auto"
           }, null, 8, ["class", "iconName", "title"])
         ], 2)), [
-          [N, w.question.showClearButton]
+          [N, L.question.showClearButton]
         ]) : p("", !0)
       ], 42, hs)),
-      w.question.isReadOnly ? (o(), l("div", {
+      L.question.isReadOnly ? (o(), l("div", {
         key: 2,
-        id: w.question.inputId,
-        "aria-label": w.question.a11y_input_ariaLabel,
-        "aria-labelledby": w.question.a11y_input_ariaLabelledBy,
-        "aria-describedby": w.question.a11y_input_ariaDescribedBy,
-        tabindex: w.question.isDisabledAttr ? void 0 : 0,
-        class: r(w.question.getControlClass())
+        id: L.question.inputId,
+        "aria-label": L.question.a11y_input_ariaLabel,
+        "aria-labelledby": L.question.a11y_input_ariaLabelledBy,
+        "aria-describedby": L.question.a11y_input_ariaDescribedBy,
+        tabindex: L.question.isDisabledAttr ? void 0 : 0,
+        class: r(L.question.getControlClass())
       }, [
-        w.question.selectedItemLocText ? (o(), y(d, {
+        L.question.locReadOnlyText ? (o(), y(d, {
           key: 0,
           is: "survey-string",
-          locString: w.question.selectedItemLocText
-        }, null, 8, ["locString"])) : p("", !0),
-        v("div", null, M(w.question.readOnlyText), 1)
+          locString: L.question.locReadOnlyText
+        }, null, 8, ["locString"])) : p("", !0)
       ], 10, Ls)) : (o(), y(d, {
         key: 1,
         is: "sv-popup",
-        model: w.question.dropdownListModel.popupModel
+        model: s.value.popupModel
       }, null, 8, ["model"])),
-      w.question.cssClasses.chevronButtonIconId ? (o(), l("div", {
+      L.question.cssClasses.chevronButtonIconId ? (o(), l("div", {
         key: 3,
-        class: r(w.question.cssClasses.chevronButton),
+        class: r(L.question.cssClasses.chevronButton),
         onPointerdown: t,
         "aria-hidden": "true"
       }, [
         g(d, {
           is: "sv-svg-icon",
-          class: r(w.question.cssClasses.chevronButtonSvg),
-          iconName: w.question.cssClasses.chevronButtonIconId,
+          class: r(L.question.cssClasses.chevronButtonSvg),
+          iconName: L.question.cssClasses.chevronButtonIconId,
           size: "auto"
         }, null, 8, ["class", "iconName"])
       ], 34)) : p("", !0)
@@ -1809,7 +1808,7 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.renderCssRoot),
       ref_key: "root",
@@ -1832,7 +1831,7 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = b(() => {
+    const e = u, n = f(() => {
       const C = e.question;
       return C.dropdownListModel || (C.dropdownListModel = new We(C)), e.question.dropdownListModel;
     }), s = (C) => {
@@ -1876,9 +1875,9 @@ const cs = /* @__PURE__ */ h({
         v("div", {
           class: r(C.question.cssClasses.controlValue)
         }, [
-          (o(!0), l(I, null, V(k(c), (L, Z) => (o(), y(d, {
+          (o(!0), l(M, null, V(k(c), (w, Z) => (o(), y(d, {
             is: "sv-tagbox-item",
-            item: L,
+            item: w,
             question: C.question,
             key: "item" + Z
           }, null, 8, ["item", "question"]))), 128)),
@@ -1955,7 +1954,7 @@ const cs = /* @__PURE__ */ h({
       e.question.onBlur(m);
     }, t = (m) => {
       e.question.onFocus(m);
-    }, a = b({
+    }, a = f({
       get() {
         return e.model.inputStringRendered ?? "";
       },
@@ -1971,7 +1970,7 @@ const cs = /* @__PURE__ */ h({
         key: 0,
         class: r(m.question.cssClasses.hintPrefix)
       }, [
-        v("span", null, M(m.model.hintStringPrefix), 1)
+        v("span", null, I(m.model.hintStringPrefix), 1)
       ], 2)) : p("", !0),
       v("div", {
         class: r(m.question.cssClasses.hintSuffixWrapper)
@@ -1985,8 +1984,8 @@ const cs = /* @__PURE__ */ h({
           key: 1,
           class: r(m.question.cssClasses.hintSuffix)
         }, [
-          v("span", Is, M(m.model.inputStringRendered), 1),
-          v("span", null, M(m.model.hintStringSuffix), 1)
+          v("span", Is, I(m.model.inputStringRendered), 1),
+          v("span", null, I(m.model.hintStringSuffix), 1)
         ], 2)) : p("", !0),
         R(v("input", {
           type: "text",
@@ -2056,7 +2055,7 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (t) => e.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", i = (t, a, m) => ({
       componentName: "survey-ranking-item",
@@ -2073,7 +2072,7 @@ const cs = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      t.question.selectToRankEnabled ? p("", !0) : (o(!0), l(I, { key: 0 }, V(t.question.renderedRankingChoices, (m, c) => (o(), y(d, D({
+      t.question.selectToRankEnabled ? p("", !0) : (o(!0), l(M, { key: 0 }, V(t.question.renderedRankingChoices, (m, c) => (o(), y(d, D({
         key: m.value + "-" + c + "-item",
         is: s(m)
       }, i(m, c)), null, 16, ["is"]))), 128)),
@@ -2082,7 +2081,7 @@ const cs = /* @__PURE__ */ h({
         class: r(t.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (o(!0), l(I, null, V(t.question.renderedUnRankingChoices, (m, c) => (o(), y(d, D({
+        (o(!0), l(M, null, V(t.question.renderedUnRankingChoices, (m, c) => (o(), y(d, D({
           key: m.value + "-" + c + "-item",
           is: s(m)
         }, i(m, c, !0)), null, 16, ["is"]))), 128)),
@@ -2105,7 +2104,7 @@ const cs = /* @__PURE__ */ h({
         class: r(t.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (o(!0), l(I, null, V(t.question.renderedRankingChoices, (m, c) => (o(), y(d, D({
+        (o(!0), l(M, null, V(t.question.renderedRankingChoices, (m, c) => (o(), y(d, D({
           key: m.value + "-" + c + "-item",
           is: s(m)
         }, i(m, c)), null, 16, ["is"]))), 128)),
@@ -2134,7 +2133,7 @@ const cs = /* @__PURE__ */ h({
     unrankedItem: { type: Boolean }
   },
   setup(u) {
-    const e = u, n = b(() => e.question.getNumberByIndex(e.index));
+    const e = u, n = f(() => e.question.getNumberByIndex(e.index));
     return S(() => e.item), (s, i) => (o(), l("div", {
       id: s.question.getItemId(s.item),
       tabindex: s.question.getItemTabIndex(s.item),
@@ -2188,7 +2187,7 @@ const cs = /* @__PURE__ */ h({
           !s.unrankedItem && n.value ? (o(), l("div", {
             key: 0,
             class: r(s.question.getItemIndexClasses(s.item))
-          }, M(n.value), 3)) : (o(), l("div", {
+          }, I(n.value), 3)) : (o(), l("div", {
             key: 1,
             class: r(s.question.getItemIndexClasses(s.item))
           }, [
@@ -2234,7 +2233,7 @@ const cs = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (i) => e.question.getInputId(i);
     return (i, t) => (o(), l("div", {
@@ -2253,7 +2252,7 @@ const cs = /* @__PURE__ */ h({
             locString: i.question.locMinRateDescription
           }, null, 8, ["locString"])
         ], 2)) : p("", !0),
-        (o(!0), l(I, null, V(i.question.renderedRateItems, (a, m) => (o(), y(d, {
+        (o(!0), l(M, null, V(i.question.renderedRateItems, (a, m) => (o(), y(d, {
           key: s(m),
           is: i.question.itemComponent,
           item: a,
@@ -2407,7 +2406,7 @@ const cs = /* @__PURE__ */ h({
   setup(u) {
     const e = u;
     return S(() => e.item), (n, s) => (o(), l("div", _s, [
-      v("span", xs, M(n.item.title), 1),
+      v("span", xs, I(n.item.title), 1),
       n.item.description ? (o(), l("div", en, [
         g(d, {
           is: "survey-string",
@@ -2417,7 +2416,7 @@ const cs = /* @__PURE__ */ h({
     ]));
   }
 });
-ee.Instance.registerRenderer(
+j.Instance.registerRenderer(
   "rating",
   "dropdown",
   "sv-rating-dropdown"
@@ -2429,7 +2428,7 @@ const nn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.cssClasses.rootDropdown),
       ref_key: "root",
@@ -2448,7 +2447,7 @@ const nn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = (t, a) => {
       e.question.onLabelClick(t, a);
@@ -2532,7 +2531,7 @@ const nn = /* @__PURE__ */ h({
     ], 34));
   }
 });
-ee.Instance.registerRenderer(
+j.Instance.registerRenderer(
   "boolean",
   "radio",
   "sv-boolean-radio"
@@ -2544,7 +2543,7 @@ const rn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = f(null);
+    const e = b(null);
     return B(u, e), (s, i) => (o(), l("div", {
       class: r(s.question.cssClasses.rootRadio),
       ref_key: "root",
@@ -2633,7 +2632,7 @@ const rn = /* @__PURE__ */ h({
     ], 2));
   }
 }), dn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], mn = ["xlink:href"], pn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), Cn = ["id"], vn = ["id"];
-ee.Instance.registerRenderer(
+j.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
@@ -2646,7 +2645,7 @@ const cn = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), l("div", {
       class: r(s.question.cssClasses.rootCheckbox),
       ref_key: "root",
@@ -2729,21 +2728,21 @@ const cn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = se(() => e.question.getRows());
+    const e = u, n = b(null), s = se(() => e.question.getRows());
     return B(e, n), (i, t) => (o(), l("table", {
       class: r(i.question.getQuestionRootCss()),
       ref_key: "root",
       ref: n
     }, [
       v("tbody", null, [
-        (o(!0), l(I, null, V(k(s), (a, m) => (o(), l(I, {
+        (o(!0), l(M, null, V(k(s), (a, m) => (o(), l(M, {
           key: i.question.inputId + "rowkey" + m
         }, [
           a.isVisible ? (o(), l("tr", {
             key: 0,
             class: r(i.question.cssClasses.row)
           }, [
-            (o(!0), l(I, null, V(a.cells, (c) => (o(), l("td", {
+            (o(!0), l(M, null, V(a.cells, (c) => (o(), l("td", {
               key: "item" + c.item.editor.id,
               class: r(c.className)
             }, [
@@ -2767,7 +2766,7 @@ const cn = /* @__PURE__ */ h({
   setup(u) {
     const e = u, n = (i) => ie(i);
     S(() => e.cell.item.editor);
-    const s = b(() => e.cell.item);
+    const s = f(() => e.cell.item);
     return (i, t) => i.cell.isErrorsCell ? (o(), y(d, {
       key: 1,
       is: "survey-errors",
@@ -2786,7 +2785,7 @@ const cn = /* @__PURE__ */ h({
         s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (o(), l("span", {
           key: 0,
           class: r(i.question.cssClasses.requiredMark)
-        }, M(s.value.editor.requiredMark), 3)) : p("", !0),
+        }, I(s.value.editor.requiredMark), 3)) : p("", !0),
         s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (o(), l("span", yn, " ")) : p("", !0),
         g(d, {
           is: "survey-string",
@@ -2797,7 +2796,7 @@ const cn = /* @__PURE__ */ h({
           key: 3,
           "aria-hidden": "true",
           class: r(i.question.cssClasses.requiredMark)
-        }, M(s.value.editor.requiredMark), 3)) : p("", !0)
+        }, I(s.value.editor.requiredMark), 3)) : p("", !0)
       ], 6),
       (o(), l("div", {
         key: s.value.editor.id,
@@ -2824,7 +2823,7 @@ const cn = /* @__PURE__ */ h({
       key: 0,
       class: r(n.css.breadcrumbsRoot)
     }, [
-      (o(!0), l(I, null, V(n.model.actions, (i, t) => (o(), l(I, {
+      (o(!0), l(M, null, V(n.model.actions, (i, t) => (o(), l(M, {
         key: i.renderedId
       }, [
         t ? (o(), y(d, {
@@ -2848,7 +2847,7 @@ const cn = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = b(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = b(() => z.Instance.isComponentRegistered(n.value));
+    const e = u, n = f(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = f(() => z.Instance.isComponentRegistered(n.value));
     return (i, t) => i.summary.isEmpty() ? (o(), l("div", bn, [
       s.value ? (o(), y(d, {
         key: 0,
@@ -2865,7 +2864,7 @@ const cn = /* @__PURE__ */ h({
       key: 0,
       class: r(i.css.summary)
     }, [
-      (o(!0), l(I, null, V(i.summary.items, (a, m) => (o(), l("div", {
+      (o(!0), l(M, null, V(i.summary.items, (a, m) => (o(), l("div", {
         key: m,
         class: r(i.css.summaryRow)
       }, [
@@ -2918,7 +2917,7 @@ const cn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = W();
+    const e = u, n = b(null), s = W();
     B(
       e,
       n,
@@ -2941,7 +2940,7 @@ const cn = /* @__PURE__ */ h({
       ref: n
     }, [
       v("fieldset", Mn, [
-        v("legend", In, M(t.question.locTitle.renderedHtml), 1),
+        v("legend", In, I(t.question.locTitle.renderedHtml), 1),
         v("table", {
           class: r(t.question.getTableCss()),
           role: "presentation"
@@ -2949,7 +2948,7 @@ const cn = /* @__PURE__ */ h({
           t.question.showHeader ? (o(), l("thead", Vn, [
             v("tr", null, [
               t.question.hasRows ? (o(), l("td", Sn)) : p("", !0),
-              (o(!0), l(I, null, V(t.question.visibleColumns, (m, c) => (o(), l("th", {
+              (o(!0), l(M, null, V(t.question.visibleColumns, (m, c) => (o(), l("th", {
                 key: c,
                 class: r(t.question.cssClasses.headerCell),
                 style: H({
@@ -2973,7 +2972,7 @@ const cn = /* @__PURE__ */ h({
             ])
           ])) : p("", !0),
           v("tbody", null, [
-            (o(!0), l(I, null, V(s.value, (m, c) => (o(), l("tr", {
+            (o(!0), l(M, null, V(s.value, (m, c) => (o(), l("tr", {
               key: "row_" + m.name + "_" + c,
               class: r(m.rowClasses || void 0)
             }, [
@@ -2999,21 +2998,21 @@ const cn = /* @__PURE__ */ h({
               ], 6), [
                 [N, t.question.hasRows]
               ]),
-              t.question.hasCellText ? (o(!0), l(I, { key: 0 }, V(t.question.visibleColumns, (C, q) => (o(), l("td", {
+              t.question.hasCellText ? (o(!0), l(M, { key: 0 }, V(t.question.visibleColumns, (C, q) => (o(), l("td", {
                 key: q,
                 class: r(t.question.getItemClass(m, C)),
-                onClick: (L) => i(m, C)
+                onClick: (w) => i(m, C)
               }, [
                 g(d, {
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(m.name, C)
                 }, null, 8, ["locString"])
               ], 10, Rn))), 128)) : p("", !0),
-              t.question.hasCellText ? p("", !0) : (o(!0), l(I, { key: 1 }, V(t.question.visibleColumns, (C, q) => (o(), l("td", {
+              t.question.hasCellText ? p("", !0) : (o(!0), l(M, { key: 1 }, V(t.question.visibleColumns, (C, q) => (o(), l("td", {
                 key: q,
                 "data-responsive-title": C.locText.renderedHtml,
                 class: r(t.question.cssClasses.cell),
-                onClick: (L) => i(m, C)
+                onClick: (w) => i(m, C)
               }, [
                 g(d, {
                   is: t.question.cellComponent,
@@ -3036,7 +3035,7 @@ const cn = /* @__PURE__ */ h({
     row: {}
   },
   setup(u) {
-    const e = u, n = f();
+    const e = u, n = b();
     S(() => e.row);
     const s = F(
       () => e.row,
@@ -3056,7 +3055,7 @@ const cn = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      (o(!0), l(I, null, V(i.row.cells, (a) => (o(), y(d, {
+      (o(!0), l(M, null, V(i.row.cells, (a) => (o(), y(d, {
         is: "survey-matrixdropdown-cell",
         cell: a,
         question: i.question,
@@ -3074,7 +3073,7 @@ const cn = /* @__PURE__ */ h({
     columnIndex: {}
   },
   setup(u) {
-    const e = u, n = b({
+    const e = u, n = f({
       get() {
         return e.row.value ?? "";
       },
@@ -3104,7 +3103,7 @@ const cn = /* @__PURE__ */ h({
         "aria-invalid": s.question.a11y_input_ariaInvalid,
         "aria-errormessage": s.question.a11y_input_ariaErrormessage
       }, null, 10, Dn), [
-        [x, n.value]
+        [ee, n.value]
       ]),
       v("span", {
         class: r(s.question.cssClasses.materialDecorator)
@@ -3136,7 +3135,7 @@ const cn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     return B(e, n), (s, i) => (o(), y(d, {
       is: "survey-matrixtable",
       question: s.question,
@@ -3150,7 +3149,7 @@ const cn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.question.renderedTable);
+    const e = u, n = f(() => e.question.renderedTable);
     return S(() => n.value), (s, i) => (o(), l("div", {
       style: H({ overflowX: s.question.showHorizontalScroll ? "scroll" : "" }),
       class: r(s.question.cssClasses.tableWrapper)
@@ -3160,7 +3159,7 @@ const cn = /* @__PURE__ */ h({
       }, [
         n.value.showHeader ? (o(), l("thead", En, [
           v("tr", null, [
-            (o(!0), l(I, null, V(n.value.headerRow.cells, (t) => (o(), l(I, null, [
+            (o(!0), l(M, null, V(n.value.headerRow.cells, (t) => (o(), l(M, null, [
               t.hasTitle ? (o(), l("th", {
                 key: "header_" + t.id,
                 class: r(t.className),
@@ -3194,7 +3193,7 @@ const cn = /* @__PURE__ */ h({
           ])
         ])) : p("", !0),
         v("tbody", null, [
-          (o(!0), l(I, null, V(n.value.renderedRows, (t) => (o(), y(d, {
+          (o(!0), l(M, null, V(n.value.renderedRows, (t) => (o(), y(d, {
             key: s.question.inputId + "_" + t.id,
             is: "survey-matrix-row",
             row: t,
@@ -3203,7 +3202,7 @@ const cn = /* @__PURE__ */ h({
         ]),
         n.value.showFooter ? (o(), l("tfoot", Wn, [
           v("tr", null, [
-            (o(!0), l(I, null, V(n.value.footerRow.cells, (t, a) => (o(), y(d, {
+            (o(!0), l(M, null, V(n.value.footerRow.cells, (t, a) => (o(), y(d, {
               is: "survey-matrixdropdown-cell",
               cell: t,
               question: s.question,
@@ -3222,12 +3221,12 @@ const cn = /* @__PURE__ */ h({
   },
   setup(u) {
     const e = u;
-    return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (o(), l(I, { key: 0 }, [
+    return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (o(), l(M, { key: 0 }, [
       zn,
       n.column.isRenderedRequired ? (o(), l("span", {
         key: 0,
         class: r(n.question.cssClasses.cellRequiredMark)
-      }, M(n.column.requiredMark), 3)) : p("", !0)
+      }, I(n.column.requiredMark), 3)) : p("", !0)
     ], 64)) : p("", !0);
   }
 }), Un = ["title", "colspan"], Kn = /* @__PURE__ */ h({
@@ -3237,7 +3236,7 @@ const cn = /* @__PURE__ */ h({
     cell: {}
   },
   setup(u) {
-    const e = u, n = f(!1), s = f(), i = () => e.cell.width || e.cell.minWidth ? { width: e.cell.width, minWidth: e.cell.minWidth } : null, t = () => {
+    const e = u, n = b(!1), s = b(), i = () => e.cell.width || e.cell.minWidth ? { width: e.cell.width, minWidth: e.cell.minWidth } : null, t = () => {
       !e.cell.hasQuestion || !e.question || !e.question.survey || (n.value = e.cell.question.isVisible);
     }, a = (C) => ie(C);
     t(), T(() => {
@@ -3246,31 +3245,31 @@ const cn = /* @__PURE__ */ h({
       e.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
         t();
       });
-      const C = s.value, q = e.cell.question, L = {
+      const C = s.value, q = e.cell.question, w = {
         cell: e.cell.cell,
         cellQuestion: q,
         htmlElement: C,
         row: e.cell.row,
         column: e.cell.cell.column
       };
-      e.question.survey.matrixAfterCellRender(L), q && q.afterRenderCore(C);
+      e.question.survey.matrixAfterCellRender(w), q && q.afterRenderCore(C);
     });
-    const m = b(() => {
+    const m = f(() => {
       const C = e.cell;
       if (C.hasPanel) {
-        const q = C.panel, L = q.survey;
-        if (L) {
-          const Z = L.getElementWrapperComponentName(q);
+        const q = C.panel, w = q.survey;
+        if (w) {
+          const Z = w.getElementWrapperComponentName(q);
           if (Z)
             return Z;
         }
         return "survey-panel";
       }
-    }), c = b(() => {
+    }), c = f(() => {
       if (e.cell.hasPanel) {
-        const q = e.cell.panel, L = q.survey;
+        const q = e.cell.panel, w = q.survey;
         let Z;
-        return L && (Z = L.getElementWrapperComponentData(q)), {
+        return w && (Z = w.getElementWrapperComponentData(q)), {
           componentName: "survey-panel",
           componentData: {
             element: q,
@@ -3286,7 +3285,7 @@ const cn = /* @__PURE__ */ h({
       title: C.cell.getTitle(),
       style: H(i()),
       colspan: C.cell.colSpans,
-      onFocusin: q[0] || (q[0] = (L) => C.cell.focusIn()),
+      onFocusin: q[0] || (q[0] = (w) => C.cell.focusIn()),
       ref_key: "root",
       ref: s
     }, [
@@ -3391,7 +3390,7 @@ const cn = /* @__PURE__ */ h({
           C.cell.requiredMark ? (o(), l("span", {
             key: 1,
             class: r(C.question.cssClasses.cellRequiredMark)
-          }, M(C.cell.requiredMark), 3)) : p("", !0)
+          }, I(C.cell.requiredMark), 3)) : p("", !0)
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : p("", !0)
@@ -3404,7 +3403,7 @@ const cn = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
     const s = () => {
       e.question.addRowUI();
@@ -3499,8 +3498,8 @@ const cn = /* @__PURE__ */ h({
 });
 function re(u, e = !0) {
   return {
-    question: b(() => u.item.data.question),
-    row: e ? b(() => u.item.data.row) : void 0
+    question: f(() => u.item.data.question),
+    row: e ? f(() => u.item.data.row) : void 0
   };
 }
 const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
@@ -3576,7 +3575,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = ye();
+    const e = u, n = b(null), s = ye();
     B(
       e,
       n,
@@ -3647,7 +3646,7 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
       v("div", {
         class: r(a.question.cssClasses.panelsContainer)
       }, [
-        (o(!0), l(I, null, V(a.question.renderedPanels, (c, C) => (o(), l(I, {
+        (o(!0), l(M, null, V(a.question.renderedPanels, (c, C) => (o(), l(M, {
           key: c.id
         }, [
           v("div", {
@@ -3778,8 +3777,8 @@ const Gn = ["disabled"], Xn = /* @__PURE__ */ h({
     ], 2));
   }
 });
-function j(u) {
-  return b(
+function G(u) {
+  return f(
     () => u.item && u.item.data.question || u.data.question
   );
 }
@@ -3790,7 +3789,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     data: {}
   },
   setup(u) {
-    const n = j(u), s = () => {
+    const n = G(u), s = () => {
       n.value.addPanelUI();
     };
     return (i, t) => k(n).canAddPanel ? (o(), l("button", {
@@ -3817,7 +3816,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     data: {}
   },
   setup(u) {
-    const n = j(u), s = () => {
+    const n = G(u), s = () => {
       n.value.goToNextPanel();
     };
     return (i, t) => (o(), l("div", {
@@ -3839,7 +3838,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     data: {}
   },
   setup(u) {
-    const n = j(u), s = () => {
+    const n = G(u), s = () => {
       n.value.goToPrevPanel();
     };
     return (i, t) => (o(), l("div", {
@@ -3861,7 +3860,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     data: {}
   },
   setup(u) {
-    const e = u, n = j(e), s = b(
+    const e = u, n = G(e), s = f(
       () => e.item && e.item.data.panel || e.data.panel
     ), i = (a) => n.value.getPanelRemoveButtonId(a), t = (a) => {
       n.value.isInputReadOnly || n.value.removePanelUI(a);
@@ -3892,10 +3891,10 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     data: {}
   },
   setup(u) {
-    const n = j(u);
+    const n = G(u);
     return (s, i) => (o(), l("div", {
       class: r(k(n).cssClasses.progressText)
-    }, M(k(n).progressText), 3));
+    }, I(k(n).progressText), 3));
   }
 }), Ct = ["id"], vt = /* @__PURE__ */ h({
   __name: "Errors",
@@ -3904,7 +3903,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     location: {}
   },
   setup(u) {
-    const e = f();
+    const e = b();
     return (n, s) => n.element.hasVisibleErrors ? (o(), l("div", {
       key: 0,
       role: "alert",
@@ -3914,7 +3913,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      (o(!0), l(I, null, V(n.element.errors, (i, t) => (o(), y(d, {
+      (o(!0), l(M, null, V(n.element.errors, (i, t) => (o(), y(d, {
         is: n.element.survey.questionErrorComponent,
         element: n.element,
         key: "error_" + t,
@@ -3930,7 +3929,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (o(), l("div", ct, M(e.question.comment), 1)) : (o(), y(d, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (o(), l("div", ct, I(e.question.comment), 1)) : (o(), y(d, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
@@ -3997,7 +3996,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    return (e, n) => (o(), l(I, null, [
+    return (e, n) => (o(), l(M, null, [
       e.element.isTitleRenderedAsString ? (o(), y(d, {
         key: 0,
         is: "survey-string",
@@ -4007,20 +4006,20 @@ const ot = ["id"], it = /* @__PURE__ */ h({
         key: 1,
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
-      }, M(e.element.requiredMark), 3)) : p("", !0),
+      }, I(e.element.requiredMark), 3)) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (o(), l("span", ht, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.no ? (o(), l("span", {
         key: 3,
         style: { position: "static" },
         class: r(e.element.cssTitleNumber),
         "aria-hidden": !0
-      }, M(e.element.no), 3)) : p("", !0),
+      }, I(e.element.no), 3)) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.no ? (o(), l("span", qt, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (o(), l("span", {
         key: 5,
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
-      }, M(e.element.requiredMark), 3)) : p("", !0),
+      }, I(e.element.requiredMark), 3)) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (o(), l("span", wt, " ")) : p("", !0),
       e.element.isTitleRenderedAsString ? p("", !0) : (o(), y(d, {
         key: 7,
@@ -4032,7 +4031,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
         key: 9,
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
-      }, M(e.element.requiredMark), 3)) : p("", !0)
+      }, I(e.element.requiredMark), 3)) : p("", !0)
     ], 64));
   }
 }), bt = { class: "sv-title-actions" }, ft = { class: "sv-title-actions__title" }, Ht = /* @__PURE__ */ h({
@@ -4042,7 +4041,7 @@ const ot = ["id"], it = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.element.getTitleToolbar());
+    const e = u, n = f(() => e.element.getTitleToolbar());
     return (s, i) => (o(), l("div", bt, [
       v("span", ft, [
         s.element.isPage ? (o(), y(d, {
@@ -4086,7 +4085,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     title: {}
   },
   setup(u) {
-    const e = u, n = f(), s = () => {
+    const e = u, n = b(), s = () => {
       Fe(
         e.size,
         e.width,
@@ -4143,7 +4142,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     handleClick: { type: Boolean, default: !0 }
   },
   setup(u) {
-    const e = u, n = f(null), s = (t) => {
+    const e = u, n = b(null), s = (t) => {
       e.handleClick && t.stopPropagation();
     };
     S(() => e.model);
@@ -4159,7 +4158,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
       class: r(t.model.getRootCss()),
       onClick: s
     }, [
-      (o(!0), l(I, null, V(k(i), (m) => (o(), y(d, {
+      (o(!0), l(M, null, V(k(i), (m) => (o(), y(d, {
         is: "sv-action",
         key: m.renderedId,
         item: m
@@ -4172,7 +4171,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     item: {}
   },
   setup(u) {
-    const e = f(), n = u, s = b(
+    const e = b(), n = u, s = f(
       () => n.item.component || "sv-action-bar-item"
     );
     return S(() => n.item), T(() => {
@@ -4263,7 +4262,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
       n.item.hasTitle ? (o(), l("span", {
         key: 1,
         class: r(n.item.getActionBarItemTitleCss())
-      }, M(n.item.title), 3)) : p("", !0)
+      }, I(n.item.title), 3)) : p("", !0)
     ], 42, Ft)), [
       [k(K), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
@@ -4287,7 +4286,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
       () => {
         n.dispose();
       }
-    ), (s, i) => (o(), l(I, null, [
+    ), (s, i) => (o(), l(M, null, [
       R((o(), l("button", {
         type: "button",
         class: r(s.item.getActionBarItemCss()),
@@ -4312,7 +4311,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
         s.item.hasTitle ? (o(), l("span", {
           key: 1,
           class: r(s.item.getActionBarItemTitleCss())
-        }, M(s.item.title), 3)) : p("", !0)
+        }, I(s.item.title), 3)) : p("", !0)
       ], 42, Ut)), [
         [k(K), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
@@ -4328,7 +4327,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     item: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.item && e.item.innerCss);
+    const e = u, n = f(() => e.item && e.item.innerCss);
     return (s, i) => (o(), l("div", {
       class: r(["sv-action-bar-separator", n.value])
     }, null, 2));
@@ -4339,7 +4338,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     model: {}
   },
   setup(u) {
-    const e = u, n = f(null), s = (m) => {
+    const e = u, n = b(null), s = (m) => {
       const c = e.model;
       c.filterString = m.target.value;
     }, i = (m) => {
@@ -4399,7 +4398,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
         v("div", {
           class: r(m.model.cssClasses.emptyText),
           "aria-label": m.model.emptyMessage
-        }, M(m.model.emptyMessage), 11, Xt)
+        }, I(m.model.emptyMessage), 11, Xt)
       ], 2), [
         [N, m.model.isEmpty]
       ]),
@@ -4416,7 +4415,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
           m.model.onKeyDown(C);
         })
       }, [
-        (o(!0), l(I, null, V(k(a), (C) => (o(), y(d, {
+        (o(!0), l(M, null, V(k(a), (C) => (o(), y(d, {
           is: "sv-list-item",
           item: C,
           model: m.model,
@@ -4434,11 +4433,11 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     item: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.item.elementId), s = (t) => {
+    const e = u, n = f(() => e.item.elementId), s = (t) => {
       e.model.onItemClick(e.item), t.stopPropagation();
     };
     S(() => e.item);
-    const i = b(
+    const i = f(
       () => e.item.component || e.model.itemComponent
     );
     return T(() => {
@@ -4485,7 +4484,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (o(), l(I, null, [
+    return S(() => e.item), (n, s) => (o(), l(M, null, [
       n.item.iconName ? (o(), y(d, {
         key: 0,
         is: "sv-svg-icon",
@@ -4514,7 +4513,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (o(), l(I, null, [
+    return S(() => e.item), (n, s) => (o(), l(M, null, [
       g(d, {
         is: "sv-list-item-content",
         item: n.item,
@@ -4532,7 +4531,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     model: {}
   },
   setup(u) {
-    const e = u, n = W(), s = f(null), i = () => {
+    const e = u, n = W(), s = b(null), i = () => {
       const t = s.value;
       t && n.value.setComponentElement(t);
     };
@@ -4603,7 +4602,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
           model: s.model
         }, null, 8, ["is", "model"])) : p("", !0),
         v("div", oo, [
-          s.model.title ? (o(), l("div", io, M(s.model.title), 1)) : p("", !0),
+          s.model.title ? (o(), l("div", io, I(s.model.title), 1)) : p("", !0),
           v("div", ro, [
             v("div", lo, [
               g(d, D({
@@ -4645,22 +4644,22 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     needRenderWrapper: {}
   },
   setup(u) {
-    const e = u, n = b(
+    const e = u, n = f(
       () => e.survey.getContainerContent(e.container)
     );
-    return (s, i) => n.value.length > 0 ? (o(), l(I, { key: 0 }, [
+    return (s, i) => n.value.length > 0 ? (o(), l(M, { key: 0 }, [
       s.needRenderWrapper ? (o(), l("div", {
         key: 0,
         class: r(["sv-components-column", "sv-components-container-" + s.container])
       }, [
-        (o(!0), l(I, null, V(n.value, (t) => (o(), y(d, {
+        (o(!0), l(M, null, V(n.value, (t) => (o(), y(d, {
           key: t.id,
           is: t.component,
           survey: s.survey,
           container: s.container,
           model: t.data
         }, null, 8, ["is", "survey", "container", "model"]))), 128))
-      ], 2)) : (o(!0), l(I, { key: 1 }, V(n.value, (t) => (o(), y(d, {
+      ], 2)) : (o(!0), l(M, { key: 1 }, V(n.value, (t) => (o(), y(d, {
         key: t.id,
         is: t.component,
         survey: s.survey,
@@ -4669,7 +4668,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
       }, null, 8, ["is", "survey", "container", "model"]))), 128))
     ], 64)) : p("", !0);
   }
-}), X = /* @__PURE__ */ h({
+}), J = /* @__PURE__ */ h({
   __name: "Progress",
   props: {
     survey: {},
@@ -4677,7 +4676,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     css: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.survey.progressValue + "%"), s = (t) => me.getProgressTextInBarCss(t), i = (t) => me.getProgressTextUnderBarCss(t);
+    const e = u, n = f(() => e.survey.progressValue + "%"), s = (t) => me.getProgressTextInBarCss(t), i = (t) => me.getProgressTextUnderBarCss(t);
     return (t, a) => (o(), l("div", {
       class: r(t.survey.getProgressCssClasses(t.container))
     }, [
@@ -4691,11 +4690,11 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
       }, [
         v("span", {
           class: r(s(t.survey.css))
-        }, M(t.survey.progressText), 3)
+        }, I(t.survey.progressText), 3)
       ], 6),
       v("span", {
         class: r(i(t.survey.css))
-      }, M(t.survey.progressText), 3)
+      }, I(t.survey.progressText), 3)
     ], 2));
   }
 }), Co = ["title"], vo = ["onClick", "data-page-number"], co = ["title"], go = ["title"], yo = ["title"], ho = /* @__PURE__ */ h({
@@ -4706,29 +4705,29 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
     container: {}
   },
   setup(u) {
-    const e = u, n = f(!1), s = f(!1), i = f(!1), t = f(!0), a = f(), m = b(() => e.survey.css);
+    const e = u, n = b(!1), s = b(!1), i = b(!1), t = b(!0), a = b(), m = f(() => e.survey.css);
     let c = null;
     const C = (q) => {
-      let L = a.value;
-      L.scrollLeft += (q ? -1 : 1) * 70;
+      let w = a.value;
+      w.scrollLeft += (q ? -1 : 1) * 70;
     };
     return T(() => {
       const q = a.value;
       c = new Qe(e.model, q, {
-        onResize: (L) => {
-          t.value = L, s.value = !L;
+        onResize: (w) => {
+          t.value = w, s.value = !w;
         },
-        onUpdateScroller: (L) => {
-          n.value = L;
+        onUpdateScroller: (w) => {
+          n.value = w;
         },
         onUpdateSettings: () => {
           t.value = e.model.showItemTitles, i.value = !e.model.showItemTitles;
         },
-        container: b(() => e.container)
+        container: f(() => e.container)
       });
     }), O(() => {
       c.dispose();
-    }), (q, L) => (o(), l("div", {
+    }), (q, w) => (o(), l("div", {
       class: r(q.model.getRootCss(q.container)),
       style: H({ maxWidth: q.model.progressWidth }),
       role: "progressbar",
@@ -4743,14 +4742,14 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
         v("div", {
           class: r(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
-        }, M(q.model.headerText), 11, Co)
+        }, I(q.model.headerText), 11, Co)
       ], 2)) : p("", !0),
       v("div", {
         class: r(m.value.progressButtonsContainer)
       }, [
         v("div", {
           class: r(q.model.getScrollButtonCss(n.value, !0)),
-          onClick: L[0] || (L[0] = (Z) => C(!0)),
+          onClick: w[0] || (w[0] = (Z) => C(!0)),
           role: "button"
         }, null, 2),
         v("div", {
@@ -4761,10 +4760,10 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
           v("ul", {
             class: r(m.value.progressButtonsList)
           }, [
-            (o(!0), l(I, null, V(q.survey.visiblePages, (Z, $) => (o(), l("li", {
+            (o(!0), l(M, null, V(q.survey.visiblePages, (Z, $) => (o(), l("li", {
               key: "listelement" + $,
               class: r(q.model.getListElementCss($)),
-              onClick: (w) => q.model.isListElementClickable($) ? q.model.clickListElement(Z) : null,
+              onClick: (L) => q.model.isListElementClickable($) ? q.model.clickListElement(Z) : null,
               "data-page-number": q.model.getItemNumber(Z)
             }, [
               v("div", {
@@ -4784,7 +4783,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
                 key: 1,
                 class: r(m.value.progressButtonsPageDescription),
                 title: Z.locNavigationDescription.renderedHtml
-              }, M(Z.locNavigationDescription.renderedHtml), 11, go)) : p("", !0),
+              }, I(Z.locNavigationDescription.renderedHtml), 11, go)) : p("", !0),
               v("div", {
                 class: r(m.value.progressButtonsButton)
               }, [
@@ -4794,14 +4793,14 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
                 v("div", {
                   class: r(m.value.progressButtonsButtonContent)
                 }, null, 2),
-                v("span", null, M(q.model.getItemNumber(Z)), 1)
+                v("span", null, I(q.model.getItemNumber(Z)), 1)
               ], 2)
             ], 10, vo))), 128))
           ], 2)
         ], 2),
         v("div", {
           class: r(q.model.getScrollButtonCss(n.value, !1)),
-          onClick: L[1] || (L[1] = (Z) => C(!1)),
+          onClick: w[1] || (w[1] = (Z) => C(!1)),
           role: "button"
         }, null, 2)
       ], 2),
@@ -4812,7 +4811,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
         v("div", {
           class: r(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
-        }, M(q.model.footerText), 11, yo)
+        }, I(q.model.footerText), 11, yo)
       ], 2)) : p("", !0)
     ], 6));
   }
@@ -4854,7 +4853,7 @@ const Zt = /* @__PURE__ */ Mt(It, [["render", Bt]]), Tt = /* @__PURE__ */ v("use
   }
 });
 /*!
- * surveyjs - Survey JavaScript library v2.0.6
+ * surveyjs - Survey JavaScript library v2.0.7
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4922,7 +4921,7 @@ var wo = {
   "smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
 };
 /*!
- * surveyjs - Survey JavaScript library v2.0.6
+ * surveyjs - Survey JavaScript library v2.0.7
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4995,7 +4994,7 @@ const Lo = ["lang", "dir"], ko = { onsubmit: "return false;" }, bo = {
 }, fo = { class: "sv-components-column sv-components-column--expandable" }, Ho = ["id"], Mo = { key: 2 }, Io = ["innerHTML"], Vo = ["innerHTML"], So = ["innerHTML"];
 qe("v1", wo);
 qe("v2", ke);
-J.registerIcons(ke);
+Y.registerIcons(ke);
 const le = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
@@ -5003,18 +5002,18 @@ const le = /* @__PURE__ */ h({
     survey: {}
   },
   setup(u) {
-    const e = u, n = f(), s = f(""), i = f(1), t = b(() => {
+    const e = u, n = b(), s = b(""), i = b(1), t = f(() => {
       const $ = e.survey ? e.survey : e.model;
       return $e($);
-    }), a = b(() => t.value.activePage ? t.value.activePage.id : ""), m = () => {
+    }), a = f(() => t.value.activePage ? t.value.activePage.id : ""), m = () => {
       const $ = a.value;
       return !!t.value && $ + i.value.toString();
-    }, c = b(
+    }, c = f(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), C = b(() => t.value.css), q = b(() => "page" + m()), L = () => c.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", Z = ($) => {
+    ), C = f(() => t.value.css), q = f(() => "page" + m()), w = () => c.value ? (s.value || (s.value = t.value.processedCompletedHtml), s.value) : "", Z = ($) => {
       if ($) {
-        var w = n.value;
-        w && $.afterRenderSurvey(w), $.renderCallback = () => {
+        var L = n.value;
+        L && $.afterRenderSurvey(L), $.renderCallback = () => {
           var A, ae;
           i.value++, (ae = (A = ye()) == null ? void 0 : A.proxy) == null || ae.$forceUpdate();
         }, $.startTimerFromUI();
@@ -5022,8 +5021,8 @@ const le = /* @__PURE__ */ h({
     };
     return S(
       () => t.value,
-      ($, w) => {
-        $ && w && Z($);
+      ($, L) => {
+        $ && L && Z($);
       },
       ($) => {
         $.stopTimer(), $.renderCallback = void 0;
@@ -5032,7 +5031,7 @@ const le = /* @__PURE__ */ h({
       Z(t.value);
     }), P(() => {
       t.value.stopTimer(), t.value.beforeDestroySurveyElement(), t.value.renderCallback = void 0;
-    }), ($, w) => (o(), l("div", {
+    }), ($, L) => (o(), l("div", {
       class: r(t.value.getRootCss()),
       style: H(t.value.themeVariables),
       lang: t.value.locale || "en",
@@ -5141,7 +5140,7 @@ const le = /* @__PURE__ */ h({
                     }, null, 8, ["survey"]),
                     c.value ? (o(), l("div", Mo, [
                       v("div", {
-                        innerHTML: L(),
+                        innerHTML: w(),
                         class: r(t.value.completedCss)
                       }, null, 10, Io),
                       g(d, {
@@ -5164,7 +5163,7 @@ const le = /* @__PURE__ */ h({
                     t.value.state === "empty" ? (o(), l("div", {
                       key: 5,
                       class: r(C.value.bodyEmpty)
-                    }, M(t.value.emptySurveyText), 3)) : p("", !0)
+                    }, I(t.value.emptySurveyText), 3)) : p("", !0)
                   ], 2)
                 ]),
                 _: 1
@@ -5194,7 +5193,7 @@ const le = /* @__PURE__ */ h({
       role: "alert",
       "aria-live": "polite"
     }, [
-      v("span", null, M(n.model.message), 1),
+      v("span", null, I(n.model.message), 1),
       g(d, {
         is: "sv-action-bar",
         model: n.model.actionBar
@@ -5210,7 +5209,7 @@ const le = /* @__PURE__ */ h({
     return (e, n) => (o(), l("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (o(), l("div", Bo, M(e.question.otherValue), 1)) : (o(), y(d, {
+      e.question.isReadOnlyRenderDiv() ? (o(), l("div", Bo, I(e.question.otherValue), 1)) : (o(), y(d, {
         key: 1,
         is: "sv-text-area",
         model: e.question.otherTextAreaModel
@@ -5290,7 +5289,7 @@ const le = /* @__PURE__ */ h({
           n.value.isCollapsed && n.value.locTitle ? (o(), l("div", {
             key: 0,
             class: r(n.value.cssHeaderTitleCollapsed)
-          }, M(n.value.locTitle.renderedHtml), 3)) : p("", !0),
+          }, I(n.value.locTitle.renderedHtml), 3)) : p("", !0),
           v("div", {
             class: r(n.value.cssHeaderButtonsContainer)
           }, [
@@ -5357,11 +5356,11 @@ const le = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(), s = b(
+    const e = u, n = b(), s = f(
       () => e.question.customWidget.isDefaultRender
-    ), i = b(
+    ), i = f(
       () => !!e.question.customWidget.htmlTemplate
-    ), t = b(() => e.question.customWidget.htmlTemplate), a = b(() => "survey-" + e.question.getTemplate());
+    ), t = f(() => e.question.customWidget.htmlTemplate), a = f(() => "survey-" + e.question.getTemplate());
     return T(() => {
       e.question.customWidget.afterRender(e.question, n.value);
     }), O(() => {
@@ -5413,9 +5412,9 @@ const le = /* @__PURE__ */ h({
     model: {}
   },
   setup(u) {
-    const e = u, n = f(
+    const e = u, n = b(
       null
-    ), s = b(() => e.model.getTextValue() || "");
+    ), s = f(() => e.model.getTextValue() || "");
     return T(() => {
       e.model.setElement(n.value);
     }), Q(() => {
@@ -5468,7 +5467,7 @@ const le = /* @__PURE__ */ h({
     const e = u;
     return S(() => e.counter), (n, s) => (o(), l("div", {
       class: r(n.remainingCharacterCounter)
-    }, M(n.counter.remainingCharacterCounter), 3));
+    }, I(n.counter.remainingCharacterCounter), 3));
   }
 }), Fo = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -5478,9 +5477,9 @@ const le = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
-    const s = b(() => e.question.contentPanel);
+    const s = f(() => e.question.contentPanel);
     return (i, t) => (o(), y(d, {
       is: "survey-panel",
       ref_key: "root",
@@ -5497,9 +5496,9 @@ const le = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(null);
+    const e = u, n = b(null);
     B(e, n);
-    const s = b(() => e.question.contentQuestion), i = (t) => ie(t);
+    const s = f(() => e.question.contentQuestion), i = (t) => ie(t);
     return (t, a) => (o(), y(d, {
       ref: n.value,
       is: i(s.value),
@@ -5516,7 +5515,7 @@ const le = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = b(() => ve * e.model.progress), s = b(() => e.model.text);
+    const e = u, n = f(() => ve * e.model.progress), s = f(() => e.model.text);
     return S(() => e.model), (i, t) => i.model.isRunning && i.model.showTimerAsClock ? (o(), l("div", {
       key: 0,
       class: r(i.model.rootCss)
@@ -5531,16 +5530,16 @@ const le = /* @__PURE__ */ h({
       }, [
         v("span", {
           class: r(i.model.majorTextCss)
-        }, M(i.model.clockMajorText), 3),
+        }, I(i.model.clockMajorText), 3),
         i.model.clockMinorText ? (o(), l("span", {
           key: 0,
           class: r(i.model.minorTextCss)
-        }, M(i.model.clockMinorText), 3)) : p("", !0)
+        }, I(i.model.clockMinorText), 3)) : p("", !0)
       ], 2)
     ], 2)) : R((o(), l("div", {
       key: 1,
       class: r(i.model.survey.getCss().timerRoot)
-    }, M(s.value), 3)), [
+    }, I(s.value), 3)), [
       [N, i.model.isRunning && !i.model.showTimerAsClock]
     ]);
   }
@@ -5585,7 +5584,7 @@ const le = /* @__PURE__ */ h({
         class: r(n.model.contentClasses),
         style: H({ maxWidth: n.model.maxWidth })
       }, [
-        (o(!0), l(I, null, V(n.model.cells, (i, t) => (o(), y(d, {
+        (o(!0), l(M, null, V(n.model.cells, (i, t) => (o(), y(d, {
           is: "sv-header-cell",
           model: i,
           key: t
@@ -5719,7 +5718,7 @@ const le = /* @__PURE__ */ h({
     css: {}
   },
   setup(u) {
-    const e = u, n = f(), s = (c) => c.isPanel ? "survey-panel" : "survey-question", i = b(() => {
+    const e = u, n = b(), s = (c) => c.isPanel ? "survey-panel" : "survey-question", i = f(() => {
       const c = e.element.survey;
       if (c) {
         const C = c.getElementWrapperComponentName(e.element);
@@ -5727,7 +5726,7 @@ const le = /* @__PURE__ */ h({
           return C;
       }
       return s(e.element);
-    }), t = (c) => c.cssClasses ? c.rootStyle : {}, a = b(() => {
+    }), t = (c) => c.cssClasses ? c.rootStyle : {}, a = f(() => {
       const c = e.element, C = c.survey;
       let q;
       return C && (q = C.getElementWrapperComponentData(c)), {
@@ -5774,8 +5773,8 @@ const le = /* @__PURE__ */ h({
     componentData: {}
   },
   setup(u) {
-    const e = Ae(), n = b(() => !!e.default);
-    return (s, i) => n.value && !s.componentName ? Y(s.$slots, "default", { key: 0 }) : (o(), y(d, D({
+    const e = Ae(), n = f(() => !!e.default);
+    return (s, i) => n.value && !s.componentName ? _(s.$slots, "default", { key: 0 }) : (o(), y(d, D({
       key: 1,
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
@@ -5793,7 +5792,7 @@ const le = /* @__PURE__ */ h({
       onClick: n[0] || (n[0] = //@ts-ignore
       (...s) => e.question.doClean && e.question.doClean(...s))
     }, [
-      v("span", null, M(e.question.clearButtonCaption), 1),
+      v("span", null, I(e.question.clearButtonCaption), 1),
       e.question.cssClasses.removeButtonIconId ? (o(), y(d, {
         key: 0,
         is: "sv-svg-icon",
@@ -5839,7 +5838,7 @@ const le = /* @__PURE__ */ h({
     item: {}
   },
   setup(u) {
-    const e = u, n = b(
+    const e = u, n = f(
       () => {
         var s, i;
         return ((s = e.data) == null ? void 0 : s.question) || ((i = e.item) == null ? void 0 : i.data.question);
@@ -5859,7 +5858,7 @@ const le = /* @__PURE__ */ h({
         iconName: n.value.cssClasses.chooseFileIconId,
         size: "auto"
       }, null, 8, ["title", "iconName"])) : p("", !0),
-      v("span", null, M(n.value.chooseButtonText), 1)
+      v("span", null, I(n.value.chooseButtonText), 1)
     ], 10, a2)), [
       [k(K)]
     ]);
@@ -5874,7 +5873,7 @@ const le = /* @__PURE__ */ h({
       key: 0,
       class: r(e.question.cssClasses.fileList || void 0)
     }, [
-      (o(!0), l(I, null, V(e.question.renderedPages, (s) => (o(), y(d, {
+      (o(!0), l(M, null, V(e.question.renderedPages, (s) => (o(), y(d, {
         is: "sv-file-page",
         key: s.id,
         page: s,
@@ -5888,14 +5887,14 @@ const le = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    const e = u, n = f();
+    const e = u, n = b();
     return B(e, n), (s, i) => (o(), l("div", {
       role: "group",
       class: r(s.question.cssClasses.root),
       ref_key: "root",
       ref: n
     }, [
-      (o(!0), l(I, null, V(s.question.visibleChoices, (t, a) => (o(), y(d, {
+      (o(!0), l(M, null, V(s.question.visibleChoices, (t, a) => (o(), y(d, {
         is: "sv-button-group-item",
         question: s.question,
         key: a,
@@ -5912,9 +5911,9 @@ const le = /* @__PURE__ */ h({
     index: {}
   },
   setup(u) {
-    const e = u, n = b(
+    const e = u, n = f(
       () => new Xe(e.question, e.item, e.index)
-    ), s = b({
+    ), s = f({
       get: () => e.question.renderedValue,
       set: (i) => {
         const t = e.question;
@@ -5938,7 +5937,7 @@ const le = /* @__PURE__ */ h({
         "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
         value: n.value.value
       }, null, 10, C2), [
-        [x, s.value]
+        [ee, s.value]
       ]),
       v("div", {
         class: r(n.value.css.decorator)
@@ -5963,14 +5962,39 @@ const le = /* @__PURE__ */ h({
       ], 2)
     ], 10, p2));
   }
-}), g2 = ["src", "width", "height", "alt"], y2 = /* @__PURE__ */ h({
+});
+j.Instance.registerRenderer(
+  "buttongroup",
+  "dropdown",
+  "sv-buttongroup-dropdown"
+);
+const g2 = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "ButtonGroupDropdown",
+  props: {
+    question: {}
+  },
+  setup(u) {
+    const e = u, n = b(null);
+    return B(e, n), (s, i) => (o(), l("div", {
+      class: r(s.question.cssClasses.rootDropdown),
+      ref_key: "root",
+      ref: n
+    }, [
+      g(d, {
+        is: "sv-dropdown",
+        question: s.question
+      }, null, 8, ["question"])
+    ], 2));
+  }
+}), y2 = ["src", "width", "height", "alt"], h2 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
     data: {}
   },
   setup(u) {
-    const e = u, n = b(() => e.data), s = U(() => n.value.locLogo);
+    const e = u, n = f(() => e.data), s = U(() => n.value.locLogo);
     return (i, t) => (o(), l("div", {
       class: r(n.value.logoClassNames)
     }, [
@@ -5985,19 +6009,19 @@ const le = /* @__PURE__ */ h({
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, g2)
+      }, null, 14, y2)
     ], 2));
   }
-}), h2 = /* @__PURE__ */ h({
+}), q2 = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
-    const e = f(), n = () => {
-      e.value && (e.value.innerHTML = J.iconsRenderedHtml());
+    const e = b(), n = () => {
+      e.value && (e.value.innerHTML = Y.iconsRenderedHtml());
     };
     return T(() => {
-      n(), J.onIconsChanged.add(n);
+      n(), Y.onIconsChanged.add(n);
     }), P(() => {
-      J.onIconsChanged.remove(n);
+      Y.onIconsChanged.remove(n);
     }), (s, i) => R((o(), l("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
@@ -6006,7 +6030,7 @@ const le = /* @__PURE__ */ h({
       [N, !1]
     ]);
   }
-}), q2 = ["id"], w2 = /* @__PURE__ */ h({
+}), w2 = ["id"], L2 = /* @__PURE__ */ h({
   __name: "FilePage",
   props: {
     page: {},
@@ -6018,15 +6042,15 @@ const le = /* @__PURE__ */ h({
       class: r(n.page.css),
       id: n.page.id
     }, [
-      (o(!0), l(I, null, V(n.page.items, (i) => (o(), y(d, {
+      (o(!0), l(M, null, V(n.page.items, (i) => (o(), y(d, {
         is: "sv-file-item",
         key: i,
         item: i,
         question: n.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, q2));
+    ], 10, w2));
   }
-}), L2 = ["href", "title", "download"], k2 = ["src"], b2 = ["href", "title", "download"], f2 = /* @__PURE__ */ h({
+}), k2 = ["href", "title", "download"], b2 = ["src"], f2 = ["href", "title", "download"], H2 = /* @__PURE__ */ h({
   __name: "FileItem",
   props: {
     item: {},
@@ -6047,7 +6071,7 @@ const le = /* @__PURE__ */ h({
           title: e.item.name,
           download: e.item.name,
           style: H({ width: e.question.imageWidth })
-        }, M(e.item.name), 13, L2)
+        }, I(e.item.name), 13, k2)
       ], 2)) : p("", !0),
       v("div", {
         class: r(e.question.getImageWrapperCss(e.item))
@@ -6060,7 +6084,7 @@ const le = /* @__PURE__ */ h({
             width: e.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, k2)) : p("", !0),
+        }, null, 12, b2)) : p("", !0),
         e.question.defaultImage(e.item) ? (o(), y(d, {
           key: 1,
           is: "sv-svg-icon",
@@ -6075,7 +6099,7 @@ const le = /* @__PURE__ */ h({
         }, [
           v("span", {
             class: r(e.question.cssClasses.removeFile)
-          }, M(e.question.removeFileCaption), 3),
+          }, I(e.question.removeFileCaption), 3),
           e.question.cssClasses.removeFileSvgIconId ? (o(), y(d, {
             key: 0,
             is: "sv-svg-icon",
@@ -6096,7 +6120,7 @@ const le = /* @__PURE__ */ h({
           title: e.item.name,
           download: e.item.name,
           style: H({ width: e.question.imageWidth })
-        }, M(e.item.name), 13, b2)
+        }, I(e.item.name), 13, f2)
       ], 2)) : p("", !0)
     ], 2)), [
       [N, e.item]
@@ -6104,20 +6128,20 @@ const le = /* @__PURE__ */ h({
   }
 });
 Je.platform = "vue3";
-function H2(u, e, n) {
+function M2(u, e, n) {
   u(e, n);
 }
 function fe(u) {
-  const e = H2.bind(
+  const e = M2.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", h2), e("popup-survey", be), e("survey-header", s1), e("sv-logo-image", y2), e("survey-page", e1), e("survey-row", n1), e("survey-question", r1), e("survey-panel", d1), e("survey-element-header", p1), e("survey-string", C1), e("sv-string-viewer", c1), e("sv-string-editor", y1), e("sv-skeleton", q1), e("sv-scroll", b1), e("survey-text", M1), e("survey-text-input", S1), e("survey-checkbox", $1), e("survey-checkbox-item", N1), e("survey-radiogroup", P1), e("survey-radiogroup-item", F1), e("survey-signaturepad", K1), e("survey-html", j1), e("survey-image", Y1), e("survey-expression", _1), e("survey-file", ns), e("sv-file-choose-btn", u2), e("sv-file-clean-btn", i2), e("sv-file-preview", d2), e("sv-file-page", w2), e("sv-file-item", f2), e("sv-file-video", l2), e("survey-imagepicker", os), e("survey-imagepicker-item", us), e("survey-comment", ds), e("survey-dropdown", ms), e("sv-dropdown-select", cs), e("sv-dropdown-option-item", ys), e("sv-dropdown", ks), e("survey-tagbox", bs), e("sv-tagbox", Ms), e("sv-tagbox-item", Bs), e("sv-tagbox-filter", Ss), e("survey-ranking", Zs), e("survey-ranking-item", Ps), e("sv-ranking-item", Es), e("survey-rating", zs), e("sv-rating-item", Ks), e("sv-rating-item-smiley", Gs), e("sv-rating-item-star", Ys), e("sv-rating-dropdown", nn), e("sv-rating-dropdown-item", sn), e("survey-boolean", on), e("sv-boolean-radio", rn), e("sv-boolean-radio-item", un), e("sv-boolean-checkbox", cn), e("survey-multipletext", gn), e("survey-multipletext-item", qn), e("sv-breadcrumbs", wn), e("sv-single-input-summary", Hn), e("survey-matrix", Zn), e("survey-matrix-row", $n), e("survey-matrix-cell", Nn), e("survey-matrixdropdown", Pn), e("survey-matrixtable", Fn), e("survey-matrixheaderrequired", On), e("survey-matrixdropdown-cell", Kn), e("survey-matrixdynamic", Qn), e("survey-placeholder-matrixdynamic", jn), e("sv-matrix-remove-button", Xn), e("sv-matrix-drag-drop-icon", Yn), e("sv-matrix-detail-button", xn), e("survey-paneldynamic", et), e("survey-paneldynamicprogress", st), e("survey-paneldynamicprogress-v2", nt), e("survey-placeholder-paneldynamic", tt), e("sv-paneldynamic-add-btn", it), e("sv-paneldynamic-next-btn", lt), e("sv-paneldynamic-prev-btn", ut), e("sv-paneldynamic-remove-btn", mt), e("sv-paneldynamic-progress-text", pt), e("sv-components-container", po), e("sv-progress-buttons", ho), e("sv-navigation-toc", qo), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", vt), e("survey-question-comment", gt), e("survey-element-title", yt), e("survey-element-title-content", kt), e("sv-title-actions", Ht), e("sv-brand-info", Zt), e("sv-question-error", At), e("sv-svg-icon", Dt), e("sv-action-bar", Nt), e("sv-action", Wt), e("sv-action-bar-item", Ot), e("sv-action-bar-item-dropdown", Qt), e("sv-action-bar-separator", jt), e("sv-list", Yt), e("sv-list-item-content", so), e("sv-list-item-group", no), e("sv-list-item", eo), e("sv-popup", to), e("sv-popup-container", uo), e("popup-pointer", mo), e("sv-notifier", Ro), e("survey-other-choice", Zo), e("sv-nav-btn", $o), e("survey-customwidget", Ao), e("survey-popup-modal", No), e("survey-composite", Fo), e("survey-custom", zo), e("sv-timerpanel", Ko), e("sv-loading-indicator", jo), e("sv-header", Xo), e("sv-header-cell", _o), e("sv-header-mobile", n2), e("sv-template-renderer", o2), e("sv-character-counter", Wo), e("sv-text-area", Eo), e("survey-element", t2), e("survey-buttongroup", m2), e("sv-button-group-item", c2), e("survey", le);
+  e("sv-svg-bundle", q2), e("popup-survey", be), e("survey-header", s1), e("sv-logo-image", h2), e("survey-page", e1), e("survey-row", n1), e("survey-question", r1), e("survey-panel", d1), e("survey-element-header", p1), e("survey-string", C1), e("sv-string-viewer", c1), e("sv-string-editor", y1), e("sv-skeleton", q1), e("sv-scroll", b1), e("survey-text", M1), e("survey-text-input", S1), e("survey-checkbox", $1), e("survey-checkbox-item", N1), e("survey-radiogroup", P1), e("survey-radiogroup-item", F1), e("survey-signaturepad", K1), e("survey-html", j1), e("survey-image", Y1), e("survey-expression", _1), e("survey-file", ns), e("sv-file-choose-btn", u2), e("sv-file-clean-btn", i2), e("sv-file-preview", d2), e("sv-file-page", L2), e("sv-file-item", H2), e("sv-file-video", l2), e("survey-imagepicker", os), e("survey-imagepicker-item", us), e("survey-comment", ds), e("survey-dropdown", ms), e("sv-dropdown-select", cs), e("sv-dropdown-option-item", ys), e("sv-dropdown", ks), e("survey-tagbox", bs), e("sv-tagbox", Ms), e("sv-tagbox-item", Bs), e("sv-tagbox-filter", Ss), e("survey-ranking", Zs), e("survey-ranking-item", Ps), e("sv-ranking-item", Es), e("survey-rating", zs), e("sv-rating-item", Ks), e("sv-rating-item-smiley", Gs), e("sv-rating-item-star", Ys), e("sv-rating-dropdown", nn), e("sv-rating-dropdown-item", sn), e("survey-boolean", on), e("sv-boolean-radio", rn), e("sv-boolean-radio-item", un), e("sv-boolean-checkbox", cn), e("survey-multipletext", gn), e("survey-multipletext-item", qn), e("sv-breadcrumbs", wn), e("sv-single-input-summary", Hn), e("survey-matrix", Zn), e("survey-matrix-row", $n), e("survey-matrix-cell", Nn), e("survey-matrixdropdown", Pn), e("survey-matrixtable", Fn), e("survey-matrixheaderrequired", On), e("survey-matrixdropdown-cell", Kn), e("survey-matrixdynamic", Qn), e("survey-placeholder-matrixdynamic", jn), e("sv-matrix-remove-button", Xn), e("sv-matrix-drag-drop-icon", Yn), e("sv-matrix-detail-button", xn), e("survey-paneldynamic", et), e("survey-paneldynamicprogress", st), e("survey-paneldynamicprogress-v2", nt), e("survey-placeholder-paneldynamic", tt), e("sv-paneldynamic-add-btn", it), e("sv-paneldynamic-next-btn", lt), e("sv-paneldynamic-prev-btn", ut), e("sv-paneldynamic-remove-btn", mt), e("sv-paneldynamic-progress-text", pt), e("sv-components-container", po), e("sv-progress-buttons", ho), e("sv-navigation-toc", qo), e("sv-progress-pages", J), e("sv-progress-questions", J), e("sv-progress-correctquestions", J), e("sv-progress-requiredquestions", J), e("survey-errors", vt), e("survey-question-comment", gt), e("survey-element-title", yt), e("survey-element-title-content", kt), e("sv-title-actions", Ht), e("sv-brand-info", Zt), e("sv-question-error", At), e("sv-svg-icon", Dt), e("sv-action-bar", Nt), e("sv-action", Wt), e("sv-action-bar-item", Ot), e("sv-action-bar-item-dropdown", Qt), e("sv-action-bar-separator", jt), e("sv-list", Yt), e("sv-list-item-content", so), e("sv-list-item-group", no), e("sv-list-item", eo), e("sv-popup", to), e("sv-popup-container", uo), e("popup-pointer", mo), e("sv-notifier", Ro), e("survey-other-choice", Zo), e("sv-nav-btn", $o), e("survey-customwidget", Ao), e("survey-popup-modal", No), e("survey-composite", Fo), e("survey-custom", zo), e("sv-timerpanel", Ko), e("sv-loading-indicator", jo), e("sv-header", Xo), e("sv-header-cell", _o), e("sv-header-mobile", n2), e("sv-template-renderer", o2), e("sv-character-counter", Wo), e("sv-text-area", Eo), e("survey-element", t2), e("survey-buttongroup", m2), e("sv-button-group-item", c2), e("sv-buttongroup-dropdown", g2), e("survey", le);
 }
 fe(
   (u, e) => z.Instance.registerComponent(u, e)
 );
-const S2 = {
+const R2 = {
   install(u) {
     u.component("SurveyComponent", le), u.component("PopupSurveyComponent", be), u.directive("key2click", K), fe((e, n) => {
       u.component(e, n), z.Instance.registerComponent(e, e);
@@ -6130,7 +6154,7 @@ export {
   le as SurveyComponent,
   d as SvComponent,
   K as key2ClickDirective,
-  S2 as surveyPlugin,
+  R2 as surveyPlugin,
   S as useBase,
   se as useComputedArray,
   U as useLocString,