survey-vue3-ui 1.12.22 → 1.12.24

package/survey-vue3-ui.es.js

@@ -1,7 +1,7 @@
 var He = Object.defineProperty;
 var Ie = (u, o, e) => o in u ? He(u, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[o] = e;
 var G = (u, o, e) => (Ie(u, typeof o != "symbol" ? o + "" : o, e), e);
-import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as S, withCtx as E, renderSlot as Ce, shallowReactive as Ve, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Be, triggerRef as se, unref as k, isRef as Re, nextTick as Te, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as R, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
+import { defineComponent as h, computed as L, openBlock as r, createBlock as C, resolveDynamicComponent as ge, normalizeProps as ue, guardReactiveProps as de, createSlots as Se, renderList as S, withCtx as E, renderSlot as Ce, shallowReactive as Ve, watch as F, onBeforeUnmount as U, onMounted as $, ref as b, shallowRef as W, watchEffect as Be, triggerRef as se, unref as k, isRef as Te, nextTick as Re, createElementBlock as l, normalizeClass as a, createVNode as y, createCommentVNode as c, Fragment as I, mergeProps as D, normalizeStyle as M, createElementVNode as m, onUnmounted as N, withDirectives as T, vShow as P, toDisplayString as H, vModelRadio as Y, vModelCheckbox as oe, vModelSelect as Ze, onUpdated as x, vModelText as $e, getCurrentInstance as ye, createStaticVNode as De, toRaw as Ae, Teleport as Pe, useSlots as Ne } from "vue";
 import { Base as Ee, RendererFactory as _, Helpers as We, DropdownMultiSelectListModel as Fe, doKey2ClickUp as he, createSvg as ze, doKey2ClickDown as Oe, doKey2ClickBlur as Ue, ActionDropdownViewModel as Ke, createPopupViewModel as je, SurveyProgressModel as ve, ProgressButtonsResponsivityManager as Qe, addIconsToThemeSet as qe, SvgRegistry as X, PopupSurveyModel as Ge, settings as z, createDialogOptions as Je, createPopupModalViewModel as Xe, ButtonGroupItemModel as Ye, SurveyModel as xe } from "survey-core";
 const ae = class {
   constructor() {
@@ -52,7 +52,7 @@ class _e {
     this.element = o;
   }
   async add() {
-    const o = Te();
+    const o = Re();
     this.currentNextTickPromise !== o && (this.currentNextTickPromise = o, await o, o == this.currentNextTickPromise && this.element.afterRerender());
   }
 }
@@ -74,7 +74,7 @@ function es(u) {
           }, s[n] = t;
         }
       }), u.getPropertyValueCoreHandler = (s, n) => k(s[n]), u.setPropertyValueCoreHandler = (s, n, t) => {
-        Re(s[n]) ? s[n].value = t : s[n] = t, e.add();
+        Te(s[n]) ? s[n].value = t : s[n] = t, e.add();
       };
     }
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
@@ -104,7 +104,7 @@ function V(u, o, e) {
     }
   });
 }
-function T(u, o, e, s) {
+function R(u, o, e, s) {
   V(() => u.question, e, s), $(() => {
     u.question && u.question.afterRenderQuestionElement(o.value);
   }), U(() => {
@@ -499,7 +499,7 @@ const ss = /* @__PURE__ */ h({
         element: n.element,
         css: n.css
       }, null, 8, ["element", "css"]),
-      n.element.hasDescriptionUnderTitle ? R((r(), l("div", {
+      n.element.hasDescriptionUnderTitle ? T((r(), l("div", {
         key: 0,
         class: a(n.element.cssDescription),
         id: n.element.ariaDescriptionId
@@ -593,7 +593,7 @@ const ss = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => s.question.isReadOnlyRenderDiv() ? (r(), l("div", {
+    return R(o, e), (s, n) => s.question.isReadOnlyRenderDiv() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
       ref: e
@@ -717,7 +717,7 @@ const ss = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || o.question.itemComponent, n = (t) => ({
       componentName: o.question.itemComponent,
       componentData: {
@@ -792,7 +792,7 @@ const ss = /* @__PURE__ */ h({
       ])) : c("", !0)
     ], 10, Is));
   }
-}), Rs = /* @__PURE__ */ h({
+}), Ts = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -814,7 +814,7 @@ function ke(u, o, e) {
     o().isDesignMode || (s && e.value && s.setRootElement(e.value), n && n.setRootElement(void 0));
   });
 }
-const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"], Zs = ["xlink:href"], $s = /* @__PURE__ */ h({
+const Rs = ["name", "checked", "value", "id", "disabled", "readonly", "required"], Zs = ["xlink:href"], $s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -854,7 +854,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: n.question.isReadOnlyAttr,
           class: a(n.question.cssClasses.itemControl),
           required: n.question.hasRequiredError()
-        }, null, 42, Ts),
+        }, null, 42, Rs),
         n.question.cssClasses.materialDecorator ? (r(), l("span", {
           key: 0,
           class: a(n.question.cssClasses.materialDecorator)
@@ -919,7 +919,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onMousedown: d[1] || (d[1] = (g) => i.question.onMouseDown()),
         class: a(s(i.item))
       }, [
-        R(m("input", {
+        T(m("input", {
           type: "radio",
           name: i.question.questionName,
           value: i.item.value,
@@ -965,7 +965,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e,
@@ -973,7 +973,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         width: s.question.renderedCanvasWidth
       })
     }, [
-      R(m("div", {
+      T(m("div", {
         class: a(s.question.cssClasses.placeholder)
       }, [
         y(v, {
@@ -1035,7 +1035,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = K(() => o.question.locHtml);
     return (n, t) => (r(), l("div", {
       ref_key: "root",
@@ -1052,14 +1052,14 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = K(() => o.question.locImageLink);
     return (n, t) => (r(), l("div", {
       class: a(n.question.cssClasses.root),
       ref_key: "root",
       ref: e
     }, [
-      n.question.renderedMode === "image" ? R((r(), l("img", {
+      n.question.renderedMode === "image" ? T((r(), l("img", {
         key: 0,
         class: a(n.question.getImageCss()),
         src: k(s),
@@ -1080,7 +1080,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 46, Ks)), [
         [P, k(s) && !n.question.contentNotLoaded]
       ]) : c("", !0),
-      n.question.renderedMode === "video" ? R((r(), l("video", {
+      n.question.renderedMode === "video" ? T((r(), l("video", {
         key: 1,
         controls: "",
         class: a(n.question.getImageCss()),
@@ -1133,7 +1133,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.root),
       ref_key: "root",
       ref: e
@@ -1147,7 +1147,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.fileRootCss),
       ref_key: "root",
       ref: e
@@ -1269,7 +1269,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || pe, n = (t) => ({
       componentName: pe,
       componentData: {
@@ -1325,7 +1325,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       m("label", {
         class: a(t.question.cssClasses.label)
       }, [
-        t.question.multiSelect ? R((r(), l("input", {
+        t.question.multiSelect ? T((r(), l("input", {
           key: 0,
           type: "checkbox",
           name: t.question.questionName,
@@ -1335,13 +1335,13 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           disabled: !t.question.getItemEnabled(t.item),
           readonly: t.question.isReadOnlyAttr,
           "aria-required": t.question.ariaRequired,
-          "aria-label": t.question.ariaLabel,
+          "aria-label": t.item.locText.renderedHtml,
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
         }, null, 10, o1)), [
           [oe, s.value]
-        ]) : R((r(), l("input", {
+        ]) : T((r(), l("input", {
           key: 1,
           type: "radio",
           name: t.question.questionName,
@@ -1351,7 +1351,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           disabled: !t.question.getItemEnabled(t.item),
           readonly: t.question.isReadOnlyAttr,
           "aria-required": t.question.ariaRequired,
-          "aria-label": t.question.ariaLabel,
+          "aria-label": t.item.locText.renderedHtml,
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: a(t.question.cssClasses.itemControl)
@@ -1445,7 +1445,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (r(), l("div", {
+    return R(o, e), (s, n) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (r(), l("div", {
       key: 0,
       ref_key: "root",
       ref: e
@@ -1479,7 +1479,7 @@ const Ts = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
       ref: e
@@ -1512,7 +1512,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (i) => {
       o.question.onClick(i);
     }, n = (i) => {
@@ -1540,7 +1540,7 @@ const c1 = /* @__PURE__ */ h({
           disabled: "",
           id: i.question.inputId,
           class: a(i.question.getControlClass())
-        }, H(i.question.readOnlyText), 11, v1)) : R((r(), l("select", {
+        }, H(i.question.readOnlyText), 11, v1)) : T((r(), l("select", {
           key: 0,
           id: i.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (g) => t.value = g),
@@ -1699,7 +1699,7 @@ const c1 = /* @__PURE__ */ h({
             onFocus: q
           }, null, 42, y1)
         ], 2),
-        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
+        w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? T((r(), l("div", {
           key: 1,
           class: a(w.question.cssClasses.cleanButton),
           onClick: i,
@@ -1759,7 +1759,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.renderCssRoot),
       ref_key: "root",
       ref: e
@@ -1837,7 +1837,7 @@ const c1 = /* @__PURE__ */ h({
             question: p.question
           }, null, 8, ["model", "question"])
         ], 2),
-        p.question.allowClear && p.question.cssClasses.cleanButtonIconId ? R((r(), l("div", {
+        p.question.allowClear && p.question.cssClasses.cleanButtonIconId ? T((r(), l("div", {
           key: 0,
           class: a(p.question.cssClasses.cleanButton),
           onClick: t,
@@ -1929,7 +1929,7 @@ const c1 = /* @__PURE__ */ h({
           m("span", b1, H(i.model.inputStringRendered), 1),
           m("span", null, H(i.model.hintStringSuffix), 1)
         ], 2)) : c("", !0),
-        R(m("input", {
+        T(m("input", {
           type: "text",
           autocomplete: "off",
           "onUpdate:modelValue": d[0] || (d[0] = (g) => i.model.inputStringRendered = g),
@@ -1998,7 +1998,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (t) => o.question.getItemValueWrapperComponentName(t) || "survey-ranking-item", n = (t, i, d) => ({
       componentName: "survey-ranking-item",
       componentData: {
@@ -2062,10 +2062,10 @@ const c1 = /* @__PURE__ */ h({
       ], 2)) : c("", !0)
     ], 2));
   }
-}), B1 = ["tabindex", "data-sv-drop-target-ranking-item"], R1 = {
+}), B1 = ["tabindex", "data-sv-drop-target-ranking-item"], T1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, T1 = ["xlink:href"], Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ h({
+}, R1 = ["xlink:href"], Z1 = ["xlink:href"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2100,7 +2100,7 @@ const c1 = /* @__PURE__ */ h({
         );
       })
     }, [
-      m("div", R1, [
+      m("div", T1, [
         m("div", {
           class: a(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2115,7 +2115,7 @@ const c1 = /* @__PURE__ */ h({
             }, [
               m("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, T1)
+              }, null, 8, R1)
             ], 2)),
             (r(), l("svg", {
               class: a(s.question.getIconFocusCss())
@@ -2175,7 +2175,7 @@ const c1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (n) => o.question.getInputId(n);
     return (n, t) => (r(), l("div", {
       class: a(n.question.ratingRootCss),
@@ -2371,7 +2371,7 @@ const Y1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootDropdown),
       ref_key: "root",
       ref: e
@@ -2390,7 +2390,7 @@ const Y1 = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = (t, i) => {
       o.question.onLabelClick(t, i);
     }, n = (t) => {
@@ -2407,7 +2407,7 @@ const Y1 = /* @__PURE__ */ h({
         m("label", {
           class: a(t.question.getItemCss())
         }, [
-          R(m("input", {
+          T(m("input", {
             type: "checkbox",
             name: t.question.name,
             value: (d = t.question.booleanValue) != null ? d : "",
@@ -2489,7 +2489,7 @@ const eo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = b(null);
-    return T(u, o), (s, n) => (r(), l("div", {
+    return R(u, o), (s, n) => (r(), l("div", {
       class: a(s.question.cssClasses.rootRadio),
       ref_key: "root",
       ref: o
@@ -2591,7 +2591,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => {
+    return R(o, e), (s, n) => {
       var t;
       return r(), l("div", {
         class: a(s.question.cssClasses.rootCheckbox),
@@ -2604,7 +2604,7 @@ const uo = /* @__PURE__ */ h({
           m("label", {
             class: a(s.question.cssClasses.checkboxLabel)
           }, [
-            R(m("input", {
+            T(m("input", {
               type: "checkbox",
               name: s.question.name,
               value: (t = s.question.booleanValue) != null ? t : "",
@@ -2675,7 +2675,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = ee(() => o.question.getRows());
-    return T(o, e), (n, t) => (r(), l("table", {
+    return R(o, e), (n, t) => (r(), l("table", {
       class: a(n.question.getQuestionRootCss()),
       ref_key: "root",
       ref: e
@@ -2763,7 +2763,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = W();
-    T(
+    R(
       o,
       e,
       (t) => {
@@ -2820,7 +2820,7 @@ const uo = /* @__PURE__ */ h({
               key: "row_" + d.name + "_" + g,
               class: a(d.rowClasses || void 0)
             }, [
-              R(m("td", {
+              T(m("td", {
                 class: a(d.rowTextClasses),
                 style: M({
                   minWidth: t.question.rowTitleWidth,
@@ -2921,7 +2921,7 @@ const uo = /* @__PURE__ */ h({
       onMousedown: e[1] || (e[1] = (s) => o.question.onMouseDown()),
       class: a(o.question.getItemClass(o.row, o.column))
     }, [
-      R(m("input", {
+      T(m("input", {
         type: "radio",
         class: a(o.question.cssClasses.itemValue),
         name: o.row.fullName,
@@ -2971,7 +2971,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    return T(o, e), (s, n) => (r(), C(v, {
+    return R(o, e), (s, n) => (r(), C(v, {
       is: "survey-matrixtable",
       question: s.question,
       ref_key: "root",
@@ -3064,7 +3064,7 @@ const uo = /* @__PURE__ */ h({
       }, H(e.column.requiredText), 3)) : c("", !0)
     ], 64)) : c("", !0);
   }
-}), Ro = ["title", "colspan"], To = /* @__PURE__ */ h({
+}), To = ["title", "colspan"], Ro = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3158,7 +3158,7 @@ const uo = /* @__PURE__ */ h({
           question: p.cell.matrix
         }, null, 8, ["column", "question"])
       ], 2)) : c("", !0),
-      p.cell.hasQuestion ? R((r(), l("div", {
+      p.cell.hasQuestion ? T((r(), l("div", {
         key: 5,
         class: a(p.cell.cellQuestionWrapperClassName)
       }, [
@@ -3229,7 +3229,7 @@ const uo = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : c("", !0)
-    ], 46, Ro)) : c("", !0);
+    ], 46, To)) : c("", !0);
   }
 }), Zo = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -3239,7 +3239,7 @@ const uo = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = () => {
       o.question.addRowUI();
     };
@@ -3398,7 +3398,7 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null), s = ye();
-    T(
+    R(
       o,
       e,
       (d) => {
@@ -3441,8 +3441,17 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
       ref_key: "root",
       ref: e
     }, [
-      d.question.getShowNoEntriesPlaceholder() ? (r(), l("div", {
+      d.question.hasTabbedMenu ? (r(), l("div", {
         key: 0,
+        class: a(d.question.getTabsContainerCss())
+      }, [
+        y(v, {
+          is: "sv-action-bar",
+          model: d.question.tabbedMenu
+        }, null, 8, ["model"])
+      ], 2)) : c("", !0),
+      d.question.getShowNoEntriesPlaceholder() ? (r(), l("div", {
+        key: 1,
         class: a(d.question.cssClasses.noEntriesPlaceholder)
       }, [
         m("span", null, [
@@ -3457,7 +3466,7 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
         }, null, 8, ["data"])
       ], 2)) : c("", !0),
       !n() && d.question.isProgressTopShowing && d.question.isRangeShowing ? (r(), l("div", {
-        key: 1,
+        key: 2,
         class: a(d.question.cssClasses.progress)
       }, [
         m("div", {
@@ -3467,7 +3476,7 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
         }, null, 6)
       ], 2)) : c("", !0),
       n() && d.question.isProgressTopShowing ? (r(), C(v, {
-        key: 2,
+        key: 3,
         is: "survey-paneldynamicprogress",
         question: d.question
       }, null, 8, ["question"])) : c("", !0),
@@ -3496,17 +3505,17 @@ const $o = ["disabled"], Do = /* @__PURE__ */ h({
         ], 64))), 128))
       ], 2),
       n() && d.question.isProgressBottomShowing ? (r(), C(v, {
-        key: 3,
+        key: 4,
         is: "survey-paneldynamicprogress",
         question: d.question
       }, null, 8, ["question"])) : c("", !0),
       n() && d.question.isRenderModeList ? (r(), C(v, {
-        key: 4,
+        key: 5,
         is: "sv-paneldynamic-add-btn",
         data: { question: d.question }
       }, null, 8, ["data"])) : c("", !0),
       d.question.showNavigation ? (r(), C(v, {
-        key: 5,
+        key: 6,
         is: "survey-paneldynamicprogress-v2",
         question: d.question
       }, null, 8, ["question"])) : c("", !0)
@@ -4032,7 +4041,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
   },
   setup(u) {
     const o = u;
-    return V(() => o.item), (e, s) => R((r(), l("button", {
+    return V(() => o.item), (e, s) => T((r(), l("button", {
       class: a(e.item.getActionBarItemCss()),
       type: "button",
       onClick: s[0] || (s[0] = (n) => {
@@ -4089,7 +4098,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
         e.dispose();
       }
     ), (s, n) => (r(), l(I, null, [
-      R((r(), l("button", {
+      T((r(), l("button", {
         type: "button",
         class: a(s.item.getActionBarItemCss()),
         onClick: n[0] || (n[0] = (t) => {
@@ -4123,7 +4132,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Rt = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4134,7 +4143,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       class: a(["sv-action-bar-separator", e.value])
     }, null, 2));
   }
-}), Tt = ["aria-label", "placeholder", "value"], Zt = ["aria-label"], $t = ["id"], Dt = /* @__PURE__ */ h({
+}), Rt = ["aria-label", "placeholder", "value"], Zt = ["aria-label"], $t = ["id"], Dt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -4179,7 +4188,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: n
-        }, null, 42, Tt),
+        }, null, 42, Rt),
         d.model.showSearchClearButton && !!d.model.filterString ? (r(), l("button", {
           key: 0,
           onClick: g[0] || (g[0] = (p) => {
@@ -4194,7 +4203,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
           })
         ], 2)) : c("", !0)
       ], 2)) : c("", !0),
-      R(m("div", {
+      T(m("div", {
         class: a(d.model.cssClasses.emptyContainer)
       }, [
         m("div", {
@@ -4204,7 +4213,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       ], 2), [
         [P, d.model.isEmpty]
       ]),
-      d.model.renderElements ? R((r(), l("ul", {
+      d.model.renderElements ? T((r(), l("ul", {
         key: 1,
         class: a(d.model.getListClass()),
         role: "listbox",
@@ -4246,7 +4255,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       setTimeout(() => {
         o.model.onLastItemRended(o.item);
       });
-    }), (t, i) => R((r(), l("li", {
+    }), (t, i) => T((r(), l("li", {
       role: "option",
       "aria-selected": t.model.isItemSelected(t.item),
       key: t.item.id,
@@ -4377,7 +4386,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
       s.isVisible && !s.isPositionSet && o.model.updateOnShowing();
     }), $(() => {
       o.model.isVisible && o.model.updateOnShowing();
-    }), (s, n) => R((r(), l("div", {
+    }), (s, n) => T((r(), l("div", {
       tabindex: "-1",
       class: a(["sv-popup", s.model.styleClass]),
       onKeydown: n[0] || (n[0] = (t) => {
@@ -4627,7 +4636,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
     return (o, e) => (r(), l("div", {
       class: a(o.model.containerCss)
     }, [
-      o.model.isMobile ? R((r(), l("div", {
+      o.model.isMobile ? T((r(), l("div", {
         key: 0,
         onClick: e[0] || (e[0] = (...s) => o.model.togglePopup && o.model.togglePopup(...s))
       }, [
@@ -4652,7 +4661,7 @@ const Ct = /* @__PURE__ */ dt(vt, [["render", gt]]), yt = /* @__PURE__ */ m("use
 });
 var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.21
+ * surveyjs - Survey JavaScript library v1.12.23
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4965,7 +4974,7 @@ var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 })(re);
 var Le = { exports: {} };
 /*!
- * surveyjs - Survey JavaScript library v1.12.21
+ * surveyjs - Survey JavaScript library v1.12.23
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5765,7 +5774,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = L(() => o.question.contentPanel);
     return (n, t) => (r(), C(v, {
       is: "survey-panel",
@@ -5784,7 +5793,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b(null);
-    T(o, e);
+    R(o, e);
     const s = L(() => o.question.contentQuestion), n = (t) => te(t);
     return (t, i) => (r(), C(v, {
       ref: e.value,
@@ -5823,7 +5832,7 @@ const ie = /* @__PURE__ */ h({
           class: a(n.model.minorTextCss)
         }, H(n.model.clockMinorText), 3)) : c("", !0)
       ], 2)
-    ], 2)) : R((r(), l("div", {
+    ], 2)) : T((r(), l("div", {
       key: 1,
       class: a(n.model.survey.getCss().timerRoot)
     }, H(s.value), 3)), [
@@ -5841,7 +5850,7 @@ const ie = /* @__PURE__ */ h({
       })
     ]));
   }
-}), Rn = { key: 2 }, Tn = /* @__PURE__ */ h({
+}), Tn = { key: 2 }, Rn = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5873,7 +5882,7 @@ const ie = /* @__PURE__ */ h({
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      e.survey.isMobile ? (r(), l("div", Rn, [
+      e.survey.isMobile ? (r(), l("div", Tn, [
         y(v, {
           is: "sv-header-mobile",
           model: e.model
@@ -6126,7 +6135,7 @@ const ie = /* @__PURE__ */ h({
         return ((s = o.data) == null ? void 0 : s.question) || ((n = o.item) == null ? void 0 : n.data.question);
       }
     );
-    return (s, n) => R((r(), l("label", {
+    return (s, n) => T((r(), l("label", {
       tabindex: "0",
       class: a(e.value.getChooseFileCss()),
       for: e.value.inputId,
@@ -6176,7 +6185,7 @@ const ie = /* @__PURE__ */ h({
   },
   setup(u) {
     const o = u, e = b();
-    return T(o, e), (s, n) => (r(), l("div", {
+    return R(o, e), (s, n) => (r(), l("div", {
       role: "group",
       class: a(s.question.cssClasses.root),
       ref_key: "root",
@@ -6213,7 +6222,7 @@ const ie = /* @__PURE__ */ h({
       class: a(e.value.css.label),
       title: e.value.caption.renderedHtml
     }, [
-      R(m("input", {
+      T(m("input", {
         type: "radio",
         name: e.value.name,
         id: e.value.id,
@@ -6287,7 +6296,7 @@ const ie = /* @__PURE__ */ h({
       e(), X.onIconsChanged.add(e);
     }), N(() => {
       X.onIconsChanged.remove(e);
-    }), (s, n) => R((r(), l("svg", {
+    }), (s, n) => T((r(), l("svg", {
       id: "sv-icon-holder-global-container",
       ref_key: "root",
       ref: o
@@ -6322,7 +6331,7 @@ const ie = /* @__PURE__ */ h({
     question: {}
   },
   setup(u) {
-    return (o, e) => R((r(), l("span", {
+    return (o, e) => T((r(), l("span", {
       class: a(o.question.cssClasses.previewItem),
       onClick: e[3] || (e[3] = (s) => o.question.doDownloadFileFromContainer(s))
     }, [
@@ -6401,7 +6410,7 @@ function Me(u) {
     void 0,
     u
   );
-  o("sv-svg-bundle", sr), o("popup-survey", be), o("survey-header", os), o("sv-logo-image", er), o("survey-page", ss), o("survey-row", ts), o("survey-question", as), o("survey-panel", vs), o("survey-element-header", ps), o("survey-string", ms), o("sv-string-viewer", Cs), o("sv-string-editor", hs), o("sv-skeleton", ws), o("survey-text", Ls), o("survey-text-input", Hs), o("survey-checkbox", Rs), o("survey-checkbox-item", $s), o("survey-radiogroup", Ds), o("survey-radiogroup-item", Ns), o("survey-signaturepad", zs), o("survey-html", Us), o("survey-image", Gs), o("survey-expression", Js), o("survey-file", _s), o("sv-file-choose-btn", jn), o("sv-file-clean-btn", zn), o("sv-file-preview", Qn), o("sv-file-page", tr), o("sv-file-item", ar), o("sv-file-video", Un), o("survey-imagepicker", s1), o("survey-imagepicker-item", i1), o("survey-comment", a1), o("survey-dropdown", l1), o("sv-dropdown-select", c1), o("sv-dropdown-option-item", m1), o("sv-dropdown", q1), o("survey-tagbox", w1), o("sv-tagbox", L1), o("sv-tagbox-item", S1), o("sv-tagbox-filter", H1), o("survey-ranking", V1), o("survey-ranking-item", D1), o("sv-ranking-item", A1), o("survey-rating", E1), o("sv-rating-item", z1), o("sv-rating-item-smiley", U1), o("sv-rating-item-star", j1), o("sv-rating-dropdown", Y1), o("sv-rating-dropdown-item", X1), o("survey-boolean", _1), o("sv-boolean-radio", eo), o("sv-boolean-radio-item", to), o("sv-boolean-checkbox", uo), o("survey-multipletext", vo), o("survey-multipletext-item", po), o("survey-matrix", qo), o("survey-matrix-row", ko), o("survey-matrix-cell", bo), o("survey-matrixdropdown", Mo), o("survey-matrixtable", So), o("survey-matrixheaderrequired", Bo), o("survey-matrixdropdown-cell", To), o("survey-matrixdynamic", Zo), o("sv-matrix-remove-button", Do), o("sv-matrix-drag-drop-icon", Po), o("sv-matrix-detail-button", Eo), o("survey-paneldynamic", Wo), o("survey-paneldynamicprogress", Fo), o("survey-paneldynamicprogress-v2", zo), o("sv-paneldynamic-add-btn", Uo), o("sv-paneldynamic-next-btn", jo), o("sv-paneldynamic-prev-btn", Go), o("sv-paneldynamic-remove-btn", Xo), o("sv-paneldynamic-progress-text", Yo), o("sv-components-container", Jt), o("sv-progress-buttons", sn), o("sv-navigation-toc", on), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", _o), o("survey-question-comment", st), o("survey-element-title", ot), o("survey-element-title-content", it), o("sv-title-actions", ut), o("sv-brand-info", Ct), o("sv-question-error", wt), o("sv-svg-icon", qt), o("sv-action-bar", kt), o("sv-action", bt), o("sv-action-bar-item", It), o("sv-action-bar-item-dropdown", Bt), o("sv-action-bar-separator", Rt), o("sv-list", Dt), o("sv-list-item-content", Et), o("sv-list-item-group", Wt), o("sv-list-item", Nt), o("sv-popup", Ft), o("sv-popup-container", Qt), o("popup-pointer", Gt), o("sv-notifier", pn), o("survey-other-choice", gn), o("sv-nav-btn", yn), o("survey-customwidget", qn), o("survey-popup-modal", wn), o("survey-composite", bn), o("survey-custom", Mn), o("sv-timerpanel", Sn), o("sv-loading-indicator", Bn), o("sv-header", Tn), o("sv-header-cell", Dn), o("sv-header-mobile", En), o("sv-template-renderer", Fn), o("sv-character-counter", Ln), o("sv-text-area", fn), o("survey-element", Wn), o("survey-buttongroup", Gn), o("sv-button-group-item", xn), o("survey", ie);
+  o("sv-svg-bundle", sr), o("popup-survey", be), o("survey-header", os), o("sv-logo-image", er), o("survey-page", ss), o("survey-row", ts), o("survey-question", as), o("survey-panel", vs), o("survey-element-header", ps), o("survey-string", ms), o("sv-string-viewer", Cs), o("sv-string-editor", hs), o("sv-skeleton", ws), o("survey-text", Ls), o("survey-text-input", Hs), o("survey-checkbox", Ts), o("survey-checkbox-item", $s), o("survey-radiogroup", Ds), o("survey-radiogroup-item", Ns), o("survey-signaturepad", zs), o("survey-html", Us), o("survey-image", Gs), o("survey-expression", Js), o("survey-file", _s), o("sv-file-choose-btn", jn), o("sv-file-clean-btn", zn), o("sv-file-preview", Qn), o("sv-file-page", tr), o("sv-file-item", ar), o("sv-file-video", Un), o("survey-imagepicker", s1), o("survey-imagepicker-item", i1), o("survey-comment", a1), o("survey-dropdown", l1), o("sv-dropdown-select", c1), o("sv-dropdown-option-item", m1), o("sv-dropdown", q1), o("survey-tagbox", w1), o("sv-tagbox", L1), o("sv-tagbox-item", S1), o("sv-tagbox-filter", H1), o("survey-ranking", V1), o("survey-ranking-item", D1), o("sv-ranking-item", A1), o("survey-rating", E1), o("sv-rating-item", z1), o("sv-rating-item-smiley", U1), o("sv-rating-item-star", j1), o("sv-rating-dropdown", Y1), o("sv-rating-dropdown-item", X1), o("survey-boolean", _1), o("sv-boolean-radio", eo), o("sv-boolean-radio-item", to), o("sv-boolean-checkbox", uo), o("survey-multipletext", vo), o("survey-multipletext-item", po), o("survey-matrix", qo), o("survey-matrix-row", ko), o("survey-matrix-cell", bo), o("survey-matrixdropdown", Mo), o("survey-matrixtable", So), o("survey-matrixheaderrequired", Bo), o("survey-matrixdropdown-cell", Ro), o("survey-matrixdynamic", Zo), o("sv-matrix-remove-button", Do), o("sv-matrix-drag-drop-icon", Po), o("sv-matrix-detail-button", Eo), o("survey-paneldynamic", Wo), o("survey-paneldynamicprogress", Fo), o("survey-paneldynamicprogress-v2", zo), o("sv-paneldynamic-add-btn", Uo), o("sv-paneldynamic-next-btn", jo), o("sv-paneldynamic-prev-btn", Go), o("sv-paneldynamic-remove-btn", Xo), o("sv-paneldynamic-progress-text", Yo), o("sv-components-container", Jt), o("sv-progress-buttons", sn), o("sv-navigation-toc", on), o("sv-progress-pages", J), o("sv-progress-questions", J), o("sv-progress-correctquestions", J), o("sv-progress-requiredquestions", J), o("survey-errors", _o), o("survey-question-comment", st), o("survey-element-title", ot), o("survey-element-title-content", it), o("sv-title-actions", ut), o("sv-brand-info", Ct), o("sv-question-error", wt), o("sv-svg-icon", qt), o("sv-action-bar", kt), o("sv-action", bt), o("sv-action-bar-item", It), o("sv-action-bar-item-dropdown", Bt), o("sv-action-bar-separator", Tt), o("sv-list", Dt), o("sv-list-item-content", Et), o("sv-list-item-group", Wt), o("sv-list-item", Nt), o("sv-popup", Ft), o("sv-popup-container", Qt), o("popup-pointer", Gt), o("sv-notifier", pn), o("survey-other-choice", gn), o("sv-nav-btn", yn), o("survey-customwidget", qn), o("survey-popup-modal", wn), o("survey-composite", bn), o("survey-custom", Mn), o("sv-timerpanel", Sn), o("sv-loading-indicator", Bn), o("sv-header", Rn), o("sv-header-cell", Dn), o("sv-header-mobile", En), o("sv-template-renderer", Fn), o("sv-character-counter", Ln), o("sv-text-area", fn), o("survey-element", Wn), o("survey-buttongroup", Gn), o("sv-button-group-item", xn), o("survey", ie);
 }
 Me(
   (u, o) => O.Instance.registerComponent(u, o)
@@ -6423,5 +6432,5 @@ export {
   V as useBase,
   ee as useComputedArray,
   K as useLocString,
-  T as useQuestion
+  R as useQuestion
 };