survey-vue3-ui 1.11.7 → 1.11.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-vue3-ui",
-  "version": "1.11.7",
+  "version": "1.11.8",
   "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.7",
+    "survey-core": "1.11.8",
     "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 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";
+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 H, withCtx as V, normalizeStyle as I, createElementVNode as p, onUnmounted as O, guardReactiveProps as te, withDirectives as N, vShow as E, 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 He, PopupSurveyModel as Ee, 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;
@@ -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(E({
+        (i(!0), u(_, null, L(o.page.visibleRows, (k) => (i(), q(R(o.page.getSurvey().getRowWrapperComponentName(k)), z(H({
           key: k.id
         }, {
           componentData: o.page.getSurvey().getRowWrapperComponentData(k)
@@ -264,7 +264,7 @@ const je = /* @__PURE__ */ g({
         "aria-invalid": f.element.ariaInvalid,
         "aria-labelledby": f.element.ariaLabelledBy,
         "aria-describedby": f.element.ariaDescribedBy,
-        "aria-expanded": f.element.ariaExpanded === null ? void 0 : f.element.ariaExpanded === "true",
+        "aria-expanded": f.element.ariaExpanded,
         "data-name": f.element.name
       }, [
         f.element.showErrorsAboveQuestion ? (i(), q(b, {
@@ -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(E({
+          (i(!0), u(_, null, L(t.element.visibleRows, (C) => (i(), q(R(t.element.getSurvey().getRowWrapperComponentName(C)), z(H({
             key: C.id
           }, {
             componentData: t.element.getSurvey().getRowWrapperComponentData(C)
@@ -430,7 +430,7 @@ const je = /* @__PURE__ */ g({
             locString: t.element.locDescription
           }, null, 8, ["locString"])
         ], 10, ts)), [
-          [H, t.element.hasDescription]
+          [E, t.element.hasDescription]
         ]) : m("", !0),
         t.element.hasAdditionalTitleToolbar ? (i(), q(v, {
           key: 1,
@@ -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)), E({
+        o.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, L(o.question.headItems, (v) => (i(), q(R(e(v)), H({
           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)), E({
+        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(_, { key: 2 }, L(o.question.bodyItems, (v) => (i(), q(R(e(v)), H({
           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)), E({
+          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(_, { key: 0 }, L(o.question.dataChoices, (v) => (i(), q(R(e(v)), H({
             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)), E({
+            (i(!0), u(_, null, L(v, (C) => (i(), q(R(e(C)), H({
               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)), E({
+        o.question.hasFootItems ? (i(!0), u(_, { key: 5 }, L(o.question.footItems, (v) => (i(), q(R(e(v)), H({
           key: v.value
         }, t(v)), null, 16))), 128)) : m("", !0),
         o.question.renderedValue && o.question.isOtherSelected ? (i(), q(c, {
@@ -878,7 +878,7 @@ const je = /* @__PURE__ */ g({
             locString: e.question.locRenderedPlaceholder
           }, null, 8, ["locString"])
         ], 2), [
-          [H, e.question.needShowPlaceholder()]
+          [E, e.question.needShowPlaceholder()]
         ]),
         p("div", null, [
           e.question.backgroundImage ? (i(), u("img", {
@@ -941,7 +941,7 @@ const je = /* @__PURE__ */ g({
       innerHTML: w(e)
     }, null, 10, Ps));
   }
-}), Es = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ g({
+}), Hs = ["src", "alt", "width", "height"], Es = ["src", "width", "height"], Ws = ["src", "width", "height"], Fs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -976,8 +976,8 @@ const je = /* @__PURE__ */ g({
           onError: o[1] || (o[1] = (c) => {
             t.question.onErrorHandler();
           })
-        }, null, 46, Es)), [
-          [H, w(e) && !t.question.contentNotLoaded]
+        }, null, 46, Hs)), [
+          [E, w(e) && !t.question.contentNotLoaded]
         ]) : m("", !0),
         t.question.renderedMode === "video" ? N((i(), u("video", {
           key: 1,
@@ -997,8 +997,8 @@ const je = /* @__PURE__ */ g({
           onError: o[3] || (o[3] = (c) => {
             t.question.onErrorHandler();
           })
-        }, null, 46, Hs)), [
-          [H, w(e) && !t.question.contentNotLoaded]
+        }, null, 46, Es)), [
+          [E, w(e) && !t.question.contentNotLoaded]
         ]) : m("", !0),
         t.question.renderedMode === "youtube" ? (i(), u("iframe", {
           key: 2,
@@ -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)), E({
+      o.question.hasColumns ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.visibleChoices, (c) => (i(), q(R(e(c)), H({
         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)), E({
+        (i(!0), u(_, null, L(c, (d) => (i(), q(R(e(d)), H({
           key: d.value
         }, t(d)), null, 16))), 128))
       ], 2))), 128)) : m("", !0)
@@ -1587,7 +1587,7 @@ const ln = /* @__PURE__ */ g({
           "aria-label": b.question.ariaLabel,
           "aria-invalid": b.question.ariaInvalid,
           "aria-errormessage": b.question.ariaErrormessage,
-          "aria-expanded": b.question.ariaExpanded === null ? void 0 : b.question.ariaExpanded === "true",
+          "aria-expanded": b.question.ariaExpanded,
           "aria-controls": e.value.listElementId,
           "aria-activedescendant": e.value.ariaActivedescendant,
           required: b.question.isRequired ? !0 : null
@@ -1629,7 +1629,7 @@ const ln = /* @__PURE__ */ g({
               id: b.question.getInputId(),
               tabindex: e.value.noTabIndex ? void 0 : -1,
               readonly: e.value.filterReadOnly ? !0 : void 0,
-              "aria-expanded": b.question.ariaExpanded === null ? void 0 : b.question.ariaExpanded === "true",
+              "aria-expanded": b.question.ariaExpanded,
               "aria-controls": e.value.listElementId,
               "aria-label": b.question.a11y_input_ariaLabel,
               "aria-labelledby": b.question.a11y_input_ariaLabelledBy,
@@ -1654,7 +1654,7 @@ const ln = /* @__PURE__ */ g({
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [H, b.question.showClearButton]
+            [E, b.question.showClearButton]
           ]) : m("", !0)
         ], 42, dn)),
         b.question.isReadOnly ? (i(), u("div", {
@@ -1757,7 +1757,7 @@ const ln = /* @__PURE__ */ g({
           "aria-label": d.question.ariaLabel,
           "aria-invalid": d.question.ariaInvalid,
           "aria-errormessage": d.question.ariaErrormessage,
-          "aria-expanded": d.question.ariaExpanded === null ? void 0 : d.question.ariaExpanded === "true",
+          "aria-expanded": d.question.ariaExpanded,
           "aria-controls": n.value.listElementId,
           "aria-activedescendant": n.value.ariaActivedescendant,
           required: d.question.isRequired ? !0 : null
@@ -1788,7 +1788,7 @@ const ln = /* @__PURE__ */ g({
               size: "auto"
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [H, d.question.showClearButton]
+            [E, d.question.showClearButton]
           ]) : m("", !0)
         ], 42, qn)),
         d.question.isReadOnly ? (i(), u("div", {
@@ -1874,7 +1874,7 @@ const ln = /* @__PURE__ */ g({
             disabled: a.question.isDisabledAttr,
             inputmode: a.model.inputMode,
             role: a.model.filterStringEnabled ? a.question.ariaRole : void 0,
-            "aria-expanded": a.question.ariaExpanded === null ? void 0 : a.question.ariaExpanded === "true",
+            "aria-expanded": a.question.ariaExpanded,
             "aria-controls": a.model.listElementId,
             "aria-label": a.question.a11y_input_ariaLabel,
             "aria-labelledby": a.question.a11y_input_ariaLabelledBy,
@@ -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)), E({
+        o.question.selectToRankEnabled ? m("", !0) : (i(!0), u(_, { key: 0 }, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), H({
           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)), E({
+          (i(!0), u(_, null, L(o.question.renderedUnRankingChoices, (v, d) => (i(), q(R(e(v)), H({
             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)), E({
+          (i(!0), u(_, null, L(o.question.renderedRankingChoices, (v, d) => (i(), q(R(e(v)), H({
             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"], Mn = ["data-text"], En = /* @__PURE__ */ g({
+}), Pn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Mn = ["data-text"], Hn = /* @__PURE__ */ g({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2190,7 +2190,7 @@ const ln = /* @__PURE__ */ g({
       ], 34);
     };
   }
-}), Hn = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Wn = /* @__PURE__ */ g({
+}), En = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Wn = /* @__PURE__ */ g({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2222,7 +2222,7 @@ const ln = /* @__PURE__ */ g({
           "aria-label": n.question.ariaLabel,
           "aria-invalid": n.question.ariaInvalid,
           "aria-errormessage": n.question.ariaErrormessage
-        }, null, 8, Hn),
+        }, null, 8, En),
         h(t, {
           iconName: n.question.getItemSmileyIconName(n.item.itemValue),
           size: "auto",
@@ -2776,7 +2776,7 @@ const to = /* @__PURE__ */ g({
                     _: 2
                   }, 1032, ["componentData"]))
                 ], 6), [
-                  [H, o.question.hasRows]
+                  [E, o.question.hasRows]
                 ]),
                 o.question.hasCellText ? (i(!0), u(_, { key: 0 }, L(o.question.visibleColumns, (C, k) => (i(), u("td", {
                   key: k,
@@ -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(E({ key: 3 }, v.value)), null, 16)) : m("", !0),
+        d.cell.hasPanel ? (i(), q(R(c.value), z(H({ key: 3 }, v.value)), null, 16)) : m("", !0),
         d.cell.showResponsiveTitle ? (i(), u("span", {
           key: 4,
           class: l(d.cell.responsiveTitleCss)
@@ -3130,7 +3130,7 @@ const to = /* @__PURE__ */ g({
             question: d.cell.question
           }, null, 8, ["question"])) : m("", !0)
         ], 2)), [
-          [H, n.value]
+          [E, n.value]
         ]) : m("", !0),
         d.cell.hasTitle ? (i(), q(R(d.question.getCellWrapperComponentName(d.cell)), {
           key: 6,
@@ -3475,7 +3475,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Eo = /* @__PURE__ */ g({
+}), Ho = /* @__PURE__ */ g({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3517,7 +3517,7 @@ function Y(r) {
     () => r.item && r.item.data.question || r.data.question
   );
 }
-const Ho = /* @__PURE__ */ g({
+const Eo = /* @__PURE__ */ g({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -4116,7 +4116,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
             "aria-label": c.model.emptyMessage
           }, T(c.model.emptyMessage), 11, Rt)
         ], 2), [
-          [H, c.model.isEmpty]
+          [E, c.model.isEmpty]
         ]),
         c.model.renderElements ? N((i(), u("ul", {
           key: 1,
@@ -4137,7 +4137,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
             key: k.id
           }, null, 8, ["item", "model"]))), 128))
         ], 42, Tt)), [
-          [H, !c.model.isEmpty]
+          [E, !c.model.isEmpty]
         ]) : m("", !0)
       ], 2);
     };
@@ -4185,7 +4185,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
           }, null, 8, ["item", "model"]))
         ], 46, Dt)
       ], 42, _t)), [
-        [H, t.model.isItemVisible(t.item)],
+        [E, t.model.isItemVisible(t.item)],
         [a, { processEsc: !1, disableTabStop: t.item.disableTabStop }]
       ]);
     };
@@ -4276,10 +4276,10 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       ], 512);
     };
   }
-}), Pt = { class: "sv-popup__shadow" }, Mt = { class: "sv-popup__body-content" }, Et = {
+}), Pt = { class: "sv-popup__shadow" }, Mt = { class: "sv-popup__body-content" }, Ht = {
   key: 0,
   class: "sv-popup__body-header"
-}, Ht = { class: "sv-popup__scrolling-content" }, Wt = { class: "sv-popup__content" }, Ft = {
+}, Et = { class: "sv-popup__scrolling-content" }, Wt = { class: "sv-popup__content" }, Ft = {
   key: 1,
   class: "sv-popup__body-footer"
 }, Vt = /* @__PURE__ */ g({
@@ -4325,8 +4325,8 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
               model: e.model
             }, null, 8, ["model"])) : m("", !0),
             p("div", Mt, [
-              e.model.title ? (i(), u("div", Et, T(e.model.title), 1)) : m("", !0),
-              p("div", Ht, [
+              e.model.title ? (i(), u("div", Ht, T(e.model.title), 1)) : m("", !0),
+              p("div", Et, [
                 p("div", Wt, [
                   (i(), q(R(e.model.contentComponentName), z(te(e.model.contentComponentData)), null, 16))
                 ])
@@ -4340,7 +4340,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
           ])
         ], 4)
       ], 34)), [
-        [H, e.model.isVisible]
+        [E, e.model.isVisible]
       ]);
     };
   }
@@ -4431,7 +4431,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     };
     return M(() => {
       const C = a.value;
-      v = new Ee(s.model, C, {
+      v = new He(s.model, C, {
         onResize: (k) => {
           o.value = k, e.value = !k;
         },
@@ -4832,7 +4832,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const C = K(
       () => s.survey,
       (k) => {
-        const f = new He(null, k);
+        const f = new Ee(null, k);
         s.isExpanded !== void 0 && (f.isExpanded = s.isExpanded), s.closeOnCompleteTimeout !== void 0 && (f.closeOnCompleteTimeout = s.closeOnCompleteTimeout), s.allowClose !== void 0 && (f.allowClose = s.allowClose), s.allowFullScreen !== void 0 && (f.allowFullScreen = s.allowFullScreen), f.isShowing = !0, n.value = f;
       },
       {
@@ -5070,7 +5070,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       key: 1,
       class: l(t.model.survey.getCss().timerRoot)
     }, T(e.value), 3)), [
-      [H, t.model.isRunning && !t.model.showTimerAsClock]
+      [E, t.model.isRunning && !t.model.showTimerAsClock]
     ]);
   }
 }), ki = {}, fi = { class: "sd-loading-indicator" };
@@ -5281,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(E({ key: 0 }, a.value)), null, 16)) : v.element.skeletonComponentName ? (i(), q(R(v.element.skeletonComponentName), {
+      v.row.isNeedRender ? (i(), q(R(t.value), z(H({ key: 0 }, a.value)), null, 16)) : v.element.skeletonComponentName ? (i(), q(R(v.element.skeletonComponentName), {
         key: 1,
         element: v.element,
         css: v.css
@@ -5296,7 +5296,7 @@ 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(E({ 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(H({ key: 1 }, e.componentData)), null, 16));
   }
 }), Mi = /* @__PURE__ */ g({
   __name: "FileCleanButton",
@@ -5322,7 +5322,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
       ], 2);
     };
   }
-}), Ei = ["id"], Hi = /* @__PURE__ */ g({
+}), Hi = ["id"], Ei = /* @__PURE__ */ g({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5344,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, Ei),
+        }, null, 10, Hi),
         h(e, {
           item: s.question.takePictureAction
         }, null, 8, ["item"])
@@ -5462,7 +5462,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
             }, T(t.name), 13, Ui)
           ], 2)) : m("", !0)
         ], 2)), [
-          [H, t && s.question.isPreviewVisible(o)]
+          [E, t && s.question.isPreviewVisible(o)]
         ])), 128))
       ], 2)) : m("", !0);
     };
@@ -5589,13 +5589,13 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
       ref_key: "root",
       ref: s
     }, null, 512)), [
-      [H, !1]
+      [E, !1]
     ]);
   }
 });
 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", 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", {
+  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", Ei), 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", Hn), 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", Ho), r.component("sv-paneldynamic-add-btn", Eo), 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) {