survey-vue3-ui 2.4.0 → 2.5.0

package/survey-vue3-ui.es.js

@@ -1,8 +1,8 @@
-var Ie = Object.defineProperty;
-var Ve = (u, e, n) => e in u ? Ie(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
+var Se = Object.defineProperty;
+var Ve = (u, e, n) => e in u ? Se(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
 var K = (u, e, n) => (Ve(u, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as y, computed as f, openBlock as i, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ae, guardReactiveProps as ue, createSlots as Se, renderList as V, withCtx as D, renderSlot as J, watch as N, onBeforeUpdate as Re, onUpdated as E, onBeforeMount as Te, onMounted as T, onBeforeUnmount as z, ref as k, unref as w, isRef as x, triggerRef as ye, nextTick as he, customRef as Be, createElementBlock as a, normalizeClass as l, createVNode as c, createCommentVNode as p, Fragment as M, mergeProps as $, normalizeStyle as L, createElementVNode as v, onUnmounted as P, withDirectives as B, vShow as A, toDisplayString as H, vModelCheckbox as se, vModelRadio as qe, vModelSelect as Ze, vModelText as $e, shallowRef as Y, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
-import { ScrollViewModel as Ee, RendererFactory as U, Helpers as We, DropdownMultiSelectListModel as Fe, doKey2ClickUp as we, createSvg as Oe, doKey2ClickDown as ze, doKey2ClickBlur as Ue, ActionDropdownViewModel as Qe, createPopupViewModel as Ke, SurveyProgressModel as de, ProgressButtonsResponsivityManager as je, addIconsToThemeSet as be, SvgRegistry as G, PopupSurveyModel as Ge, settings as ee, createPopupModalViewModel as Je, ButtonGroupItemModel as Xe, SurveyModel as Ye } from "survey-core";
+import { defineComponent as y, computed as f, openBlock as i, createBlock as C, resolveDynamicComponent as ye, normalizeProps as ue, guardReactiveProps as de, createSlots as Re, renderList as S, withCtx as D, renderSlot as J, watch as N, onBeforeUpdate as Te, onUpdated as E, onBeforeMount as Be, onMounted as T, onBeforeUnmount as z, ref as k, unref as w, isRef as x, triggerRef as he, nextTick as qe, customRef as Ze, createElementBlock as a, normalizeClass as l, createVNode as c, createCommentVNode as p, Fragment as M, mergeProps as $, normalizeStyle as L, createElementVNode as v, onUnmounted as P, withDirectives as B, vShow as A, toDisplayString as H, vModelCheckbox as se, vModelRadio as we, vModelSelect as $e, vModelText as De, shallowRef as Y, createStaticVNode as Ae, toRaw as Pe, Teleport as Ne, useSlots as Ee } from "vue";
+import { ScrollViewModel as We, RendererFactory as U, Helpers as Fe, DropdownMultiSelectListModel as Oe, doKey2ClickUp as be, createSvg as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Qe, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as me, ProgressButtonsResponsivityManager as Ge, addIconsToThemeSet as Le, SvgRegistry as G, PopupSurveyModel as Je, settings as ee, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as _e } from "survey-core";
 const X = class X {
   constructor() {
     K(this, "creatorHash", {});
@@ -35,29 +35,29 @@ const d = /* @__PURE__ */ y({
     const e = u, n = f(
       () => W.Instance.getComponent(e.is)
     );
-    return (s, t) => (i(), C(ge(n.value), ae(ue(s.$attrs)), Se({ _: 2 }, [
-      V(s.$slots, (o, r) => ({
+    return (s, t) => (i(), C(ye(n.value), ue(de(s.$attrs)), Re({ _: 2 }, [
+      S(s.$slots, (o, r) => ({
         name: r,
         fn: D((m) => [
-          J(s.$slots, r, ae(ue(m)))
+          J(s.$slots, r, ue(de(m)))
         ])
       }))
     ]), 1040));
   }
 });
-class _e {
+class xe {
   constructor(e) {
     K(this, "currentNextTickPromise");
     this.element = e;
   }
   async add() {
-    const e = he();
+    const e = qe();
     this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
-function xe(u) {
+function es(u) {
   let e = u.initialValue;
-  return Be((n, s) => {
+  return Ze((n, s) => {
     const t = () => {
       u.isUpdateAllowed() && (s(), u.nextRenderManager.add());
     };
@@ -72,14 +72,14 @@ function xe(u) {
     };
   });
 }
-function es(u) {
+function ss(u) {
   if (u) {
     if (u.__vueUpdatesLock = u.__vueUpdatesLock ?? 0, u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented <= 0) {
-      const e = () => u.__vueUpdatesLock <= 0, n = new _e(u), s = (o, r) => {
+      const e = () => u.__vueUpdatesLock <= 0, n = new xe(u), s = (o, r) => {
         const m = r.valueFromHash;
-        e() && x(m) && (ye(m), n.add());
+        e() && x(m) && (he(m), n.add());
       }, t = (o, r, m) => {
-        o[r] = xe({
+        o[r] = es({
           initialValue: m === void 0 ? o[r] : m,
           surveyElement: u,
           isUpdateAllowed: e,
@@ -99,16 +99,16 @@ function es(u) {
     u.__vueImplemented++;
   }
 }
-function ss(u) {
+function ns(u) {
   return !!u.__vueImplemented;
 }
-function me(u) {
+function pe(u) {
   u && (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented--, u.__vueImplemented <= 0 && typeof u.__vueClear == "function" && u.__vueClear());
 }
-function pe(u) {
+function ve(u) {
   u && u.__vueUpdatesLock !== void 0 && u.__vueUpdatesLock++;
 }
-function ve(u) {
+function Ce(u) {
   u && u.__vueUpdatesLock !== void 0 && u.__vueUpdatesLock--;
 }
 function I(u, e, n) {
@@ -116,21 +116,21 @@ function I(u, e, n) {
   const t = N(
     u,
     (r, m) => {
-      r && e && e(r, m), m && (me(m), n && n(m)), s = r, es(r);
+      r && e && e(r, m), m && (pe(m), n && n(m)), s = r, ss(r);
     },
     {
       immediate: !0
     }
   );
   let o = !1;
-  Re(() => {
-    pe(s);
-  }), E(() => {
+  Te(() => {
     ve(s);
-  }), Te(() => pe(s)), T(() => ve(s)), z(() => {
+  }), E(() => {
+    Ce(s);
+  }), Be(() => ve(s)), T(() => Ce(s)), z(() => {
     if (!o) {
       const r = u();
-      r && (me(r), t(), n && n(r)), o = !0;
+      r && (pe(r), t(), n && n(r)), o = !0;
     }
   });
 }
@@ -161,7 +161,7 @@ function F(u) {
 function ne(u) {
   return u.customWidget ? "survey-customwidget" : u.isDefaultRendering && u.isDefaultRendering() || u.isPanel ? "survey-" + u.getTemplate() : u.getComponentName();
 }
-const ns = /* @__PURE__ */ y({
+const ts = /* @__PURE__ */ y({
   __name: "Page",
   props: {
     survey: {},
@@ -202,7 +202,7 @@ const ns = /* @__PURE__ */ y({
         is: "survey-errors",
         element: o.page
       }, null, 8, ["element"]),
-      (i(!0), a(M, null, V(o.page.visibleRows, (m) => (i(), C(d, $({
+      (i(!0), a(M, null, S(o.page.visibleRows, (m) => (i(), C(d, $({
         key: m.id,
         is: o.page.getSurvey().getRowWrapperComponentName(m)
       }, {
@@ -220,7 +220,7 @@ const ns = /* @__PURE__ */ y({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), ts = /* @__PURE__ */ y({
+}), os = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     survey: {}
@@ -271,7 +271,7 @@ const ns = /* @__PURE__ */ y({
       }, null, 2)
     ], 2)) : p("", !0);
   }
-}), os = /* @__PURE__ */ y({
+}), is = /* @__PURE__ */ y({
   __name: "Row",
   props: {
     row: {},
@@ -287,7 +287,7 @@ const ns = /* @__PURE__ */ y({
         t.setRootElement(n.value), o && (t.isNeedRender = o.isNeedRender);
       },
       (t) => {
-        ss(t) || (clearTimeout(s), t.setRootElement(void 0), t.stopLazyRendering(), t.isNeedRender = !t.isLazyRendering());
+        ns(t) || (clearTimeout(s), t.setRootElement(void 0), t.stopLazyRendering(), t.isNeedRender = !t.isLazyRendering());
       }
     ), T(() => {
       if (e.row && (e.row.setRootElement(n.value), !e.row.isNeedRender)) {
@@ -301,7 +301,7 @@ const ns = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(t.row.visibleElements, (r) => (i(), C(d, {
+      (i(!0), a(M, null, S(t.row.visibleElements, (r) => (i(), C(d, {
         is: "survey-element",
         row: t.row,
         css: t.css,
@@ -310,10 +310,10 @@ const ns = /* @__PURE__ */ y({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), is = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], rs = ["aria-hidden", "data-sv-drop-target-matrix", "data-sv-drop-target-matrix-row"], ls = ["id"], as = {
+}), rs = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], ls = ["aria-hidden", "data-sv-drop-target-matrix", "data-sv-drop-target-matrix-row"], as = ["id"], us = {
   inheritAttrs: !1
-}, us = /* @__PURE__ */ y({
-  ...as,
+}, ds = /* @__PURE__ */ y({
+  ...us,
   __name: "Question",
   props: {
     survey: {},
@@ -330,7 +330,7 @@ const ns = /* @__PURE__ */ y({
       () => {
         r();
       }
-    ), g = f(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), S = f(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), h = f(() => ({
+    ), g = f(() => e.element.customWidget ? "survey-customwidget" : e.element.isDefaultRendering() ? "survey-" + e.element.getTemplate() : e.element.getComponentName()), V = f(() => e.element.survey.getQuestionContentWrapperComponentName(e.element)), h = f(() => ({
       componentData: {
         question: e.element,
         data: e.element.survey.getElementWrapperComponentData(e.element)
@@ -385,7 +385,7 @@ const ns = /* @__PURE__ */ y({
         key: o.value.id
       }, null, 8, ["css", "element", "survey"])) : (i(), C(d, $({
         key: 5,
-        is: S.value
+        is: V.value
       }, h.value), {
         default: D(() => [
           v("div", {
@@ -424,8 +424,8 @@ const ns = /* @__PURE__ */ y({
                 is: "survey-string",
                 locString: q.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, ls)) : p("", !0)
-          ], 14, rs)
+            ], 10, as)) : p("", !0)
+          ], 14, ls)
         ]),
         _: 1
       }, 16, ["is"])),
@@ -441,12 +441,12 @@ const ns = /* @__PURE__ */ y({
         element: q.element,
         location: "bottom"
       }, null, 8, ["element"])) : p("", !0)
-    ], 46, is));
+    ], 46, rs));
   }
-}), ds = ["id"], ms = ["id", "role", "aria-labelledby", "aria-label"], ps = {
+}), ms = ["id"], ps = ["id", "role", "aria-labelledby", "aria-label"], vs = {
   inheritAttrs: !1
-}, vs = /* @__PURE__ */ y({
-  ...ps,
+}, Cs = /* @__PURE__ */ y({
+  ...vs,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -491,7 +491,7 @@ const ns = /* @__PURE__ */ y({
         "aria-labelledby": t.element.ariaLabelledBy,
         "aria-label": t.element.ariaLabel
       }, [
-        (i(!0), a(M, null, V(t.element.visibleRows, (r) => (i(), C(d, $({
+        (i(!0), a(M, null, S(t.element.visibleRows, (r) => (i(), C(d, $({
           key: r.id,
           is: t.element.getSurvey().getRowWrapperComponentName(r)
         }, {
@@ -511,10 +511,10 @@ const ns = /* @__PURE__ */ y({
           is: "sv-action-bar",
           model: t.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, ms)) : p("", !0)
-    ], 42, ds)) : p("", !0);
+      ], 14, ps)) : p("", !0)
+    ], 42, ms)) : p("", !0);
   }
-}), Cs = ["id"], cs = /* @__PURE__ */ y({
+}), cs = ["id"], gs = /* @__PURE__ */ y({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -546,7 +546,7 @@ const ns = /* @__PURE__ */ y({
           is: "survey-string",
           locString: t.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, Cs)), [
+      ], 10, cs)), [
         [A, t.element.hasDescription]
       ]) : p("", !0),
       t.element.hasAdditionalTitleToolbar ? (i(), C(d, {
@@ -556,7 +556,7 @@ const ns = /* @__PURE__ */ y({
       }, null, 8, ["model"])) : p("", !0)
     ], 6));
   }
-}), gs = /* @__PURE__ */ y({
+}), ys = /* @__PURE__ */ y({
   __name: "String",
   props: {
     locString: {}
@@ -567,18 +567,19 @@ const ns = /* @__PURE__ */ y({
       locString: e.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), ys = ["innerHTML"], hs = /* @__PURE__ */ y({
+}), hs = ["innerHTML"], te = /* @__PURE__ */ y({
   __name: "StringViewer",
   props: {
-    locString: {}
+    locString: {},
+    textClass: {}
   },
   setup(u) {
-    const e = u, n = F(() => e.locString), s = e.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
+    const e = u, n = F(() => e.locString), s = e.locString.getStringViewerClassName(e.textClass);
     return (t, o) => t.locString.hasHtml ? (i(), a("span", {
       key: 0,
       class: l(w(s)),
       innerHTML: w(n)
-    }, null, 10, ys)) : (i(), a("span", {
+    }, null, 10, hs)) : (i(), a("span", {
       key: 1,
       class: l(w(s))
     }, H(w(n)), 3));
@@ -632,7 +633,7 @@ const ns = /* @__PURE__ */ y({
     onInnerHeightChanged: { type: Function }
   },
   setup(u) {
-    const e = u, n = new Ee();
+    const e = u, n = new We();
     n.onInnerHeightChanged = (t) => {
       e.onInnerHeightChanged && e.onInnerHeightChanged(t);
     };
@@ -661,7 +662,7 @@ const ns = /* @__PURE__ */ y({
       }, Ms, 32)
     ], 512));
   }
-}), Is = ["id"], Vs = ["value"], Ss = /* @__PURE__ */ y({
+}), Is = ["id"], Ss = ["value"], Vs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -685,10 +686,10 @@ const ns = /* @__PURE__ */ y({
       v("datalist", {
         id: s.question.dataListId
       }, [
-        (i(!0), a(M, null, V(s.question.dataList, (o, r) => (i(), a("option", {
+        (i(!0), a(M, null, S(s.question.dataList, (o, r) => (i(), a("option", {
           key: r,
           value: o
-        }, null, 8, Vs))), 128))
+        }, null, 8, Ss))), 128))
       ], 8, Is)
     ], 512)) : (i(), C(d, {
       key: 2,
@@ -804,7 +805,7 @@ const ns = /* @__PURE__ */ y({
 }), Zs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], $s = {
   key: 0,
   class: "sv-hidden"
-}, Ds = { key: 6 }, As = ["value"], Le = /* @__PURE__ */ y({
+}, Ds = { key: 6 }, As = ["value"], ke = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -835,11 +836,11 @@ const ns = /* @__PURE__ */ y({
       "aria-errormessage": o.question.a11y_input_ariaErrormessage
     }, [
       o.showLegend ? (i(), a("legend", $s, H(o.question.locTitle.renderedHtml), 1)) : p("", !0),
-      o.question.hasHeadItems ? (i(!0), a(M, { key: 1 }, V(o.question.headItems, (m) => (i(), C(d, $({
+      o.question.hasHeadItems ? (i(!0), a(M, { key: 1 }, S(o.question.headItems, (m) => (i(), C(d, $({
         key: m.uniqueId,
         is: s(m)
       }, t(m)), null, 16, ["is"]))), 128)) : p("", !0),
-      !o.question.hasColumns && !o.question.blockedRow ? (i(!0), a(M, { key: 2 }, V(o.question.bodyItems, (m) => (i(), C(d, $({
+      !o.question.hasColumns && !o.question.blockedRow ? (i(!0), a(M, { key: 2 }, S(o.question.bodyItems, (m) => (i(), C(d, $({
         key: m.uniqueId,
         is: s(m)
       }, t(m)), null, 16, ["is"]))), 128)) : p("", !0),
@@ -847,7 +848,7 @@ const ns = /* @__PURE__ */ y({
         key: 3,
         class: l(o.question.cssClasses.rootRow)
       }, [
-        !o.question.hasColumns && o.question.blockedRow ? (i(!0), a(M, { key: 0 }, V(o.question.dataChoices, (m) => (i(), C(d, $({
+        !o.question.hasColumns && o.question.blockedRow ? (i(!0), a(M, { key: 0 }, S(o.question.dataChoices, (m) => (i(), C(d, $({
           key: m.uniqueId,
           is: s(m)
         }, t(m)), null, 16, ["is"]))), 128)) : p("", !0)
@@ -856,18 +857,18 @@ const ns = /* @__PURE__ */ y({
         key: 4,
         class: l(o.question.cssClasses.rootMultiColumn)
       }, [
-        o.question.hasColumns ? (i(!0), a(M, { key: 0 }, V(o.question.columns, (m, g) => (i(), a("div", {
+        o.question.hasColumns ? (i(!0), a(M, { key: 0 }, S(o.question.columns, (m, g) => (i(), a("div", {
           key: g,
           class: l(o.question.getColumnClass()),
           role: "presentation"
         }, [
-          (i(!0), a(M, null, V(m, (S) => (i(), C(d, $({
-            key: S.uniqueId,
-            is: s(S)
-          }, t(S)), null, 16, ["is"]))), 128))
+          (i(!0), a(M, null, S(m, (V) => (i(), C(d, $({
+            key: V.uniqueId,
+            is: s(V)
+          }, t(V)), null, 16, ["is"]))), 128))
         ], 2))), 128)) : p("", !0)
       ], 2)) : p("", !0),
-      o.question.hasFootItems ? (i(!0), a(M, { key: 5 }, V(o.question.footItems, (m) => (i(), C(d, $({
+      o.question.hasFootItems ? (i(!0), a(M, { key: 5 }, S(o.question.footItems, (m) => (i(), C(d, $({
         key: m.uniqueId,
         is: s(m)
       }, t(m)), null, 16, ["is"]))), 128)) : p("", !0),
@@ -890,13 +891,13 @@ const ns = /* @__PURE__ */ y({
     question: {}
   },
   setup(u) {
-    return (e, n) => (i(), C(Le, {
+    return (e, n) => (i(), C(ke, {
       question: e.question,
       "show-legend": !0
     }, null, 8, ["question"]));
   }
 });
-function ke(u, e, n) {
+function fe(u, e, n) {
   T(() => {
     n.value && (e().isDesignMode || u().setRootElement(n.value));
   }), P(() => {
@@ -916,7 +917,7 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const e = k(), n = u;
-    ke(
+    fe(
       () => n.item,
       () => n.question,
       e
@@ -994,7 +995,7 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     question: {}
   },
   setup(u) {
-    return (e, n) => (i(), C(Le, { question: e.question }, null, 8, ["question"]));
+    return (e, n) => (i(), C(ke, { question: e.question }, null, 8, ["question"]));
   }
 }), Os = ["name", "value", "id", "aria-errormessage", "checked", "disabled", "readonly", "aria-label"], zs = ["xlink:href"], Us = /* @__PURE__ */ y({
   inheritAttrs: !1,
@@ -1009,7 +1010,7 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     const e = k(), n = u, s = (r) => n.question.getLabelClass(r), t = (r) => n.question.getControlLabelClass(r), o = () => {
       n.question.clickItemHandler(n.item);
     };
-    return ke(
+    return fe(
       () => n.item,
       () => n.question,
       e
@@ -1370,7 +1371,7 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), l1 = { class: "sv-hidden" }, Ce = "survey-imagepicker-item", a1 = /* @__PURE__ */ y({
+}), l1 = { class: "sv-hidden" }, ce = "survey-imagepicker-item", a1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1379,8 +1380,8 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     const e = u, n = k(null);
     R(e, n);
-    const s = (o) => e.question.getItemValueWrapperComponentName(o) || Ce, t = (o) => ({
-      componentName: Ce,
+    const s = (o) => e.question.getItemValueWrapperComponentName(o) || ce, t = (o) => ({
+      componentName: ce,
       componentData: {
         question: e.question,
         item: o,
@@ -1394,19 +1395,19 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n
     }, [
       v("legend", l1, H(o.question.locTitle.renderedHtml), 1),
-      o.question.hasColumns ? p("", !0) : (i(!0), a(M, { key: 0 }, V(o.question.visibleChoices, (m) => (i(), C(d, $({
+      o.question.hasColumns ? p("", !0) : (i(!0), a(M, { key: 0 }, S(o.question.visibleChoices, (m) => (i(), C(d, $({
         key: m.uniqueId,
         is: s(m)
       }, t(m)), null, 16, ["is"]))), 128)),
-      o.question.hasColumns ? (i(!0), a(M, { key: 1 }, V(o.question.columns, (m, g) => (i(), a("div", {
+      o.question.hasColumns ? (i(!0), a(M, { key: 1 }, S(o.question.columns, (m, g) => (i(), a("div", {
         class: l(o.question.getColumnClass()),
         key: g,
         role: "presentation"
       }, [
-        (i(!0), a(M, null, V(m, (S) => (i(), C(d, $({
-          key: S.value,
-          is: s(S)
-        }, t(S)), null, 16, ["is"]))), 128))
+        (i(!0), a(M, null, S(m, (V) => (i(), C(d, $({
+          key: V.value,
+          is: s(V)
+        }, t(V)), null, 16, ["is"]))), 128))
       ], 2))), 128)) : p("", !0)
     ], 6));
   }
@@ -1466,7 +1467,7 @@ const Ns = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-errormessage": o.question.ariaErrormessage,
           class: l(o.question.cssClasses.itemControl)
         }, null, 10, d1)), [
-          [qe, s.value]
+          [we, s.value]
         ]),
         v("div", {
           class: l(o.question.cssClasses.itemDecorator)
@@ -1669,13 +1670,13 @@ const q1 = /* @__PURE__ */ y({
           required: r.question.isRequired
         }, [
           r.question.allowClear ? (i(), a("option", y1, H(r.question.placeholder), 1)) : p("", !0),
-          (i(!0), a(M, null, V(r.question.visibleChoices, (g) => (i(), C(d, {
+          (i(!0), a(M, null, S(r.question.visibleChoices, (g) => (i(), C(d, {
             is: "sv-dropdown-option-item",
             item: g,
             key: g.uniqueId
           }, null, 8, ["item"]))), 128))
         ], 42, g1)), [
-          [Ze, o.value]
+          [$e, o.value]
         ]),
         r.question.cssClasses.chevronButtonIconId ? (i(), a("div", {
           key: 2,
@@ -1725,19 +1726,19 @@ const q1 = /* @__PURE__ */ y({
     }, r = () => {
       if (n.value) {
         const b = n.value, Z = s.value.inputStringRendered;
-        We.isTwoValueEquals(Z, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
+        Fe.isTwoValueEquals(Z, b.value, !1, !0, !1) || (b.value = s.value.inputStringRendered);
       }
     }, m = (b) => {
       e.question.onBlur(b), r();
     }, g = (b) => {
       e.question.onFocus(b);
-    }, S = (b) => {
+    }, V = (b) => {
       s.value.inputStringRendered = b.target.value;
     }, h = f(
       () => e.question.showSelectedItemLocText
     ), q = f(() => e.question.selectedItemLocText);
     return I(() => s.value), E(r), T(r), (b, Z) => {
-      var _, ie, re, le;
+      var _, re, le, ae;
       return i(), a("div", {
         class: l(b.question.cssClasses.selectWrapper),
         onClick: t
@@ -1812,7 +1813,7 @@ const q1 = /* @__PURE__ */ y({
               "aria-describedby": s.value.ariaInputDescribedby,
               "aria-activedescendant": s.value.ariaInputActivedescendant,
               placeholder: s.value.placeholderRendered,
-              onInput: S,
+              onInput: V,
               onBlur: m,
               onFocus: g
             }, null, 42, f1)) : p("", !0)
@@ -1831,9 +1832,9 @@ const q1 = /* @__PURE__ */ y({
           key: 2,
           id: b.question.inputId,
           role: (_ = s.value) == null ? void 0 : _.ariaQuestionRole,
-          "aria-label": (ie = s.value) == null ? void 0 : ie.ariaQuestionLabel,
-          "aria-labelledby": (re = s.value) == null ? void 0 : re.ariaQuestionLabelledby,
-          "aria-describedby": (le = s.value) == null ? void 0 : le.ariaQuestionDescribedby,
+          "aria-label": (re = s.value) == null ? void 0 : re.ariaQuestionLabel,
+          "aria-labelledby": (le = s.value) == null ? void 0 : le.ariaQuestionLabelledby,
+          "aria-describedby": (ae = s.value) == null ? void 0 : ae.ariaQuestionDescribedby,
           "aria-expanded": !1,
           "aria-readonly": !0,
           "aria-disabled": !0,
@@ -1882,7 +1883,7 @@ const q1 = /* @__PURE__ */ y({
       }, null, 8, ["question", "item"])) : p("", !0)
     ], 2));
   }
-}), V1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], S1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], R1 = /* @__PURE__ */ y({
+}), S1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], V1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], R1 = /* @__PURE__ */ y({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1890,7 +1891,7 @@ const q1 = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = f(() => {
       const r = e.question;
-      return r.dropdownListModel || (r.dropdownListModel = new Fe(r)), e.question.dropdownListModel;
+      return r.dropdownListModel || (r.dropdownListModel = new Oe(r)), e.question.dropdownListModel;
     }), s = (r) => {
       var m;
       (m = n.value) == null || m.onClick(r);
@@ -1902,7 +1903,7 @@ const q1 = /* @__PURE__ */ y({
       (m = n.value) == null || m.onBlur(r);
     };
     return I(() => n.value), (r, m) => {
-      var g, S, h, q;
+      var g, V, h, q;
       return i(), a("div", {
         class: l(r.question.cssClasses.selectWrapper),
         onClick: s
@@ -1930,7 +1931,7 @@ const q1 = /* @__PURE__ */ y({
           v("div", {
             class: l(r.question.cssClasses.controlValue)
           }, [
-            (i(!0), a(M, null, V(r.question.selectedChoices, (b, Z) => (i(), C(d, {
+            (i(!0), a(M, null, S(r.question.selectedChoices, (b, Z) => (i(), C(d, {
               is: "sv-tagbox-item",
               item: b,
               question: r.question,
@@ -1947,7 +1948,7 @@ const q1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 42, V1)),
+        ], 42, S1)),
         r.question.isInputReadOnly ? p("", !0) : (i(), C(d, {
           key: 1,
           is: "sv-popup",
@@ -1957,7 +1958,7 @@ const q1 = /* @__PURE__ */ y({
           key: 2,
           id: r.question.inputId,
           role: (g = n.value) == null ? void 0 : g.ariaQuestionRole,
-          "aria-label": (S = n.value) == null ? void 0 : S.ariaQuestionLabel,
+          "aria-label": (V = n.value) == null ? void 0 : V.ariaQuestionLabel,
           "aria-labelledby": (h = n.value) == null ? void 0 : h.ariaQuestionLabelledby,
           "aria-describedby": (q = n.value) == null ? void 0 : q.ariaQuestionDescribedby,
           "aria-expanded": !1,
@@ -1979,7 +1980,7 @@ const q1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 10, S1)) : p("", !0)
+        ], 10, V1)) : p("", !0)
       ], 2);
     };
   }
@@ -2035,7 +2036,7 @@ const q1 = /* @__PURE__ */ y({
         B(v("input", {
           type: "text",
           autocomplete: "off",
-          "onUpdate:modelValue": g[0] || (g[0] = (S) => r.value = S),
+          "onUpdate:modelValue": g[0] || (g[0] = (V) => r.value = V),
           class: l(m.question.cssClasses.filterStringInput),
           placeholder: m.model.filterStringPlaceholder,
           disabled: m.question.isDisabledAttr,
@@ -2058,7 +2059,7 @@ const q1 = /* @__PURE__ */ y({
           onBlur: t,
           onFocus: o
         }, null, 42, B1), [
-          [$e, r.value]
+          [De, r.value]
         ])
       ], 2)
     ], 2));
@@ -2120,7 +2121,7 @@ const q1 = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      o.question.selectToRankEnabled ? p("", !0) : (i(!0), a(M, { key: 0 }, V(o.question.renderedRankingChoices, (m, g) => (i(), C(d, $({
+      o.question.selectToRankEnabled ? p("", !0) : (i(!0), a(M, { key: 0 }, S(o.question.renderedRankingChoices, (m, g) => (i(), C(d, $({
         key: m.uniqueId,
         is: s(m)
       }, t(m, g)), null, 16, ["is"]))), 128)),
@@ -2129,7 +2130,7 @@ const q1 = /* @__PURE__ */ y({
         class: l(o.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (i(!0), a(M, null, V(o.question.renderedUnRankingChoices, (m, g) => (i(), C(d, $({
+        (i(!0), a(M, null, S(o.question.renderedUnRankingChoices, (m, g) => (i(), C(d, $({
           key: m.uniqueId,
           is: s(m)
         }, t(m, g, !0)), null, 16, ["is"]))), 128)),
@@ -2152,7 +2153,7 @@ const q1 = /* @__PURE__ */ y({
         class: l(o.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (i(!0), a(M, null, V(o.question.renderedRankingChoices, (m, g) => (i(), C(d, $({
+        (i(!0), a(M, null, S(o.question.renderedRankingChoices, (m, g) => (i(), C(d, $({
           key: m.uniqueId,
           is: s(m)
         }, t(m, g)), null, 16, ["is"]))), 128)),
@@ -2308,7 +2309,7 @@ const q1 = /* @__PURE__ */ y({
             locString: t.question.locMinRateDescription
           }, null, 8, ["locString"])
         ], 2)) : p("", !0),
-        (i(!0), a(M, null, V(t.question.renderedRateItems, (r, m) => (i(), C(d, {
+        (i(!0), a(M, null, S(t.question.renderedRateItems, (r, m) => (i(), C(d, {
           key: s(m),
           is: t.question.itemComponent,
           item: r,
@@ -2782,7 +2783,7 @@ const qn = /* @__PURE__ */ y({
       ref: n
     }, [
       v("tbody", null, [
-        (i(!0), a(M, null, V(s.question.getRows(), (o, r) => (i(), C(d, {
+        (i(!0), a(M, null, S(s.question.getRows(), (o, r) => (i(), C(d, {
           key: s.question.inputId + "rowkey" + r,
           is: "sv-multipletext-row",
           question: s.question,
@@ -2803,7 +2804,7 @@ const qn = /* @__PURE__ */ y({
       key: 0,
       class: l(n.question.cssClasses.row)
     }, [
-      (i(!0), a(M, null, V(n.row.cells, (t) => (i(), a("td", {
+      (i(!0), a(M, null, S(n.row.cells, (t) => (i(), a("td", {
         key: t.item.editor.id,
         class: l(t.className)
       }, [
@@ -2881,7 +2882,7 @@ const qn = /* @__PURE__ */ y({
       key: 0,
       class: l(n.css.breadcrumbsRoot)
     }, [
-      (i(!0), a(M, null, V(n.model.actions, (t, o) => (i(), a(M, {
+      (i(!0), a(M, null, S(n.model.actions, (t, o) => (i(), a(M, {
         key: t.renderedId
       }, [
         o ? (i(), C(d, {
@@ -2898,7 +2899,7 @@ const qn = /* @__PURE__ */ y({
       ], 64))), 128))
     ], 2)) : p("", !0);
   }
-}), Hn = ["onClick", "title"], In = ["onClick", "title"], Vn = { key: 1 }, Sn = { key: 1 }, Rn = /* @__PURE__ */ y({
+}), Hn = ["onClick", "title"], In = ["onClick", "title"], Sn = { key: 1 }, Vn = { key: 1 }, Rn = /* @__PURE__ */ y({
   __name: "SingleInputSummary",
   props: {
     summary: {},
@@ -2906,13 +2907,13 @@ const qn = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = f(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = f(() => W.Instance.isComponentRegistered(n.value));
-    return (t, o) => t.summary.isEmpty() ? (i(), a("div", Vn, [
+    return (t, o) => t.summary.isEmpty() ? (i(), a("div", Sn, [
       s.value ? (i(), C(d, {
         key: 0,
         is: "survey-placeholder-" + t.summary.question.getTemplate(),
         cssClasses: t.css,
         question: t.summary.question
-      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Sn, [
+      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Vn, [
         c(d, {
           is: "survey-string",
           locString: t.summary.noEntry
@@ -2922,7 +2923,7 @@ const qn = /* @__PURE__ */ y({
       key: 0,
       class: l(t.css.summary)
     }, [
-      (i(!0), a(M, null, V(t.summary.items, (r, m) => (i(), a("div", {
+      (i(!0), a(M, null, S(t.summary.items, (r, m) => (i(), a("div", {
         key: m,
         class: l(t.css.summaryRow)
       }, [
@@ -3024,7 +3025,7 @@ const qn = /* @__PURE__ */ y({
             class: l(t.question.cssClasses.rangeTrack),
             style: L({ left: t.question.getTrackPercentLeft() + "%", right: t.question.getTrackPercentRight() + "%" })
           }, null, 6),
-          (i(!0), a(M, null, V(t.question.renderedValue, (r, m) => (i(), a(M, { key: m }, [
+          (i(!0), a(M, null, S(t.question.renderedValue, (r, m) => (i(), a(M, { key: m }, [
             v("input", {
               class: l(t.question.cssClasses.input),
               id: t.question.id + "-sjs-slider-input-" + m,
@@ -3094,7 +3095,7 @@ const qn = /* @__PURE__ */ y({
         class: l(t.question.cssClasses.labelsContainer)
       }, [
         v("div", null, [
-          (i(!0), a(M, null, V(t.question.renderedLabels, (r) => (i(), C(d, {
+          (i(!0), a(M, null, S(t.question.renderedLabels, (r) => (i(), C(d, {
             key: r.id,
             is: "sv-slider-label-item",
             item: r,
@@ -3187,7 +3188,7 @@ const qn = /* @__PURE__ */ y({
           t.question.showHeader ? (i(), a("thead", Pn, [
             v("tr", null, [
               t.question.hasRows ? (i(), a("td", Nn)) : p("", !0),
-              (i(!0), a(M, null, V(t.question.visibleColumns, (r, m) => (i(), a("th", {
+              (i(!0), a(M, null, S(t.question.visibleColumns, (r, m) => (i(), a("th", {
                 key: m,
                 class: l(t.question.cssClasses.headerCell),
                 style: L({
@@ -3211,7 +3212,7 @@ const qn = /* @__PURE__ */ y({
             ])
           ])) : p("", !0),
           v("tbody", null, [
-            (i(!0), a(M, null, V(s.value, (r) => (i(), C(d, {
+            (i(!0), a(M, null, S(s.value, (r) => (i(), C(d, {
               key: r.uniqueId,
               is: "sv-matrix-row",
               question: t.question,
@@ -3244,18 +3245,17 @@ const qn = /* @__PURE__ */ y({
     }), (t, o) => t.row.visible ? (i(), a("tr", {
       key: 0,
       "data-sv-drop-target-matrix-row": t.row.dropTargetId,
-      onPointerdown: o[0] || (o[0] = (r) => t.question.onPointerDown(r, t.row.row)),
       class: l(t.row.className),
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(t.row.cells, (r) => (i(), C(d, {
+      (i(!0), a(M, null, S(t.row.cells, (r) => (i(), C(d, {
         is: "survey-matrixdropdown-cell",
         cell: r,
         question: t.question,
         key: t.row.id + "_" + r.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, Wn)) : p("", !0);
+    ], 10, Wn)) : p("", !0);
   }
 }), On = ["type", "name", "checked", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], zn = ["xlink:href"], Un = /* @__PURE__ */ y({
   inheritAttrs: !1,
@@ -3344,7 +3344,7 @@ const qn = /* @__PURE__ */ y({
       }, [
         n.value.showHeader ? (i(), a("thead", Kn, [
           v("tr", null, [
-            (i(!0), a(M, null, V(n.value.headerRow.cells, (o) => (i(), a(M, null, [
+            (i(!0), a(M, null, S(n.value.headerRow.cells, (o) => (i(), a(M, null, [
               o.hasTitle ? (i(), a("th", {
                 key: "header_" + o.id,
                 class: l(o.className),
@@ -3378,7 +3378,7 @@ const qn = /* @__PURE__ */ y({
           ])
         ])) : p("", !0),
         v("tbody", null, [
-          (i(!0), a(M, null, V(n.value.renderedRows, (o) => (i(), C(d, {
+          (i(!0), a(M, null, S(n.value.renderedRows, (o) => (i(), C(d, {
             key: s.question.inputId + "_" + o.id,
             is: "survey-matrix-row",
             row: o,
@@ -3387,7 +3387,7 @@ const qn = /* @__PURE__ */ y({
         ]),
         n.value.showFooter ? (i(), a("tfoot", jn, [
           v("tr", null, [
-            (i(!0), a(M, null, V(n.value.footerRow.cells, (o, r) => (i(), C(d, {
+            (i(!0), a(M, null, S(n.value.footerRow.cells, (o, r) => (i(), C(d, {
               is: "survey-matrixdropdown-cell",
               cell: o,
               question: s.question,
@@ -3452,7 +3452,7 @@ const qn = /* @__PURE__ */ y({
         }
         return "survey-panel";
       }
-    }), S = f(() => {
+    }), V = f(() => {
       if (e.cell.hasPanel) {
         const q = e.cell.panel, b = q.survey;
         let Z;
@@ -3495,7 +3495,7 @@ const qn = /* @__PURE__ */ y({
       h.cell.hasPanel ? (i(), C(d, $({
         key: 3,
         is: g.value
-      }, S.value), null, 16, ["is"])) : p("", !0),
+      }, V.value), null, 16, ["is"])) : p("", !0),
       h.cell.showResponsiveTitle ? (i(), a("span", {
         key: 4,
         class: l(h.cell.responsiveTitleCss)
@@ -3698,7 +3698,7 @@ const qn = /* @__PURE__ */ y({
     ], 2));
   }
 });
-function te(u, e = !0) {
+function oe(u, e = !0) {
   return {
     question: f(() => u.item.data.question),
     row: e ? f(() => u.item.data.row) : void 0
@@ -3710,7 +3710,7 @@ const it = ["disabled"], rt = /* @__PURE__ */ y({
     item: {}
   },
   setup(u) {
-    const e = u, { question: n, row: s } = te(e);
+    const e = u, { question: n, row: s } = oe(e);
     return (t, o) => (i(), a("button", {
       type: "button",
       class: l(w(n).getRemoveRowButtonCss()),
@@ -3732,8 +3732,10 @@ const it = ["disabled"], rt = /* @__PURE__ */ y({
     item: {}
   },
   setup(u) {
-    const e = u, { question: n } = te(e, !1);
-    return (s, t) => (i(), a("div", null, [
+    const e = u, { question: n, row: s } = oe(e, !0);
+    return (t, o) => (i(), a("div", {
+      onPointerdown: o[0] || (o[0] = (r) => w(n).onPointerDown(r, w(s)))
+    }, [
       w(n).iconDragElement ? (i(), a("svg", {
         key: 0,
         class: l(w(n).cssClasses.dragElementDecorator)
@@ -3745,7 +3747,7 @@ const it = ["disabled"], rt = /* @__PURE__ */ y({
         key: 1,
         class: l(w(n).cssClasses.iconDrag)
       }, null, 2))
-    ]));
+    ], 32));
   }
 }), ut = ["title", "aria-expanded", "aria-controls"], dt = /* @__PURE__ */ y({
   __name: "DetailButton",
@@ -3753,7 +3755,7 @@ const it = ["disabled"], rt = /* @__PURE__ */ y({
     item: {}
   },
   setup(u) {
-    const e = u, { question: n, row: s } = te(e);
+    const e = u, { question: n, row: s } = oe(e);
     return (t, o) => (i(), a("button", {
       type: "button",
       class: l(w(n).getDetailPanelButtonCss(w(s))),
@@ -3835,7 +3837,7 @@ const it = ["disabled"], rt = /* @__PURE__ */ y({
       v("div", {
         class: l(o.question.cssClasses.panelsContainer)
       }, [
-        (i(!0), a(M, null, V(o.question.renderedPanels, (m, g) => (i(), a(M, {
+        (i(!0), a(M, null, S(o.question.renderedPanels, (m, g) => (i(), a(M, {
           key: m.id
         }, [
           v("div", {
@@ -4087,7 +4089,7 @@ const ht = ["id"], qt = /* @__PURE__ */ y({
       class: l(w(n).cssClasses.progressText)
     }, H(w(n).progressText), 3));
   }
-}), It = ["id"], Vt = /* @__PURE__ */ y({
+}), It = ["id"], St = /* @__PURE__ */ y({
   __name: "Errors",
   props: {
     element: {},
@@ -4102,7 +4104,7 @@ const ht = ["id"], qt = /* @__PURE__ */ y({
       ref_key: "root",
       ref: e
     }, [
-      (i(!0), a(M, null, V(n.element.renderedErrors, (t, o) => (i(), C(d, {
+      (i(!0), a(M, null, S(n.element.renderedErrors, (t, o) => (i(), C(d, {
         is: n.element.survey.questionErrorComponent,
         element: n.element,
         key: o,
@@ -4111,13 +4113,13 @@ const ht = ["id"], qt = /* @__PURE__ */ y({
       }, null, 8, ["is", "element", "error", "cssClasses"]))), 128))
     ], 10, It)) : p("", !0);
   }
-}), St = { key: 0 }, Rt = /* @__PURE__ */ y({
+}), Vt = { key: 0 }, Rt = /* @__PURE__ */ y({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", St, H(e.question.comment), 1)) : (i(), C(d, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", Vt, H(e.question.comment), 1)) : (i(), C(d, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
@@ -4132,9 +4134,9 @@ const ht = ["id"], qt = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = f(() => e.element.hasTitleActions && e.renderActions !== !1), s = (t) => {
-      we(t);
+      be(t);
     };
-    return (t, o) => t.element.hasTitle ? (i(), C(ge(t.element.titleTagName), {
+    return (t, o) => t.element.hasTitle ? (i(), C(ye(t.element.titleTagName), {
       key: 0,
       class: l(t.element.cssTitle),
       "aria-label": t.element.titleAriaLabel,
@@ -4256,7 +4258,7 @@ const ht = ["id"], qt = /* @__PURE__ */ y({
   for (const [s, t] of e)
     n[s] = t;
   return n;
-}, Ft = {}, Ot = { class: "sv-brand-info" }, zt = /* @__PURE__ */ De('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), Ut = [
+}, Ft = {}, Ot = { class: "sv-brand-info" }, zt = /* @__PURE__ */ Ae('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), Ut = [
   zt
 ];
 function Qt(u, e) {
@@ -4275,7 +4277,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u, n = k(), s = () => {
-      Oe(
+      ze(
         e.size,
         e.width,
         e.height,
@@ -4351,7 +4353,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
       class: l(o.model.getRootCss()),
       onClick: s
     }, [
-      (i(!0), a(M, null, V(o.model.renderedActions, (m) => (i(), C(d, {
+      (i(!0), a(M, null, S(o.model.renderedActions, (m) => (i(), C(d, {
         is: "sv-action",
         key: m.renderedId,
         item: m
@@ -4370,7 +4372,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
     return I(() => n.item), T(() => {
       const t = n.item;
       t.updateModeCallback = (o, r) => {
-        t.mode = o, he(() => {
+        t.mode = o, qe(() => {
           r(o, e.value);
         });
       }, t.afterRender();
@@ -4407,10 +4409,10 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
       u.tabIndex = -1;
       return;
     }
-    n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), we(s, n), !1)), u.addEventListener("keydown", (s) => {
-      ze(s, n);
+    n.disableTabStop || (u.tabIndex = 0), u.addEventListener("keyup", (s) => (s.preventDefault(), s.stopPropagation(), be(s, n), !1)), u.addEventListener("keydown", (s) => {
+      Ue(s, n);
     }), u.addEventListener("blur", (s) => {
-      Ue(s);
+      Qe(s);
     });
   }
 }, so = ["disabled", "title", "aria-checked", "aria-expanded", "role"], no = {
@@ -4452,10 +4454,11 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
         size: n.item.iconSize,
         title: n.item.tooltip || n.item.title
       }, null, 8, ["class", "iconName", "size", "title"])) : p("", !0),
-      n.item.hasTitle ? (i(), a("span", {
+      n.item.hasTitle ? (i(), C(te, {
         key: 1,
-        class: l(n.item.getActionBarItemTitleCss())
-      }, H(n.item.title), 3)) : p("", !0)
+        locString: n.item.locTitle,
+        textClass: n.item.getActionBarItemTitleCss()
+      }, null, 8, ["locString", "textClass"])) : p("", !0)
     ], 42, so)), [
       [w(O), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
@@ -4474,7 +4477,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
     return I(
       () => e.item,
       (s) => {
-        n = new Qe(s);
+        n = new Ke(s);
       },
       () => {
         n.dispose();
@@ -4501,10 +4504,11 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
           size: s.item.iconSize,
           title: s.item.tooltip || s.item.title
         }, null, 8, ["class", "iconName", "size", "title"])) : p("", !0),
-        s.item.hasTitle ? (i(), a("span", {
+        s.item.hasTitle ? (i(), C(te, {
           key: 1,
-          class: l(s.item.getActionBarItemTitleCss())
-        }, H(s.item.title), 3)) : p("", !0)
+          locString: s.item.locTitle,
+          textClass: s.item.getActionBarItemTitleCss()
+        }, null, 8, ["locString", "textClass"])) : p("", !0)
       ], 42, oo)), [
         [w(O), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
@@ -4609,7 +4613,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
           r.model.onKeyDown(g);
         })
       }, [
-        (i(!0), a(M, null, V(r.model.renderedActions, (g) => (i(), C(d, {
+        (i(!0), a(M, null, S(r.model.renderedActions, (g) => (i(), C(d, {
           is: "sv-list-item",
           item: g,
           model: r.model,
@@ -4735,7 +4739,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
     return N(
       () => e.model,
       (o) => {
-        n.value && n.value.dispose(), n.value = Ke(o), t();
+        n.value && n.value.dispose(), n.value = je(o), t();
       },
       { immediate: !0 }
     ), I(() => n.value), T(() => {
@@ -4852,14 +4856,14 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
         key: 0,
         class: l(["sv-components-column", "sv-components-container-" + s.container])
       }, [
-        (i(!0), a(M, null, V(n.value, (o) => (i(), C(d, {
+        (i(!0), a(M, null, S(n.value, (o) => (i(), C(d, {
           key: o.id,
           is: o.component,
           survey: s.survey,
           container: s.container,
           model: o.data
         }, null, 8, ["is", "survey", "container", "model"]))), 128))
-      ], 2)) : (i(!0), a(M, { key: 1 }, V(n.value, (o) => (i(), C(d, {
+      ], 2)) : (i(!0), a(M, { key: 1 }, S(n.value, (o) => (i(), C(d, {
         key: o.id,
         is: o.component,
         survey: s.survey,
@@ -4876,7 +4880,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
     css: {}
   },
   setup(u) {
-    const e = u, n = f(() => e.survey.progressValue + "%"), s = (o) => de.getProgressTextInBarCss(o), t = (o) => de.getProgressTextUnderBarCss(o);
+    const e = u, n = f(() => e.survey.progressValue + "%"), s = (o) => me.getProgressTextInBarCss(o), t = (o) => me.getProgressTextUnderBarCss(o);
     return (o, r) => (i(), a("div", {
       class: l(o.survey.getProgressCssClasses(o.container))
     }, [
@@ -4897,7 +4901,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
       }, H(o.survey.progressText), 3)
     ], 2));
   }
-}), Vo = ["aria-label"], So = ["title"], Ro = ["onClick", "data-page-number"], To = ["title"], Bo = ["title"], Zo = ["title"], $o = /* @__PURE__ */ y({
+}), So = ["aria-label"], Vo = ["title"], Ro = ["onClick", "data-page-number"], To = ["title"], Bo = ["title"], Zo = ["title"], $o = /* @__PURE__ */ y({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4907,13 +4911,13 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
   setup(u) {
     const e = u, n = k(!1), s = k(!1), t = k(!1), o = k(!0), r = k(), m = f(() => e.survey.css);
     let g = null;
-    const S = (h) => {
+    const V = (h) => {
       let q = r.value;
       q.scrollLeft += (h ? -1 : 1) * 70;
     };
     return T(() => {
       const h = r.value;
-      g = new je(e.model, h, {
+      g = new Ge(e.model, h, {
         onResize: (q) => {
           o.value = q, s.value = !q;
         },
@@ -4942,14 +4946,14 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
         v("div", {
           class: l(h.survey.css.progressButtonsPageTitle),
           title: h.model.headerText
-        }, H(h.model.headerText), 11, So)
+        }, H(h.model.headerText), 11, Vo)
       ], 2)) : p("", !0),
       v("div", {
         class: l(m.value.progressButtonsContainer)
       }, [
         v("div", {
           class: l(h.model.getScrollButtonCss(n.value, !0)),
-          onClick: q[0] || (q[0] = (b) => S(!0)),
+          onClick: q[0] || (q[0] = (b) => V(!0)),
           role: "button"
         }, null, 2),
         v("div", {
@@ -4960,7 +4964,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
           v("ul", {
             class: l(m.value.progressButtonsList)
           }, [
-            (i(!0), a(M, null, V(h.survey.visiblePages, (b, Z) => (i(), a("li", {
+            (i(!0), a(M, null, S(h.survey.visiblePages, (b, Z) => (i(), a("li", {
               key: "listelement" + Z,
               class: l(h.model.getListElementCss(Z)),
               onClick: (_) => h.model.isListElementClickable(Z) ? h.model.clickListElement(b) : null,
@@ -5000,7 +5004,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
         ], 2),
         v("div", {
           class: l(h.model.getScrollButtonCss(n.value, !1)),
-          onClick: q[1] || (q[1] = (b) => S(!1)),
+          onClick: q[1] || (q[1] = (b) => V(!1)),
           role: "button"
         }, null, 2)
       ], 2),
@@ -5013,7 +5017,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
           title: h.model.footerText
         }, H(h.model.footerText), 11, Zo)
       ], 2)) : p("", !0)
-    ], 14, Vo));
+    ], 14, So));
   }
 }), Do = /* @__PURE__ */ y({
   __name: "ProgressToc",
@@ -5053,7 +5057,7 @@ const Kt = /* @__PURE__ */ Wt(Ft, [["render", Qt]]), jt = /* @__PURE__ */ v("use
   }
 });
 /*!
- * surveyjs - Survey JavaScript library v2.4.0
+ * surveyjs - Survey JavaScript library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5121,11 +5125,11 @@ var Ao = {
   "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.4.0
+ * surveyjs - Survey JavaScript library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
-var fe = {
+var Me = {
   modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
   modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
   modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
@@ -5192,10 +5196,10 @@ const Po = ["lang", "dir"], No = { onsubmit: "return false;" }, Eo = {
   key: 0,
   class: "sv_custom_header"
 }, Wo = { class: "sv-components-column sv-components-column--expandable" }, Fo = ["id"], Oo = { key: 2 }, zo = ["innerHTML"], Uo = ["innerHTML"], Qo = ["innerHTML"];
-be("v1", Ao);
-be("v2", fe);
-G.registerIcons(fe);
-const oe = /* @__PURE__ */ y({
+Le("v1", Ao);
+Le("v2", Me);
+G.registerIcons(Me);
+const ie = /* @__PURE__ */ y({
   __name: "Survey",
   props: {
     model: {},
@@ -5204,17 +5208,17 @@ const oe = /* @__PURE__ */ y({
   setup(u) {
     const e = u, n = k(), s = k(1), t = f(() => {
       const q = e.survey ? e.survey : e.model;
-      return Ae(q);
+      return Pe(q);
     }), o = f(() => t.value.activePage ? t.value.activePage.id : ""), r = () => {
       const q = o.value;
       return !!t.value && q + s.value.toString();
     }, m = f(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), g = f(() => t.value.css), S = f(() => "page" + r()), h = (q) => {
+    ), g = f(() => t.value.css), V = f(() => "page" + r()), h = (q) => {
       if (q) {
         var b = n.value;
         b && q.afterRenderSurvey(b), q.renderCallback = () => {
-          s.value++, ye(t);
+          s.value++, he(t);
         }, q.startTimerFromUI();
       }
     };
@@ -5307,7 +5311,7 @@ const oe = /* @__PURE__ */ y({
                           }, null, 8, ["survey"]),
                           (i(), C(d, {
                             is: t.value.pageComponent || "sv-page",
-                            key: S.value,
+                            key: V.value,
                             survey: t.value,
                             page: t.value.activePage,
                             css: g.value
@@ -5435,7 +5439,7 @@ const oe = /* @__PURE__ */ y({
       (...o) => s.item.action && s.item.action(...o))
     }, null, 42, Jo)) : p("", !0);
   }
-}), Me = /* @__PURE__ */ y({
+}), He = /* @__PURE__ */ y({
   __name: "PopupSurvey",
   props: {
     survey: {},
@@ -5455,12 +5459,12 @@ const oe = /* @__PURE__ */ y({
     }, r = () => {
       n.value.onScroll();
     }, m = () => {
-      let S = n.value.cssHeaderRoot;
-      return n.value.isCollapsed && (S += " " + n.value.cssRootCollapsedMod), S;
+      let V = n.value.cssHeaderRoot;
+      return n.value.isCollapsed && (V += " " + n.value.cssRootCollapsedMod), V;
     }, g = N(
       () => e.survey,
-      (S) => {
-        const h = new Ge(null, S);
+      (V) => {
+        const h = new Je(null, V);
         e.isExpanded !== void 0 && (h.isExpanded = e.isExpanded), e.closeOnCompleteTimeout !== void 0 && (h.closeOnCompleteTimeout = e.closeOnCompleteTimeout), e.allowClose !== void 0 && (h.allowClose = e.allowClose), e.allowFullScreen !== void 0 && (h.allowFullScreen = e.allowFullScreen), h.isShowing = !0, n.value = h;
       },
       {
@@ -5469,7 +5473,7 @@ const oe = /* @__PURE__ */ y({
     );
     return I(() => n.value), P(() => {
       g();
-    }), (S, h) => n.value.isShowing ? (i(), a("div", {
+    }), (V, h) => n.value.isShowing ? (i(), a("div", {
       key: 0,
       style: L({
         maxWidth: n.value.renderedWidth,
@@ -5542,7 +5546,7 @@ const oe = /* @__PURE__ */ y({
         v("div", {
           class: l(n.value.cssBody)
         }, [
-          c(oe, { survey: S.survey }, null, 8, ["survey"])
+          c(ie, { survey: V.survey }, null, 8, ["survey"])
         ], 2)
       ], 2)
     ], 38)) : p("", !0);
@@ -5584,7 +5588,7 @@ const oe = /* @__PURE__ */ y({
   setup(u) {
     const e = Y();
     function n(s, t) {
-      const o = Je(
+      const o = Xe(
         s,
         t
       ), r = (m, g) => {
@@ -5594,7 +5598,7 @@ const oe = /* @__PURE__ */ y({
     }
     return ee.showDialog || (ee.showDialog = n, P(() => {
       ee.showDialog = void 0;
-    })), (s, t) => e.value ? (i(), C(Pe, {
+    })), (s, t) => e.value ? (i(), C(Ne, {
       key: 0,
       to: e.value.container
     }, [
@@ -5710,14 +5714,14 @@ const oe = /* @__PURE__ */ y({
   }
 }), ii = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ri = [
   ii
-], ce = 440, li = /* @__PURE__ */ y({
+], ge = 440, li = /* @__PURE__ */ y({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(u) {
-    const e = u, n = f(() => ce * e.model.progress), s = f(() => e.model.text);
+    const e = u, n = f(() => ge * e.model.progress), s = f(() => e.model.text);
     return I(() => e.model), (t, o) => t.model.isRunning && t.model.showTimerAsClock ? (i(), a("div", {
       key: 0,
       class: l(t.model.rootCss)
@@ -5725,7 +5729,7 @@ const oe = /* @__PURE__ */ y({
       t.model.showProgress ? (i(), a("svg", {
         key: 0,
         class: l(t.model.getProgressCss()),
-        style: L({ strokeDasharray: ce, strokeDashoffset: n.value })
+        style: L({ strokeDasharray: ge, strokeDashoffset: n.value })
       }, ri, 6)) : p("", !0),
       v("div", {
         class: l(t.model.textContainerCss)
@@ -5786,7 +5790,7 @@ const oe = /* @__PURE__ */ y({
         class: l(n.model.contentClasses),
         style: L({ maxWidth: n.model.maxWidth })
       }, [
-        (i(!0), a(M, null, V(n.model.cells, (t, o) => (i(), C(d, {
+        (i(!0), a(M, null, S(n.model.cells, (t, o) => (i(), C(d, {
           is: "sv-header-cell",
           model: t,
           key: o
@@ -5925,19 +5929,19 @@ const oe = /* @__PURE__ */ y({
     const s = (g) => g.isPanel ? "survey-panel" : "survey-question", t = f(() => {
       const g = e.element.survey;
       if (g) {
-        const S = g.getElementWrapperComponentName(e.element);
-        if (S)
-          return S;
+        const V = g.getElementWrapperComponentName(e.element);
+        if (V)
+          return V;
       }
       return s(e.element);
     }), o = (g) => g.cssClasses ? g.rootStyle : {}, r = f(() => {
-      const g = e.element, S = g.survey;
+      const g = e.element, V = g.survey;
       let h;
-      return S && (h = S.getElementWrapperComponentData(g)), {
+      return V && (h = V.getElementWrapperComponentData(g)), {
         componentName: s(g),
         componentData: {
           element: g,
-          survey: S,
+          survey: V,
           row: e.row,
           css: e.css,
           data: h
@@ -5945,15 +5949,15 @@ const oe = /* @__PURE__ */ y({
       };
     }), m = N(
       () => e.element,
-      (g, S) => {
-        S && S.setWrapperElement(void 0), g.setWrapperElement(n.value);
+      (g, V) => {
+        V && V.setWrapperElement(void 0), g.setWrapperElement(n.value);
       }
     );
     return T(() => {
       e.element.setWrapperElement(n.value);
     }), P(() => {
       e.element.setWrapperElement(void 0), m();
-    }), (g, S) => (i(), a("div", {
+    }), (g, V) => (i(), a("div", {
       ref_key: "root",
       ref: n,
       style: L(o(g.element)),
@@ -5977,7 +5981,7 @@ const oe = /* @__PURE__ */ y({
     componentData: {}
   },
   setup(u) {
-    const e = Ne(), n = f(() => !!e.default);
+    const e = Ee(), n = f(() => !!e.default);
     return (s, t) => n.value && !s.componentName ? J(s.$slots, "default", { key: 0 }) : (i(), C(d, $({
       key: 1,
       is: s.componentName
@@ -6077,7 +6081,7 @@ const oe = /* @__PURE__ */ y({
       key: 0,
       class: l(e.question.cssClasses.fileList || void 0)
     }, [
-      (i(!0), a(M, null, V(e.question.renderedPages, (s) => (i(), C(d, {
+      (i(!0), a(M, null, S(e.question.renderedPages, (s) => (i(), C(d, {
         is: "sv-file-page",
         key: s.id,
         page: s,
@@ -6098,7 +6102,7 @@ const oe = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), a(M, null, V(s.question.visibleChoices, (o, r) => (i(), C(d, {
+      (i(!0), a(M, null, S(s.question.visibleChoices, (o, r) => (i(), C(d, {
         is: "sv-button-group-item",
         question: s.question,
         key: r,
@@ -6107,7 +6111,7 @@ const oe = /* @__PURE__ */ y({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Vi = ["title"], Si = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ri = ["title"], Ti = /* @__PURE__ */ y({
+}), Si = ["title"], Vi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ri = ["title"], Ti = /* @__PURE__ */ y({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6116,7 +6120,7 @@ const oe = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = f(
-      () => new Xe(e.question, e.item, e.index)
+      () => new Ye(e.question, e.item, e.index)
     ), s = f({
       get: () => e.question.renderedValue,
       set: (t) => {
@@ -6140,8 +6144,8 @@ const oe = /* @__PURE__ */ y({
         class: l(n.value.css.control),
         "onUpdate:modelValue": o[0] || (o[0] = (r) => s.value = r),
         value: n.value.value
-      }, null, 10, Si), [
-        [qe, s.value]
+      }, null, 10, Vi), [
+        [we, s.value]
       ]),
       v("div", {
         class: l(n.value.css.decorator)
@@ -6164,7 +6168,7 @@ const oe = /* @__PURE__ */ y({
           }, null, 8, ["locString"])
         ], 10, Ri)) : p("", !0)
       ], 2)
-    ], 10, Vi));
+    ], 10, Si));
   }
 });
 U.Instance.registerRenderer(
@@ -6246,7 +6250,7 @@ const Bi = /* @__PURE__ */ y({
       class: l(n.page.css),
       id: n.page.id
     }, [
-      (i(!0), a(M, null, V(n.page.items, (t) => (i(), C(d, {
+      (i(!0), a(M, null, S(n.page.items, (t) => (i(), C(d, {
         is: "sv-file-item",
         key: t,
         item: t,
@@ -6371,7 +6375,7 @@ const Bi = /* @__PURE__ */ y({
       ], 6), [
         [A, s.question.hasRows]
       ]),
-      s.question.hasCellText ? (i(!0), a(M, { key: 0 }, V(s.question.visibleColumns, (o) => (i(), a("td", {
+      s.question.hasCellText ? (i(!0), a(M, { key: 0 }, S(s.question.visibleColumns, (o) => (i(), a("td", {
         key: o.uniqueId,
         class: l(s.question.getItemClass(s.row, o)),
         onClick: (r) => n(s.row, o)
@@ -6381,7 +6385,7 @@ const Bi = /* @__PURE__ */ y({
           locString: s.question.getCellDisplayLocText(s.row.name, o)
         }, null, 8, ["locString"])
       ], 10, Oi))), 128)) : p("", !0),
-      s.question.hasCellText ? p("", !0) : (i(!0), a(M, { key: 1 }, V(s.question.visibleColumns, (o, r) => (i(), a("td", {
+      s.question.hasCellText ? p("", !0) : (i(!0), a(M, { key: 1 }, S(s.question.visibleColumns, (o, r) => (i(), a("td", {
         key: o.uniqueId,
         "data-responsive-title": o.locText.renderedHtml,
         class: l(s.question.cssClasses.cell)
@@ -6397,31 +6401,31 @@ const Bi = /* @__PURE__ */ y({
     ], 2));
   }
 });
-Ye.platform = "vue3";
+_e.platform = "vue3";
 function Qi(u, e, n) {
   u(e, n);
 }
-function He(u) {
+function Ie(u) {
   const e = Qi.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", Di), e("popup-survey", Me), e("survey-header", ts), e("sv-logo-image", $i), e("sv-page", ns), e("survey-row", os), e("survey-question", us), e("survey-panel", vs), e("survey-element-header", cs), e("survey-string", gs), e("sv-string-viewer", hs), e("sv-string-editor", ws), e("sv-skeleton", Ls), e("sv-scroll", Hs), e("survey-text", Ss), e("survey-text-input", Bs), e("survey-checkbox", Ps), e("survey-checkbox-item", Ws), e("survey-radiogroup", Fs), e("survey-radiogroup-item", Us), e("survey-signaturepad", Gs), e("survey-html", Xs), e("survey-image", e1), e("survey-expression", n1), e("survey-file", r1), e("sv-file-choose-btn", Mi), e("sv-file-clean-btn", bi), e("sv-file-preview", Hi), e("sv-file-page", Pi), e("sv-file-item", Fi), e("sv-file-video", ki), e("survey-imagepicker", a1), e("survey-imagepicker-item", v1), e("survey-comment", C1), e("survey-dropdown", c1), e("sv-dropdown-select", q1), e("sv-dropdown-option-item", b1), e("sv-dropdown", H1), e("survey-tagbox", I1), e("sv-tagbox", R1), e("sv-tagbox-item", D1), e("sv-tagbox-filter", Z1), e("survey-ranking", A1), e("survey-ranking-item", O1), e("sv-ranking-item", z1), e("survey-rating", K1), e("sv-rating-item", J1), e("sv-rating-item-smiley", _1), e("sv-rating-item-star", sn), e("sv-rating-dropdown", ln), e("sv-rating-dropdown-item", rn), e("survey-boolean", un), e("sv-boolean-radio", dn), e("sv-boolean-radio-item", vn), e("sv-boolean-checkbox", qn), e("survey-multipletext", wn), e("sv-multipletext-row", bn), e("survey-multipletext-item", fn), e("sv-breadcrumbs", Mn), e("sv-single-input-summary", Rn), e("survey-slider", Zn), e("sv-slider-label-item", $n), e("survey-matrix", En), e("sv-matrix-row", Ui), e("survey-matrix-row", Fn), e("survey-matrix-cell", Un), e("survey-matrixdropdown", Qn), e("survey-matrixtable", Gn), e("survey-matrixheaderrequired", Xn), e("survey-matrixdropdown-cell", _n), e("survey-matrixdynamic", tt), e("survey-placeholder-matrixdynamic", ot), e("sv-matrix-remove-button", rt), e("sv-matrix-drag-drop-icon", at), e("sv-matrix-detail-button", dt), e("survey-paneldynamic", pt), e("survey-paneldynamicprogress", Ct), e("survey-paneldynamicprogress-v2", gt), e("survey-placeholder-paneldynamic", yt), e("sv-paneldynamic-add-btn", qt), e("sv-paneldynamic-next-btn", bt), e("sv-paneldynamic-prev-btn", kt), e("sv-paneldynamic-remove-btn", Mt), e("sv-paneldynamic-progress-text", Ht), e("sv-components-container", Ho), e("sv-progress-buttons", $o), e("sv-navigation-toc", Do), 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", Rt), e("survey-element-title", Tt), e("survey-element-title-content", At), e("sv-title-actions", Et), e("sv-brand-info", Kt), e("sv-question-error", Xt), e("sv-svg-icon", Jt), e("sv-action-bar", Yt), e("sv-action", eo), e("sv-action-bar-item", to), e("sv-action-bar-item-dropdown", ro), e("sv-action-bar-separator", lo), e("sv-list", po), e("sv-list-item-content", go), e("sv-list-item-group", yo), e("sv-list-item", co), e("sv-popup", ho), e("sv-popup-container", fo), e("popup-pointer", Mo), e("sv-notifier", Ko), e("survey-other-choice", Go), e("sv-nav-btn", Xo), e("survey-customwidget", _o), e("survey-popup-modal", xo), e("survey-composite", ti), e("survey-custom", oi), e("sv-timerpanel", li), e("sv-loading-indicator", ui), e("sv-header", mi), e("sv-header-cell", Ci), e("sv-header-mobile", hi), e("sv-template-renderer", wi), e("sv-character-counter", ni), e("sv-text-area", si), e("survey-element", qi), e("survey-buttongroup", Ii), e("sv-button-group-item", Ti), e("sv-buttongroup-dropdown", Bi), e("survey", oe);
+  e("sv-svg-bundle", Di), e("popup-survey", He), e("survey-header", os), e("sv-logo-image", $i), e("sv-page", ts), e("survey-row", is), e("survey-question", ds), e("survey-panel", Cs), e("survey-element-header", gs), e("survey-string", ys), e("sv-string-viewer", te), e("sv-string-editor", ws), e("sv-skeleton", Ls), e("sv-scroll", Hs), e("survey-text", Vs), e("survey-text-input", Bs), e("survey-checkbox", Ps), e("survey-checkbox-item", Ws), e("survey-radiogroup", Fs), e("survey-radiogroup-item", Us), e("survey-signaturepad", Gs), e("survey-html", Xs), e("survey-image", e1), e("survey-expression", n1), e("survey-file", r1), e("sv-file-choose-btn", Mi), e("sv-file-clean-btn", bi), e("sv-file-preview", Hi), e("sv-file-page", Pi), e("sv-file-item", Fi), e("sv-file-video", ki), e("survey-imagepicker", a1), e("survey-imagepicker-item", v1), e("survey-comment", C1), e("survey-dropdown", c1), e("sv-dropdown-select", q1), e("sv-dropdown-option-item", b1), e("sv-dropdown", H1), e("survey-tagbox", I1), e("sv-tagbox", R1), e("sv-tagbox-item", D1), e("sv-tagbox-filter", Z1), e("survey-ranking", A1), e("survey-ranking-item", O1), e("sv-ranking-item", z1), e("survey-rating", K1), e("sv-rating-item", J1), e("sv-rating-item-smiley", _1), e("sv-rating-item-star", sn), e("sv-rating-dropdown", ln), e("sv-rating-dropdown-item", rn), e("survey-boolean", un), e("sv-boolean-radio", dn), e("sv-boolean-radio-item", vn), e("sv-boolean-checkbox", qn), e("survey-multipletext", wn), e("sv-multipletext-row", bn), e("survey-multipletext-item", fn), e("sv-breadcrumbs", Mn), e("sv-single-input-summary", Rn), e("survey-slider", Zn), e("sv-slider-label-item", $n), e("survey-matrix", En), e("sv-matrix-row", Ui), e("survey-matrix-row", Fn), e("survey-matrix-cell", Un), e("survey-matrixdropdown", Qn), e("survey-matrixtable", Gn), e("survey-matrixheaderrequired", Xn), e("survey-matrixdropdown-cell", _n), e("survey-matrixdynamic", tt), e("survey-placeholder-matrixdynamic", ot), e("sv-matrix-remove-button", rt), e("sv-matrix-drag-drop-icon", at), e("sv-matrix-detail-button", dt), e("survey-paneldynamic", pt), e("survey-paneldynamicprogress", Ct), e("survey-paneldynamicprogress-v2", gt), e("survey-placeholder-paneldynamic", yt), e("sv-paneldynamic-add-btn", qt), e("sv-paneldynamic-next-btn", bt), e("sv-paneldynamic-prev-btn", kt), e("sv-paneldynamic-remove-btn", Mt), e("sv-paneldynamic-progress-text", Ht), e("sv-components-container", Ho), e("sv-progress-buttons", $o), e("sv-navigation-toc", Do), e("sv-progress-pages", j), e("sv-progress-questions", j), e("sv-progress-correctquestions", j), e("sv-progress-requiredquestions", j), e("survey-errors", St), e("survey-question-comment", Rt), e("survey-element-title", Tt), e("survey-element-title-content", At), e("sv-title-actions", Et), e("sv-brand-info", Kt), e("sv-question-error", Xt), e("sv-svg-icon", Jt), e("sv-action-bar", Yt), e("sv-action", eo), e("sv-action-bar-item", to), e("sv-action-bar-item-dropdown", ro), e("sv-action-bar-separator", lo), e("sv-list", po), e("sv-list-item-content", go), e("sv-list-item-group", yo), e("sv-list-item", co), e("sv-popup", ho), e("sv-popup-container", fo), e("popup-pointer", Mo), e("sv-notifier", Ko), e("survey-other-choice", Go), e("sv-nav-btn", Xo), e("survey-customwidget", _o), e("survey-popup-modal", xo), e("survey-composite", ti), e("survey-custom", oi), e("sv-timerpanel", li), e("sv-loading-indicator", ui), e("sv-header", mi), e("sv-header-cell", Ci), e("sv-header-mobile", hi), e("sv-template-renderer", wi), e("sv-character-counter", ni), e("sv-text-area", si), e("survey-element", qi), e("survey-buttongroup", Ii), e("sv-button-group-item", Ti), e("sv-buttongroup-dropdown", Bi), e("survey", ie);
 }
-He(
+Ie(
   (u, e) => W.Instance.registerComponent(u, e)
 );
 const Ji = {
   install(u) {
-    u.component("SurveyComponent", oe), u.component("PopupSurveyComponent", Me), u.directive("key2click", O), He((e, n) => {
+    u.component("SurveyComponent", ie), u.component("PopupSurveyComponent", He), u.directive("key2click", O), Ie((e, n) => {
       u.component(e, n), W.Instance.registerComponent(e, e);
     });
   }
 };
 export {
   W as ComponentFactory,
-  Me as PopupSurveyComponent,
-  oe as SurveyComponent,
+  He as PopupSurveyComponent,
+  ie as SurveyComponent,
   d as SvComponent,
   O as key2ClickDirective,
   Ji as surveyPlugin,