survey-vue3-ui 1.11.5 → 1.11.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-vue3-ui",
-  "version": "1.11.5",
+  "version": "1.11.7",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
@@ -19,7 +19,7 @@
     "url": "https://github.com/surveyjs/surveyjs.git"
   },
   "peerDependencies": {
-    "survey-core": "1.11.5",
+    "survey-core": "1.11.7",
     "vue": "^3.2.41"
   }
 }

package/survey-vue3-ui.es.js

@@ -1,5 +1,5 @@
-import { shallowReactive as be, watch as K, onUpdated as x, onBeforeUnmount as j, onMounted as E, ref as $, shallowRef as U, watchEffect as ke, triggerRef as oe, unref as w, isRef as fe, defineComponent as g, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as h, createCommentVNode as m, Fragment as _, renderList as L, createBlock as q, resolveDynamicComponent as R, normalizeProps as z, mergeProps as M, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as te, withDirectives as N, vShow as H, toDisplayString as T, vModelRadio as ee, vModelCheckbox as ie, vModelSelect as we, vModelText as Ie, getCurrentInstance as ve, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
-import { Base as De, RendererFactory as se, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ae, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as Ee, SurveyProgressModel as ae, ProgressButtonsResponsivityManager as Me, PopupSurveyModel as He, settings as Q, createDialogOptions as We, createPopupModalViewModel as Fe, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
+import { shallowReactive as be, watch as K, onUpdated as x, onBeforeUnmount as j, onMounted as M, ref as $, shallowRef as U, watchEffect as ke, triggerRef as oe, unref as w, isRef as fe, defineComponent as g, computed as S, resolveComponent as y, openBlock as i, createElementBlock as u, normalizeClass as l, createVNode as h, createCommentVNode as m, Fragment as _, renderList as L, createBlock as q, resolveDynamicComponent as R, normalizeProps as z, mergeProps as E, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as te, withDirectives as N, vShow as H, toDisplayString as T, vModelRadio as ee, vModelCheckbox as ie, vModelSelect as we, vModelText as Ie, getCurrentInstance as ve, createStaticVNode as Se, resolveDirective as X, toRaw as Re, Teleport as Te, useSlots as $e, renderSlot as _e } from "vue";
+import { Base as De, RendererFactory as se, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ye, createSvg as Ae, ActionDropdownViewModel as Ne, getActionDropdownButtonTarget as Pe, createPopupViewModel as Me, SurveyProgressModel as ae, ProgressButtonsResponsivityManager as Ee, PopupSurveyModel as He, settings as Q, createDialogOptions as We, createPopupModalViewModel as Fe, ButtonGroupItemModel as Ve, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
 De.createPropertiesHash = () => be({});
 function Qe(r) {
   var s;
@@ -43,7 +43,7 @@ function B(r, s, n) {
   });
 }
 function P(r, s, n, e) {
-  B(() => r.question, n, e), E(() => {
+  B(() => r.question, n, e), M(() => {
     r.question && r.question.afterRenderQuestionElement(s.value);
   }), j(() => {
     r.question.beforeDestroyQuestionElement(s.value);
@@ -93,7 +93,7 @@ const je = /* @__PURE__ */ g({
       () => {
         e();
       }
-    ), E(() => {
+    ), M(() => {
       e();
     }), (o, a) => {
       const c = y("survey-element-title"), v = y("survey-string"), d = y("survey-errors"), C = y("survey-row");
@@ -115,7 +115,7 @@ const je = /* @__PURE__ */ g({
           }, null, 8, ["locString"])
         ], 2)) : m("", !0),
         h(d, { element: o.page }, null, 8, ["element"]),
-        (i(!0), u(_, null, L(o.page.visibleRows, (k) => (i(), q(R(o.page.getSurvey().getRowWrapperComponentName(k)), z(M({
+        (i(!0), u(_, null, L(o.page.visibleRows, (k) => (i(), q(R(o.page.getSurvey().getRowWrapperComponentName(k)), z(E({
           key: k.id
         }, {
           componentData: o.page.getSurvey().getRowWrapperComponentData(k)
@@ -139,7 +139,7 @@ const je = /* @__PURE__ */ g({
   },
   setup(r) {
     const s = r, n = $();
-    return E(() => {
+    return M(() => {
       var e = n.value;
       e && s.survey && s.survey.afterRenderHeader(e);
     }), (e, t) => {
@@ -199,7 +199,7 @@ const je = /* @__PURE__ */ g({
       (e) => {
         e.setRootElement(void 0), e.stopLazyRendering(), e.isNeedRender = !e.isLazyRendering();
       }
-    ), E(() => {
+    ), M(() => {
       if (s.row && (s.row.setRootElement(n.value), !s.row.isNeedRender)) {
         const e = n.value;
         setTimeout(() => {
@@ -345,7 +345,7 @@ const je = /* @__PURE__ */ g({
   },
   setup(r) {
     const s = r, n = $(null), e = S(() => s.element.survey);
-    return B(() => s.element), E(() => {
+    return B(() => s.element), M(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
     }), (t, o) => {
       const a = y("survey-errors"), c = y("survey-element-header"), v = y("survey-row"), d = y("sv-action-bar");
@@ -376,7 +376,7 @@ const je = /* @__PURE__ */ g({
           style: I({ paddingLeft: t.element.innerPaddingLeft }),
           class: l(t.element.cssClasses.panel.content)
         }, [
-          (i(!0), u(_, null, L(t.element.visibleRows, (C) => (i(), q(R(t.element.getSurvey().getRowWrapperComponentName(C)), z(M({
+          (i(!0), u(_, null, L(t.element.visibleRows, (C) => (i(), q(R(t.element.getSurvey().getRowWrapperComponentName(C)), z(E({
             key: C.id
           }, {
             componentData: t.element.getSurvey().getRowWrapperComponentData(C)
@@ -658,17 +658,17 @@ const je = /* @__PURE__ */ g({
         "aria-errormessage": o.question.a11y_input_ariaErrormessage
       }, [
         o.showLegend ? (i(), u("legend", bs, T(o.question.locTitle.renderedHtml), 1)) : m("", !0),
-        o.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, L(o.question.headItems, (v) => (i(), q(R(e(v)), M({
+        o.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, L(o.question.headItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
         }, t(v)), null, 16))), 128)) : m("", !0),
-        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(_, { key: 2 }, L(o.question.bodyItems, (v) => (i(), q(R(e(v)), M({
+        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(_, { key: 2 }, L(o.question.bodyItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
         }, t(v)), null, 16))), 128)) : m("", !0),
         o.question.blockedRow ? (i(), u("div", {
           key: 3,
           class: l(o.question.cssClasses.rootRow)
         }, [
-          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(_, { key: 0 }, L(o.question.dataChoices, (v) => (i(), q(R(e(v)), M({
+          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(_, { key: 0 }, L(o.question.dataChoices, (v) => (i(), q(R(e(v)), E({
             key: v.value
           }, t(v)), null, 16))), 128)) : m("", !0)
         ], 2)) : m("", !0),
@@ -681,12 +681,12 @@ const je = /* @__PURE__ */ g({
             class: l(o.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(_, null, L(v, (C) => (i(), q(R(e(C)), M({
+            (i(!0), u(_, null, L(v, (C) => (i(), q(R(e(C)), E({
               key: C.value
             }, t(C)), null, 16))), 128))
           ], 2))), 128)) : m("", !0)
         ], 2)) : m("", !0),
-        o.question.hasFootItems ? (i(!0), u(_, { key: 5 }, L(o.question.footItems, (v) => (i(), q(R(e(v)), M({
+        o.question.hasFootItems ? (i(!0), u(_, { key: 5 }, L(o.question.footItems, (v) => (i(), q(R(e(v)), E({
           key: v.value
         }, t(v)), null, 16))), 128)) : m("", !0),
         o.question.renderedValue && o.question.isOtherSelected ? (i(), q(c, {
@@ -924,7 +924,7 @@ const je = /* @__PURE__ */ g({
       ], 6);
     };
   }
-}), Ps = ["innerHTML"], Es = /* @__PURE__ */ g({
+}), Ps = ["innerHTML"], Ms = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -941,7 +941,7 @@ const je = /* @__PURE__ */ g({
       innerHTML: w(e)
     }, null, 10, Ps));
   }
-}), Ms = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ g({
+}), Es = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -976,7 +976,7 @@ const je = /* @__PURE__ */ g({
           onError: o[1] || (o[1] = (c) => {
             t.question.onErrorHandler();
           })
-        }, null, 46, Ms)), [
+        }, null, 46, Es)), [
           [H, w(e) && !t.question.contentNotLoaded]
         ]) : m("", !0),
         t.question.renderedMode === "video" ? N((i(), u("video", {
@@ -1178,7 +1178,7 @@ const je = /* @__PURE__ */ g({
       ref: n
     }, [
       p("legend", Qs, T(o.question.locTitle.renderedHtml), 1),
-      o.question.hasColumns ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.visibleChoices, (c) => (i(), q(R(e(c)), M({
+      o.question.hasColumns ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.visibleChoices, (c) => (i(), q(R(e(c)), E({
         key: c.value
       }, t(c)), null, 16))), 128)),
       o.question.hasColumns ? (i(!0), u(_, { key: 1 }, L(o.question.columns, (c, v) => (i(), u("div", {
@@ -1186,7 +1186,7 @@ const je = /* @__PURE__ */ g({
         key: v,
         role: "presentation"
       }, [
-        (i(!0), u(_, null, L(c, (d) => (i(), q(R(e(d)), M({
+        (i(!0), u(_, null, L(c, (d) => (i(), q(R(e(d)), E({
           key: d.value
         }, t(d)), null, 16))), 128))
       ], 2))), 128)) : m("", !0)
@@ -1568,7 +1568,7 @@ const ln = /* @__PURE__ */ g({
     }, f = S(
       () => s.question.showSelectedItemLocText
     ), D = S(() => s.question.selectedItemLocText);
-    return B(() => e.value), x(v), E(v), (b, A) => {
+    return B(() => e.value), x(v), M(v), (b, A) => {
       const W = y("survey-string"), F = y("sv-svg-icon"), J = y("sv-popup");
       return i(), u("div", {
         class: l(b.question.cssClasses.selectWrapper),
@@ -1954,7 +1954,7 @@ const ln = /* @__PURE__ */ g({
         ref_key: "root",
         ref: n
       }, [
-        o.question.selectToRankEnabled ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), M({
+        o.question.selectToRankEnabled ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), E({
           key: v.value + "-" + d + "-item"
         }, t(v, d)), null, 16))), 128)),
         o.question.selectToRankEnabled ? (i(), u("div", {
@@ -1962,7 +1962,7 @@ const ln = /* @__PURE__ */ g({
           class: l(o.question.getContainerClasses("from")),
           "data-ranking": "from-container"
         }, [
-          (i(!0), u(_, null, L(o.question.renderedUnRankingChoices, (v, d) => (i(), q(R(e(v)), M({
+          (i(!0), u(_, null, L(o.question.renderedUnRankingChoices, (v, d) => (i(), q(R(e(v)), E({
             key: v.value + "-" + d + "-item"
           }, t(v, d, !0)), null, 16))), 128)),
           o.question.renderedUnRankingChoices.length === 0 ? (i(), u("div", {
@@ -1983,7 +1983,7 @@ const ln = /* @__PURE__ */ g({
           class: l(o.question.getContainerClasses("to")),
           "data-ranking": "to-container"
         }, [
-          (i(!0), u(_, null, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), M({
+          (i(!0), u(_, null, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), E({
             key: v.value + "-" + d + "-item"
           }, t(v, d)), null, 16))), 128)),
           o.question.renderedRankingChoices.length === 0 ? (i(), u("div", {
@@ -2149,7 +2149,7 @@ const ln = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Pn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], En = ["data-text"], Mn = /* @__PURE__ */ g({
+}), Pn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = ["data-text"], En = /* @__PURE__ */ g({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2186,7 +2186,7 @@ const ln = /* @__PURE__ */ g({
           h(t, {
             locString: n.item.locText
           }, null, 8, ["locString"])
-        ], 10, En)
+        ], 10, Mn)
       ], 34);
     };
   }
@@ -2822,7 +2822,7 @@ const to = /* @__PURE__ */ g({
         o && o.setRootElement(void 0), t.setRootElement(n.value);
       }
     );
-    return E(() => {
+    return M(() => {
       s.row.setRootElement(n.value);
     }), O(() => {
       s.row.setRootElement(void 0), e();
@@ -3013,7 +3013,7 @@ const to = /* @__PURE__ */ g({
     const s = r, n = $(!1), e = $(), t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, o = () => {
       !s.cell.hasQuestion || !s.question || !s.question.survey || (n.value = s.cell.question.isVisible);
     }, a = (d) => re(d);
-    o(), E(() => {
+    o(), M(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
       s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
@@ -3077,7 +3077,7 @@ const to = /* @__PURE__ */ g({
           model: d.cell.item.getData(),
           handleClick: !1
         }, null, 8, ["model"])) : m("", !0),
-        d.cell.hasPanel ? (i(), q(R(c.value), z(M({ key: 3 }, v.value)), null, 16)) : m("", !0),
+        d.cell.hasPanel ? (i(), q(R(c.value), z(E({ key: 3 }, v.value)), null, 16)) : m("", !0),
         d.cell.showResponsiveTitle ? (i(), u("span", {
           key: 4,
           class: l(d.cell.responsiveTitleCss)
@@ -3429,7 +3429,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Eo = /* @__PURE__ */ g({
+}), Mo = /* @__PURE__ */ g({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3475,7 +3475,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Mo = /* @__PURE__ */ g({
+}), Eo = /* @__PURE__ */ g({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3840,7 +3840,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     };
     return x(() => {
       e();
-    }), E(() => {
+    }), M(() => {
       e();
     }), (t, o) => (i(), u("svg", {
       ref_key: "svgIconElement",
@@ -3892,7 +3892,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     };
     B(() => s.model);
     const t = ne(() => s.model.renderedActions);
-    return E(() => {
+    return M(() => {
       !s.model.hasActions || s.model.initResponsivityManager(n.value);
     }), O(() => {
       s.model.resetResponsivityManager();
@@ -3950,11 +3950,17 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
         class: l(n.item.getActionBarItemCss()),
         type: "button",
         onClick: e[0] || (e[0] = (a) => {
-          n.item.action(n.item, !!a.pointerType);
+          n.item.doAction(a);
         }),
         onKeyup: e[1] || (e[1] = (a) => {
           a.stopPropagation();
         }),
+        onMousedown: e[2] || (e[2] = () => {
+          n.item.doMouseDown();
+        }),
+        onFocus: e[3] || (e[3] = (a) => {
+          n.item.doFocus(a);
+        }),
         disabled: n.item.disabled,
         title: n.item.tooltip || n.item.title,
         "aria-checked": n.item.ariaChecked,
@@ -4059,7 +4065,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     }, o = (c) => {
       s.model.onMouseMove(c);
     }, a = ne(() => s.model.renderedActions);
-    return B(() => s.model), E(() => {
+    return B(() => s.model), M(() => {
       s.model.initListContainerHtmlElement(n.value);
     }), (c, v) => {
       const d = y("sv-svg-icon"), C = y("sv-list-item");
@@ -4146,7 +4152,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const s = r, n = S(() => s.item.elementId), e = (t) => {
       s.model.onItemClick(s.item), t.stopPropagation();
     };
-    return B(() => s.item), E(() => {
+    return B(() => s.item), M(() => {
       setTimeout(() => {
         s.model.onLastItemRended(s.item);
       });
@@ -4253,10 +4259,10 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     return K(
       () => s.model,
       (o) => {
-        n.value && n.value.dispose(), n.value = Ee(o, void 0), t();
+        n.value && n.value.dispose(), n.value = Me(o, void 0), t();
       },
       { immediate: !0 }
-    ), B(() => n.value), E(() => {
+    ), B(() => n.value), M(() => {
       t();
     }), O(() => {
       n.value.dispose();
@@ -4270,7 +4276,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       ], 512);
     };
   }
-}), Pt = { class: "sv-popup__shadow" }, Et = { class: "sv-popup__body-content" }, Mt = {
+}), Pt = { class: "sv-popup__shadow" }, Mt = { class: "sv-popup__body-content" }, Et = {
   key: 0,
   class: "sv-popup__body-header"
 }, Ht = { class: "sv-popup__scrolling-content" }, Wt = { class: "sv-popup__content" }, Ft = {
@@ -4288,7 +4294,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     return B(() => s.model), x(() => {
       const e = s.model;
       e.isVisible && !e.isPositionSet && s.model.updateOnShowing();
-    }), E(() => {
+    }), M(() => {
       s.model.isVisible && s.model.updateOnShowing();
     }), (e, t) => {
       const o = y("sv-action-bar");
@@ -4318,8 +4324,8 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
               key: 0,
               model: e.model
             }, null, 8, ["model"])) : m("", !0),
-            p("div", Et, [
-              e.model.title ? (i(), u("div", Mt, T(e.model.title), 1)) : m("", !0),
+            p("div", Mt, [
+              e.model.title ? (i(), u("div", Et, T(e.model.title), 1)) : m("", !0),
               p("div", Ht, [
                 p("div", Wt, [
                   (i(), q(R(e.model.contentComponentName), z(te(e.model.contentComponentData)), null, 16))
@@ -4423,9 +4429,9 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       let k = a.value;
       k.scrollLeft += (C ? -1 : 1) * 70;
     };
-    return E(() => {
+    return M(() => {
       const C = a.value;
-      v = new Me(s.model, C, {
+      v = new Ee(s.model, C, {
         onResize: (k) => {
           o.value = k, e.value = !k;
         },
@@ -4596,7 +4602,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       (D) => {
         D.stopTimer(), D.renderCallback = void 0;
       }
-    ), E(() => {
+    ), M(() => {
       f(o.value);
     }), O(() => {
       o.value.stopTimer(), o.value.renderCallback = void 0;
@@ -4920,7 +4926,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     ), t = S(
       () => !!s.question.customWidget.htmlTemplate
     ), o = S(() => s.question.customWidget.htmlTemplate), a = S(() => "survey-" + s.question.getTemplate());
-    return E(() => {
+    return M(() => {
       s.question.customWidget.afterRender(s.question, n.value);
     }), j(() => {
       s.question.customWidget.willUnmount(s.question, n.value);
@@ -5265,7 +5271,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
         d && d.setWrapperElement(void 0), v.setWrapperElement(n.value);
       }
     );
-    return E(() => {
+    return M(() => {
       s.element.setWrapperElement(n.value);
     }), O(() => {
       s.element.setWrapperElement(void 0), c();
@@ -5275,7 +5281,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
       style: I(o(v.element)),
       class: l(v.element.cssClasses.questionWrapper)
     }, [
-      v.row.isNeedRender ? (i(), q(R(t.value), z(M({ key: 0 }, a.value)), null, 16)) : v.element.skeletonComponentName ? (i(), q(R(v.element.skeletonComponentName), {
+      v.row.isNeedRender ? (i(), q(R(t.value), z(E({ key: 0 }, a.value)), null, 16)) : v.element.skeletonComponentName ? (i(), q(R(v.element.skeletonComponentName), {
         key: 1,
         element: v.element,
         css: v.css
@@ -5290,9 +5296,9 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
   },
   setup(r) {
     const s = $e(), n = S(() => !!s.default);
-    return (e, t) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), q(R(e.componentName), z(M({ key: 1 }, e.componentData)), null, 16));
+    return (e, t) => n.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), q(R(e.componentName), z(E({ key: 1 }, e.componentData)), null, 16));
   }
-}), Ei = /* @__PURE__ */ g({
+}), Mi = /* @__PURE__ */ g({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5316,7 +5322,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
       ], 2);
     };
   }
-}), Mi = ["id"], Hi = /* @__PURE__ */ g({
+}), Ei = ["id"], Hi = /* @__PURE__ */ g({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5338,7 +5344,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
           playsinline: "",
           id: s.question.videoId,
           class: l(s.question.cssClasses.video)
-        }, null, 10, Mi),
+        }, null, 10, Ei),
         h(e, {
           item: s.question.takePictureAction
         }, null, 8, ["item"])
@@ -5576,7 +5582,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
   __name: "SvgBundle",
   setup(r) {
     const s = $();
-    return E(() => {
+    return M(() => {
       s.value.innerHTML = Oe.iconsRenderedHtml();
     }), (n, e) => N((i(), u("svg", {
       id: "sv-icon-holder-global-container",
@@ -5589,7 +5595,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
 });
 ze.platform = "vue3";
 function er(r) {
-  r.component("SurveyComponent", me), r.component("sv-svg-bundle", xi), r.component("PopupSurveyComponent", ce), r.component("survey", me), r.component("popup-survey", ce), r.component("survey-header", Ge), r.component("sv-logo-image", Zi), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", ys), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ns), r.component("survey-html", Es), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Ks), r.component("sv-file-choose-btn", Fi), r.component("sv-file-clean-btn", Ei), r.component("sv-file-preview", Ki), r.component("sv-file-video", Hi), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Zs), r.component("survey-comment", sn), r.component("survey-dropdown", nn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", un), r.component("sv-dropdown", vn), r.component("survey-tagbox", yn), r.component("sv-tagbox", hn), r.component("sv-tagbox-item", wn), r.component("sv-tagbox-filter", kn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("sv-ranking-item", Bn), r.component("survey-rating", Nn), r.component("sv-rating-item", Mn), r.component("sv-rating-item-smiley", Wn), r.component("sv-rating-item-star", Vn), r.component("sv-rating-dropdown", Qn), r.component("sv-rating-dropdown-item", Kn), r.component("survey-boolean", Gn), r.component("sv-boolean-radio", Jn), r.component("sv-boolean-radio-item", Zn), r.component("sv-boolean-checkbox", to), r.component("survey-multipletext", io), r.component("survey-multipletext-item", lo), r.component("survey-matrix", vo), r.component("survey-matrix-row", qo), r.component("survey-matrix-cell", Co), r.component("survey-matrixdropdown", bo), r.component("survey-matrixtable", wo), r.component("survey-matrixheaderrequired", So), r.component("survey-matrixdropdown-cell", To), r.component("survey-matrixdynamic", $o), r.component("sv-matrix-remove-button", Do), r.component("sv-matrix-drag-drop-icon", Lo), r.component("sv-matrix-detail-button", No), r.component("survey-paneldynamic", Po), r.component("survey-paneldynamicprogress", Eo), r.component("survey-paneldynamicprogress-v2", Mo), r.component("sv-paneldynamic-add-btn", Ho), r.component("sv-paneldynamic-next-btn", Fo), r.component("sv-paneldynamic-prev-btn", Oo), r.component("sv-paneldynamic-remove-btn", zo), r.component("sv-paneldynamic-progress-text", Uo), r.component("sv-components-container", zt), r.component("sv-progress-buttons", Jt), r.component("sv-navigation-toc", Xt), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", Qo), r.component("survey-question-comment", Jo), r.component("survey-element-title", Xo), r.component("survey-element-title-content", et), r.component("sv-title-actions", ot), r.component("sv-brand-info", ut), r.component("sv-question-error", pt), r.component("sv-svg-icon", ct), r.component("sv-action-bar", vt), r.component("sv-action", gt), r.component("sv-action-bar-item", bt), r.component("sv-action-bar-item-dropdown", wt), r.component("sv-action-bar-separator", It), r.component("sv-list", $t), r.component("sv-list-item-content", Lt), r.component("sv-list-item-group", At), r.component("sv-list-item", Bt), r.component("sv-popup", Nt), r.component("sv-popup-container", Vt), r.component("popup-pointer", Ot), r.component("sv-notifier", ri), r.component("survey-other-choice", ui), r.component("sv-nav-btn", mi), r.component("survey-customwidget", pi), r.component("survey-popup-modal", vi), r.component("sv-character-counter", yi), r.component("survey-composite", qi), r.component("survey-custom", gi), r.component("sv-timerpanel", bi), r.component("sv-loading-indicator", Ii), r.component("sv-header", Ri), r.component("sv-header-cell", _i), r.component("sv-header-mobile", Ai), r.component("sv-template-renderer", Pi), r.component("survey-element", Ni), r.component("survey-buttongroup", Qi), r.component("sv-button-group-item", Xi), r.directive("key2click", {
+  r.component("SurveyComponent", me), r.component("sv-svg-bundle", xi), r.component("PopupSurveyComponent", ce), r.component("survey", me), r.component("popup-survey", ce), r.component("survey-header", Ge), r.component("sv-logo-image", Zi), r.component("survey-page", je), r.component("survey-row", Je), r.component("survey-question", xe), r.component("survey-panel", os), r.component("survey-element-header", is), r.component("survey-string", rs), r.component("sv-string-viewer", as), r.component("sv-string-editor", ds), r.component("sv-skeleton", cs), r.component("survey-text", ys), r.component("survey-text-input", hs), r.component("survey-checkbox", ws), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ns), r.component("survey-html", Ms), r.component("survey-image", Fs), r.component("survey-expression", Vs), r.component("survey-file", Ks), r.component("sv-file-choose-btn", Fi), r.component("sv-file-clean-btn", Mi), r.component("sv-file-preview", Ki), r.component("sv-file-video", Hi), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Zs), r.component("survey-comment", sn), r.component("survey-dropdown", nn), r.component("sv-dropdown-select", ln), r.component("sv-dropdown-option-item", un), r.component("sv-dropdown", vn), r.component("survey-tagbox", yn), r.component("sv-tagbox", hn), r.component("sv-tagbox-item", wn), r.component("sv-tagbox-filter", kn), r.component("survey-ranking", In), r.component("survey-ranking-item", Dn), r.component("sv-ranking-item", Bn), r.component("survey-rating", Nn), r.component("sv-rating-item", En), r.component("sv-rating-item-smiley", Wn), r.component("sv-rating-item-star", Vn), r.component("sv-rating-dropdown", Qn), r.component("sv-rating-dropdown-item", Kn), r.component("survey-boolean", Gn), r.component("sv-boolean-radio", Jn), r.component("sv-boolean-radio-item", Zn), r.component("sv-boolean-checkbox", to), r.component("survey-multipletext", io), r.component("survey-multipletext-item", lo), r.component("survey-matrix", vo), r.component("survey-matrix-row", qo), r.component("survey-matrix-cell", Co), r.component("survey-matrixdropdown", bo), r.component("survey-matrixtable", wo), r.component("survey-matrixheaderrequired", So), r.component("survey-matrixdropdown-cell", To), r.component("survey-matrixdynamic", $o), r.component("sv-matrix-remove-button", Do), r.component("sv-matrix-drag-drop-icon", Lo), r.component("sv-matrix-detail-button", No), r.component("survey-paneldynamic", Po), r.component("survey-paneldynamicprogress", Mo), r.component("survey-paneldynamicprogress-v2", Eo), r.component("sv-paneldynamic-add-btn", Ho), r.component("sv-paneldynamic-next-btn", Fo), r.component("sv-paneldynamic-prev-btn", Oo), r.component("sv-paneldynamic-remove-btn", zo), r.component("sv-paneldynamic-progress-text", Uo), r.component("sv-components-container", zt), r.component("sv-progress-buttons", Jt), r.component("sv-navigation-toc", Xt), r.component("sv-progress-pages", Z), r.component("sv-progress-questions", Z), r.component("sv-progress-correctquestions", Z), r.component("sv-progress-requiredquestions", Z), r.component("survey-errors", Qo), r.component("survey-question-comment", Jo), r.component("survey-element-title", Xo), r.component("survey-element-title-content", et), r.component("sv-title-actions", ot), r.component("sv-brand-info", ut), r.component("sv-question-error", pt), r.component("sv-svg-icon", ct), r.component("sv-action-bar", vt), r.component("sv-action", gt), r.component("sv-action-bar-item", bt), r.component("sv-action-bar-item-dropdown", wt), r.component("sv-action-bar-separator", It), r.component("sv-list", $t), r.component("sv-list-item-content", Lt), r.component("sv-list-item-group", At), r.component("sv-list-item", Bt), r.component("sv-popup", Nt), r.component("sv-popup-container", Vt), r.component("popup-pointer", Ot), r.component("sv-notifier", ri), r.component("survey-other-choice", ui), r.component("sv-nav-btn", mi), r.component("survey-customwidget", pi), r.component("survey-popup-modal", vi), r.component("sv-character-counter", yi), r.component("survey-composite", qi), r.component("survey-custom", gi), r.component("sv-timerpanel", bi), r.component("sv-loading-indicator", Ii), r.component("sv-header", Ri), r.component("sv-header-cell", _i), r.component("sv-header-mobile", Ai), r.component("sv-template-renderer", Pi), r.component("survey-element", Ni), r.component("survey-buttongroup", Qi), r.component("sv-button-group-item", Xi), r.directive("key2click", {
     mounted: function(s, n) {
       const e = { ...n.value };
       if (e.disableTabStop) {