survey-vue3-ui 1.9.137 → 1.9.139

package/survey-vue3-ui.es.js

@@ -1,5 +1,5 @@
-import { shallowReactive as Ce, watch as Q, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as be, triggerRef as se, unref as I, isRef as ke, defineComponent as h, computed as w, resolveComponent as q, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as _, renderList as D, createBlock as y, resolveDynamicComponent as T, normalizeProps as z, mergeProps as E, withCtx as F, normalizeStyle as S, createElementVNode as v, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as fe, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, createStaticVNode as we, resolveDirective as X, toRaw as Se, Teleport as Re, useSlots as Te, renderSlot as $e } from "vue";
-import { Base as _e, RendererFactory as ee, DropdownListModel as De, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as qe, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Me, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Ee, settings as j, createDialogOptions as We, createPopupModalViewModel as Ve, ButtonGroupItemModel as Fe, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
+import { shallowReactive as Ce, watch as Q, onBeforeUnmount as G, onMounted as M, ref as $, shallowRef as U, watchEffect as be, triggerRef as se, unref as I, isRef as ke, defineComponent as h, computed as w, resolveComponent as g, openBlock as i, createElementBlock as u, normalizeClass as a, createVNode as C, createCommentVNode as d, Fragment as _, renderList as D, createBlock as y, resolveDynamicComponent as T, normalizeProps as z, mergeProps as E, withCtx as F, normalizeStyle as S, createElementVNode as v, onUnmounted as O, guardReactiveProps as ne, withDirectives as P, vShow as H, toDisplayString as R, vModelRadio as x, vModelCheckbox as oe, vModelSelect as fe, onUpdated as te, vModelText as Ie, getCurrentInstance as ie, createStaticVNode as we, resolveDirective as X, toRaw as Se, Teleport as Re, useSlots as Te, renderSlot as $e } from "vue";
+import { Base as _e, RendererFactory as ee, DropdownListModel as De, Helpers as Be, DropdownMultiSelectListModel as Le, doKey2ClickUp as ge, createSvg as Ne, ActionDropdownViewModel as Pe, getActionDropdownButtonTarget as Ae, createPopupViewModel as Me, SurveyProgressModel as de, ProgressButtonsResponsivityManager as He, PopupSurveyModel as Ee, settings as j, createDialogOptions as We, createPopupModalViewModel as Ve, ButtonGroupItemModel as Fe, SvgRegistry as Oe, SurveyModel as ze, doKey2ClickDown as Ue, doKey2ClickBlur as Ke } from "survey-core";
 _e.createPropertiesHash = () => Ce({});
 function je(r) {
   var s;
@@ -94,7 +94,7 @@ const Qe = /* @__PURE__ */ h({
     ), M(() => {
       e();
     }), (t, l) => {
-      const c = q("survey-element-title"), m = q("survey-string"), p = q("survey-errors"), g = q("survey-row");
+      const c = g("survey-element-title"), m = g("survey-string"), p = g("survey-errors"), q = g("survey-row");
       return i(), u("div", {
         class: a(t.page.cssRoot),
         ref_key: "root",
@@ -119,7 +119,7 @@ const Qe = /* @__PURE__ */ h({
           componentData: t.page.getSurvey().getRowWrapperComponentData(f)
         })), {
           default: F(() => [
-            C(g, {
+            C(q, {
               row: f,
               survey: t.survey,
               css: t.css
@@ -141,7 +141,7 @@ const Qe = /* @__PURE__ */ h({
       var e = n.value;
       e && s.survey && s.survey.afterRenderHeader(e);
     }), (e, o) => {
-      const t = q("survey-element-title"), l = q("survey-string");
+      const t = g("survey-element-title"), l = g("survey-string");
       return e.survey.renderedHasHeader ? (i(), u("div", {
         key: 0,
         class: a(e.survey.css.header),
@@ -205,7 +205,7 @@ const Qe = /* @__PURE__ */ h({
         }, 10);
       }
     }), (e, o) => {
-      const t = q("survey-element");
+      const t = g("survey-element");
       return i(), u("div", {
         class: a(e.row.getRowCss()),
         ref_key: "root",
@@ -240,7 +240,7 @@ const Qe = /* @__PURE__ */ h({
       () => {
         c();
       }
-    ), p = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), g = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = w(() => ({
+    ), p = w(() => s.element.customWidget ? "survey-customwidget" : s.element.isDefaultRendering() ? "survey-" + s.element.getTemplate() : s.element.getComponentName()), q = w(() => s.element.survey.getQuestionContentWrapperComponentName(s.element)), f = w(() => ({
       componentData: {
         question: s.element,
         data: s.element.survey.getElementWrapperComponentData(s.element)
@@ -249,7 +249,7 @@ const Qe = /* @__PURE__ */ h({
     return O(() => {
       m();
     }), (b, N) => {
-      const k = q("survey-errors"), L = q("survey-element-header"), W = q("survey-string"), V = q("survey-question-comment");
+      const k = g("survey-errors"), L = g("survey-element-header"), W = g("survey-string"), V = g("survey-question-comment");
       return i(), u("div", {
         class: a(b.element.getRootCss()),
         style: S(l()),
@@ -275,7 +275,7 @@ const Qe = /* @__PURE__ */ h({
           element: b.element,
           css: b.css
         }, null, 8, ["element", "css"])) : d("", !0),
-        (i(), y(T(g.value), z(ne(f.value)), {
+        (i(), y(T(q.value), z(ne(f.value)), {
           default: F(() => [
             P(v("div", {
               class: a(t(b.element) || void 0),
@@ -347,12 +347,12 @@ const Qe = /* @__PURE__ */ h({
     return B(() => s.element), M(() => {
       s.element.survey && s.element.survey.afterRenderPanel(s.element, n.value);
     }), (o, t) => {
-      const l = q("survey-errors"), c = q("survey-element-header"), m = q("survey-row"), p = q("sv-action-bar");
+      const l = g("survey-errors"), c = g("survey-element-header"), m = g("survey-row"), p = g("sv-action-bar");
       return o.element.getIsContentVisible() ? (i(), u("div", {
         key: 0,
         class: a(o.element.getContainerCss()),
         id: o.element.id,
-        onFocusin: t[0] || (t[0] = (g) => o.element.focusIn()),
+        onFocusin: t[0] || (t[0] = (q) => o.element.focusIn()),
         ref_key: "root",
         ref: n
       }, [
@@ -375,14 +375,14 @@ const Qe = /* @__PURE__ */ h({
           style: S({ paddingLeft: o.element.innerPaddingLeft }),
           class: a(o.element.cssClasses.panel.content)
         }, [
-          (i(!0), u(_, null, D(o.element.visibleRows, (g) => (i(), y(T(o.element.getSurvey().getRowWrapperComponentName(g)), z(E({
-            key: g.id
+          (i(!0), u(_, null, D(o.element.visibleRows, (q) => (i(), y(T(o.element.getSurvey().getRowWrapperComponentName(q)), z(E({
+            key: q.id
           }, {
-            componentData: o.element.getSurvey().getRowWrapperComponentData(g)
+            componentData: o.element.getSurvey().getRowWrapperComponentData(q)
           })), {
             default: F(() => [
               C(m, {
-                row: g,
+                row: q,
                 survey: e.value,
                 css: o.css
               }, null, 8, ["row", "survey", "css"])
@@ -407,7 +407,7 @@ const Qe = /* @__PURE__ */ h({
       typeof s.element.clickTitleFunction == "function" && s.element.clickTitleFunction(e);
     };
     return (e, o) => {
-      const t = q("survey-element-title"), l = q("survey-string"), c = q("sv-action-bar");
+      const t = g("survey-element-title"), l = g("survey-string"), c = g("sv-action-bar");
       return i(), u("div", {
         class: a(e.element.cssHeader),
         onClick: n
@@ -499,7 +499,7 @@ const Qe = /* @__PURE__ */ h({
       id: n.element.id
     }, null, 8, ms));
   }
-}), ps = ["id"], vs = ["value"], gs = /* @__PURE__ */ h({
+}), ps = ["id"], vs = ["value"], qs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -508,7 +508,7 @@ const Qe = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("survey-text-input");
+      const t = g("survey-text-input");
       return e.question.isReadOnlyRenderDiv() ? (i(), u("div", {
         key: 0,
         ref_key: "root",
@@ -533,7 +533,7 @@ const Qe = /* @__PURE__ */ h({
       }, null, 8, ["question", "get-ref"]));
     };
   }
-}), qs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ys = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ h({
+}), gs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ys = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], hs = /* @__PURE__ */ h({
   __name: "TextInput",
   props: {
     question: {},
@@ -546,7 +546,7 @@ const Qe = /* @__PURE__ */ h({
     s({ root: o }), B(() => n.question);
     const t = w(() => n.question.inputStyle);
     return (l, c) => {
-      const m = q("sv-character-counter");
+      const m = g("sv-character-counter");
       return l.question.getMaxLength() ? (i(), u("div", {
         key: 1,
         ref: (p) => e(p)
@@ -612,7 +612,7 @@ const Qe = /* @__PURE__ */ h({
         "aria-describedby": l.question.a11y_input_ariaDescribedBy,
         "aria-invalid": l.question.a11y_input_ariaInvalid,
         "aria-errormessage": l.question.a11y_input_ariaErrormessage
-      }, null, 46, qs));
+      }, null, 46, gs));
     };
   }
 }), Cs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], bs = {
@@ -637,7 +637,7 @@ const Qe = /* @__PURE__ */ h({
       }
     });
     return (t, l) => {
-      const c = q("survey-other-choice");
+      const c = g("survey-other-choice");
       return i(), u("fieldset", {
         class: a(t.question.getSelectBaseRootCss()),
         ref_key: "root",
@@ -674,9 +674,9 @@ const Qe = /* @__PURE__ */ h({
             class: a(t.question.getColumnClass()),
             role: "presentation"
           }, [
-            (i(!0), u(_, null, D(m, (g) => (i(), y(T(e(g)), E({
-              key: g.value
-            }, o(g)), null, 16))), 128))
+            (i(!0), u(_, null, D(m, (q) => (i(), y(T(e(q)), E({
+              key: q.value
+            }, o(q)), null, 16))), 128))
           ], 2))), 128)) : d("", !0)
         ], 2)) : d("", !0),
         t.question.hasFootItems ? (i(!0), u(_, { key: 5 }, D(t.question.footItems, (m) => (i(), y(T(e(m)), E({
@@ -726,7 +726,7 @@ const Qe = /* @__PURE__ */ h({
       s.question.clickItemHandler(s.item, e.target.checked);
     };
     return (e, o) => {
-      const t = q("survey-string");
+      const t = g("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: a(e.question.getItemClass(e.item))
@@ -798,7 +798,7 @@ const Qe = /* @__PURE__ */ h({
       }
     });
     return B(() => s.item), (t, l) => {
-      const c = q("survey-string");
+      const c = g("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: a(t.question.getItemClass(t.item))
@@ -853,7 +853,7 @@ const Qe = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("survey-string"), l = q("sv-svg-icon"), c = q("sv-loading-indicator");
+      const t = g("survey-string"), l = g("sv-svg-icon"), c = g("sv-loading-indicator");
       return i(), u("div", {
         class: a(e.question.cssClasses.root),
         ref_key: "root",
@@ -866,7 +866,7 @@ const Qe = /* @__PURE__ */ h({
           class: a(e.question.cssClasses.placeholder)
         }, [
           C(t, {
-            locString: e.question.locPlaceholder
+            locString: e.question.locRenderedPlaceholder
           }, null, 8, ["locString"])
         ], 2), [
           [H, e.question.needShowPlaceholder()]
@@ -943,7 +943,7 @@ const Qe = /* @__PURE__ */ h({
     A(s, n);
     const e = J(() => s.question.locImageLink);
     return (o, t) => {
-      const l = q("sv-svg-icon");
+      const l = g("sv-svg-icon");
       return i(), u("div", {
         class: a(o.question.cssClasses.root),
         ref_key: "root",
@@ -1038,7 +1038,7 @@ const Qe = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("survey-string"), l = q("sv-file-choose-btn"), c = q("sv-action-bar"), m = q("sv-file-clean-btn"), p = q("sv-loading-indicator"), g = q("sv-file-video"), f = q("sv-file-preview");
+      const t = g("survey-string"), l = g("sv-file-choose-btn"), c = g("sv-action-bar"), m = g("sv-file-clean-btn"), p = g("sv-loading-indicator"), q = g("sv-file-video"), f = g("sv-file-preview");
       return i(), u("div", {
         class: a(e.question.fileRootCss),
         ref_key: "root",
@@ -1115,7 +1115,7 @@ const Qe = /* @__PURE__ */ h({
           }, [
             C(p)
           ], 2)) : d("", !0),
-          e.question.isPlayingVideo ? (i(), y(g, {
+          e.question.isPlayingVideo ? (i(), y(q, {
             key: 3,
             question: e.question
           }, null, 8, ["question"])) : d("", !0),
@@ -1185,7 +1185,7 @@ const Qe = /* @__PURE__ */ h({
     B(() => s.item);
     const e = J(() => s.item.locImageLink);
     return (o, t) => {
-      const l = q("sv-svg-icon"), c = q("survey-string");
+      const l = g("sv-svg-icon"), c = g("survey-string");
       return i(), u("div", {
         class: a(n(o.item))
       }, [
@@ -1314,7 +1314,7 @@ const Qe = /* @__PURE__ */ h({
       t.value = o.target.value;
     };
     return (o, t) => {
-      const l = q("sv-character-counter");
+      const l = g("sv-character-counter");
       return !o.question.isReadOnlyRenderDiv() && !o.question.getMaxLength() ? (i(), u("textarea", {
         key: 0,
         ref_key: "root",
@@ -1392,7 +1392,7 @@ const Qe = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("sv-dropdown"), l = q("survey-other-choice");
+      const t = g("sv-dropdown"), l = g("survey-other-choice");
       return i(), u("div", {
         class: a(e.question.renderCssRoot),
         ref_key: "root",
@@ -1439,7 +1439,7 @@ const rn = /* @__PURE__ */ h({
       }
     });
     return (l, c) => {
-      const m = q("sv-dropdown-option-item"), p = q("sv-svg-icon"), g = q("survey-other-choice");
+      const m = g("sv-dropdown-option-item"), p = g("sv-svg-icon"), q = g("survey-other-choice");
       return i(), u("div", {
         class: a(l.question.renderCssRoot),
         ref_key: "root",
@@ -1486,7 +1486,7 @@ const rn = /* @__PURE__ */ h({
             }, null, 8, ["class", "iconName"])
           ], 2)) : d("", !0)
         ], 2),
-        l.question.isOtherSelected ? (i(), y(g, {
+        l.question.isOtherSelected ? (i(), y(q, {
           key: 0,
           question: l.question
         }, null, 8, ["question"])) : d("", !0)
@@ -1534,7 +1534,7 @@ const rn = /* @__PURE__ */ h({
     }, p = (k) => {
       var L;
       (L = e.value) == null || L.onBlur(k), m();
-    }, g = (k) => {
+    }, q = (k) => {
       var L;
       (L = e.value) == null || L.onFocus(k);
     }, f = (k) => {
@@ -1543,7 +1543,7 @@ const rn = /* @__PURE__ */ h({
       () => s.question.showSelectedItemLocText
     ), N = w(() => s.question.selectedItemLocText);
     return B(() => e.value), te(m), M(m), (k, L) => {
-      const W = q("survey-string"), V = q("sv-svg-icon"), K = q("sv-popup");
+      const W = g("survey-string"), V = g("sv-svg-icon"), K = g("sv-popup");
       return i(), u("div", {
         class: a(k.question.cssClasses.selectWrapper),
         onClick: o
@@ -1612,7 +1612,7 @@ const rn = /* @__PURE__ */ h({
               placeholder: e.value.placeholderRendered,
               onInput: f,
               onBlur: p,
-              onFocus: g
+              onFocus: q
             }, null, 42, mn)
           ], 2),
           k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
@@ -1670,7 +1670,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("sv-tagbox"), l = q("survey-other-choice");
+      const t = g("sv-tagbox"), l = g("survey-other-choice");
       return i(), u("div", {
         class: a(e.question.renderCssRoot),
         ref_key: "root",
@@ -1684,7 +1684,7 @@ const rn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), gn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], yn = /* @__PURE__ */ h({
+}), qn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], gn = ["id"], yn = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1694,23 +1694,23 @@ const rn = /* @__PURE__ */ h({
       const p = s.question;
       return p.dropdownListModel || (p.dropdownListModel = new Le(p)), s.question.dropdownListModel;
     }), e = (p) => {
-      var g;
-      (g = n.value) == null || g.onClick(p);
+      var q;
+      (q = n.value) == null || q.onClick(p);
     }, o = (p) => {
-      var g;
-      (g = n.value) == null || g.chevronPointerDown(p);
+      var q;
+      (q = n.value) == null || q.chevronPointerDown(p);
     }, t = (p) => {
-      var g;
-      (g = n.value) == null || g.onClear(p);
+      var q;
+      (q = n.value) == null || q.onClear(p);
     }, l = (p) => {
-      var g;
-      (g = n.value) == null || g.keyHandler(p);
+      var q;
+      (q = n.value) == null || q.keyHandler(p);
     }, c = (p) => {
-      var g;
-      (g = n.value) == null || g.onBlur(p);
+      var q;
+      (q = n.value) == null || q.onBlur(p);
     }, m = le(() => s.question.selectedChoices);
-    return B(() => n.value), (p, g) => {
-      const f = q("sv-tagbox-item"), b = q("sv-tagbox-filter"), N = q("sv-svg-icon"), k = q("sv-popup"), L = q("survey-string");
+    return B(() => n.value), (p, q) => {
+      const f = g("sv-tagbox-item"), b = g("sv-tagbox-filter"), N = g("sv-svg-icon"), k = g("sv-popup"), L = g("survey-string");
       return i(), u("div", {
         class: a(p.question.cssClasses.selectWrapper),
         onClick: e
@@ -1761,7 +1761,7 @@ const rn = /* @__PURE__ */ h({
           ], 2)), [
             [H, p.question.showClearButton]
           ]) : d("", !0)
-        ], 42, gn)),
+        ], 42, qn)),
         p.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1772,7 +1772,7 @@ const rn = /* @__PURE__ */ h({
             key: 0,
             locString: p.question.locReadOnlyText
           }, null, 8, ["locString"])) : d("", !0)
-        ], 10, qn)) : (i(), y(k, {
+        ], 10, gn)) : (i(), y(k, {
           key: 1,
           model: n.value.popupModel
         }, null, 8, ["model"])),
@@ -1809,7 +1809,7 @@ const rn = /* @__PURE__ */ h({
       s.model.onFocus(l);
     };
     return B(() => s.model), (l, c) => {
-      const m = q("survey-string");
+      const m = g("survey-string");
       return i(), u("div", {
         class: a(l.question.cssClasses.hint)
       }, [
@@ -1873,7 +1873,7 @@ const rn = /* @__PURE__ */ h({
       s.question.dropdownListModel.deselectItem(s.item.value), e.stopPropagation();
     };
     return B(() => s.item), (e, o) => {
-      const t = q("survey-string"), l = q("sv-svg-icon");
+      const t = g("survey-string"), l = g("sv-svg-icon");
       return i(), u("div", {
         class: "sv-tagbox__item",
         key: e.item.key
@@ -1918,7 +1918,7 @@ const rn = /* @__PURE__ */ h({
       }
     });
     return (t, l) => {
-      const c = q("survey-string");
+      const c = g("survey-string");
       return i(), u("div", {
         class: a(t.question.rootClass),
         ref_key: "root",
@@ -1983,7 +1983,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = w(() => s.question.getNumberByIndex(s.index));
     return B(() => s.item), (e, o) => {
-      const t = q("survey-string");
+      const t = g("survey-string");
       return i(), u("div", {
         tabindex: e.question.getItemTabIndex(e.item),
         "data-sv-drop-target-ranking-item": e.index,
@@ -2064,7 +2064,7 @@ const rn = /* @__PURE__ */ h({
     A(s, n);
     const e = (o) => s.question.getInputId(o);
     return (o, t) => {
-      const l = q("survey-string");
+      const l = g("survey-string");
       return i(), u("div", {
         class: a(o.question.ratingRootCss),
         ref_key: "root",
@@ -2108,7 +2108,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return B(() => s.item), (n, e) => {
-      const o = q("survey-string");
+      const o = g("survey-string");
       return i(), u("label", {
         key: n.item.value,
         onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2147,7 +2147,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return B(() => s.item), (n, e) => {
-      const o = q("sv-svg-icon");
+      const o = g("sv-svg-icon");
       return i(), u("label", {
         key: n.item.value,
         onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2187,7 +2187,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return B(() => s.item), (n, e) => {
-      const o = q("sv-svg-icon");
+      const o = g("sv-svg-icon");
       return i(), u("label", {
         key: n.item.value,
         onMousedown: e[1] || (e[1] = (t) => n.question.onMouseDown()),
@@ -2234,7 +2234,7 @@ const rn = /* @__PURE__ */ h({
   setup(r) {
     const s = r;
     return B(() => s.item), (n, e) => {
-      const o = q("survey-string");
+      const o = g("survey-string");
       return i(), u("div", Wn, [
         v("span", Vn, R(n.item.title), 1),
         n.item.description ? (i(), u("div", Fn, [
@@ -2260,7 +2260,7 @@ const zn = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("sv-dropdown");
+      const t = g("sv-dropdown");
       return i(), u("div", {
         class: a(e.question.cssClasses.rootDropdown),
         ref_key: "root",
@@ -2286,7 +2286,7 @@ const zn = /* @__PURE__ */ h({
     };
     return (t, l) => {
       var m;
-      const c = q("survey-string");
+      const c = g("survey-string");
       return i(), u("div", {
         class: a(t.question.cssClasses.root),
         ref_key: "root",
@@ -2375,7 +2375,7 @@ const jn = /* @__PURE__ */ h({
   setup(r) {
     const s = $(null);
     return A(r, s), (e, o) => {
-      const t = q("sv-boolean-radio-item");
+      const t = g("sv-boolean-radio-item");
       return i(), u("div", {
         class: a(e.question.cssClasses.rootRadio),
         ref_key: "root",
@@ -2385,13 +2385,19 @@ const jn = /* @__PURE__ */ h({
           role: "presentation",
           class: a(e.question.cssClasses.radioFieldset)
         }, [
+          e.question.swapOrder ? (i(), y(t, {
+            key: !0,
+            question: e.question,
+            locText: e.question.locLabelTrue,
+            value: !0
+          }, null, 8, ["question", "locText"])) : d("", !0),
           (i(), y(t, {
             key: !1,
             question: e.question,
             locText: e.question.locLabelFalse,
             value: !1
           }, null, 8, ["question", "locText"])),
-          (i(), y(t, {
+          e.question.swapOrder ? d("", !0) : (i(), y(t, {
             key: !0,
             question: e.question,
             locText: e.question.locLabelTrue,
@@ -2414,7 +2420,7 @@ const jn = /* @__PURE__ */ h({
       o.booleanValue = e.target.value == "true";
     };
     return (e, o) => {
-      const t = q("survey-string");
+      const t = g("survey-string");
       return i(), u("div", {
         role: "presentation",
         class: a(e.question.getRadioItemClass(e.question.cssClasses, e.value))
@@ -2471,7 +2477,7 @@ const so = /* @__PURE__ */ h({
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
       var m;
-      const t = q("survey-element-title-content"), l = q("sv-title-actions"), c = q("survey-string");
+      const t = g("survey-element-title-content"), l = g("sv-title-actions"), c = g("survey-string");
       return i(), u("div", {
         class: a(e.question.cssClasses.rootCheckbox),
         ref_key: "root",
@@ -2551,7 +2557,7 @@ const so = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null), e = le(() => s.question.getRows());
     return A(s, n), (o, t) => {
-      const l = q("survey-multipletext-item");
+      const l = g("survey-multipletext-item");
       return i(), u("table", {
         class: a(o.question.getQuestionRootCss()),
         ref_key: "root",
@@ -2591,7 +2597,7 @@ const so = /* @__PURE__ */ h({
     B(() => s.cell.item.editor);
     const e = w(() => s.cell.item);
     return (o, t) => {
-      const l = q("survey-string"), c = q("survey-errors");
+      const l = g("survey-string"), c = g("survey-errors");
       return o.cell.isErrorsCell ? (i(), y(c, {
         key: 1,
         element: e.value.editor
@@ -2654,7 +2660,7 @@ const so = /* @__PURE__ */ h({
       t.value = l.value;
     };
     return (t, l) => {
-      const c = q("survey-string");
+      const c = g("survey-string");
       return i(), u("div", {
         class: a(t.question.cssClasses.tableWrapper),
         ref_key: "root",
@@ -2714,25 +2720,25 @@ const so = /* @__PURE__ */ h({
                 ], 6), [
                   [H, t.question.hasRows]
                 ]),
-                t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (g, f) => (i(), u("td", {
+                t.question.hasCellText ? (i(!0), u(_, { key: 0 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
-                  class: a(t.question.getItemClass(m, g)),
-                  onClick: (b) => o(m, g)
+                  class: a(t.question.getItemClass(m, q)),
+                  onClick: (b) => o(m, q)
                 }, [
                   C(c, {
-                    locString: t.question.getCellDisplayLocText(m.name, g)
+                    locString: t.question.getCellDisplayLocText(m.name, q)
                   }, null, 8, ["locString"])
                 ], 10, ao))), 128)) : d("", !0),
-                t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (g, f) => (i(), u("td", {
+                t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (q, f) => (i(), u("td", {
                   key: f,
-                  "data-responsive-title": g.locText.renderedHtml,
+                  "data-responsive-title": q.locText.renderedHtml,
                   class: a(t.question.cssClasses.cell),
-                  onClick: (b) => o(m, g)
+                  onClick: (b) => o(m, q)
                 }, [
                   (i(), y(T(t.question.cellComponent), {
                     question: t.question,
                     row: m,
-                    column: g,
+                    column: q,
                     columnIndex: f
                   }, null, 8, ["question", "row", "column", "columnIndex"]))
                 ], 10, uo))), 128))
@@ -2754,7 +2760,7 @@ const so = /* @__PURE__ */ h({
   },
   setup(r) {
     return (s, n) => {
-      const e = q("survey-string");
+      const e = g("survey-string");
       return i(), u("label", {
         onMousedown: n[1] || (n[1] = (o) => s.question.onMouseDown()),
         class: a(s.question.getItemClass(s.row, s.column))
@@ -2800,7 +2806,7 @@ const so = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), go = /* @__PURE__ */ h({
+}), qo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2809,7 +2815,7 @@ const so = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = $(null);
     return A(s, n), (e, o) => {
-      const t = q("survey-matrixtable");
+      const t = g("survey-matrixtable");
       return i(), y(t, {
         question: e.question,
         ref_key: "root",
@@ -2817,7 +2823,7 @@ const so = /* @__PURE__ */ h({
       }, null, 8, ["question"]);
     };
   }
-}), qo = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
+}), go = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], ho = { key: 1 }, Co = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2838,7 +2844,7 @@ const so = /* @__PURE__ */ h({
         };
       }
     ), (e, o) => {
-      const t = q("survey-string"), l = q("survey-matrixheaderrequired"), c = q("survey-matrixdropdown-cell");
+      const t = g("survey-string"), l = g("survey-matrixheaderrequired"), c = g("survey-matrixdropdown-cell");
       return i(), u("div", {
         style: S({ overflowX: e.question.showHorizontalScroll ? "scroll" : "" }),
         class: a(e.question.cssClasses.tableWrapper)
@@ -2846,7 +2852,7 @@ const so = /* @__PURE__ */ h({
         v("table", {
           class: a(e.question.getTableCss())
         }, [
-          n.value.showHeader ? (i(), u("thead", qo, [
+          n.value.showHeader ? (i(), u("thead", go, [
             v("tr", null, [
               (i(!0), u(_, null, D(n.value.headerRow.cells, (m) => (i(), u(_, null, [
                 m.hasTitle ? (i(), u("th", {
@@ -2888,10 +2894,10 @@ const so = /* @__PURE__ */ h({
                 onPointerdown: (p) => e.question.onPointerDown(p, m.row),
                 class: a(m.className)
               }, [
-                (i(!0), u(_, null, D(m.cells, (p, g) => (i(), y(c, {
+                (i(!0), u(_, null, D(m.cells, (p, q) => (i(), y(c, {
                   cell: p,
                   question: e.question,
-                  key: m.id + "_" + g
+                  key: m.id + "_" + q
                 }, null, 8, ["cell", "question"]))), 128))
               ], 42, yo)) : d("", !0)
             ], 64))), 128))
@@ -2932,26 +2938,26 @@ const so = /* @__PURE__ */ h({
     cell: {}
   },
   setup(r) {
-    const s = r, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => n.value = s.cell.question.isVisible, c = (g) => re(g);
+    const s = r, n = $(!1), e = $(), o = () => s.cell.headers, t = () => !!s.cell.width || !!s.cell.minWidth ? { width: s.cell.width, minWidth: s.cell.minWidth } : null, l = () => n.value = s.cell.question.isVisible, c = (q) => re(q);
     M(() => {
       if (!s.cell.hasQuestion || !s.question || !s.question.survey)
         return;
       l(), s.cell.question.registerPropertyChangedHandlers(["isVisible"], () => {
         l();
       });
-      const g = e.value, f = s.cell.question, b = {
+      const q = e.value, f = s.cell.question, b = {
         cell: s.cell.cell,
         cellQuestion: f,
-        htmlElement: g,
+        htmlElement: q,
         row: s.cell.row,
         column: s.cell.cell.column
       };
-      s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(g);
+      s.question.survey.matrixAfterCellRender(s.question, b), f && f.afterRenderCore(q);
     });
     const m = w(() => {
-      const g = s.cell;
-      if (g.hasPanel) {
-        const f = g.panel, b = f.survey;
+      const q = s.cell;
+      if (q.hasPanel) {
+        const f = q.panel, b = f.survey;
         if (b) {
           const N = b.getElementWrapperComponentName(f);
           if (N)
@@ -2973,91 +2979,91 @@ const so = /* @__PURE__ */ h({
         };
       }
     });
-    return (g, f) => {
-      const b = q("survey-errors"), N = q("sv-matrix-drag-drop-icon"), k = q("sv-action-bar"), L = q("survey-radiogroup-item"), W = q("survey-checkbox-item"), V = q("survey-other-choice"), K = q("survey-string");
+    return (q, f) => {
+      const b = g("survey-errors"), N = g("sv-matrix-drag-drop-icon"), k = g("sv-action-bar"), L = g("survey-radiogroup-item"), W = g("survey-checkbox-item"), V = g("survey-other-choice"), K = g("survey-string");
       return i(), u("td", {
-        class: a(g.cell.className),
+        class: a(q.cell.className),
         "data-responsive-title": o(),
-        title: g.cell.getTitle(),
+        title: q.cell.getTitle(),
         style: S(t()),
-        colspan: g.cell.colSpans,
-        onFocusin: f[0] || (f[0] = (ue) => g.cell.focusIn()),
+        colspan: q.cell.colSpans,
+        onFocusin: f[0] || (f[0] = (ue) => q.cell.focusIn()),
         ref_key: "root",
         ref: e
       }, [
-        g.cell.isErrorsCell ? (i(), y(b, {
+        q.cell.isErrorsCell ? (i(), y(b, {
           key: 0,
-          element: g.cell.question
+          element: q.cell.question
         }, null, 8, ["element"])) : d("", !0),
-        g.cell.isDragHandlerCell ? (i(), y(N, {
+        q.cell.isDragHandlerCell ? (i(), y(N, {
           key: 1,
-          item: { data: { row: g.cell.row, question: g.question } }
+          item: { data: { row: q.cell.row, question: q.question } }
         }, null, 8, ["item"])) : d("", !0),
-        g.cell.isActionsCell ? (i(), y(k, {
+        q.cell.isActionsCell ? (i(), y(k, {
           key: 2,
-          model: g.cell.item.getData(),
+          model: q.cell.item.getData(),
           handleClick: !1
         }, null, 8, ["model"])) : d("", !0),
-        g.cell.hasPanel ? (i(), y(T(m.value), z(E({ key: 3 }, p.value)), null, 16)) : d("", !0),
-        g.cell.hasQuestion ? P((i(), u("div", {
+        q.cell.hasPanel ? (i(), y(T(m.value), z(E({ key: 3 }, p.value)), null, 16)) : d("", !0),
+        q.cell.hasQuestion ? P((i(), u("div", {
           key: 4,
-          class: a(g.cell.cellQuestionWrapperClassName)
+          class: a(q.cell.cellQuestionWrapperClassName)
         }, [
-          !g.cell.isChoice && g.cell.question.isDefaultRendering() ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell.cell)), {
+          !q.cell.isChoice && q.cell.question.isDefaultRendering() ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell.cell)), {
             key: 0,
-            componentData: g.question.getCellWrapperComponentData(g.cell.cell)
+            componentData: q.question.getCellWrapperComponentData(q.cell.cell)
           }, {
             default: F(() => [
-              (i(), y(T(c(g.cell.question)), {
-                question: g.cell.question
+              (i(), y(T(c(q.cell.question)), {
+                question: q.cell.question
               }, null, 8, ["question"]))
             ]),
             _: 1
           }, 8, ["componentData"])) : d("", !0),
-          !g.cell.isChoice && !g.cell.question.isDefaultRendering() ? (i(), y(T(g.cell.question.getComponentName()), {
+          !q.cell.isChoice && !q.cell.question.isDefaultRendering() ? (i(), y(T(q.cell.question.getComponentName()), {
             key: 1,
-            question: g.cell.question
+            question: q.cell.question
           }, null, 8, ["question"])) : d("", !0),
-          g.cell.isItemChoice ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell.cell)), {
+          q.cell.isItemChoice ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell.cell)), {
             key: 2,
-            componentData: g.question.getCellWrapperComponentData(g.cell.cell)
+            componentData: q.question.getCellWrapperComponentData(q.cell.cell)
           }, {
             default: F(() => [
-              g.cell.isRadio ? (i(), y(L, {
-                key: g.cell.item.value,
-                question: g.cell.question,
-                item: g.cell.item,
+              q.cell.isRadio ? (i(), y(L, {
+                key: q.cell.item.value,
+                question: q.cell.question,
+                item: q.cell.item,
                 hideLabel: !0
               }, null, 8, ["question", "item"])) : d("", !0),
-              g.cell.isCheckbox ? (i(), y(W, {
-                key: g.cell.item.value,
-                question: g.cell.question,
-                item: g.cell.item,
+              q.cell.isCheckbox ? (i(), y(W, {
+                key: q.cell.item.value,
+                question: q.cell.question,
+                item: q.cell.item,
                 hideLabel: !0
               }, null, 8, ["question", "item"])) : d("", !0)
             ]),
             _: 1
           }, 8, ["componentData"])) : d("", !0),
-          g.cell.isOtherChoice ? (i(), y(V, {
+          q.cell.isOtherChoice ? (i(), y(V, {
             key: 3,
-            question: g.cell.question
+            question: q.cell.question
           }, null, 8, ["question"])) : d("", !0)
         ], 2)), [
           [H, n.value]
         ]) : d("", !0),
-        g.cell.hasTitle ? (i(), y(T(g.question.getCellWrapperComponentName(g.cell)), {
+        q.cell.hasTitle ? (i(), y(T(q.question.getCellWrapperComponentName(q.cell)), {
           key: 5,
-          componentData: g.question.getCellWrapperComponentData(g.cell)
+          componentData: q.question.getCellWrapperComponentData(q.cell)
         }, {
           default: F(() => [
-            g.cell.hasTitle ? (i(), y(K, {
+            q.cell.hasTitle ? (i(), y(K, {
               key: 0,
-              locString: g.cell.locTitle
+              locString: q.cell.locTitle
             }, null, 8, ["locString"])) : d("", !0),
-            g.cell.requiredText ? (i(), u("span", {
+            q.cell.requiredText ? (i(), u("span", {
               key: 1,
-              class: a(g.question.cssClasses.cellRequiredText)
-            }, R(g.cell.requiredText), 3)) : d("", !0)
+              class: a(q.question.cssClasses.cellRequiredText)
+            }, R(q.cell.requiredText), 3)) : d("", !0)
           ]),
           _: 1
         }, 8, ["componentData"])) : d("", !0)
@@ -3077,7 +3083,7 @@ const so = /* @__PURE__ */ h({
       s.question.addRowUI();
     };
     return (o, t) => {
-      const l = q("survey-string"), c = q("survey-matrixtable");
+      const l = g("survey-string"), c = g("survey-matrixtable");
       return i(), u("div", {
         ref_key: "root",
         ref: n
@@ -3163,7 +3169,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
   setup(r) {
     const s = r, { question: n, row: e } = ae(s);
     return (o, t) => {
-      const l = q("survey-string");
+      const l = g("survey-string");
       return i(), u("button", {
         type: "button",
         class: a(I(n).getRemoveRowButtonCss()),
@@ -3206,7 +3212,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
   setup(r) {
     const s = r, { question: n, row: e } = ae(s);
     return (o, t) => {
-      const l = q("sv-svg-icon");
+      const l = g("sv-svg-icon");
       return i(), u("button", {
         type: "button",
         class: a(I(n).getDetailPanelButtonCss(I(e))),
@@ -3255,30 +3261,30 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
     );
     const o = w(() => {
       if (s.question.isRenderModeList)
-        return s.question.panels;
+        return s.question.visiblePanels;
       const m = [];
       return s.question.currentPanel && m.push(s.question.currentPanel), m;
     }), t = () => s.question.showLegacyNavigation, l = (m) => {
       const p = s.question.getSurvey();
       if (p) {
-        const g = p.getElementWrapperComponentName(m);
-        if (g)
-          return g;
+        const q = p.getElementWrapperComponentName(m);
+        if (q)
+          return q;
       }
       return "panel";
     }, c = (m) => {
       const p = s.question.getSurvey();
-      let g;
-      return p && (g = p.getElementWrapperComponentData(m)), {
+      let q;
+      return p && (q = p.getElementWrapperComponentData(m)), {
         componentName: "survey-panel",
         componentData: {
           element: m,
-          data: g
+          data: q
         }
       };
     };
     return (m, p) => {
-      const g = q("survey-string"), f = q("sv-paneldynamic-add-btn"), b = q("survey-paneldynamicprogress"), N = q("sv-paneldynamic-remove-btn"), k = q("survey-paneldynamicprogress-v2");
+      const q = g("survey-string"), f = g("sv-paneldynamic-add-btn"), b = g("survey-paneldynamicprogress"), N = g("sv-paneldynamic-remove-btn"), k = g("survey-paneldynamicprogress-v2");
       return i(), u("div", {
         class: a(m.question.cssClasses.root),
         ref_key: "root",
@@ -3289,7 +3295,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
           class: a(m.question.cssClasses.noEntriesPlaceholder)
         }, [
           v("span", null, [
-            C(g, {
+            C(q, {
               locString: m.question.locNoEntriesText
             }, null, 8, ["locString"])
           ]),
@@ -3351,7 +3357,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = () => s.question.isProgressTopShowing ? s.question.cssClasses.progressTop : s.question.cssClasses.progressBottom;
     return (e, o) => {
-      const t = q("sv-paneldynamic-prev-btn"), l = q("sv-paneldynamic-next-btn"), c = q("sv-paneldynamic-add-btn"), m = q("sv-paneldynamic-progress-text");
+      const t = g("sv-paneldynamic-prev-btn"), l = g("sv-paneldynamic-next-btn"), c = g("sv-paneldynamic-add-btn"), m = g("sv-paneldynamic-progress-text");
       return i(), u("div", {
         class: a(n())
       }, [
@@ -3396,7 +3402,7 @@ const So = ["disabled"], Ro = /* @__PURE__ */ h({
   },
   setup(r) {
     return (s, n) => {
-      const e = q("sv-action-bar");
+      const e = g("sv-action-bar");
       return s.question.cssClasses.footer ? (i(), u("div", {
         key: 0,
         class: a(s.question.cssClasses.footer)
@@ -3442,7 +3448,7 @@ const Po = /* @__PURE__ */ h({
       n.value.addPanelUI();
     };
     return (o, t) => {
-      const l = q("survey-string");
+      const l = g("survey-string");
       return I(n).canAddPanel ? (i(), u("button", {
         key: 0,
         type: "button",
@@ -3470,7 +3476,7 @@ const Po = /* @__PURE__ */ h({
       n.value.goToNextPanel();
     };
     return (o, t) => {
-      const l = q("sv-svg-icon");
+      const l = g("sv-svg-icon");
       return i(), u("div", {
         title: I(n).panelNextText,
         onClick: e,
@@ -3494,7 +3500,7 @@ const Po = /* @__PURE__ */ h({
       n.value.goToPrevPanel();
     };
     return (o, t) => {
-      const l = q("sv-svg-icon");
+      const l = g("sv-svg-icon");
       return i(), u("div", {
         title: I(n).panelPrevText,
         onClick: e,
@@ -3520,7 +3526,7 @@ const Po = /* @__PURE__ */ h({
       n.value.isInputReadOnly || n.value.removePanelUI(t);
     };
     return (t, l) => {
-      const c = q("survey-string");
+      const c = g("survey-string");
       return i(), u("button", {
         type: "button",
         class: a(I(n).getPanelRemoveButtonCss()),
@@ -3560,7 +3566,7 @@ const Po = /* @__PURE__ */ h({
   setup(r) {
     const s = $();
     return (n, e) => {
-      const o = q("survey-string");
+      const o = g("survey-string");
       return n.element.hasVisibleErrors ? (i(), u("div", {
         key: 0,
         role: "alert",
@@ -3626,10 +3632,10 @@ const Po = /* @__PURE__ */ h({
   },
   setup(r) {
     const s = (n) => {
-      qe(n);
+      ge(n);
     };
     return (n, e) => {
-      const o = q("survey-element-title-content"), t = q("sv-title-actions");
+      const o = g("survey-element-title-content"), t = g("sv-title-actions");
       return n.element.hasTitle ? (i(), y(T(n.element.titleTagName), {
         key: 0,
         class: a(n.element.cssTitle),
@@ -3670,7 +3676,7 @@ const Po = /* @__PURE__ */ h({
       () => (s.element.isPanel ? s.element.cssClasses.panel : s.element.cssClasses) || {}
     );
     return (e, o) => {
-      const t = q("survey-string");
+      const t = g("survey-string");
       return i(), u(_, null, [
         e.element.isTitleRenderedAsString ? (i(), y(t, {
           key: 0,
@@ -3716,7 +3722,7 @@ const Po = /* @__PURE__ */ h({
   setup(r) {
     const s = r, n = w(() => s.element.getTitleToolbar());
     return (e, o) => {
-      const t = q("survey-string"), l = q("survey-element-title-content"), c = q("sv-action-bar");
+      const t = g("survey-string"), l = g("survey-element-title-content"), c = g("sv-action-bar");
       return i(), u("div", Yo, [
         v("span", Zo, [
           e.element.isPage ? (i(), y(t, {
@@ -3795,7 +3801,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     }), O(() => {
       s.model.resetResponsivityManager();
     }), (t, l) => {
-      const c = q("sv-action");
+      const c = g("sv-action");
       return t.model.hasActions ? (i(), u("div", {
         key: 0,
         ref_key: "root",
@@ -3820,7 +3826,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       () => s.item.component || "sv-action-bar-item"
     );
     return B(() => s.item), (e, o) => {
-      const t = q("sv-action-bar-separator");
+      const t = g("sv-action-bar-separator");
       return i(), u("div", {
         class: a(e.item.getActionRootCss()),
         id: e.item.id
@@ -3834,7 +3840,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   }
 }), pt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], vt = {
   inheritAttrs: !1
-}, gt = /* @__PURE__ */ h({
+}, qt = /* @__PURE__ */ h({
   ...vt,
   __name: "ActionBarItem",
   props: {
@@ -3843,7 +3849,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   setup(r) {
     const s = r;
     return B(() => s.item), (n, e) => {
-      const o = q("sv-svg-icon"), t = X("key2click");
+      const o = g("sv-svg-icon"), t = X("key2click");
       return P((i(), u("button", {
         class: a(n.item.getActionBarItemCss()),
         type: "button",
@@ -3875,7 +3881,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       ]);
     };
   }
-}), qt = ["disabled", "title", "role"], yt = {
+}), gt = ["disabled", "title", "role"], yt = {
   inheritAttrs: !1
 }, ht = /* @__PURE__ */ h({
   ...yt,
@@ -3895,7 +3901,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
         e.dispose();
       }
     ), (o, t) => {
-      const l = q("sv-svg-icon"), c = q("sv-popup"), m = X("key2click");
+      const l = g("sv-svg-icon"), c = g("sv-popup"), m = X("key2click");
       return i(), u(_, null, [
         P((i(), u("button", {
           type: "button",
@@ -3921,7 +3927,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
             key: 1,
             class: a(o.item.getActionBarItemTitleCss())
           }, R(o.item.title), 3)) : d("", !0)
-        ], 42, qt)), [
+        ], 42, gt)), [
           [m, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
         ]),
         C(c, {
@@ -3960,7 +3966,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     return B(() => s.model), M(() => {
       s.model.initListContainerHtmlElement(n.value);
     }), (l, c) => {
-      const m = q("sv-svg-icon"), p = q("sv-list-item");
+      const m = g("sv-svg-icon"), p = g("sv-list-item");
       return i(), u("div", {
         class: a(l.model.cssClasses.root),
         ref_key: "listContainerElement",
@@ -3989,8 +3995,8 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
           }, null, 42, bt),
           l.model.showSearchClearButton && !!l.model.filterString ? (i(), u("button", {
             key: 0,
-            onClick: c[0] || (c[0] = (g) => {
-              l.model.onClickSearchClearButton(g);
+            onClick: c[0] || (c[0] = (q) => {
+              l.model.onClickSearchClearButton(q);
             }),
             class: a(l.model.cssClasses.searchClearButtonIcon)
           }, [
@@ -4015,18 +4021,18 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
           class: a(l.model.getListClass()),
           role: "listbox",
           id: l.model.elementId,
-          onMousedown: c[1] || (c[1] = (g) => {
-            g.preventDefault();
+          onMousedown: c[1] || (c[1] = (q) => {
+            q.preventDefault();
           }),
           onMousemove: t,
-          onKeydown: c[2] || (c[2] = (g) => {
-            l.model.onKeyDown(g);
+          onKeydown: c[2] || (c[2] = (q) => {
+            l.model.onKeyDown(q);
           })
         }, [
-          (i(!0), u(_, null, D(l.model.renderedActions, (g) => (i(), y(p, {
-            item: g,
+          (i(!0), u(_, null, D(l.model.renderedActions, (q) => (i(), y(p, {
+            item: q,
             model: l.model,
-            key: g.id
+            key: q.id
           }, null, 8, ["item", "model"]))), 128))
         ], 42, ft)), [
           [H, !l.model.isEmpty]
@@ -4034,7 +4040,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       ], 2);
     };
   }
-}), wt = ["aria-selected", "id"], St = ["title"], Rt = /* @__PURE__ */ h({
+}), wt = ["aria-selected", "id", "tabindex"], St = ["title"], Rt = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4049,16 +4055,16 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
         s.model.onLastItemRended(s.item);
       });
     }), (o, t) => {
-      const l = q("sv-svg-icon"), c = q("survey-string"), m = X("key2click");
+      const l = g("sv-svg-icon"), c = g("survey-string"), m = X("key2click");
       return P((i(), u("li", {
-        tabindex: "0",
         role: "option",
         "aria-selected": o.model.isItemSelected(o.item),
         key: o.item.id,
         id: n.value,
         onPointerdown: t[0] || (t[0] = (p) => o.model.onPointerDown(p, o.item)),
         class: a(o.model.getItemClass(o.item)),
-        onClick: e
+        onClick: e,
+        tabindex: o.item.disableTabStop ? -1 : 0
       }, [
         o.item.needSeparator ? (i(), u("div", {
           key: 0,
@@ -4086,7 +4092,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
         ], 14, St)
       ], 42, wt)), [
         [H, o.model.isItemVisible(o.item)],
-        [m]
+        [m, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
       ]);
     };
   }
@@ -4113,7 +4119,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     }), O(() => {
       n.value.dispose();
     }), (o, t) => {
-      const l = q("sv-popup-container");
+      const l = g("sv-popup-container");
       return i(), u("div", {
         ref_key: "root",
         ref: e
@@ -4145,7 +4151,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     }), M(() => {
       s.model.isVisible && s.model.updateOnShowing();
     }), (o, t) => {
-      const l = q("sv-action-bar");
+      const l = g("sv-action-bar");
       return P((i(), u("div", {
         tabindex: "-1",
         class: a(["sv-popup", o.model.styleClass]),
@@ -4273,13 +4279,13 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   setup(r) {
     const s = r, n = $(!1), e = $(!1), o = $(!1), t = $(!0), l = $(), c = w(() => s.survey.css);
     let m = null;
-    const p = (g) => {
+    const p = (q) => {
       let f = l.value;
-      f.scrollLeft += (g ? -1 : 1) * 70;
+      f.scrollLeft += (q ? -1 : 1) * 70;
     };
     return M(() => {
-      const g = l.value;
-      m = new He(s.model, g, {
+      const q = l.value;
+      m = new He(s.model, q, {
         onResize: (f) => {
           t.value = f, e.value = !f;
         },
@@ -4293,9 +4299,9 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       });
     }), G(() => {
       m.dispose();
-    }), (g, f) => (i(), u("div", {
-      class: a(g.model.getRootCss(g.container)),
-      style: S({ maxWidth: g.model.progressWidth }),
+    }), (q, f) => (i(), u("div", {
+      class: a(q.model.getRootCss(q.container)),
+      style: S({ maxWidth: q.model.progressWidth }),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
@@ -4303,18 +4309,18 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     }, [
       e.value ? (i(), u("div", {
         key: 0,
-        class: a(g.survey.css.progressButtonsHeader)
+        class: a(q.survey.css.progressButtonsHeader)
       }, [
         v("div", {
-          class: a(g.survey.css.progressButtonsPageTitle),
-          title: g.model.headerText
-        }, R(g.model.headerText), 11, Et)
+          class: a(q.survey.css.progressButtonsPageTitle),
+          title: q.model.headerText
+        }, R(q.model.headerText), 11, Et)
       ], 2)) : d("", !0),
       v("div", {
         class: a(c.value.progressButtonsContainer)
       }, [
         v("div", {
-          class: a(g.model.getScrollButtonCss(n.value, !0)),
+          class: a(q.model.getScrollButtonCss(n.value, !0)),
           onClick: f[0] || (f[0] = (b) => p(!0)),
           role: "button"
         }, null, 2),
@@ -4326,11 +4332,11 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
           v("ul", {
             class: a(c.value.progressButtonsList)
           }, [
-            (i(!0), u(_, null, D(g.survey.visiblePages, (b, N) => (i(), u("li", {
+            (i(!0), u(_, null, D(q.survey.visiblePages, (b, N) => (i(), u("li", {
               key: "listelement" + N,
-              class: a(g.model.getListElementCss(N)),
-              onClick: (k) => g.model.isListElementClickable(N) ? g.model.clickListElement(b) : null,
-              "data-page-number": g.model.getItemNumber(b)
+              class: a(q.model.getListElementCss(N)),
+              onClick: (k) => q.model.isListElementClickable(N) ? q.model.clickListElement(b) : null,
+              "data-page-number": q.model.getItemNumber(b)
             }, [
               v("div", {
                 class: a(c.value.progressButtonsConnector)
@@ -4354,25 +4360,25 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
                 v("div", {
                   class: a(c.value.progressButtonsButtonContent)
                 }, null, 2),
-                v("span", null, R(g.model.getItemNumber(b)), 1)
+                v("span", null, R(q.model.getItemNumber(b)), 1)
               ], 2)
             ], 10, Wt))), 128))
           ], 2)
         ], 2),
         v("div", {
-          class: a(g.model.getScrollButtonCss(n.value, !1)),
+          class: a(q.model.getScrollButtonCss(n.value, !1)),
           onClick: f[1] || (f[1] = (b) => p(!1)),
           role: "button"
         }, null, 2)
       ], 2),
       o.value ? (i(), u("div", {
         key: 1,
-        class: a(g.survey.css.progressButtonsFooter)
+        class: a(q.survey.css.progressButtonsFooter)
       }, [
         v("div", {
-          class: a(g.survey.css.progressButtonsPageTitle),
-          title: g.model.footerText
-        }, R(g.model.footerText), 11, Ot)
+          class: a(q.survey.css.progressButtonsPageTitle),
+          title: q.model.footerText
+        }, R(q.model.footerText), 11, Ot)
       ], 2)) : d("", !0)
     ], 6));
   }
@@ -4384,7 +4390,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   },
   setup(r) {
     return (s, n) => {
-      const e = q("sv-svg-icon"), o = q("sv-popup"), t = q("sv-list"), l = X("key2click");
+      const e = g("sv-svg-icon"), o = g("sv-popup"), t = g("sv-list"), l = X("key2click");
       return i(), u("div", {
         class: a(s.model.containerCss)
       }, [
@@ -4426,7 +4432,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       return !!t.value && b + o.value.toString();
     }, m = w(
       () => t.value.showCompletedPage && t.value.state === "completed"
-    ), p = w(() => t.value.css), g = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
+    ), p = w(() => t.value.css), q = w(() => "page" + c()), f = () => m.value ? (e.value || (e.value = t.value.processedCompletedHtml), e.value) : "";
     return B(() => t.value), M(() => {
       if (!!t.value) {
         var b = n.value;
@@ -4438,7 +4444,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     }), O(() => {
       t.value.stopTimer(), t.value.renderCallback = void 0;
     }), (b, N) => {
-      const k = q("sv-svg-bundle"), L = q("survey-popup-modal"), W = q("survey-header"), V = q("survey-page"), K = q("sv-brand-info"), ue = q("sv-notifier");
+      const k = g("sv-svg-bundle"), L = g("survey-popup-modal"), W = g("survey-header"), V = g("survey-page"), K = g("sv-brand-info"), ue = g("sv-notifier");
       return i(), u("div", {
         class: a(t.value.getRootCss()),
         style: S(t.value.themeVariables),
@@ -4495,7 +4501,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
                       needRenderWrapper: !0
                     }, null, 8, ["survey"])),
                     (i(), y(V, {
-                      key: g.value,
+                      key: q.value,
                       survey: t.value,
                       page: t.value.activePage,
                       css: p.value
@@ -4561,7 +4567,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   setup(r) {
     const s = r;
     return B(() => s.model), (n, e) => {
-      const o = q("sv-action-bar");
+      const o = g("sv-action-bar");
       return n.model.isDisplayed ? (i(), u("div", {
         key: 0,
         class: a(n.model.css),
@@ -4657,7 +4663,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       return n.value.isCollapsed && (f += " " + n.value.cssRootCollapsedMod), f;
     };
     B(() => n.value);
-    const g = Q(
+    const q = Q(
       () => s.survey,
       (f) => {
         const b = new Ee(null, f);
@@ -4668,9 +4674,9 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       }
     );
     return O(() => {
-      g();
+      q();
     }), (f, b) => {
-      const N = q("sv-svg-icon");
+      const N = g("sv-svg-icon");
       return n.value.isShowing ? (i(), u("div", {
         key: 0,
         style: S({ maxWidth: n.value.renderedWidth, width: n.value.renderedWidth }),
@@ -4777,7 +4783,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   __name: "PopupModal",
   setup(r) {
     const s = U();
-    function n(o, t, l, c, m, p, g = "popup") {
+    function n(o, t, l, c, m, p, q = "popup") {
       const f = We(
         o,
         t,
@@ -4787,7 +4793,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
         void 0,
         m,
         p,
-        g
+        q
       );
       return e(f);
     }
@@ -4805,7 +4811,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     })), j.showDialog || (j.showDialog = e, O(() => {
       j.showDialog = void 0;
     })), (o, t) => {
-      const l = q("sv-popup-container");
+      const l = g("sv-popup-container");
       return s.value ? (i(), y(Re, {
         key: 0,
         to: s.value.container
@@ -4838,7 +4844,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
     A(s, n);
     const e = w(() => s.question.contentPanel);
     return (o, t) => {
-      const l = q("survey-panel");
+      const l = g("survey-panel");
       return i(), y(l, {
         ref_key: "root",
         ref: n,
@@ -4866,14 +4872,14 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
   }
 }), mi = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ci = [
   mi
-], ge = 440, pi = /* @__PURE__ */ h({
+], qe = 440, pi = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
     css: {}
   },
   setup(r) {
-    const s = r, n = w(() => ge * s.model.progress), e = w(() => s.model.text);
+    const s = r, n = w(() => qe * s.model.progress), e = w(() => s.model.text);
     return B(() => s.model), (o, t) => o.model.isRunning && o.model.showTimerAsClock ? (i(), u("div", {
       key: 0,
       class: a(o.model.rootCss)
@@ -4881,7 +4887,7 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       o.model.showProgress ? (i(), u("svg", {
         key: 0,
         class: a(o.model.getProgressCss()),
-        style: S({ strokeDasharray: ge, strokeDashoffset: n.value })
+        style: S({ strokeDasharray: qe, strokeDashoffset: n.value })
       }, ci, 6)) : d("", !0),
       v("div", {
         class: a(o.model.textContainerCss)
@@ -4901,17 +4907,17 @@ const it = /* @__PURE__ */ he(et, [["render", tt]]), rt = /* @__PURE__ */ v("use
       [H, o.model.isRunning && !o.model.showTimerAsClock]
     ]);
   }
-}), vi = {}, gi = { class: "sd-loading-indicator" };
-function qi(r, s) {
-  const n = q("sv-svg-icon");
-  return i(), u("div", gi, [
+}), vi = {}, qi = { class: "sd-loading-indicator" };
+function gi(r, s) {
+  const n = g("sv-svg-icon");
+  return i(), u("div", qi, [
     C(n, {
       iconName: "icon-loading",
       size: "'auto'"
     })
   ]);
 }
-const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
+const yi = /* @__PURE__ */ he(vi, [["render", gi]]), hi = { key: 2 }, Ci = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -4923,7 +4929,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
       const n = s.model;
       return n.survey = s.survey, s.model;
     }), (n, e) => {
-      const o = q("sv-header-cell"), t = q("sv-header-mobile");
+      const o = g("sv-header-cell"), t = g("sv-header-mobile");
       return i(), u("div", {
         class: a(n.model.headerClasses),
         style: S({ height: n.model.renderedHeight })
@@ -4959,7 +4965,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   },
   setup(r) {
     return (s, n) => {
-      const e = q("survey-element-title"), o = q("survey-string");
+      const e = g("survey-element-title"), o = g("survey-string");
       return i(), u("div", {
         class: a(s.model.css),
         style: S(s.model.style)
@@ -5020,7 +5026,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   },
   setup(r) {
     return (s, n) => {
-      const e = q("survey-element-title"), o = q("survey-string");
+      const e = g("survey-element-title"), o = g("survey-string");
       return i(), u("div", Ii, [
         s.model.survey.hasLogo ? (i(), u("div", wi, [
           v("div", {
@@ -5133,7 +5139,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   },
   setup(r) {
     return (s, n) => {
-      const e = q("sv-svg-icon");
+      const e = g("sv-svg-icon");
       return i(), u("button", {
         type: "button",
         class: a(s.css),
@@ -5156,7 +5162,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   },
   setup(r) {
     return (s, n) => {
-      const e = q("sv-action");
+      const e = g("sv-action");
       return i(), u("div", {
         class: a(s.question.cssClasses.videoContainer)
       }, [
@@ -5192,7 +5198,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
       }
     );
     return (e, o) => {
-      const t = q("sv-svg-icon"), l = X("key2click");
+      const t = g("sv-svg-icon"), l = X("key2click");
       return P((i(), u("label", {
         tabindex: "0",
         class: a(n.value.getChooseFileCss()),
@@ -5219,14 +5225,14 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   },
   setup(r) {
     return (s, n) => {
-      const e = q("sv-svg-icon");
+      const e = g("sv-svg-icon");
       return s.question.showPreviewContainer ? (i(), u("div", {
         key: 0,
         class: a(s.question.cssClasses.fileList || void 0)
       }, [
         (i(!0), u(_, null, D(s.question.previewValue, (o, t) => P((i(), u("span", {
           key: s.question.inputId + "_" + t,
-          class: a(s.question.cssClasses.preview)
+          class: a(s.question.cssClasses.previewItem)
         }, [
           o.name && s.question.cssClasses.fileSign ? (i(), u("div", {
             key: 0,
@@ -5301,7 +5307,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
   setup(r) {
     const s = r, n = $();
     return A(s, n), (e, o) => {
-      const t = q("sv-button-group-item");
+      const t = g("sv-button-group-item");
       return i(), u("div", {
         role: "group",
         class: a(e.question.cssClasses.root),
@@ -5335,7 +5341,7 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
       }
     });
     return (o, t) => {
-      const l = q("sv-svg-icon"), c = q("survey-string");
+      const l = g("sv-svg-icon"), c = g("survey-string");
       return i(), u("label", {
         role: "radio",
         class: a(n.value.css.label),
@@ -5421,14 +5427,14 @@ const yi = /* @__PURE__ */ he(vi, [["render", qi]]), hi = { key: 2 }, Ci = /* @_
 });
 ze.platform = "vue3";
 function Qi(r) {
-  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", ji), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", Ki), r.component("survey-page", Qe), 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", gs), r.component("survey-text-input", hs), r.component("survey-checkbox", Is), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Ms), r.component("survey-image", Vs), r.component("survey-expression", Fs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ni), r.component("sv-file-clean-btn", _i), r.component("sv-file-preview", Ei), r.component("sv-file-video", Bi), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", yn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", Mn), r.component("sv-rating-item-star", En), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-cell", vo), r.component("survey-matrixdropdown", go), r.component("survey-matrixtable", Co), r.component("survey-matrixheaderrequired", ko), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", wo), r.component("sv-matrix-remove-button", Ro), r.component("sv-matrix-drag-drop-icon", $o), r.component("sv-matrix-detail-button", Do), r.component("survey-paneldynamic", Bo), r.component("survey-paneldynamicprogress", Lo), r.component("survey-paneldynamicprogress-v2", No), r.component("sv-paneldynamic-add-btn", Po), r.component("sv-paneldynamic-next-btn", Mo), r.component("sv-paneldynamic-prev-btn", Eo), r.component("sv-paneldynamic-remove-btn", Wo), r.component("sv-paneldynamic-progress-text", Vo), r.component("sv-components-container", Ht), r.component("sv-progress-buttons", zt), r.component("sv-navigation-toc", Ut), 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", Oo), r.component("survey-question-comment", Ko), r.component("survey-element-title", jo), r.component("survey-element-title-content", Xo), r.component("sv-title-actions", xo), r.component("sv-brand-info", it), r.component("sv-svg-icon", at), r.component("sv-action-bar", ut), r.component("sv-action", ct), r.component("sv-action-bar-item", gt), r.component("sv-action-bar-item-dropdown", ht), r.component("sv-action-bar-separator", Ct), r.component("sv-list", It), r.component("sv-list-item", Rt), r.component("sv-popup", Tt), r.component("sv-popup-container", Pt), r.component("popup-pointer", At), r.component("sv-notifier", xt), r.component("survey-other-choice", ni), r.component("sv-nav-btn", ti), r.component("survey-customwidget", ri), r.component("survey-popup-modal", li), r.component("sv-character-counter", ai), r.component("survey-composite", ui), r.component("survey-custom", di), r.component("sv-timerpanel", pi), r.component("sv-loading-indicator", yi), r.component("sv-header", Ci), r.component("sv-header-cell", fi), r.component("sv-header-mobile", Ri), r.component("sv-template-renderer", $i), r.component("survey-element", Ti), r.component("survey-buttongroup", Wi), r.component("sv-button-group-item", zi), r.directive("key2click", {
+  r.component("SurveyComponent", pe), r.component("sv-svg-bundle", ji), r.component("PopupSurveyComponent", ve), r.component("survey", pe), r.component("popup-survey", ve), r.component("survey-header", Ge), r.component("sv-logo-image", Ki), r.component("survey-page", Qe), 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", qs), r.component("survey-text-input", hs), r.component("survey-checkbox", Is), r.component("survey-checkbox-item", Rs), r.component("survey-radiogroup", Ts), r.component("survey-radiogroup-item", Ds), r.component("survey-signaturepad", Ps), r.component("survey-html", Ms), r.component("survey-image", Vs), r.component("survey-expression", Fs), r.component("survey-file", Us), r.component("sv-file-choose-btn", Ni), r.component("sv-file-clean-btn", _i), r.component("sv-file-preview", Ei), r.component("sv-file-video", Bi), r.component("survey-imagepicker", js), r.component("survey-imagepicker-item", Ys), r.component("survey-comment", en), r.component("survey-dropdown", sn), r.component("sv-dropdown-select", rn), r.component("sv-dropdown-option-item", an), r.component("sv-dropdown", pn), r.component("survey-tagbox", vn), r.component("sv-tagbox", yn), r.component("sv-tagbox-item", fn), r.component("sv-tagbox-filter", bn), r.component("survey-ranking", In), r.component("survey-ranking-item", _n), r.component("survey-rating", Ln), r.component("sv-rating-item", Pn), r.component("sv-rating-item-smiley", Mn), r.component("sv-rating-item-star", En), r.component("sv-rating-dropdown", zn), r.component("sv-rating-dropdown-item", On), r.component("survey-boolean", Kn), r.component("sv-boolean-radio", jn), r.component("sv-boolean-radio-item", Jn), r.component("sv-boolean-checkbox", so), r.component("survey-multipletext", no), r.component("survey-multipletext-item", to), r.component("survey-matrix", mo), r.component("survey-matrix-cell", vo), r.component("survey-matrixdropdown", qo), r.component("survey-matrixtable", Co), r.component("survey-matrixheaderrequired", ko), r.component("survey-matrixdropdown-cell", Io), r.component("survey-matrixdynamic", wo), r.component("sv-matrix-remove-button", Ro), r.component("sv-matrix-drag-drop-icon", $o), r.component("sv-matrix-detail-button", Do), r.component("survey-paneldynamic", Bo), r.component("survey-paneldynamicprogress", Lo), r.component("survey-paneldynamicprogress-v2", No), r.component("sv-paneldynamic-add-btn", Po), r.component("sv-paneldynamic-next-btn", Mo), r.component("sv-paneldynamic-prev-btn", Eo), r.component("sv-paneldynamic-remove-btn", Wo), r.component("sv-paneldynamic-progress-text", Vo), r.component("sv-components-container", Ht), r.component("sv-progress-buttons", zt), r.component("sv-navigation-toc", Ut), 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", Oo), r.component("survey-question-comment", Ko), r.component("survey-element-title", jo), r.component("survey-element-title-content", Xo), r.component("sv-title-actions", xo), r.component("sv-brand-info", it), r.component("sv-svg-icon", at), r.component("sv-action-bar", ut), r.component("sv-action", ct), r.component("sv-action-bar-item", qt), r.component("sv-action-bar-item-dropdown", ht), r.component("sv-action-bar-separator", Ct), r.component("sv-list", It), r.component("sv-list-item", Rt), r.component("sv-popup", Tt), r.component("sv-popup-container", Pt), r.component("popup-pointer", At), r.component("sv-notifier", xt), r.component("survey-other-choice", ni), r.component("sv-nav-btn", ti), r.component("survey-customwidget", ri), r.component("survey-popup-modal", li), r.component("sv-character-counter", ai), r.component("survey-composite", ui), r.component("survey-custom", di), r.component("sv-timerpanel", pi), r.component("sv-loading-indicator", yi), r.component("sv-header", Ci), r.component("sv-header-cell", fi), r.component("sv-header-mobile", Ri), r.component("sv-template-renderer", $i), r.component("survey-element", Ti), r.component("survey-buttongroup", Wi), r.component("sv-button-group-item", zi), r.directive("key2click", {
     mounted: function(s, n) {
       const e = { ...n.value };
       if (e.disableTabStop) {
         s.tabIndex = -1;
         return;
       }
-      e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (o) => (o.preventDefault(), o.stopPropagation(), qe(o, e), !1)), s.addEventListener("keydown", (o) => {
+      e.disableTabStop || (s.tabIndex = 0), s.addEventListener("keyup", (o) => (o.preventDefault(), o.stopPropagation(), ge(o, e), !1)), s.addEventListener("keydown", (o) => {
         Ue(o, e);
       }), s.addEventListener("blur", (o) => {
         Ke(o);