survey-vue3-ui 1.11.10 → 1.11.12

package/survey-vue3-ui.es.js

@@ -1,6 +1,6 @@
-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({});
+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 D, 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 De } from "vue";
+import { Base as _e, 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";
+_e.createPropertiesHash = () => be({});
 function Qe(r) {
   var s;
   !r || (r.__vueImplemented = (s = r.__vueImplemented) != null ? s : 0, r.__vueImplemented <= 0 && (r.createArrayCoreHandler = (n, e) => {
@@ -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(H({
+        (i(!0), u(D, 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)
@@ -213,7 +213,7 @@ const je = /* @__PURE__ */ g({
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, L(e.row.visibleElements, (a) => (i(), q(o, {
+        (i(!0), u(D, null, L(e.row.visibleElements, (a) => (i(), q(o, {
           row: e.row,
           css: e.css,
           element: a,
@@ -250,14 +250,14 @@ const je = /* @__PURE__ */ g({
     }));
     return O(() => {
       v();
-    }), (f, D) => {
+    }), (f, _) => {
       const b = y("survey-errors"), A = y("survey-element-header"), W = y("survey-string"), F = y("survey-question-comment");
       return i(), u("div", {
         class: l(f.element.getRootCss()),
         style: I(a()),
         ref_key: "root",
         ref: n,
-        onFocusin: D[0] || (D[0] = (J) => f.element.focusIn()),
+        onFocusin: _[0] || (_[0] = (J) => f.element.focusIn()),
         id: f.element.id,
         role: f.element.ariaRole,
         "aria-required": f.element.ariaRequired,
@@ -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(H({
+          (i(!0), u(D, 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)
@@ -527,7 +527,7 @@ const je = /* @__PURE__ */ g({
         p("datalist", {
           id: e.question.dataListId
         }, [
-          (i(!0), u(_, null, L(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, vs))), 256))
+          (i(!0), u(D, null, L(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, vs))), 256))
         ], 8, ps)
       ], 512)) : (i(), q(o, {
         key: 2,
@@ -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)), H({
+        o.question.hasHeadItems ? (i(!0), u(D, { 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)), H({
+        !o.question.hasColumns && !o.question.blockedRow ? (i(!0), u(D, { 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)), H({
+          !o.question.hasColumns && o.question.blockedRow ? (i(!0), u(D, { 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),
@@ -676,17 +676,17 @@ const je = /* @__PURE__ */ g({
           key: 4,
           class: l(o.question.cssClasses.rootMultiColumn)
         }, [
-          o.question.hasColumns ? (i(!0), u(_, { key: 0 }, L(o.question.columns, (v, d) => (i(), u("div", {
+          o.question.hasColumns ? (i(!0), u(D, { key: 0 }, L(o.question.columns, (v, d) => (i(), u("div", {
             key: d,
             class: l(o.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(_, null, L(v, (C) => (i(), q(R(e(C)), H({
+            (i(!0), u(D, 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)), H({
+        o.question.hasFootItems ? (i(!0), u(D, { 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, {
@@ -789,7 +789,7 @@ const je = /* @__PURE__ */ g({
   setup(r) {
     return (s, n) => (i(), q(qe, { question: s.question }, null, 8, ["question"]));
   }
-}), $s = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], _s = ["xlink:href"], Ds = /* @__PURE__ */ g({
+}), $s = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], Ds = ["xlink:href"], _s = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -838,7 +838,7 @@ const je = /* @__PURE__ */ g({
             }, [
               p("use", {
                 "xlink:href": o.question.itemSvgIcon
-              }, null, 8, _s)
+              }, null, 8, Ds)
             ], 2)) : m("", !0)
           ], 2)) : m("", !0),
           o.hideLabel ? m("", !0) : (i(), u("span", {
@@ -1178,15 +1178,15 @@ 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)), H({
+      o.question.hasColumns ? m("", !0) : (i(!0), u(D, { 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", {
+      o.question.hasColumns ? (i(!0), u(D, { key: 1 }, L(o.question.columns, (c, v) => (i(), u("div", {
         class: l(o.question.getColumnClass()),
         key: v,
         role: "presentation"
       }, [
-        (i(!0), u(_, null, L(c, (d) => (i(), q(R(e(d)), H({
+        (i(!0), u(D, null, L(c, (d) => (i(), q(R(e(d)), H({
           key: d.value
         }, t(d)), null, 16))), 128))
       ], 2))), 128)) : m("", !0)
@@ -1364,6 +1364,12 @@ const je = /* @__PURE__ */ g({
         onKeydown: o[1] || (o[1] = (c) => {
           t.question.onKeyDown(c);
         }),
+        onFocus: o[2] || (o[2] = (c) => {
+          t.question.onFocus(c);
+        }),
+        onBlur: o[3] || (o[3] = (c) => {
+          t.question.onBlur(c);
+        }),
         "aria-required": t.question.a11y_input_ariaRequired,
         "aria-label": t.question.a11y_input_ariaLabel,
         "aria-labelledby": t.question.a11y_input_ariaLabelledBy,
@@ -1387,12 +1393,18 @@ const je = /* @__PURE__ */ g({
           placeholder: t.question.renderedPlaceholder,
           class: l(t.question.className),
           onChange: e,
-          onInput: o[2] || (o[2] = (c) => {
+          onInput: o[4] || (o[4] = (c) => {
             t.question.onInput(c);
           }),
-          onKeydown: o[3] || (o[3] = (c) => {
+          onKeydown: o[5] || (o[5] = (c) => {
             t.question.onKeyDown(c);
           }),
+          onFocus: o[6] || (o[6] = (c) => {
+            t.question.onFocus(c);
+          }),
+          onBlur: o[7] || (o[7] = (c) => {
+            t.question.onBlur(c);
+          }),
           "aria-required": t.question.a11y_input_ariaRequired,
           "aria-label": t.question.a11y_input_ariaLabel,
           "aria-labelledby": t.question.a11y_input_ariaLabelledBy,
@@ -1497,7 +1509,7 @@ const ln = /* @__PURE__ */ g({
             required: a.question.isRequired
           }, [
             a.question.allowClear ? (i(), u("option", tn, T(a.question.placeholder), 1)) : m("", !0),
-            (i(!0), u(_, null, L(a.question.visibleChoices, (k) => (i(), q(v, {
+            (i(!0), u(D, null, L(a.question.visibleChoices, (k) => (i(), q(v, {
               item: k,
               key: k.id
             }, null, 8, ["item"]))), 128))
@@ -1558,16 +1570,14 @@ const ln = /* @__PURE__ */ g({
         Be.isTwoValueEquals(A, b.value, !1, !0, !1) || (b.value = e.value.inputStringRendered);
       }
     }, d = (b) => {
-      var A;
-      (A = e.value) == null || A.onBlur(b), v();
+      s.question.onBlur(b), v();
     }, C = (b) => {
-      var A;
-      (A = e.value) == null || A.onFocus(b);
+      s.question.onFocus(b);
     }, k = (b) => {
       e.value.inputStringRendered = b.target.value;
     }, f = S(
       () => s.question.showSelectedItemLocText
-    ), D = S(() => s.question.selectedItemLocText);
+    ), _ = S(() => s.question.selectedItemLocText);
     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", {
@@ -1603,7 +1613,7 @@ const ln = /* @__PURE__ */ g({
           }, [
             f.value ? (i(), q(W, {
               key: 0,
-              locString: D.value
+              locString: _.value
             }, null, 8, ["locString"])) : m("", !0),
             e.value.showHintString ? (i(), u("div", {
               key: 1,
@@ -1739,7 +1749,7 @@ const ln = /* @__PURE__ */ g({
       (C = n.value) == null || C.onBlur(d);
     }, v = ne(() => s.question.selectedChoices);
     return B(() => n.value), (d, C) => {
-      const k = y("sv-tagbox-item"), f = y("sv-tagbox-filter"), D = y("sv-svg-icon"), b = y("sv-popup"), A = y("survey-string");
+      const k = y("sv-tagbox-item"), f = y("sv-tagbox-filter"), _ = y("sv-svg-icon"), b = y("sv-popup"), A = y("survey-string");
       return i(), u("div", {
         class: l(d.question.cssClasses.selectWrapper),
         onClick: e
@@ -1765,7 +1775,7 @@ const ln = /* @__PURE__ */ g({
           p("div", {
             class: l(d.question.cssClasses.controlValue)
           }, [
-            (i(!0), u(_, null, L(w(v), (W, F) => (i(), q(k, {
+            (i(!0), u(D, null, L(w(v), (W, F) => (i(), q(k, {
               item: W,
               question: d.question,
               key: "item" + F
@@ -1781,7 +1791,7 @@ const ln = /* @__PURE__ */ g({
             onClick: o,
             "aria-hidden": "true"
           }, [
-            h(D, {
+            h(_, {
               class: l(d.question.cssClasses.cleanButtonSvg),
               iconName: d.question.cssClasses.cleanButtonIconId,
               title: d.question.clearCaption,
@@ -1814,7 +1824,7 @@ const ln = /* @__PURE__ */ g({
           onPointerdown: t,
           "aria-hidden": "true"
         }, [
-          h(D, {
+          h(_, {
             class: l(d.question.cssClasses.chevronButtonSvg),
             iconName: d.question.cssClasses.chevronButtonIconId,
             size: "auto"
@@ -1954,7 +1964,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)), H({
+        o.question.selectToRankEnabled ? m("", !0) : (i(!0), u(D, { 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 +1972,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)), H({
+          (i(!0), u(D, 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 +1993,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)), H({
+          (i(!0), u(D, 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", {
@@ -2001,7 +2011,7 @@ const ln = /* @__PURE__ */ g({
 }), Sn = ["tabindex", "data-sv-drop-target-ranking-item"], Rn = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Tn = ["xlink:href"], $n = ["xlink:href"], _n = ["xlink:href"], Dn = /* @__PURE__ */ g({
+}, Tn = ["xlink:href"], $n = ["xlink:href"], Dn = ["xlink:href"], _n = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2071,7 +2081,7 @@ const ln = /* @__PURE__ */ g({
             (i(), u("svg", null, [
               p("use", {
                 "xlink:href": e.question.dashSvgIcon
-              }, null, 8, _n)
+              }, null, 8, Dn)
             ]))
           ], 2)),
           (i(), q(R(e.question.itemComponent), {
@@ -2131,7 +2141,7 @@ const ln = /* @__PURE__ */ g({
               locString: t.question.locMinRateDescription
             }, null, 8, ["locString"])
           ], 2)) : m("", !0),
-          (i(!0), u(_, null, L(t.question.renderedRateItems, (c, v) => (i(), q(R(t.question.itemComponent), {
+          (i(!0), u(D, null, L(t.question.renderedRateItems, (c, v) => (i(), q(R(t.question.itemComponent), {
             key: e(v),
             item: c,
             index: v,
@@ -2622,14 +2632,14 @@ const to = /* @__PURE__ */ g({
         ref: n
       }, [
         p("tbody", null, [
-          (i(!0), u(_, null, L(w(e), (c, v) => (i(), u(_, {
+          (i(!0), u(D, null, L(w(e), (c, v) => (i(), u(D, {
             key: t.question.inputId + "rowkey" + v
           }, [
             c.isVisible ? (i(), u("tr", {
               key: 0,
               class: l(t.question.cssClasses.row)
             }, [
-              (i(!0), u(_, null, L(c.cells, (d) => (i(), u("td", {
+              (i(!0), u(D, null, L(c.cells, (d) => (i(), u("td", {
                 key: "item" + d.item.editor.id,
                 class: l(d.className)
               }, [
@@ -2732,7 +2742,7 @@ const to = /* @__PURE__ */ g({
             o.question.showHeader ? (i(), u("thead", uo, [
               p("tr", null, [
                 o.question.hasRows ? (i(), u("td", mo)) : m("", !0),
-                (i(!0), u(_, null, L(o.question.visibleColumns, (v, d) => (i(), u("th", {
+                (i(!0), u(D, null, L(o.question.visibleColumns, (v, d) => (i(), u("th", {
                   key: d,
                   class: l(o.question.cssClasses.headerCell),
                   style: I({
@@ -2754,7 +2764,7 @@ const to = /* @__PURE__ */ g({
               ])
             ])) : m("", !0),
             p("tbody", null, [
-              (i(!0), u(_, null, L(e.value, (v, d) => (i(), u("tr", {
+              (i(!0), u(D, null, L(e.value, (v, d) => (i(), u("tr", {
                 key: "row_" + v.name + "_" + d,
                 class: l(v.rowClasses || void 0)
               }, [
@@ -2778,7 +2788,7 @@ const to = /* @__PURE__ */ g({
                 ], 6), [
                   [E, o.question.hasRows]
                 ]),
-                o.question.hasCellText ? (i(!0), u(_, { key: 0 }, L(o.question.visibleColumns, (C, k) => (i(), u("td", {
+                o.question.hasCellText ? (i(!0), u(D, { key: 0 }, L(o.question.visibleColumns, (C, k) => (i(), u("td", {
                   key: k,
                   class: l(o.question.getItemClass(v, C)),
                   onClick: (f) => t(v, C)
@@ -2787,7 +2797,7 @@ const to = /* @__PURE__ */ g({
                     locString: o.question.getCellDisplayLocText(v.name, C)
                   }, null, 8, ["locString"])
                 ], 10, co))), 128)) : m("", !0),
-                o.question.hasCellText ? m("", !0) : (i(!0), u(_, { key: 1 }, L(o.question.visibleColumns, (C, k) => (i(), u("td", {
+                o.question.hasCellText ? m("", !0) : (i(!0), u(D, { key: 1 }, L(o.question.visibleColumns, (C, k) => (i(), u("td", {
                   key: k,
                   "data-responsive-title": C.locText.renderedHtml,
                   class: l(o.question.cssClasses.cell),
@@ -2836,7 +2846,7 @@ const to = /* @__PURE__ */ g({
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, L(t.row.cells, (c, v) => (i(), q(a, {
+        (i(!0), u(D, null, L(t.row.cells, (c, v) => (i(), q(a, {
           cell: c,
           question: t.question,
           key: t.row.id + "_" + v
@@ -2937,7 +2947,7 @@ const to = /* @__PURE__ */ g({
         }, [
           n.value.showHeader ? (i(), u("thead", ko, [
             p("tr", null, [
-              (i(!0), u(_, null, L(n.value.headerRow.cells, (d) => (i(), u(_, null, [
+              (i(!0), u(D, null, L(n.value.headerRow.cells, (d) => (i(), u(D, null, [
                 d.hasTitle ? (i(), u("th", {
                   key: "header_" + d.id,
                   class: l(d.className),
@@ -2968,7 +2978,7 @@ const to = /* @__PURE__ */ g({
             ])
           ])) : m("", !0),
           p("tbody", null, [
-            (i(!0), u(_, null, L(n.value.renderedRows, (d) => (i(), q(c, {
+            (i(!0), u(D, null, L(n.value.renderedRows, (d) => (i(), q(c, {
               key: e.question.inputId + "_" + d.id,
               row: d,
               question: e.question
@@ -2976,7 +2986,7 @@ const to = /* @__PURE__ */ g({
           ]),
           n.value.showFooter ? (i(), u("tfoot", fo, [
             p("tr", null, [
-              (i(!0), u(_, null, L(n.value.footerRow.cells, (d, C) => (i(), q(v, {
+              (i(!0), u(D, null, L(n.value.footerRow.cells, (d, C) => (i(), q(v, {
                 cell: d,
                 question: e.question,
                 key: "footer_" + C
@@ -2995,7 +3005,7 @@ const to = /* @__PURE__ */ g({
   },
   setup(r) {
     const s = r;
-    return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
+    return B(() => s.column), (n, e) => n.column.isRenderedRequired ? (i(), u(D, { key: 0 }, [
       Io,
       n.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
@@ -3054,7 +3064,7 @@ const to = /* @__PURE__ */ g({
       }
     });
     return (d, C) => {
-      const k = y("survey-errors"), f = y("sv-matrix-drag-drop-icon"), D = y("sv-action-bar"), b = y("survey-string"), A = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), F = y("survey-other-choice");
+      const k = y("survey-errors"), f = y("sv-matrix-drag-drop-icon"), _ = y("sv-action-bar"), b = y("survey-string"), A = y("survey-radiogroup-item"), W = y("survey-checkbox-item"), F = y("survey-other-choice");
       return i(), u("td", {
         class: l(d.cell.className),
         title: d.cell.getTitle(),
@@ -3072,7 +3082,7 @@ const to = /* @__PURE__ */ g({
           key: 1,
           item: { data: { row: d.cell.row, question: d.question } }
         }, null, 8, ["item"])) : m("", !0),
-        d.cell.isActionsCell ? (i(), q(D, {
+        d.cell.isActionsCell ? (i(), q(_, {
           key: 2,
           model: d.cell.item.getData(),
           handleClick: !1
@@ -3242,7 +3252,7 @@ function le(r, s = !0) {
     row: s ? S(() => r.item.data.row) : void 0
   };
 }
-const _o = ["disabled"], Do = /* @__PURE__ */ g({
+const Do = ["disabled"], _o = /* @__PURE__ */ g({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3263,7 +3273,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
         p("span", {
           class: l(w(n).cssClasses.iconRemove)
         }, null, 2)
-      ], 10, _o);
+      ], 10, Do);
     };
   }
 }), Bo = ["xlink:href"], Lo = /* @__PURE__ */ g({
@@ -3360,7 +3370,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
       };
     };
     return (c, v) => {
-      const d = y("survey-string"), C = y("sv-paneldynamic-add-btn"), k = y("survey-paneldynamicprogress"), f = y("sv-paneldynamic-remove-btn"), D = y("survey-paneldynamicprogress-v2");
+      const d = y("survey-string"), C = y("sv-paneldynamic-add-btn"), k = y("survey-paneldynamicprogress"), f = y("sv-paneldynamic-remove-btn"), _ = y("survey-paneldynamicprogress-v2");
       return i(), u("div", {
         class: l(c.question.cssClasses.root),
         ref_key: "root",
@@ -3396,7 +3406,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
         p("div", {
           class: l(c.question.cssClasses.panelsContainer)
         }, [
-          (i(!0), u(_, null, L(c.question.renderedPanels, (b, A) => (i(), u(_, {
+          (i(!0), u(D, null, L(c.question.renderedPanels, (b, A) => (i(), u(D, {
             key: b.id
           }, [
             p("div", {
@@ -3422,7 +3432,7 @@ const _o = ["disabled"], Do = /* @__PURE__ */ g({
           key: 4,
           data: { question: c.question }
         }, null, 8, ["data"])) : m("", !0),
-        c.question.showNavigation ? (i(), q(D, {
+        c.question.showNavigation ? (i(), q(_, {
           key: 5,
           question: c.question
         }, null, 8, ["question"])) : m("", !0)
@@ -3654,7 +3664,7 @@ const Eo = /* @__PURE__ */ g({
       ref_key: "root",
       ref: s
     }, [
-      (i(!0), u(_, null, L(n.element.errors, (t, o) => (i(), q(R(n.element.survey.questionErrorComponent), {
+      (i(!0), u(D, null, L(n.element.errors, (t, o) => (i(), q(R(n.element.survey.questionErrorComponent), {
         element: n.element,
         key: "error_" + o,
         errorKey: "error_" + o,
@@ -3743,7 +3753,7 @@ const Eo = /* @__PURE__ */ g({
     );
     return (e, t) => {
       const o = y("survey-string");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         e.element.isTitleRenderedAsString ? (i(), q(o, {
           key: 0,
           locString: e.element.locTitle
@@ -3905,7 +3915,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
         class: l(o.model.getRootCss()),
         onClick: e
       }, [
-        (i(!0), u(_, null, L(w(t), (v) => (i(), q(c, {
+        (i(!0), u(D, null, L(w(t), (v) => (i(), q(c, {
           key: v.id,
           item: v
         }, null, 8, ["item"]))), 128))
@@ -4004,7 +4014,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       }
     ), (t, o) => {
       const a = y("sv-svg-icon"), c = y("sv-popup"), v = X("key2click");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         N((i(), u("button", {
           type: "button",
           class: l(t.item.getActionBarItemCss()),
@@ -4131,7 +4141,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
             c.model.onKeyDown(k);
           })
         }, [
-          (i(!0), u(_, null, L(w(a), (k) => (i(), q(C, {
+          (i(!0), u(D, null, L(w(a), (k) => (i(), q(C, {
             item: k,
             model: c.model,
             key: k.id
@@ -4142,7 +4152,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
       ], 2);
     };
   }
-}), _t = ["aria-selected", "id", "tabindex"], Dt = ["title"], Bt = /* @__PURE__ */ g({
+}), Dt = ["aria-selected", "id", "tabindex"], _t = ["title"], Bt = /* @__PURE__ */ g({
   __name: "ListItem",
   props: {
     model: {},
@@ -4183,8 +4193,8 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
             item: t.item,
             model: t.model
           }, null, 8, ["item", "model"]))
-        ], 46, Dt)
-      ], 42, _t)), [
+        ], 46, _t)
+      ], 42, Dt)), [
         [E, t.model.isItemVisible(t.item)],
         [a, { processEsc: !1, disableTabStop: t.item.disableTabStop }]
       ]);
@@ -4200,7 +4210,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const s = r;
     return B(() => s.item), (n, e) => {
       const t = y("sv-svg-icon"), o = y("survey-string");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         n.item.iconName ? (i(), q(t, {
           key: 0,
           class: l(n.model.cssClasses.itemIcon),
@@ -4229,7 +4239,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const s = r;
     return B(() => s.item), (n, e) => {
       const t = y("sv-list-item-content"), o = y("sv-popup");
-      return i(), u(_, null, [
+      return i(), u(D, null, [
         h(t, {
           item: n.item,
           model: n.model
@@ -4369,17 +4379,17 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const s = r, n = S(
       () => s.survey.getContainerContent(s.container)
     );
-    return (e, t) => n.value.length > 0 ? (i(), u(_, { key: 0 }, [
+    return (e, t) => n.value.length > 0 ? (i(), u(D, { key: 0 }, [
       e.needRenderWrapper ? (i(), u("div", {
         key: 0,
         class: l(["sv-components-column", "sv-components-container-" + e.container])
       }, [
-        (i(!0), u(_, null, L(n.value, (o, a) => (i(), q(R(o.component), {
+        (i(!0), u(D, null, L(n.value, (o, a) => (i(), q(R(o.component), {
           survey: e.survey,
           container: e.container,
           model: o.data
         }, null, 8, ["survey", "container", "model"]))), 256))
-      ], 2)) : (i(!0), u(_, { key: 1 }, L(n.value, (o, a) => (i(), q(R(o.component), {
+      ], 2)) : (i(!0), u(D, { key: 1 }, L(n.value, (o, a) => (i(), q(R(o.component), {
         survey: e.survey,
         container: e.container,
         model: o.data
@@ -4469,7 +4479,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
         }, [
           p("div", {
             class: l(C.model.getScrollButtonCss(n.value, !0)),
-            onClick: k[0] || (k[0] = (D) => d(!0)),
+            onClick: k[0] || (k[0] = (_) => d(!0)),
             role: "button"
           }, null, 2),
           p("div", {
@@ -4480,11 +4490,11 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
             p("ul", {
               class: l(c.value.progressButtonsList)
             }, [
-              (i(!0), u(_, null, L(C.survey.visiblePages, (D, b) => (i(), u("li", {
+              (i(!0), u(D, null, L(C.survey.visiblePages, (_, b) => (i(), u("li", {
                 key: "listelement" + b,
                 class: l(C.model.getListElementCss(b)),
-                onClick: (A) => C.model.isListElementClickable(b) ? C.model.clickListElement(D) : null,
-                "data-page-number": C.model.getItemNumber(D)
+                onClick: (A) => C.model.isListElementClickable(b) ? C.model.clickListElement(_) : null,
+                "data-page-number": C.model.getItemNumber(_)
               }, [
                 p("div", {
                   class: l(c.value.progressButtonsConnector)
@@ -4492,17 +4502,17 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                 o.value ? (i(), u("div", {
                   key: 0,
                   class: l(c.value.progressButtonsPageTitle),
-                  title: D.renderedNavigationTitle
+                  title: _.renderedNavigationTitle
                 }, [
                   h(f, {
-                    locString: D.locNavigationTitle
+                    locString: _.locNavigationTitle
                   }, null, 8, ["locString"])
                 ], 10, Qt)) : m("", !0),
                 o.value ? (i(), u("div", {
                   key: 1,
                   class: l(c.value.progressButtonsPageDescription),
-                  title: D.locNavigationDescription.renderedHtml
-                }, T(D.locNavigationDescription.renderedHtml), 11, jt)) : m("", !0),
+                  title: _.locNavigationDescription.renderedHtml
+                }, T(_.locNavigationDescription.renderedHtml), 11, jt)) : m("", !0),
                 p("div", {
                   class: l(c.value.progressButtonsButton)
                 }, [
@@ -4512,14 +4522,14 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                   p("div", {
                     class: l(c.value.progressButtonsButtonContent)
                   }, null, 2),
-                  p("span", null, T(C.model.getItemNumber(D)), 1)
+                  p("span", null, T(C.model.getItemNumber(_)), 1)
                 ], 2)
               ], 10, Kt))), 128))
             ], 2)
           ], 2),
           p("div", {
             class: l(C.model.getScrollButtonCss(n.value, !1)),
-            onClick: k[1] || (k[1] = (D) => d(!1)),
+            onClick: k[1] || (k[1] = (_) => d(!1)),
             role: "button"
           }, null, 2)
         ], 2),
@@ -4578,35 +4588,35 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
   },
   setup(r) {
     const s = r, n = $(), e = $(""), t = $(1), o = S(() => {
-      const D = s.survey ? s.survey : s.model;
-      return Re(D);
+      const _ = s.survey ? s.survey : s.model;
+      return Re(_);
     }), a = S(() => o.value.activePage ? o.value.activePage.id : ""), c = () => {
-      const D = a.value;
-      return !!o.value && D + t.value.toString();
+      const _ = a.value;
+      return !!o.value && _ + t.value.toString();
     }, v = S(
       () => o.value.showCompletedPage && o.value.state === "completed"
-    ), d = S(() => o.value.css), C = S(() => "page" + c()), k = () => v.value ? (e.value || (e.value = o.value.processedCompletedHtml), e.value) : "", f = (D) => {
-      if (!!D) {
+    ), d = S(() => o.value.css), C = S(() => "page" + c()), k = () => v.value ? (e.value || (e.value = o.value.processedCompletedHtml), e.value) : "", f = (_) => {
+      if (!!_) {
         var b = n.value;
-        b && D.afterRenderSurvey(b), D.renderCallback = () => {
+        b && _.afterRenderSurvey(b), _.renderCallback = () => {
           var A, W;
           t.value++, (W = (A = ve()) == null ? void 0 : A.proxy) == null || W.$forceUpdate();
-        }, D.startTimerFromUI();
+        }, _.startTimerFromUI();
       }
     };
     return B(
       () => o.value,
-      (D, b) => {
-        D && b && f(D);
+      (_, b) => {
+        _ && b && f(_);
       },
-      (D) => {
-        D.stopTimer(), D.renderCallback = void 0;
+      (_) => {
+        _.stopTimer(), _.renderCallback = void 0;
       }
     ), M(() => {
       f(o.value);
     }), O(() => {
       o.value.stopTimer(), o.value.renderCallback = void 0;
-    }), (D, b) => {
+    }), (_, b) => {
       const A = y("sv-svg-bundle"), W = y("survey-popup-modal"), F = y("survey-header"), J = y("survey-page"), he = y("sv-brand-info"), Ce = y("sv-notifier");
       return i(), u("div", {
         class: l(o.value.getRootCss()),
@@ -4675,7 +4685,8 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                       survey: o.value,
                       container: "contentBottom",
                       needRenderWrapper: !0
-                    }, null, 8, ["survey"]))
+                    }, null, 8, ["survey"])),
+                    o.value.showBrandInfo ? (i(), q(he, { key: 0 })) : m("", !0)
                   ], 14, si)
                 ]),
                 (i(), q(R("sv-components-container"), {
@@ -4716,7 +4727,6 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
               }, T(o.value.emptySurveyText), 3)) : m("", !0)
             ], 2)
           ]),
-          o.value.showBrandInfo ? (i(), q(he, { key: 1 })) : m("", !0),
           h(Ce, {
             model: o.value.notifier
           }, null, 8, ["model"])
@@ -4805,6 +4815,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     isExpanded: { type: Boolean },
     allowClose: { type: Boolean },
     allowFullScreen: { type: Boolean },
+    onClose: { type: Function },
     closeOnCompleteTimeout: {}
   },
   setup(r) {
@@ -4819,7 +4830,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     const t = () => {
       n.value.changeExpandCollapse();
     }, o = () => {
-      n.value.hide();
+      n.value.hide(), s.onClose && s.onClose();
     }, a = () => {
       n.value.toggleFullScreen();
     }, c = () => "SurveyComponent", v = () => {
@@ -4842,7 +4853,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
     return O(() => {
       C();
     }), (k, f) => {
-      const D = y("sv-svg-icon");
+      const _ = y("sv-svg-icon");
       return n.value.isShowing ? (i(), u("div", {
         key: 0,
         style: I({ maxWidth: n.value.renderedWidth, width: n.value.renderedWidth }),
@@ -4867,12 +4878,12 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                 class: l(n.value.cssHeaderFullScreenButton),
                 onClick: a
               }, [
-                n.value.isFullScreen ? (i(), q(D, {
+                n.value.isFullScreen ? (i(), q(_, {
                   key: 0,
                   iconName: "icon-back-to-panel_16x16",
                   size: 16
                 })) : m("", !0),
-                n.value.isFullScreen ? m("", !0) : (i(), q(D, {
+                n.value.isFullScreen ? m("", !0) : (i(), q(_, {
                   key: 1,
                   iconName: "icon-full-screen_16x16",
                   size: 16
@@ -4882,12 +4893,12 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                 class: l(n.value.cssHeaderCollapseButton),
                 onClick: t
               }, [
-                n.value.isExpanded ? (i(), q(D, {
+                n.value.isExpanded ? (i(), q(_, {
                   key: 0,
                   iconName: "icon-minimize_16x16",
                   size: 16
                 })) : m("", !0),
-                n.value.isCollapsed ? (i(), q(D, {
+                n.value.isCollapsed ? (i(), q(_, {
                   key: 1,
                   iconName: "icon-restore_16x16",
                   size: 16
@@ -4898,7 +4909,7 @@ const ut = /* @__PURE__ */ ge(tt, [["render", at]]), dt = /* @__PURE__ */ p("use
                 class: l(n.value.cssHeaderCloseButton),
                 onClick: o
               }, [
-                h(D, {
+                h(_, {
                   iconName: "icon-close_16x16",
                   size: 16
                 })
@@ -5111,7 +5122,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
           class: l(n.model.contentClasses),
           style: I({ maxWidth: n.model.maxWidth })
         }, [
-          (i(!0), u(_, null, L(n.model.cells, (a, c) => (i(), q(t, {
+          (i(!0), u(D, null, L(n.model.cells, (a, c) => (i(), q(t, {
             model: a,
             key: c
           }, null, 8, ["model"]))), 128))
@@ -5125,7 +5136,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
 }), Ti = {
   key: 0,
   class: "sv-header__logo"
-}, $i = ["src", "width", "height", "alt"], _i = /* @__PURE__ */ g({
+}, $i = ["src", "width", "height", "alt"], Di = /* @__PURE__ */ g({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5183,7 +5194,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
       ], 6);
     };
   }
-}), Di = { class: "sv-header--mobile" }, Bi = {
+}), _i = { class: "sv-header--mobile" }, Bi = {
   key: 0,
   class: "sv-header__logo"
 }, Li = ["src", "width", "height", "alt"], Ai = /* @__PURE__ */ g({
@@ -5194,7 +5205,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
   setup(r) {
     return (s, n) => {
       const e = y("survey-element-title"), t = y("survey-string");
-      return i(), u("div", Di, [
+      return i(), u("div", _i, [
         s.model.survey.hasLogo ? (i(), u("div", Bi, [
           p("div", {
             class: l(s.model.survey.logoClassNames)
@@ -5296,7 +5307,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(H({ key: 1 }, e.componentData)), null, 16));
+    return (e, t) => n.value && !e.componentName ? De(e.$slots, "default", { key: 0 }) : (i(), q(R(e.componentName), z(H({ key: 1 }, e.componentData)), null, 16));
   }
 }), Mi = /* @__PURE__ */ g({
   __name: "FileCleanButton",
@@ -5397,7 +5408,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
         key: 0,
         class: l(s.question.cssClasses.fileList || void 0)
       }, [
-        (i(!0), u(_, null, L(s.question.previewValue, (t, o) => N((i(), u("span", {
+        (i(!0), u(D, null, L(s.question.previewValue, (t, o) => N((i(), u("span", {
           key: s.question.inputId + "_" + o,
           class: l(s.question.cssClasses.previewItem),
           onClick: n[0] || (n[0] = (a) => s.question.doDownloadFileFromContainer(a))
@@ -5482,7 +5493,7 @@ const Ii = /* @__PURE__ */ ge(ki, [["render", wi]]), Si = { key: 2 }, Ri = /* @_
         ref_key: "root",
         ref: n
       }, [
-        (i(!0), u(_, null, L(e.question.visibleChoices, (a, c) => (i(), q(o, {
+        (i(!0), u(D, null, L(e.question.visibleChoices, (a, c) => (i(), q(o, {
           question: e.question,
           key: c,
           item: a,
@@ -5595,7 +5606,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", 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", {
+  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", _s), 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", _n), 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", _o), 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", Di), 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) {