survey-vue3-ui 1.12.6 → 1.12.8

package/survey-vue3-ui.es.js

@@ -1,7 +1,7 @@
 var ke = Object.defineProperty;
 var fe = (u, e, n) => e in u ? ke(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n;
 var J = (u, e, n) => (fe(u, typeof e != "symbol" ? e + "" : e, n), n);
-import { defineComponent as h, computed as w, openBlock as i, createBlock as g, resolveDynamicComponent as ce, normalizeProps as le, guardReactiveProps as ae, createSlots as we, renderList as $, withCtx as W, renderSlot as ve, shallowReactive as Ie, watch as O, onBeforeUnmount as K, onMounted as P, ref as I, shallowRef as V, watchEffect as Se, triggerRef as ee, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as r, createVNode as y, createCommentVNode as m, Fragment as R, mergeProps as M, normalizeStyle as S, createElementVNode as v, onUnmounted as F, withDirectives as A, vShow as E, toDisplayString as T, vModelRadio as Y, vModelCheckbox as se, vModelSelect as $e, onUpdated as Z, vModelText as De, getCurrentInstance as qe, createStaticVNode as Be, toRaw as Ae, Teleport as Le, useSlots as Ne } from "vue";
+import { defineComponent as h, computed as w, openBlock as i, createBlock as g, resolveDynamicComponent as ce, normalizeProps as le, guardReactiveProps as ae, createSlots as we, renderList as $, withCtx as W, renderSlot as ve, shallowReactive as Ie, watch as O, onBeforeUnmount as K, onMounted as P, ref as I, shallowRef as V, watchEffect as Se, triggerRef as ee, unref as k, isRef as Re, nextTick as Te, createElementBlock as l, normalizeClass as r, createVNode as y, createCommentVNode as m, Fragment as T, mergeProps as M, normalizeStyle as S, createElementVNode as v, onUnmounted as F, withDirectives as A, vShow as E, toDisplayString as R, vModelRadio as Y, vModelCheckbox as se, vModelSelect as $e, onUpdated as Z, vModelText as De, getCurrentInstance as qe, createStaticVNode as Be, toRaw as Ae, Teleport as Le, useSlots as Ne } from "vue";
 import { Base as Pe, RendererFactory as _, Helpers as Me, DropdownMultiSelectListModel as He, doKey2ClickUp as ge, createSvg as Ee, doKey2ClickDown as We, doKey2ClickBlur as Fe, ActionDropdownViewModel as Ve, getActionDropdownButtonTarget as Oe, createPopupViewModel as ze, SurveyProgressModel as ue, ProgressButtonsResponsivityManager as Ue, PopupSurveyModel as Ke, settings as z, createDialogOptions as Qe, createPopupModalViewModel as je, ButtonGroupItemModel as Ge, SvgRegistry as Je, SurveyModel as Xe } from "survey-core";
 const ie = class {
   constructor() {
@@ -52,7 +52,7 @@ class Ye {
     this.element = e;
   }
   async add() {
-    const e = Re();
+    const e = Te();
     this.currentNextTickPromise !== e && (this.currentNextTickPromise = e, await e, e == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
@@ -74,7 +74,7 @@ function Ze(u) {
           }, s[t] = o;
         }
       }), u.getPropertyValueCoreHandler = (s, t) => k(s[t]), u.setPropertyValueCoreHandler = (s, t, o) => {
-        Te(s[t]) ? s[t].value = o : s[t] = o, n.add();
+        Re(s[t]) ? s[t].value = o : s[t] = o, n.add();
       };
     }
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
@@ -177,7 +177,7 @@ const _e = /* @__PURE__ */ h({
         is: "survey-errors",
         element: o.page
       }, null, 8, ["element"]),
-      (i(!0), l(R, null, $(o.page.visibleRows, (p) => (i(), g(d, M({
+      (i(!0), l(T, null, $(o.page.visibleRows, (p) => (i(), g(d, M({
         key: p.id,
         is: o.page.getSurvey().getRowWrapperComponentName(p)
       }, {
@@ -275,7 +275,7 @@ const _e = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), l(R, null, $(s.row.visibleElements, (o) => (i(), g(d, {
+      (i(!0), l(T, null, $(s.row.visibleElements, (o) => (i(), g(d, {
         is: "survey-element",
         row: s.row,
         css: s.css,
@@ -450,7 +450,7 @@ const _e = /* @__PURE__ */ h({
         style: S({ paddingLeft: t.element.innerPaddingLeft }),
         class: r(t.element.cssClasses.panel.content)
       }, [
-        (i(!0), l(R, null, $(t.element.visibleRows, (a) => (i(), g(d, M({
+        (i(!0), l(T, null, $(t.element.visibleRows, (a) => (i(), g(d, M({
           key: a.id,
           is: t.element.getSurvey().getRowWrapperComponentName(a)
         }, {
@@ -540,7 +540,7 @@ const _e = /* @__PURE__ */ h({
     }, null, 10, ps)) : (i(), l("span", {
       key: 1,
       class: r(k(s))
-    }, T(k(n)), 3));
+    }, R(k(n)), 3));
   }
 }), vs = ["innerHTML"], qs = /* @__PURE__ */ h({
   __name: "StringEditor",
@@ -567,7 +567,7 @@ const _e = /* @__PURE__ */ h({
       contenteditable: "true",
       onBlur: n,
       onClick: s
-    }, T(t.locString.renderedHtml), 33));
+    }, R(t.locString.renderedHtml), 33));
   }
 }), gs = ["id"], ys = /* @__PURE__ */ h({
   __name: "Skeleton",
@@ -594,7 +594,7 @@ const _e = /* @__PURE__ */ h({
       key: 0,
       ref_key: "root",
       ref: n
-    }, T(s.question.value), 513)) : s.question.dataListId ? (i(), l("div", {
+    }, R(s.question.value), 513)) : s.question.dataListId ? (i(), l("div", {
       key: 1,
       ref_key: "root",
       ref: n
@@ -606,7 +606,7 @@ const _e = /* @__PURE__ */ h({
       v("datalist", {
         id: s.question.dataListId
       }, [
-        (i(!0), l(R, null, $(s.question.dataList, (o, a) => (i(), l("option", {
+        (i(!0), l(T, null, $(s.question.dataList, (o, a) => (i(), l("option", {
           key: a,
           value: o
         }, null, 8, Cs))), 128))
@@ -705,7 +705,7 @@ const _e = /* @__PURE__ */ h({
 }), Is = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ss = {
   key: 0,
   class: "sv-hidden"
-}, Ts = { key: 7 }, Rs = ["value"], ye = /* @__PURE__ */ h({
+}, Rs = { key: 7 }, Ts = ["value"], ye = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -735,12 +735,12 @@ const _e = /* @__PURE__ */ h({
       "aria-invalid": o.question.a11y_input_ariaInvalid,
       "aria-errormessage": o.question.a11y_input_ariaErrormessage
     }, [
-      o.showLegend ? (i(), l("legend", Ss, T(o.question.locTitle.renderedHtml), 1)) : m("", !0),
-      o.question.hasHeadItems ? (i(!0), l(R, { key: 1 }, $(o.question.headItems, (p) => (i(), g(d, M({
+      o.showLegend ? (i(), l("legend", Ss, R(o.question.locTitle.renderedHtml), 1)) : m("", !0),
+      o.question.hasHeadItems ? (i(!0), l(T, { key: 1 }, $(o.question.headItems, (p) => (i(), g(d, M({
         key: p.value,
         is: s(p)
       }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
-      !o.question.hasColumns && !o.question.blockedRow ? (i(!0), l(R, { key: 2 }, $(o.question.bodyItems, (p) => (i(), g(d, M({
+      !o.question.hasColumns && !o.question.blockedRow ? (i(!0), l(T, { key: 2 }, $(o.question.bodyItems, (p) => (i(), g(d, M({
         key: p.value,
         is: s(p)
       }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
@@ -748,7 +748,7 @@ const _e = /* @__PURE__ */ h({
         key: 3,
         class: r(o.question.cssClasses.rootRow)
       }, [
-        !o.question.hasColumns && o.question.blockedRow ? (i(!0), l(R, { key: 0 }, $(o.question.dataChoices, (p) => (i(), g(d, M({
+        !o.question.hasColumns && o.question.blockedRow ? (i(!0), l(T, { key: 0 }, $(o.question.dataChoices, (p) => (i(), g(d, M({
           key: p.value,
           is: s(p)
         }, t(p)), null, 16, ["is"]))), 128)) : m("", !0)
@@ -757,18 +757,18 @@ const _e = /* @__PURE__ */ h({
         key: 4,
         class: r(o.question.cssClasses.rootMultiColumn)
       }, [
-        o.question.hasColumns ? (i(!0), l(R, { key: 0 }, $(o.question.columns, (p, q) => (i(), l("div", {
+        o.question.hasColumns ? (i(!0), l(T, { key: 0 }, $(o.question.columns, (p, q) => (i(), l("div", {
           key: q,
           class: r(o.question.getColumnClass()),
           role: "presentation"
         }, [
-          (i(!0), l(R, null, $(p, (c) => (i(), g(d, M({
+          (i(!0), l(T, null, $(p, (c) => (i(), g(d, M({
             key: c.value,
             is: s(c)
           }, t(c)), null, 16, ["is"]))), 128))
         ], 2))), 128)) : m("", !0)
       ], 2)) : m("", !0),
-      o.question.hasFootItems ? (i(!0), l(R, { key: 5 }, $(o.question.footItems, (p) => (i(), g(d, M({
+      o.question.hasFootItems ? (i(!0), l(T, { key: 5 }, $(o.question.footItems, (p) => (i(), g(d, M({
         key: p.value,
         is: s(p)
       }, t(p)), null, 16, ["is"]))), 128)) : m("", !0),
@@ -777,7 +777,7 @@ const _e = /* @__PURE__ */ h({
         is: "survey-other-choice",
         question: o.question
       }, null, 8, ["question"])) : m("", !0),
-      o.question.showClearButtonInContent ? (i(), l("div", Ts, [
+      o.question.showClearButtonInContent ? (i(), l("div", Rs, [
         v("input", {
           type: "button",
           class: r(o.question.cssClasses.clearButton),
@@ -785,7 +785,7 @@ const _e = /* @__PURE__ */ h({
             o.question.clearValue(!0);
           }),
           value: o.question.clearButtonCaption
-        }, null, 10, Rs)
+        }, null, 10, Ts)
       ])) : m("", !0)
     ], 10, Is));
   }
@@ -1139,7 +1139,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       class: r(s.question.cssClasses.root),
       ref_key: "root",
       ref: n
-    }, T(s.question.formatedValue), 3));
+    }, R(s.question.formatedValue), 3));
   }
 }), Gs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], Js = ["id", "multiple", "placeholder"], Xs = ["id", "multiple", "placeholder"], Ys = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -1224,7 +1224,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.isEmpty() ? (i(), l("span", {
               key: 2,
               class: r(s.question.cssClasses.noFileChosen)
-            }, T(s.question.noFileChosenCaption), 3)) : m("", !0)
+            }, R(s.question.noFileChosenCaption), 3)) : m("", !0)
           ], 2)
         ], 2)) : m("", !0),
         s.question.showRemoveButton ? (i(), g(d, {
@@ -1285,17 +1285,17 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: n
     }, [
-      v("legend", Zs, T(o.question.locTitle.renderedHtml), 1),
-      o.question.hasColumns ? m("", !0) : (i(!0), l(R, { key: 0 }, $(o.question.visibleChoices, (p) => (i(), g(d, M({
+      v("legend", Zs, R(o.question.locTitle.renderedHtml), 1),
+      o.question.hasColumns ? m("", !0) : (i(!0), l(T, { key: 0 }, $(o.question.visibleChoices, (p) => (i(), g(d, M({
         key: p.value,
         is: s(p)
       }, t(p)), null, 16, ["is"]))), 128)),
-      o.question.hasColumns ? (i(!0), l(R, { key: 1 }, $(o.question.columns, (p, q) => (i(), l("div", {
+      o.question.hasColumns ? (i(!0), l(T, { key: 1 }, $(o.question.columns, (p, q) => (i(), l("div", {
         class: r(o.question.getColumnClass()),
         key: q,
         role: "presentation"
       }, [
-        (i(!0), l(R, null, $(p, (c) => (i(), g(d, M({
+        (i(!0), l(T, null, $(p, (c) => (i(), g(d, M({
           key: c.value,
           is: s(c)
         }, t(c)), null, 16, ["is"]))), 128))
@@ -1470,7 +1470,7 @@ const Ds = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       key: 2,
       ref_key: "root",
       ref: n
-    }, T(s.question.value), 513));
+    }, R(s.question.value), 513));
   }
 }), rn = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -1541,7 +1541,7 @@ const dn = /* @__PURE__ */ h({
           disabled: "",
           id: a.question.inputId,
           class: r(a.question.getControlClass())
-        }, T(a.question.readOnlyText), 11, un)) : A((i(), l("select", {
+        }, R(a.question.readOnlyText), 11, un)) : A((i(), l("select", {
           key: 0,
           id: a.question.inputId,
           "onUpdate:modelValue": p[0] || (p[0] = (q) => o.value = q),
@@ -1555,8 +1555,8 @@ const dn = /* @__PURE__ */ h({
           "aria-errormessage": a.question.ariaErrormessage,
           required: a.question.isRequired
         }, [
-          a.question.allowClear ? (i(), l("option", an, T(a.question.placeholder), 1)) : m("", !0),
-          (i(!0), l(R, null, $(a.question.visibleChoices, (q) => (i(), g(d, {
+          a.question.allowClear ? (i(), l("option", an, R(a.question.placeholder), 1)) : m("", !0),
+          (i(!0), l(T, null, $(a.question.visibleChoices, (q) => (i(), g(d, {
             is: "sv-dropdown-option-item",
             item: q,
             key: q.id
@@ -1593,7 +1593,7 @@ const dn = /* @__PURE__ */ h({
     return D(() => e.item), (s, t) => (i(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, T(k(n)), 9, mn));
+    }, R(k(n)), 9, mn));
   }
 }), cn = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], vn = { style: { visibility: "hidden" } }, qn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], gn = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], yn = /* @__PURE__ */ h({
   __name: "Dropdown",
@@ -1653,7 +1653,7 @@ const dn = /* @__PURE__ */ h({
           key: 0,
           class: r(b.question.cssClasses.hintPrefix)
         }, [
-          v("span", null, T(s.value.hintStringPrefix), 1)
+          v("span", null, R(s.value.hintStringPrefix), 1)
         ], 2)) : m("", !0),
         v("div", {
           class: r(b.question.cssClasses.controlValue)
@@ -1667,8 +1667,8 @@ const dn = /* @__PURE__ */ h({
             key: 1,
             class: r(b.question.cssClasses.hintSuffix)
           }, [
-            v("span", vn, T(s.value.inputStringRendered), 1),
-            v("span", null, T(s.value.hintStringSuffix), 1)
+            v("span", vn, R(s.value.inputStringRendered), 1),
+            v("span", null, R(s.value.hintStringSuffix), 1)
           ], 2)) : m("", !0),
           b.question.showInputFieldComponent ? (i(), g(d, {
             key: 2,
@@ -1731,7 +1731,7 @@ const dn = /* @__PURE__ */ h({
           is: "survey-string",
           locString: b.question.selectedItemLocText
         }, null, 8, ["locString"])) : m("", !0),
-        v("div", null, T(b.question.readOnlyText), 1)
+        v("div", null, R(b.question.readOnlyText), 1)
       ], 10, gn)) : (i(), g(d, {
         key: 1,
         is: "sv-popup",
@@ -1826,7 +1826,7 @@ const dn = /* @__PURE__ */ h({
         v("div", {
           class: r(c.question.cssClasses.controlValue)
         }, [
-          (i(!0), l(R, null, $(k(q), (B, f) => (i(), g(d, {
+          (i(!0), l(T, null, $(k(q), (B, f) => (i(), g(d, {
             is: "sv-tagbox-item",
             item: B,
             question: c.question,
@@ -1913,7 +1913,7 @@ const dn = /* @__PURE__ */ h({
         key: 0,
         class: r(a.question.cssClasses.hintPrefix)
       }, [
-        v("span", null, T(a.model.hintStringPrefix), 1)
+        v("span", null, R(a.model.hintStringPrefix), 1)
       ], 2)) : m("", !0),
       v("div", {
         class: r(a.question.cssClasses.hintSuffixWrapper)
@@ -1927,8 +1927,8 @@ const dn = /* @__PURE__ */ h({
           key: 1,
           class: r(a.question.cssClasses.hintSuffix)
         }, [
-          v("span", fn, T(a.model.inputStringRendered), 1),
-          v("span", null, T(a.model.hintStringSuffix), 1)
+          v("span", fn, R(a.model.inputStringRendered), 1),
+          v("span", null, R(a.model.hintStringSuffix), 1)
         ], 2)) : m("", !0),
         A(v("input", {
           type: "text",
@@ -1958,7 +1958,7 @@ const dn = /* @__PURE__ */ h({
       ], 2)
     ], 2));
   }
-}), Sn = { class: "sv-tagbox__item-text" }, Tn = /* @__PURE__ */ h({
+}), Sn = { class: "sv-tagbox__item-text" }, Rn = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1991,7 +1991,7 @@ const dn = /* @__PURE__ */ h({
       ], 2)
     ]));
   }
-}), Rn = /* @__PURE__ */ h({
+}), Tn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -2015,7 +2015,7 @@ const dn = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      o.question.selectToRankEnabled ? m("", !0) : (i(!0), l(R, { key: 0 }, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
+      o.question.selectToRankEnabled ? m("", !0) : (i(!0), l(T, { key: 0 }, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
         key: p.value + "-" + q + "-item",
         is: s(p)
       }, t(p, q)), null, 16, ["is"]))), 128)),
@@ -2024,7 +2024,7 @@ const dn = /* @__PURE__ */ h({
         class: r(o.question.getContainerClasses("from")),
         "data-ranking": "from-container"
       }, [
-        (i(!0), l(R, null, $(o.question.renderedUnRankingChoices, (p, q) => (i(), g(d, M({
+        (i(!0), l(T, null, $(o.question.renderedUnRankingChoices, (p, q) => (i(), g(d, M({
           key: p.value + "-" + q + "-item",
           is: s(p)
         }, t(p, q, !0)), null, 16, ["is"]))), 128)),
@@ -2047,7 +2047,7 @@ const dn = /* @__PURE__ */ h({
         class: r(o.question.getContainerClasses("to")),
         "data-ranking": "to-container"
       }, [
-        (i(!0), l(R, null, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
+        (i(!0), l(T, null, $(o.question.renderedRankingChoices, (p, q) => (i(), g(d, M({
           key: p.value + "-" + q + "-item",
           is: s(p)
         }, t(p, q)), null, 16, ["is"]))), 128)),
@@ -2129,7 +2129,7 @@ const dn = /* @__PURE__ */ h({
           !s.unrankedItem && n.value ? (i(), l("div", {
             key: 0,
             class: r(s.question.getItemIndexClasses(s.item))
-          }, T(n.value), 3)) : (i(), l("div", {
+          }, R(n.value), 3)) : (i(), l("div", {
             key: 1,
             class: r(s.question.getItemIndexClasses(s.item))
           }, [
@@ -2194,7 +2194,7 @@ const dn = /* @__PURE__ */ h({
             locString: t.question.locMinRateDescription
           }, null, 8, ["locString"])
         ], 2)) : m("", !0),
-        (i(!0), l(R, null, $(t.question.renderedRateItems, (a, p) => (i(), g(d, {
+        (i(!0), l(T, null, $(t.question.renderedRateItems, (a, p) => (i(), g(d, {
           key: s(p),
           is: t.question.itemComponent,
           item: a,
@@ -2349,7 +2349,7 @@ const dn = /* @__PURE__ */ h({
   setup(u) {
     const e = u;
     return D(() => e.item), (n, s) => (i(), l("div", Qn, [
-      v("span", jn, T(n.item.title), 1),
+      v("span", jn, R(n.item.title), 1),
       n.item.description ? (i(), l("div", Gn, [
         y(d, {
           is: "survey-string",
@@ -2682,14 +2682,14 @@ const lo = /* @__PURE__ */ h({
       ref: n
     }, [
       v("tbody", null, [
-        (i(!0), l(R, null, $(k(s), (a, p) => (i(), l(R, {
+        (i(!0), l(T, null, $(k(s), (a, p) => (i(), l(T, {
           key: t.question.inputId + "rowkey" + p
         }, [
           a.isVisible ? (i(), l("tr", {
             key: 0,
             class: r(t.question.cssClasses.row)
           }, [
-            (i(!0), l(R, null, $(a.cells, (q) => (i(), l("td", {
+            (i(!0), l(T, null, $(a.cells, (q) => (i(), l("td", {
               key: "item" + q.item.editor.id,
               class: r(q.className)
             }, [
@@ -2732,7 +2732,7 @@ const lo = /* @__PURE__ */ h({
         s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), l("span", {
           key: 0,
           class: r(t.question.cssClasses.requiredText)
-        }, T(s.value.editor.requiredText), 3)) : m("", !0),
+        }, R(s.value.editor.requiredText), 3)) : m("", !0),
         y(d, {
           is: "survey-string",
           locString: s.value.locTitle
@@ -2742,7 +2742,7 @@ const lo = /* @__PURE__ */ h({
           key: 2,
           "aria-hidden": "true",
           class: r(t.question.cssClasses.requiredText)
-        }, T(s.value.editor.requiredText), 3)) : m("", !0)
+        }, R(s.value.editor.requiredText), 3)) : m("", !0)
       ], 6),
       (i(), l("div", {
         key: s.value.editor.id,
@@ -2786,14 +2786,14 @@ const lo = /* @__PURE__ */ h({
       ref: n
     }, [
       v("fieldset", null, [
-        v("legend", po, T(o.question.locTitle.renderedHtml), 1),
+        v("legend", po, R(o.question.locTitle.renderedHtml), 1),
         v("table", {
           class: r(o.question.getTableCss())
         }, [
           o.question.showHeader ? (i(), l("thead", co, [
             v("tr", null, [
               o.question.hasRows ? (i(), l("td", vo)) : m("", !0),
-              (i(!0), l(R, null, $(o.question.visibleColumns, (p, q) => (i(), l("th", {
+              (i(!0), l(T, null, $(o.question.visibleColumns, (p, q) => (i(), l("th", {
                 key: q,
                 class: r(o.question.cssClasses.headerCell),
                 style: S({
@@ -2817,7 +2817,7 @@ const lo = /* @__PURE__ */ h({
             ])
           ])) : m("", !0),
           v("tbody", null, [
-            (i(!0), l(R, null, $(s.value, (p, q) => (i(), l("tr", {
+            (i(!0), l(T, null, $(s.value, (p, q) => (i(), l("tr", {
               key: "row_" + p.name + "_" + q,
               class: r(p.rowClasses || void 0)
             }, [
@@ -2843,7 +2843,7 @@ const lo = /* @__PURE__ */ h({
               ], 6), [
                 [E, o.question.hasRows]
               ]),
-              o.question.hasCellText ? (i(!0), l(R, { key: 0 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
+              o.question.hasCellText ? (i(!0), l(T, { key: 0 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
                 key: C,
                 class: r(o.question.getItemClass(p, c)),
                 onClick: (B) => t(p, c)
@@ -2853,7 +2853,7 @@ const lo = /* @__PURE__ */ h({
                   locString: o.question.getCellDisplayLocText(p.name, c)
                 }, null, 8, ["locString"])
               ], 10, qo))), 128)) : m("", !0),
-              o.question.hasCellText ? m("", !0) : (i(!0), l(R, { key: 1 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
+              o.question.hasCellText ? m("", !0) : (i(!0), l(T, { key: 1 }, $(o.question.visibleColumns, (c, C) => (i(), l("td", {
                 key: C,
                 "data-responsive-title": c.locText.renderedHtml,
                 class: r(o.question.cssClasses.cell),
@@ -2900,7 +2900,7 @@ const lo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), l(R, null, $(t.row.cells, (a, p) => (i(), g(d, {
+      (i(!0), l(T, null, $(t.row.cells, (a, p) => (i(), g(d, {
         is: "survey-matrixdropdown-cell",
         cell: a,
         question: t.question,
@@ -2979,7 +2979,7 @@ const lo = /* @__PURE__ */ h({
       ref: n
     }, null, 8, ["question"]));
   }
-}), Io = { key: 0 }, So = { key: 1 }, To = /* @__PURE__ */ h({
+}), Io = { key: 0 }, So = { key: 1 }, Ro = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2995,7 +2995,7 @@ const lo = /* @__PURE__ */ h({
       }, [
         n.value.showHeader ? (i(), l("thead", Io, [
           v("tr", null, [
-            (i(!0), l(R, null, $(n.value.headerRow.cells, (o) => (i(), l(R, null, [
+            (i(!0), l(T, null, $(n.value.headerRow.cells, (o) => (i(), l(T, null, [
               o.hasTitle ? (i(), l("th", {
                 key: "header_" + o.id,
                 class: r(o.className),
@@ -3029,7 +3029,7 @@ const lo = /* @__PURE__ */ h({
           ])
         ])) : m("", !0),
         v("tbody", null, [
-          (i(!0), l(R, null, $(n.value.renderedRows, (o) => (i(), g(d, {
+          (i(!0), l(T, null, $(n.value.renderedRows, (o) => (i(), g(d, {
             key: s.question.inputId + "_" + o.id,
             is: "survey-matrix-row",
             row: o,
@@ -3038,7 +3038,7 @@ const lo = /* @__PURE__ */ h({
         ]),
         n.value.showFooter ? (i(), l("tfoot", So, [
           v("tr", null, [
-            (i(!0), l(R, null, $(n.value.footerRow.cells, (o, a) => (i(), g(d, {
+            (i(!0), l(T, null, $(n.value.footerRow.cells, (o, a) => (i(), g(d, {
               is: "survey-matrixdropdown-cell",
               cell: o,
               question: s.question,
@@ -3049,7 +3049,7 @@ const lo = /* @__PURE__ */ h({
       ], 2)
     ], 6));
   }
-}), Ro = /* @__PURE__ */ v("span", null, "\xA0", -1), $o = /* @__PURE__ */ h({
+}), To = /* @__PURE__ */ v("span", null, "\xA0", -1), $o = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3057,12 +3057,12 @@ const lo = /* @__PURE__ */ h({
   },
   setup(u) {
     const e = u;
-    return D(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), l(R, { key: 0 }, [
-      Ro,
+    return D(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), l(T, { key: 0 }, [
+      To,
       n.column.isRenderedRequired ? (i(), l("span", {
         key: 0,
         class: r(n.question.cssClasses.cellRequiredText)
-      }, T(n.column.requiredText), 3)) : m("", !0)
+      }, R(n.column.requiredText), 3)) : m("", !0)
     ], 64)) : m("", !0);
   }
 }), Do = ["title", "colspan"], Bo = /* @__PURE__ */ h({
@@ -3221,7 +3221,7 @@ const lo = /* @__PURE__ */ h({
           c.cell.requiredText ? (i(), l("span", {
             key: 1,
             class: r(c.question.cssClasses.cellRequiredText)
-          }, T(c.cell.requiredText), 3)) : m("", !0)
+          }, R(c.cell.requiredText), 3)) : m("", !0)
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : m("", !0)
@@ -3473,7 +3473,7 @@ const Lo = ["disabled"], No = /* @__PURE__ */ h({
       v("div", {
         class: r(p.question.cssClasses.panelsContainer)
       }, [
-        (i(!0), l(R, null, $(p.question.renderedPanels, (c, C) => (i(), l(R, {
+        (i(!0), l(T, null, $(p.question.renderedPanels, (c, C) => (i(), l(T, {
           key: c.id
         }, [
           v("div", {
@@ -3669,7 +3669,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
       }, null, 8, ["iconName"])
     ], 10, Qo));
   }
-}), Go = /* @__PURE__ */ h({
+}), Go = ["id"], Jo = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3678,13 +3678,14 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
   setup(u) {
     const e = u, n = G(e), s = w(
       () => e.item && e.item.data.panel || e.data.panel
-    ), t = (o) => {
-      n.value.isInputReadOnly || n.value.removePanelUI(o);
+    ), t = (a) => n.value.getPanelRemoveButtonId(a), o = (a) => {
+      n.value.isInputReadOnly || n.value.removePanelUI(a);
     };
-    return (o, a) => (i(), l("button", {
+    return (a, p) => (i(), l("button", {
       type: "button",
+      id: t(s.value),
       class: r(k(n).getPanelRemoveButtonCss()),
-      onClick: a[0] || (a[0] = (p) => t(s.value))
+      onClick: p[0] || (p[0] = (q) => o(s.value))
     }, [
       v("span", {
         class: r(k(n).cssClasses.buttonRemoveText)
@@ -3697,9 +3698,9 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
       v("span", {
         class: r(k(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 2));
+    ], 10, Go));
   }
-}), Jo = /* @__PURE__ */ h({
+}), Xo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3709,9 +3710,9 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
     const n = G(u);
     return (s, t) => (i(), l("div", {
       class: r(k(n).cssClasses.progressText)
-    }, T(k(n).progressText), 3));
+    }, R(k(n).progressText), 3));
   }
-}), Xo = ["id"], Yo = /* @__PURE__ */ h({
+}), Yo = ["id"], Zo = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3728,7 +3729,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      (i(!0), l(R, null, $(n.element.errors, (t, o) => (i(), g(d, {
+      (i(!0), l(T, null, $(n.element.errors, (t, o) => (i(), g(d, {
         is: n.element.survey.questionErrorComponent,
         element: n.element,
         key: "error_" + o,
@@ -3736,21 +3737,21 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
         error: t,
         cssClasses: n.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, Xo)) : m("", !0);
+    ], 10, Yo)) : m("", !0);
   }
-}), Zo = { key: 0 }, _o = /* @__PURE__ */ h({
+}), _o = { key: 0 }, xo = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div", Zo, T(e.question.comment), 1)) : (i(), g(d, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), l("div", _o, R(e.question.comment), 1)) : (i(), g(d, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), xo = /* @__PURE__ */ h({
+}), et = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3789,7 +3790,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : m("", !0);
   }
-}), et = { key: 3 }, st = { key: 5 }, nt = { key: 7 }, ot = /* @__PURE__ */ h({
+}), st = { key: 3 }, nt = { key: 5 }, ot = { key: 7 }, tt = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3800,7 +3801,7 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
     const e = u;
     return w(
       () => (e.element.isPanel ? e.element.cssClasses.panel : e.element.cssClasses) || {}
-    ), (n, s) => (i(), l(R, null, [
+    ), (n, s) => (i(), l(T, null, [
       n.element.isTitleRenderedAsString ? (i(), g(d, {
         key: 0,
         is: "survey-string",
@@ -3810,34 +3811,34 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
         key: 1,
         class: r(n.element.cssRequiredText),
         "aria-hidden": !0
-      }, T(n.element.requiredText), 3)) : m("", !0),
+      }, R(n.element.requiredText), 3)) : m("", !0),
       !n.element.isTitleRenderedAsString && n.element.no ? (i(), l("span", {
         key: 2,
         style: { position: "static" },
         class: r(n.element.cssTitleNumber),
         "aria-hidden": !0
-      }, T(n.element.no), 3)) : m("", !0),
-      !n.element.isTitleRenderedAsString && n.element.no ? (i(), l("span", et, "\xA0")) : m("", !0),
+      }, R(n.element.no), 3)) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.no ? (i(), l("span", st, "\xA0")) : m("", !0),
       !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (i(), l("span", {
         key: 4,
         class: r(n.element.cssRequiredText),
         "aria-hidden": !0
-      }, T(n.element.requiredText), 3)) : m("", !0),
-      !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (i(), l("span", st, "\xA0")) : m("", !0),
+      }, R(n.element.requiredText), 3)) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (i(), l("span", nt, "\xA0")) : m("", !0),
       n.element.isTitleRenderedAsString ? m("", !0) : (i(), g(d, {
         key: 6,
         is: "survey-string",
         locString: n.element.locTitle
       }, null, 8, ["locString"])),
-      !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (i(), l("span", nt, "\xA0")) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (i(), l("span", ot, "\xA0")) : m("", !0),
       !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (i(), l("span", {
         key: 8,
         class: r(n.element.cssRequiredText),
         "aria-hidden": !0
-      }, T(n.element.requiredText), 3)) : m("", !0)
+      }, R(n.element.requiredText), 3)) : m("", !0)
     ], 64));
   }
-}), tt = { class: "sv-title-actions" }, it = { class: "sv-title-actions__title" }, rt = /* @__PURE__ */ h({
+}), it = { class: "sv-title-actions" }, rt = { class: "sv-title-actions__title" }, lt = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3845,8 +3846,8 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
   },
   setup(u) {
     const e = u, n = w(() => e.element.getTitleToolbar());
-    return (s, t) => (i(), l("div", tt, [
-      v("span", it, [
+    return (s, t) => (i(), l("div", it, [
+      v("span", rt, [
         s.element.isPage ? (i(), g(d, {
           key: 0,
           is: "survey-string",
@@ -3865,20 +3866,20 @@ const Oo = ["id"], zo = /* @__PURE__ */ h({
       }, null, 8, ["model"])
     ]));
   }
-}), lt = (u, e) => {
+}), at = (u, e) => {
   const n = u.__vccOpts || u;
   for (const [s, t] of e)
     n[s] = t;
   return n;
-}, at = {}, ut = { class: "sv-brand-info" }, dt = /* @__PURE__ */ Be('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), mt = [
-  dt
+}, ut = {}, dt = { class: "sv-brand-info" }, mt = /* @__PURE__ */ Be('<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), pt = [
+  mt
 ];
-function pt(u, e) {
-  return i(), l("div", ut, mt);
+function ct(u, e) {
+  return i(), l("div", dt, pt);
 }
-const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use", null, null, -1), qt = [
-  vt
-], gt = /* @__PURE__ */ h({
+const vt = /* @__PURE__ */ at(ut, [["render", ct]]), qt = /* @__PURE__ */ v("use", null, null, -1), gt = [
+  qt
+], yt = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3907,9 +3908,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ref: n,
       class: "sv-svg-icon",
       role: "img"
-    }, qt, 512));
+    }, gt, 512));
   }
-}), yt = /* @__PURE__ */ h({
+}), ht = /* @__PURE__ */ h({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3937,7 +3938,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ], 2)
     ]));
   }
-}), ht = /* @__PURE__ */ h({
+}), Ct = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3961,14 +3962,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(o.model.getRootCss()),
       onClick: s
     }, [
-      (i(!0), l(R, null, $(k(t), (p) => (i(), g(d, {
+      (i(!0), l(T, null, $(k(t), (p) => (i(), g(d, {
         is: "sv-action",
         key: p.id,
         item: p
       }, null, 8, ["item"]))), 128))
     ], 2)) : m("", !0);
   }
-}), Ct = ["id"], bt = { class: "sv-action__content" }, kt = /* @__PURE__ */ h({
+}), bt = ["id"], kt = { class: "sv-action__content" }, ft = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -3981,7 +3982,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(s.item.getActionRootCss()),
       id: s.item.id
     }, [
-      v("div", bt, [
+      v("div", kt, [
         s.item.needSeparator ? (i(), g(d, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -3991,7 +3992,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           item: s.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, Ct));
+    ], 10, bt));
   }
 }), j = {
   mounted: function(u, e) {
@@ -4006,10 +4007,10 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       Fe(s);
     });
   }
-}, ft = ["disabled", "title", "aria-checked", "aria-expanded", "role"], wt = {
+}, wt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], It = {
   inheritAttrs: !1
-}, It = /* @__PURE__ */ h({
-  ...wt,
+}, St = /* @__PURE__ */ h({
+  ...It,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -4048,14 +4049,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       n.item.hasTitle ? (i(), l("span", {
         key: 1,
         class: r(n.item.getActionBarItemTitleCss())
-      }, T(n.item.title), 3)) : m("", !0)
-    ], 42, ft)), [
+      }, R(n.item.title), 3)) : m("", !0)
+    ], 42, wt)), [
       [k(j), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
   }
-}), St = ["disabled", "title", "role"], Tt = {
+}), Rt = ["disabled", "title", "role"], Tt = {
   inheritAttrs: !1
-}, Rt = /* @__PURE__ */ h({
+}, $t = /* @__PURE__ */ h({
   ...Tt,
   __name: "ActionBarItemDropdown",
   props: {
@@ -4072,7 +4073,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       () => {
         s.dispose();
       }
-    ), (t, o) => (i(), l(R, null, [
+    ), (t, o) => (i(), l(T, null, [
       A((i(), l("button", {
         type: "button",
         class: r(t.item.getActionBarItemCss()),
@@ -4097,8 +4098,8 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         t.item.hasTitle ? (i(), l("span", {
           key: 1,
           class: r(t.item.getActionBarItemTitleCss())
-        }, T(t.item.title), 3)) : m("", !0)
-      ], 42, St)), [
+        }, R(t.item.title), 3)) : m("", !0)
+      ], 42, Rt)), [
         [k(j), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
       ]),
       y(d, {
@@ -4108,7 +4109,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model", "getTarget"])
     ], 64));
   }
-}), $t = /* @__PURE__ */ h({
+}), Dt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4119,7 +4120,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), Dt = ["aria-label", "placeholder", "value"], Bt = ["aria-label"], At = ["id"], Lt = /* @__PURE__ */ h({
+}), Bt = ["aria-label", "placeholder", "value"], At = ["aria-label"], Lt = ["id"], Nt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -4162,7 +4163,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           value: p.model.filterString,
           onChange: s,
           onKeyup: t
-        }, null, 42, Dt),
+        }, null, 42, Bt),
         p.model.showSearchClearButton && !!p.model.filterString ? (i(), l("button", {
           key: 0,
           onClick: q[0] || (q[0] = (c) => {
@@ -4183,7 +4184,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(p.model.cssClasses.emptyText),
           "aria-label": p.model.emptyMessage
-        }, T(p.model.emptyMessage), 11, Bt)
+        }, R(p.model.emptyMessage), 11, At)
       ], 2), [
         [E, p.model.isEmpty]
       ]),
@@ -4200,18 +4201,18 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           p.model.onKeyDown(c);
         })
       }, [
-        (i(!0), l(R, null, $(k(a), (c) => (i(), g(d, {
+        (i(!0), l(T, null, $(k(a), (c) => (i(), g(d, {
           is: "sv-list-item",
           item: c,
           model: p.model,
           key: c.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, At)), [
+      ], 42, Lt)), [
         [E, !p.model.isEmpty]
       ]) : m("", !0)
     ], 2));
   }
-}), Nt = ["aria-selected", "id", "tabindex"], Pt = ["title"], Mt = /* @__PURE__ */ h({
+}), Pt = ["aria-selected", "id", "tabindex"], Mt = ["title"], Ht = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4255,13 +4256,13 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           item: o.item,
           model: o.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, Pt)
-    ], 42, Nt)), [
+      ], 46, Mt)
+    ], 42, Pt)), [
       [E, o.model.isItemVisible(o.item)],
       [k(j), { processEsc: !1, disableTabStop: o.item.disableTabStop }]
     ]);
   }
-}), Ht = /* @__PURE__ */ h({
+}), Et = /* @__PURE__ */ h({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4269,7 +4270,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return D(() => e.item), (n, s) => (i(), l(R, null, [
+    return D(() => e.item), (n, s) => (i(), l(T, null, [
       n.item.iconName ? (i(), g(d, {
         key: 0,
         is: "sv-svg-icon",
@@ -4290,7 +4291,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["class", "iconName", "size"])) : m("", !0)
     ], 64));
   }
-}), Et = /* @__PURE__ */ h({
+}), Wt = /* @__PURE__ */ h({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4298,7 +4299,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
   },
   setup(u) {
     const e = u;
-    return D(() => e.item), (n, s) => (i(), l(R, null, [
+    return D(() => e.item), (n, s) => (i(), l(T, null, [
       y(d, {
         is: "sv-list-item-content",
         item: n.item,
@@ -4310,7 +4311,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Wt = /* @__PURE__ */ h({
+}), Ft = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     getTarget: { type: Function },
@@ -4346,13 +4347,13 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), Ft = { class: "sv-popup__body-content" }, Vt = {
+}), Vt = { class: "sv-popup__body-content" }, Ot = {
   key: 0,
   class: "sv-popup__body-header"
-}, Ot = { class: "sv-popup__scrolling-content" }, zt = { class: "sv-popup__content" }, Ut = {
+}, zt = { class: "sv-popup__scrolling-content" }, Ut = { class: "sv-popup__content" }, Kt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Kt = /* @__PURE__ */ h({
+}, Qt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4392,16 +4393,16 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : m("", !0),
-        v("div", Ft, [
-          s.model.title ? (i(), l("div", Vt, T(s.model.title), 1)) : m("", !0),
-          v("div", Ot, [
-            v("div", zt, [
+        v("div", Vt, [
+          s.model.title ? (i(), l("div", Ot, R(s.model.title), 1)) : m("", !0),
+          v("div", zt, [
+            v("div", Ut, [
               y(d, M({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (i(), l("div", Ut, [
+          s.model.showFooter ? (i(), l("div", Kt, [
             y(d, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4413,7 +4414,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       [E, s.model.isVisible]
     ]);
   }
-}), Qt = /* @__PURE__ */ h({
+}), jt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4427,7 +4428,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       })
     }, null, 4));
   }
-}), jt = /* @__PURE__ */ h({
+}), Gt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4438,19 +4439,19 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
     const e = u, n = w(
       () => e.survey.getContainerContent(e.container)
     );
-    return (s, t) => n.value.length > 0 ? (i(), l(R, { key: 0 }, [
+    return (s, t) => n.value.length > 0 ? (i(), l(T, { key: 0 }, [
       s.needRenderWrapper ? (i(), l("div", {
         key: 0,
         class: r(["sv-components-column", "sv-components-container-" + s.container])
       }, [
-        (i(!0), l(R, null, $(n.value, (o) => (i(), g(d, {
+        (i(!0), l(T, null, $(n.value, (o) => (i(), g(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), l(R, { key: 1 }, $(n.value, (o) => (i(), g(d, {
+      ], 2)) : (i(!0), l(T, { key: 1 }, $(n.value, (o) => (i(), g(d, {
         key: o.id,
         is: o.component,
         survey: s.survey,
@@ -4481,14 +4482,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, [
         v("span", {
           class: r(s(o.survey.css))
-        }, T(o.survey.progressText), 3)
+        }, R(o.survey.progressText), 3)
       ], 6),
       v("span", {
         class: r(t(o.survey.css))
-      }, T(o.survey.progressText), 3)
+      }, R(o.survey.progressText), 3)
     ], 2));
   }
-}), Gt = ["title"], Jt = ["onClick", "data-page-number"], Xt = ["title"], Yt = ["title"], Zt = ["title"], _t = /* @__PURE__ */ h({
+}), Jt = ["title"], Xt = ["onClick", "data-page-number"], Yt = ["title"], Zt = ["title"], _t = ["title"], xt = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4533,7 +4534,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(C.survey.css.progressButtonsPageTitle),
           title: C.model.headerText
-        }, T(C.model.headerText), 11, Gt)
+        }, R(C.model.headerText), 11, Jt)
       ], 2)) : m("", !0),
       v("div", {
         class: r(p.value.progressButtonsContainer)
@@ -4551,7 +4552,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           v("ul", {
             class: r(p.value.progressButtonsList)
           }, [
-            (i(!0), l(R, null, $(C.survey.visiblePages, (f, N) => (i(), l("li", {
+            (i(!0), l(T, null, $(C.survey.visiblePages, (f, N) => (i(), l("li", {
               key: "listelement" + N,
               class: r(C.model.getListElementCss(N)),
               onClick: (b) => C.model.isListElementClickable(N) ? C.model.clickListElement(f) : null,
@@ -4569,12 +4570,12 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                   is: "survey-string",
                   locString: f.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, Xt)) : m("", !0),
+              ], 10, Yt)) : m("", !0),
               o.value ? (i(), l("div", {
                 key: 1,
                 class: r(p.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
-              }, T(f.locNavigationDescription.renderedHtml), 11, Yt)) : m("", !0),
+              }, R(f.locNavigationDescription.renderedHtml), 11, Zt)) : m("", !0),
               v("div", {
                 class: r(p.value.progressButtonsButton)
               }, [
@@ -4584,9 +4585,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                 v("div", {
                   class: r(p.value.progressButtonsButtonContent)
                 }, null, 2),
-                v("span", null, T(C.model.getItemNumber(f)), 1)
+                v("span", null, R(C.model.getItemNumber(f)), 1)
               ], 2)
-            ], 10, Jt))), 128))
+            ], 10, Xt))), 128))
           ], 2)
         ], 2),
         v("div", {
@@ -4602,11 +4603,11 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(C.survey.css.progressButtonsPageTitle),
           title: C.model.footerText
-        }, T(C.model.footerText), 11, Zt)
+        }, R(C.model.footerText), 11, _t)
       ], 2)) : m("", !0)
     ], 6));
   }
-}), xt = /* @__PURE__ */ h({
+}), ei = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4638,10 +4639,10 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"]))
     ], 2));
   }
-}), ei = ["lang", "dir"], si = { onsubmit: "return false;" }, ni = {
+}), si = ["lang", "dir"], ni = { onsubmit: "return false;" }, oi = {
   key: 0,
   class: "sv_custom_header"
-}, oi = { class: "sv-components-column sv-components-column--expandable" }, ti = ["id"], ii = { key: 2 }, ri = ["innerHTML"], li = ["innerHTML"], ai = ["innerHTML"], te = /* @__PURE__ */ h({
+}, ti = { class: "sv-components-column sv-components-column--expandable" }, ii = ["id"], ri = { key: 2 }, li = ["innerHTML"], ai = ["innerHTML"], ui = ["innerHTML"], te = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
     model: {},
@@ -4698,8 +4699,8 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           class: r(c.value.rootBackgroundImage),
           style: S(o.value.backgroundImageStyle)
         }, null, 6)) : m("", !0),
-        v("form", si, [
-          o.value.hasLogo ? m("", !0) : (i(), l("div", ni)),
+        v("form", ni, [
+          o.value.hasLogo ? m("", !0) : (i(), l("div", oi)),
           v("div", {
             class: r(c.value.container)
           }, [
@@ -4724,7 +4725,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              v("div", oi, [
+              v("div", ti, [
                 y(d, {
                   is: "sv-components-container",
                   survey: o.value,
@@ -4759,7 +4760,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                     key: 0,
                     is: "sv-brand-info"
                   })) : m("", !0)
-                ], 14, ti)
+                ], 14, ii)
               ]),
               y(d, {
                 is: "sv-components-container",
@@ -4774,11 +4775,11 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            q.value ? (i(), l("div", ii, [
+            q.value ? (i(), l("div", ri, [
               v("div", {
                 innerHTML: B(),
                 class: r(o.value.completedCss)
-              }, null, 10, ri),
+              }, null, 10, li),
               y(d, {
                 is: "sv-components-container",
                 survey: o.value,
@@ -4790,16 +4791,16 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
               key: 3,
               class: r(o.value.completedBeforeCss),
               innerHTML: o.value.processedCompletedBeforeHtml
-            }, null, 10, li)) : m("", !0),
+            }, null, 10, ai)) : m("", !0),
             o.value.state === "loading" ? (i(), l("div", {
               key: 4,
               class: r(o.value.loadingBodyCss),
               innerHTML: o.value.processedLoadingHtml
-            }, null, 10, ai)) : m("", !0),
+            }, null, 10, ui)) : m("", !0),
             o.value.state === "empty" ? (i(), l("div", {
               key: 5,
               class: r(c.value.bodyEmpty)
-            }, T(o.value.emptySurveyText), 3)) : m("", !0)
+            }, R(o.value.emptySurveyText), 3)) : m("", !0)
           ], 2)
         ]),
         y(d, {
@@ -4807,9 +4808,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           model: o.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, ei));
+    ], 14, si));
   }
-}), ui = /* @__PURE__ */ h({
+}), di = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -4823,14 +4824,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       role: "alert",
       "aria-live": "polite"
     }, [
-      v("span", null, T(n.model.message), 1),
+      v("span", null, R(n.model.message), 1),
       y(d, {
         is: "sv-action-bar",
         model: n.model.actionBar
       }, null, 8, ["model"])
     ], 6)) : m("", !0);
   }
-}), di = { key: 0 }, mi = /* @__PURE__ */ h({
+}), mi = { key: 0 }, pi = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -4839,14 +4840,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
     return (e, n) => (i(), l("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (i(), l("div", di, T(e.question.otherValue), 1)) : (i(), g(d, {
+      e.question.isReadOnlyRenderDiv() ? (i(), l("div", mi, R(e.question.otherValue), 1)) : (i(), g(d, {
         key: 1,
         is: "sv-text-area",
         model: e.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), pi = ["disabled", "value", "title"], ci = /* @__PURE__ */ h({
+}), ci = ["disabled", "value", "title"], vi = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4862,7 +4863,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       title: s.item.getTooltip(),
       onMousedown: n,
       onClick: t[0] || (t[0] = (...o) => s.item.action && s.item.action(...o))
-    }, null, 42, pi)) : m("", !0);
+    }, null, 42, ci)) : m("", !0);
   }
 }), Ce = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -4918,7 +4919,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           n.value.isCollapsed && !!n.value.locTitle ? (i(), l("div", {
             key: 0,
             class: r(n.value.cssHeaderTitleCollapsed)
-          }, T(n.value.locTitle.renderedHtml), 3)) : m("", !0),
+          }, R(n.value.locTitle.renderedHtml), 3)) : m("", !0),
           v("div", {
             class: r(n.value.cssHeaderButtonsContainer)
           }, [
@@ -4978,7 +4979,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ], 2)
     ], 38)) : m("", !0);
   }
-}), vi = ["innerHTML"], qi = /* @__PURE__ */ h({
+}), qi = ["innerHTML"], gi = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -5001,7 +5002,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       t.value ? (i(), l("div", {
         key: 0,
         innerHTML: o.value
-      }, null, 8, vi)) : m("", !0),
+      }, null, 8, qi)) : m("", !0),
       s.value ? (i(), g(d, {
         key: 1,
         is: a.value,
@@ -5010,7 +5011,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["is", "question", "css"])) : m("", !0)
     ], 512));
   }
-}), gi = /* @__PURE__ */ h({
+}), yi = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const e = V();
@@ -5051,7 +5052,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 8, ["to"])) : m("", !0);
   }
-}), yi = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hi = /* @__PURE__ */ h({
+}), hi = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ci = /* @__PURE__ */ h({
   __name: "TextArea",
   props: {
     model: {}
@@ -5098,9 +5099,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       "aria-invalid": t.model.ariaInvalid,
       "aria-errormessage": t.model.ariaErrormessage,
       style: S({ resize: t.model.question.resizeStyle })
-    }, null, 46, yi));
+    }, null, 46, hi));
   }
-}), Ci = /* @__PURE__ */ h({
+}), bi = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5110,9 +5111,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
     const e = u;
     return D(() => e.counter), (n, s) => (i(), l("div", {
       class: r(n.remainingCharacterCounter)
-    }, T(n.counter.remainingCharacterCounter), 3));
+    }, R(n.counter.remainingCharacterCounter), 3));
   }
-}), bi = /* @__PURE__ */ h({
+}), ki = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5131,7 +5132,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       css: t.css
     }, null, 8, ["element", "css"]));
   }
-}), ki = /* @__PURE__ */ h({
+}), fi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5149,9 +5150,9 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       css: o.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), fi = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), wi = [
-  fi
-], pe = 440, Ii = /* @__PURE__ */ h({
+}), wi = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), Ii = [
+  wi
+], pe = 440, Si = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -5167,29 +5168,29 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         key: 0,
         class: r(t.model.getProgressCss()),
         style: S({ strokeDasharray: pe, strokeDashoffset: n.value })
-      }, wi, 6)) : m("", !0),
+      }, Ii, 6)) : m("", !0),
       v("div", {
         class: r(t.model.textContainerCss)
       }, [
         v("span", {
           class: r(t.model.majorTextCss)
-        }, T(t.model.clockMajorText), 3),
+        }, R(t.model.clockMajorText), 3),
         t.model.clockMinorText ? (i(), l("span", {
           key: 0,
           class: r(t.model.minorTextCss)
-        }, T(t.model.clockMinorText), 3)) : m("", !0)
+        }, R(t.model.clockMinorText), 3)) : m("", !0)
       ], 2)
     ], 2)) : A((i(), l("div", {
       key: 1,
       class: r(t.model.survey.getCss().timerRoot)
-    }, T(s.value), 3)), [
+    }, R(s.value), 3)), [
       [E, t.model.isRunning && !t.model.showTimerAsClock]
     ]);
   }
-}), Si = { class: "sd-loading-indicator" }, Ti = /* @__PURE__ */ h({
+}), Ri = { class: "sd-loading-indicator" }, Ti = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
-    return (e, n) => (i(), l("div", Si, [
+    return (e, n) => (i(), l("div", Ri, [
       y(d, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5197,7 +5198,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       })
     ]));
   }
-}), Ri = { key: 2 }, $i = /* @__PURE__ */ h({
+}), $i = { key: 2 }, Di = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5223,13 +5224,13 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         class: r(n.model.contentClasses),
         style: S({ maxWidth: n.model.maxWidth })
       }, [
-        (i(!0), l(R, null, $(n.model.cells, (t, o) => (i(), g(d, {
+        (i(!0), l(T, null, $(n.model.cells, (t, o) => (i(), g(d, {
           is: "sv-header-cell",
           model: t,
           key: o
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      n.survey.isMobile ? (i(), l("div", Ri, [
+      n.survey.isMobile ? (i(), l("div", $i, [
         y(d, {
           is: "sv-header-mobile",
           model: n.model
@@ -5237,10 +5238,10 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ])) : m("", !0)
     ], 6)) : m("", !0);
   }
-}), Di = {
+}), Bi = {
   key: 0,
   class: "sv-header__logo"
-}, Bi = ["src", "width", "height", "alt"], Ai = /* @__PURE__ */ h({
+}, Ai = ["src", "width", "height", "alt"], Li = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5254,7 +5255,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         class: "sv-header__cell-content",
         style: S(e.model.contentStyle)
       }, [
-        e.model.showLogo ? (i(), l("div", Di, [
+        e.model.showLogo ? (i(), l("div", Bi, [
           v("div", {
             class: r(e.model.survey.logoClassNames)
           }, [
@@ -5265,7 +5266,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
               height: e.model.survey.renderedLogoHeight,
               alt: e.model.survey.locTitle.renderedHtml,
               style: S({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-            }, null, 14, Bi)
+            }, null, 14, Ai)
           ], 2)
         ])) : m("", !0),
         e.model.showTitle ? (i(), l("div", {
@@ -5297,17 +5298,17 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ], 4)
     ], 6));
   }
-}), Li = { class: "sv-header--mobile" }, Ni = {
+}), Ni = { class: "sv-header--mobile" }, Pi = {
   key: 0,
   class: "sv-header__logo"
-}, Pi = ["src", "width", "height", "alt"], Mi = /* @__PURE__ */ h({
+}, Mi = ["src", "width", "height", "alt"], Hi = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (e, n) => (i(), l("div", Li, [
-      e.model.survey.hasLogo ? (i(), l("div", Ni, [
+    return (e, n) => (i(), l("div", Ni, [
+      e.model.survey.hasLogo ? (i(), l("div", Pi, [
         v("div", {
           class: r(e.model.survey.logoClassNames)
         }, [
@@ -5318,7 +5319,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
             height: e.model.survey.renderedLogoHeight,
             alt: e.model.survey.locTitle.renderedHtml,
             style: S({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-          }, null, 14, Pi)
+          }, null, 14, Mi)
         ], 2)
       ])) : m("", !0),
       e.model.survey.hasTitle ? (i(), l("div", {
@@ -5349,7 +5350,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ], 4)) : m("", !0)
     ]));
   }
-}), Hi = /* @__PURE__ */ h({
+}), Ei = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -5405,7 +5406,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["is", "element", "css"])) : m("", !0)
     ], 6));
   }
-}), Ei = /* @__PURE__ */ h({
+}), Wi = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5418,7 +5419,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), Wi = /* @__PURE__ */ h({
+}), Fi = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5430,7 +5431,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(e.css),
       onClick: n[0] || (n[0] = (...s) => e.question.doClean && e.question.doClean(...s))
     }, [
-      v("span", null, T(e.question.clearButtonCaption), 1),
+      v("span", null, R(e.question.clearButtonCaption), 1),
       e.question.cssClasses.removeButtonIconId ? (i(), g(d, {
         key: 0,
         is: "sv-svg-icon",
@@ -5440,7 +5441,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["iconName", "title"])) : m("", !0)
     ], 2));
   }
-}), Fi = ["id"], Vi = /* @__PURE__ */ h({
+}), Vi = ["id"], Oi = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5462,14 +5463,14 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         playsinline: "",
         id: e.question.videoId,
         class: r(e.question.cssClasses.video)
-      }, null, 10, Fi),
+      }, null, 10, Vi),
       y(d, {
         is: "sv-action",
         item: e.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), Oi = ["for", "aria-label"], zi = /* @__PURE__ */ h({
+}), zi = ["for", "aria-label"], Ui = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5496,12 +5497,12 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         iconName: n.value.cssClasses.chooseFileIconId,
         size: "auto"
       }, null, 8, ["title", "iconName"])) : m("", !0),
-      v("span", null, T(n.value.chooseButtonText), 1)
-    ], 10, Oi)), [
+      v("span", null, R(n.value.chooseButtonText), 1)
+    ], 10, zi)), [
       [k(j)]
     ]);
   }
-}), Ui = /* @__PURE__ */ h({
+}), Ki = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5511,13 +5512,13 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       key: 0,
       class: r(e.question.cssClasses.fileList || void 0)
     }, [
-      e.question.supportFileNavigator ? (i(!0), l(R, { key: 0 }, $(e.question.renderedPages, (s) => (i(), g(d, {
+      e.question.supportFileNavigator ? (i(!0), l(T, { key: 0 }, $(e.question.renderedPages, (s) => (i(), g(d, {
         is: "sv-file-page",
         key: s.id,
         page: s,
         question: e.question
       }, null, 8, ["page", "question"]))), 128)) : m("", !0),
-      e.question.supportFileNavigator ? m("", !0) : (i(!0), l(R, { key: 1 }, $(e.question.previewValue, (s) => (i(), g(d, {
+      e.question.supportFileNavigator ? m("", !0) : (i(!0), l(T, { key: 1 }, $(e.question.previewValue, (s) => (i(), g(d, {
         is: "sv-file-item",
         key: s,
         item: s,
@@ -5525,7 +5526,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["item", "question"]))), 128))
     ], 2)) : m("", !0);
   }
-}), Ki = /* @__PURE__ */ h({
+}), Qi = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5538,7 +5539,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ref_key: "root",
       ref: n
     }, [
-      (i(!0), l(R, null, $(s.question.visibleChoices, (o, a) => (i(), g(d, {
+      (i(!0), l(T, null, $(s.question.visibleChoices, (o, a) => (i(), g(d, {
         is: "sv-button-group-item",
         question: s.question,
         key: a,
@@ -5547,7 +5548,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Qi = ["title"], ji = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Gi = ["title"], Ji = /* @__PURE__ */ h({
+}), ji = ["title"], Gi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Ji = ["title"], Xi = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5582,7 +5583,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         class: r(n.value.css.control),
         "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
         value: n.value.value
-      }, null, 10, ji), [
+      }, null, 10, Gi), [
         [Y, s.value]
       ]),
       v("div", {
@@ -5604,11 +5605,11 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
             is: "survey-string",
             locString: n.value.caption
           }, null, 8, ["locString"])
-        ], 10, Gi)) : m("", !0)
+        ], 10, Ji)) : m("", !0)
       ], 2)
-    ], 10, Qi));
+    ], 10, ji));
   }
-}), Xi = ["src", "width", "height", "alt"], Yi = /* @__PURE__ */ h({
+}), Yi = ["src", "width", "height", "alt"], Zi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5630,10 +5631,10 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, Xi)
+      }, null, 14, Yi)
     ], 2));
   }
-}), Zi = /* @__PURE__ */ h({
+}), _i = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
     const e = I();
@@ -5647,7 +5648,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       [E, !1]
     ]);
   }
-}), _i = ["id"], xi = /* @__PURE__ */ h({
+}), xi = ["id"], er = /* @__PURE__ */ h({
   __name: "FilePage",
   props: {
     page: {},
@@ -5659,15 +5660,15 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(n.page.css),
       id: n.page.id
     }, [
-      (i(!0), l(R, null, $(n.page.items, (t) => (i(), g(d, {
+      (i(!0), l(T, null, $(n.page.items, (t) => (i(), g(d, {
         is: "sv-file-item",
         key: t,
         item: t,
         question: n.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, _i));
+    ], 10, xi));
   }
-}), er = ["href", "title", "download"], sr = ["src"], nr = ["href", "title", "download"], or = /* @__PURE__ */ h({
+}), sr = ["href", "title", "download"], nr = ["src"], or = ["href", "title", "download"], tr = /* @__PURE__ */ h({
   __name: "FileItem",
   props: {
     item: {},
@@ -5688,7 +5689,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           title: e.item.name,
           download: e.item.name,
           style: S({ width: e.question.imageWidth })
-        }, T(e.item.name), 13, er)
+        }, R(e.item.name), 13, sr)
       ], 2)) : m("", !0),
       v("div", {
         class: r(e.question.getImageWrapperCss(e.item))
@@ -5701,7 +5702,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
             width: e.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, sr)) : m("", !0),
+        }, null, 12, nr)) : m("", !0),
         e.question.defaultImage(e.item) ? (i(), g(d, {
           key: 1,
           is: "sv-svg-icon",
@@ -5716,7 +5717,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         }, [
           v("span", {
             class: r(e.question.cssClasses.removeFile)
-          }, T(e.question.removeFileCaption), 3),
+          }, R(e.question.removeFileCaption), 3),
           e.question.cssClasses.removeFileSvgIconId ? (i(), g(d, {
             key: 0,
             is: "sv-svg-icon",
@@ -5737,7 +5738,7 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           title: e.item.name,
           download: e.item.name,
           style: S({ width: e.question.imageWidth })
-        }, T(e.item.name), 13, nr)
+        }, R(e.item.name), 13, or)
       ], 2)) : m("", !0)
     ], 2)), [
       [E, e.item]
@@ -5745,20 +5746,20 @@ const ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
   }
 });
 Xe.platform = "vue3";
-function tr(u, e, n) {
+function ir(u, e, n) {
   u(e, n);
 }
 function be(u) {
-  const e = tr.bind(
+  const e = ir.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", Zi), e("popup-survey", Ce), e("survey-header", xe), e("sv-logo-image", Yi), e("survey-page", _e), e("survey-row", es), e("survey-question", ts), e("survey-panel", as), e("survey-element-header", ds), e("survey-string", ms), e("sv-string-viewer", cs), e("sv-string-editor", qs), e("sv-skeleton", ys), e("survey-text", bs), e("survey-text-input", ws), e("survey-checkbox", $s), e("survey-checkbox-item", As), e("survey-radiogroup", Ls), e("survey-radiogroup-item", Ms), e("survey-signaturepad", Fs), e("survey-html", Os), e("survey-image", Qs), e("survey-expression", js), e("survey-file", Ys), e("sv-file-choose-btn", zi), e("sv-file-clean-btn", Wi), e("sv-file-preview", Ui), e("sv-file-page", xi), e("sv-file-item", or), e("sv-file-video", Vi), e("survey-imagepicker", _s), e("survey-imagepicker-item", on), e("survey-comment", tn), e("survey-dropdown", rn), e("sv-dropdown-select", dn), e("sv-dropdown-option-item", pn), e("sv-dropdown", yn), e("survey-tagbox", hn), e("sv-tagbox", kn), e("sv-tagbox-item", Tn), e("sv-tagbox-filter", In), e("survey-ranking", Rn), e("survey-ranking-item", Nn), e("sv-ranking-item", Pn), e("survey-rating", En), e("sv-rating-item", Vn), e("sv-rating-item-smiley", zn), e("sv-rating-item-star", Kn), e("sv-rating-dropdown", Xn), e("sv-rating-dropdown-item", Jn), e("survey-boolean", Zn), e("sv-boolean-radio", _n), e("sv-boolean-radio-item", so), e("sv-boolean-checkbox", lo), e("survey-multipletext", ao), e("survey-multipletext-item", mo), e("survey-matrix", yo), e("survey-matrix-row", Co), e("survey-matrix-cell", fo), e("survey-matrixdropdown", wo), e("survey-matrixtable", To), e("survey-matrixheaderrequired", $o), e("survey-matrixdropdown-cell", Bo), e("survey-matrixdynamic", Ao), e("sv-matrix-remove-button", No), e("sv-matrix-drag-drop-icon", Mo), e("sv-matrix-detail-button", Eo), e("survey-paneldynamic", Wo), e("survey-paneldynamicprogress", Fo), e("survey-paneldynamicprogress-v2", Vo), e("sv-paneldynamic-add-btn", zo), e("sv-paneldynamic-next-btn", Ko), e("sv-paneldynamic-prev-btn", jo), e("sv-paneldynamic-remove-btn", Go), e("sv-paneldynamic-progress-text", Jo), e("sv-components-container", jt), e("sv-progress-buttons", _t), e("sv-navigation-toc", xt), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Yo), e("survey-question-comment", _o), e("survey-element-title", xo), e("survey-element-title-content", ot), e("sv-title-actions", rt), e("sv-brand-info", ct), e("sv-question-error", yt), e("sv-svg-icon", gt), e("sv-action-bar", ht), e("sv-action", kt), e("sv-action-bar-item", It), e("sv-action-bar-item-dropdown", Rt), e("sv-action-bar-separator", $t), e("sv-list", Lt), e("sv-list-item-content", Ht), e("sv-list-item-group", Et), e("sv-list-item", Mt), e("sv-popup", Wt), e("sv-popup-container", Kt), e("popup-pointer", Qt), e("sv-notifier", ui), e("survey-other-choice", mi), e("sv-nav-btn", ci), e("survey-customwidget", qi), e("survey-popup-modal", gi), e("survey-composite", bi), e("survey-custom", ki), e("sv-timerpanel", Ii), e("sv-loading-indicator", Ti), e("sv-header", $i), e("sv-header-cell", Ai), e("sv-header-mobile", Mi), e("sv-template-renderer", Ei), e("sv-character-counter", Ci), e("sv-text-area", hi), e("survey-element", Hi), e("survey-buttongroup", Ki), e("sv-button-group-item", Ji), e("survey", te);
+  e("sv-svg-bundle", _i), e("popup-survey", Ce), e("survey-header", xe), e("sv-logo-image", Zi), e("survey-page", _e), e("survey-row", es), e("survey-question", ts), e("survey-panel", as), e("survey-element-header", ds), e("survey-string", ms), e("sv-string-viewer", cs), e("sv-string-editor", qs), e("sv-skeleton", ys), e("survey-text", bs), e("survey-text-input", ws), e("survey-checkbox", $s), e("survey-checkbox-item", As), e("survey-radiogroup", Ls), e("survey-radiogroup-item", Ms), e("survey-signaturepad", Fs), e("survey-html", Os), e("survey-image", Qs), e("survey-expression", js), e("survey-file", Ys), e("sv-file-choose-btn", Ui), e("sv-file-clean-btn", Fi), e("sv-file-preview", Ki), e("sv-file-page", er), e("sv-file-item", tr), e("sv-file-video", Oi), e("survey-imagepicker", _s), e("survey-imagepicker-item", on), e("survey-comment", tn), e("survey-dropdown", rn), e("sv-dropdown-select", dn), e("sv-dropdown-option-item", pn), e("sv-dropdown", yn), e("survey-tagbox", hn), e("sv-tagbox", kn), e("sv-tagbox-item", Rn), e("sv-tagbox-filter", In), e("survey-ranking", Tn), e("survey-ranking-item", Nn), e("sv-ranking-item", Pn), e("survey-rating", En), e("sv-rating-item", Vn), e("sv-rating-item-smiley", zn), e("sv-rating-item-star", Kn), e("sv-rating-dropdown", Xn), e("sv-rating-dropdown-item", Jn), e("survey-boolean", Zn), e("sv-boolean-radio", _n), e("sv-boolean-radio-item", so), e("sv-boolean-checkbox", lo), e("survey-multipletext", ao), e("survey-multipletext-item", mo), e("survey-matrix", yo), e("survey-matrix-row", Co), e("survey-matrix-cell", fo), e("survey-matrixdropdown", wo), e("survey-matrixtable", Ro), e("survey-matrixheaderrequired", $o), e("survey-matrixdropdown-cell", Bo), e("survey-matrixdynamic", Ao), e("sv-matrix-remove-button", No), e("sv-matrix-drag-drop-icon", Mo), e("sv-matrix-detail-button", Eo), e("survey-paneldynamic", Wo), e("survey-paneldynamicprogress", Fo), e("survey-paneldynamicprogress-v2", Vo), e("sv-paneldynamic-add-btn", zo), e("sv-paneldynamic-next-btn", Ko), e("sv-paneldynamic-prev-btn", jo), e("sv-paneldynamic-remove-btn", Jo), e("sv-paneldynamic-progress-text", Xo), e("sv-components-container", Gt), e("sv-progress-buttons", xt), e("sv-navigation-toc", ei), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Zo), e("survey-question-comment", xo), e("survey-element-title", et), e("survey-element-title-content", tt), e("sv-title-actions", lt), e("sv-brand-info", vt), e("sv-question-error", ht), e("sv-svg-icon", yt), e("sv-action-bar", Ct), e("sv-action", ft), e("sv-action-bar-item", St), e("sv-action-bar-item-dropdown", $t), e("sv-action-bar-separator", Dt), e("sv-list", Nt), e("sv-list-item-content", Et), e("sv-list-item-group", Wt), e("sv-list-item", Ht), e("sv-popup", Ft), e("sv-popup-container", Qt), e("popup-pointer", jt), e("sv-notifier", di), e("survey-other-choice", pi), e("sv-nav-btn", vi), e("survey-customwidget", gi), e("survey-popup-modal", yi), e("survey-composite", ki), e("survey-custom", fi), e("sv-timerpanel", Si), e("sv-loading-indicator", Ti), e("sv-header", Di), e("sv-header-cell", Li), e("sv-header-mobile", Hi), e("sv-template-renderer", Wi), e("sv-character-counter", bi), e("sv-text-area", Ci), e("survey-element", Ei), e("survey-buttongroup", Qi), e("sv-button-group-item", Xi), e("survey", te);
 }
 be(
   (u, e) => U.Instance.registerComponent(u, e)
 );
-const ar = {
+const ur = {
   install(u) {
     u.component("SurveyComponent", te), u.component("PopupSurveyComponent", Ce), u.directive("key2click", j), be((e, n) => {
       u.component(e, n), U.Instance.registerComponent(e, e);
@@ -5771,7 +5772,7 @@ export {
   te as SurveyComponent,
   d as SvComponent,
   j as key2ClickDirective,
-  ar as surveyPlugin,
+  ur as surveyPlugin,
   D as useBase,
   x as useComputedArray,
   Q as useLocString,