survey-vue3-ui 2.0.0-rc.8 → 2.0.0

package/survey-vue3-ui.es.js

@@ -79,6 +79,9 @@ function Ye(u) {
     u.enableOnElementRerenderedEvent(), u.__vueImplemented++;
   }
 }
+function _e(u) {
+  return !!u.__vueImplemented;
+}
 function me(u) {
   u && (u.__vueImplemented = u.__vueImplemented ?? 0, u.__vueImplemented--, u.__vueImplemented <= 0 && (u.iteratePropertiesHash((e, n) => {
     e[n] = L(e[n]), Array.isArray(e[n]) && (e[n].onArrayChanged = void 0);
@@ -137,7 +140,7 @@ function ee(u) {
     n();
   }), e;
 }
-const _e = /* @__PURE__ */ y({
+const xe = /* @__PURE__ */ y({
   __name: "Page",
   props: {
     survey: {},
@@ -196,7 +199,7 @@ const _e = /* @__PURE__ */ y({
       }, 1040, ["is"]))), 128))
     ], 2));
   }
-}), xe = /* @__PURE__ */ y({
+}), e1 = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     survey: {}
@@ -247,7 +250,7 @@ const _e = /* @__PURE__ */ y({
       }, null, 2)
     ], 2)) : m("", !0);
   }
-}), e1 = /* @__PURE__ */ y({
+}), s1 = /* @__PURE__ */ y({
   __name: "Row",
   props: {
     row: {},
@@ -262,7 +265,7 @@ const _e = /* @__PURE__ */ y({
         s.setRootElement(n.value), i && (s.isNeedRender = i.isNeedRender);
       },
       (s) => {
-        s.setRootElement(void 0), s.stopLazyRendering(), s.isNeedRender = !s.isLazyRendering();
+        _e(s) || (s.setRootElement(void 0), s.stopLazyRendering(), s.isNeedRender = !s.isLazyRendering());
       }
     ), $(() => {
       if (e.row && (e.row.setRootElement(n.value), !e.row.isNeedRender)) {
@@ -285,10 +288,10 @@ const _e = /* @__PURE__ */ y({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), s1 = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], n1 = ["id"], t1 = {
+}), n1 = ["id", "role", "aria-required", "aria-invalid", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], t1 = ["id"], o1 = {
   inheritAttrs: !1
-}, o1 = /* @__PURE__ */ y({
-  ...t1,
+}, i1 = /* @__PURE__ */ y({
+  ...o1,
   __name: "Question",
   props: {
     survey: {},
@@ -387,7 +390,7 @@ const _e = /* @__PURE__ */ y({
                 is: "survey-string",
                 locString: k.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, n1)) : m("", !0)
+            ], 10, t1)) : m("", !0)
           ], 6)
         ]),
         _: 1
@@ -404,12 +407,12 @@ const _e = /* @__PURE__ */ y({
         element: k.element,
         location: "bottom"
       }, null, 8, ["element"])) : m("", !0)
-    ], 46, s1));
+    ], 46, n1));
   }
-}), i1 = ["id"], r1 = ["id"], l1 = {
+}), r1 = ["id"], l1 = ["id"], a1 = {
   inheritAttrs: !1
-}, a1 = /* @__PURE__ */ y({
-  ...l1,
+}, u1 = /* @__PURE__ */ y({
+  ...a1,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -471,10 +474,10 @@ const _e = /* @__PURE__ */ y({
           is: "sv-action-bar",
           model: i.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, r1)) : m("", !0)
-    ], 42, i1)) : m("", !0);
+      ], 14, l1)) : m("", !0)
+    ], 42, r1)) : m("", !0);
   }
-}), u1 = ["id"], d1 = /* @__PURE__ */ y({
+}), d1 = ["id"], m1 = /* @__PURE__ */ y({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -506,7 +509,7 @@ const _e = /* @__PURE__ */ y({
           is: "survey-string",
           locString: i.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, u1)), [
+      ], 10, d1)), [
         [N, i.element.hasDescription]
       ]) : m("", !0),
       i.element.hasAdditionalTitleToolbar ? (o(), c(d, {
@@ -516,7 +519,7 @@ const _e = /* @__PURE__ */ y({
       }, null, 8, ["model"])) : m("", !0)
     ], 6));
   }
-}), m1 = /* @__PURE__ */ y({
+}), p1 = /* @__PURE__ */ y({
   __name: "String",
   props: {
     locString: {}
@@ -527,7 +530,7 @@ const _e = /* @__PURE__ */ y({
       locString: e.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), p1 = ["innerHTML"], C1 = /* @__PURE__ */ y({
+}), C1 = ["innerHTML"], v1 = /* @__PURE__ */ y({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -538,12 +541,12 @@ const _e = /* @__PURE__ */ y({
       key: 0,
       class: r(L(s)),
       innerHTML: L(n)
-    }, null, 10, p1)) : (o(), l("span", {
+    }, null, 10, C1)) : (o(), l("span", {
       key: 1,
       class: r(L(s))
     }, H(L(n)), 3));
   }
-}), v1 = ["innerHTML"], c1 = /* @__PURE__ */ y({
+}), c1 = ["innerHTML"], g1 = /* @__PURE__ */ y({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -562,7 +565,7 @@ const _e = /* @__PURE__ */ y({
       innerHTML: i.locString.renderedHtml,
       onBlur: n,
       onClick: s
-    }, null, 40, v1)) : (o(), l("span", {
+    }, null, 40, c1)) : (o(), l("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -570,7 +573,7 @@ const _e = /* @__PURE__ */ y({
       onClick: s
     }, H(i.locString.renderedHtml), 33));
   }
-}), g1 = ["id"], h1 = /* @__PURE__ */ y({
+}), h1 = ["id"], y1 = /* @__PURE__ */ y({
   __name: "Skeleton",
   props: {
     element: {}
@@ -581,9 +584,9 @@ const _e = /* @__PURE__ */ y({
       class: "sv-skeleton-element",
       id: n.element.id,
       style: M({ height: n.element.skeletonHeight })
-    }, null, 12, g1));
+    }, null, 12, h1));
   }
-}), y1 = ["id"], q1 = ["value"], w1 = /* @__PURE__ */ y({
+}), q1 = ["id"], w1 = ["value"], L1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -610,8 +613,8 @@ const _e = /* @__PURE__ */ y({
         (o(!0), l(I, null, S(s.question.dataList, (t, a) => (o(), l("option", {
           key: a,
           value: t
-        }, null, 8, q1))), 128))
-      ], 8, y1)
+        }, null, 8, w1))), 128))
+      ], 8, q1)
     ], 512)) : (o(), c(d, {
       key: 2,
       is: "survey-text-input",
@@ -621,7 +624,7 @@ const _e = /* @__PURE__ */ y({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), L1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], k1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], f1 = /* @__PURE__ */ y({
+}), k1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], f1 = ["disabled", "readonly", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], b1 = /* @__PURE__ */ y({
   __name: "TextInput",
   props: {
     question: {},
@@ -671,7 +674,7 @@ const _e = /* @__PURE__ */ y({
         "aria-describedby": a.question.a11y_input_ariaDescribedBy,
         "aria-invalid": a.question.a11y_input_ariaInvalid,
         "aria-errormessage": a.question.a11y_input_ariaErrormessage
-      }, null, 46, k1),
+      }, null, 46, f1),
       h(d, {
         is: "sv-character-counter",
         counter: a.question.characterCounter,
@@ -713,12 +716,12 @@ const _e = /* @__PURE__ */ y({
       "aria-describedby": a.question.a11y_input_ariaDescribedBy,
       "aria-invalid": a.question.a11y_input_ariaInvalid,
       "aria-errormessage": a.question.a11y_input_ariaErrormessage
-    }, null, 46, L1));
+    }, null, 46, k1));
   }
-}), b1 = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], M1 = {
+}), M1 = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], H1 = {
   key: 0,
   class: "sv-hidden"
-}, H1 = { key: 7 }, I1 = ["value"], we = /* @__PURE__ */ y({
+}, I1 = { key: 7 }, S1 = ["value"], we = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -748,7 +751,7 @@ const _e = /* @__PURE__ */ y({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (o(), l("legend", M1, H(t.question.locTitle.renderedHtml), 1)) : m("", !0),
+      t.showLegend ? (o(), l("legend", H1, H(t.question.locTitle.renderedHtml), 1)) : m("", !0),
       t.question.hasHeadItems ? (o(!0), l(I, { key: 1 }, S(t.question.headItems, (p) => (o(), c(d, D({
         key: p.value,
         is: s(p)
@@ -790,7 +793,7 @@ const _e = /* @__PURE__ */ y({
         is: "survey-other-choice",
         question: t.question
       }, null, 8, ["question"])) : m("", !0),
-      t.question.showClearButtonInContent ? (o(), l("div", H1, [
+      t.question.showClearButtonInContent ? (o(), l("div", I1, [
         v("input", {
           type: "button",
           class: r(t.question.cssClasses.clearButton),
@@ -798,11 +801,11 @@ const _e = /* @__PURE__ */ y({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, I1)
+        }, null, 10, S1)
       ])) : m("", !0)
-    ], 10, b1));
+    ], 10, M1));
   }
-}), S1 = /* @__PURE__ */ y({
+}), V1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -824,7 +827,7 @@ function Le(u, e, n) {
     e().isDesignMode || (s && n.value && s.setRootElement(n.value), i && i.setRootElement(void 0));
   });
 }
-const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"], B1 = ["xlink:href"], R1 = /* @__PURE__ */ y({
+const B1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"], R1 = ["xlink:href"], T1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -864,7 +867,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: i.question.isReadOnlyAttr,
           class: r(i.question.cssClasses.itemControl),
           required: i.question.hasRequiredError()
-        }, null, 42, V1),
+        }, null, 42, B1),
         i.question.cssClasses.materialDecorator ? (o(), l("span", {
           key: 0,
           class: r(i.question.cssClasses.materialDecorator)
@@ -875,7 +878,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             v("use", {
               "xlink:href": i.question.itemSvgIcon
-            }, null, 8, B1)
+            }, null, 8, R1)
           ], 2)) : m("", !0)
         ], 2)) : m("", !0),
         i.hideLabel ? m("", !0) : (o(), l("span", {
@@ -890,7 +893,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), T1 = /* @__PURE__ */ y({
+}), Z1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -899,7 +902,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     return (e, n) => (o(), c(we, { question: e.question }, null, 8, ["question"]));
   }
-}), Z1 = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], $1 = ["xlink:href"], D1 = /* @__PURE__ */ y({
+}), $1 = ["name", "value", "id", "aria-errormessage", "disabled", "readonly"], D1 = ["xlink:href"], A1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -939,7 +942,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           disabled: !a.question.getItemEnabled(a.item),
           readonly: a.question.isReadOnlyAttr,
           class: r(a.question.cssClasses.itemControl)
-        }, null, 10, Z1), [
+        }, null, 10, $1), [
           [_, t.value]
         ]),
         a.question.cssClasses.materialDecorator ? (o(), l("span", {
@@ -952,7 +955,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             v("use", {
               "xlink:href": a.question.itemSvgIcon
-            }, null, 8, $1)
+            }, null, 8, D1)
           ], 2)) : m("", !0)
         ], 2)) : m("", !0),
         a.hideLabel ? m("", !0) : (o(), l("span", {
@@ -967,7 +970,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), A1 = ["src"], N1 = ["title"], P1 = { key: 0 }, E1 = /* @__PURE__ */ y({
+}), N1 = ["src"], P1 = ["title"], E1 = { key: 0 }, W1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -1001,7 +1004,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           style: M({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, A1)) : m("", !0),
+        }, null, 14, N1)) : m("", !0),
         v("canvas", {
           tabindex: "-1",
           class: r(s.question.cssClasses.canvas),
@@ -1021,14 +1024,14 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.clearValue(!0);
           })
         }, [
-          s.question.cssClasses.clearButtonIconId ? m("", !0) : (o(), l("span", P1, "✖")),
+          s.question.cssClasses.clearButtonIconId ? m("", !0) : (o(), l("span", E1, "✖")),
           s.question.cssClasses.clearButtonIconId ? (o(), c(d, {
             key: 1,
             is: "sv-svg-icon",
             iconName: s.question.cssClasses.clearButtonIconId,
             size: "auto"
           }, null, 8, ["iconName"])) : m("", !0)
-        ], 10, N1)
+        ], 10, P1)
       ], 2)) : m("", !0),
       s.question.showLoadingIndicator ? (o(), l("div", {
         key: 1,
@@ -1038,7 +1041,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : m("", !0)
     ], 6));
   }
-}), W1 = ["innerHTML"], F1 = /* @__PURE__ */ y({
+}), F1 = ["innerHTML"], z1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -1053,9 +1056,9 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n,
       class: r(i.question.renderCssRoot),
       innerHTML: L(s)
-    }, null, 10, W1));
+    }, null, 10, F1));
   }
-}), z1 = ["src", "alt", "width", "height"], O1 = ["src", "width", "height"], U1 = ["src", "width", "height"], K1 = /* @__PURE__ */ y({
+}), O1 = ["src", "alt", "width", "height"], U1 = ["src", "width", "height"], K1 = ["src", "width", "height"], j1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -1088,7 +1091,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (a) => {
           i.question.onErrorHandler();
         })
-      }, null, 46, z1)), [
+      }, null, 46, O1)), [
         [N, L(s) && !i.question.contentNotLoaded]
       ]) : m("", !0),
       i.question.renderedMode === "video" ? R((o(), l("video", {
@@ -1109,7 +1112,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (a) => {
           i.question.onErrorHandler();
         })
-      }, null, 46, O1)), [
+      }, null, 46, U1)), [
         [N, L(s) && !i.question.contentNotLoaded]
       ]) : m("", !0),
       i.question.renderedMode === "youtube" ? (o(), l("iframe", {
@@ -1123,7 +1126,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           width: i.question.renderedStyleWidth,
           height: i.question.renderedStyleHeight
         })
-      }, null, 14, U1)) : m("", !0),
+      }, null, 14, K1)) : m("", !0),
       !L(s) || i.question.contentNotLoaded ? (o(), l("div", {
         key: 3,
         class: r(i.question.cssClasses.noImage)
@@ -1136,7 +1139,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : m("", !0)
     ], 2));
   }
-}), j1 = /* @__PURE__ */ y({
+}), Q1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1150,7 +1153,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n
     }, H(s.question.formatedValue), 3));
   }
-}), Q1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], G1 = ["id", "multiple", "placeholder"], J1 = ["id", "multiple", "placeholder"], X1 = /* @__PURE__ */ y({
+}), G1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], J1 = ["id", "multiple", "placeholder"], X1 = ["id", "multiple", "placeholder"], Y1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1177,7 +1180,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, Q1)) : m("", !0),
+      }, null, 10, G1)) : m("", !0),
       s.question.isReadOnlyAttr ? (o(), l("input", {
         key: 1,
         type: "file",
@@ -1187,7 +1190,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, G1)) : m("", !0),
+      }, null, 10, J1)) : m("", !0),
       s.question.isDisabledAttr ? (o(), l("input", {
         key: 2,
         type: "file",
@@ -1197,7 +1200,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, J1)) : m("", !0),
+      }, null, 10, X1)) : m("", !0),
       v("div", {
         class: r(s.question.cssClasses.dragArea),
         onDrop: i[0] || (i[0] = //@ts-ignore
@@ -1276,7 +1279,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), Y1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", _1 = /* @__PURE__ */ y({
+}), _1 = { class: "sv-hidden" }, pe = "survey-imagepicker-item", x1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1295,10 +1298,11 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
     });
     return (t, a) => (o(), l("fieldset", {
       class: r(t.question.getSelectBaseRootCss()),
+      style: M(t.question.getContainerStyle()),
       ref_key: "root",
       ref: n
     }, [
-      v("legend", Y1, H(t.question.locTitle.renderedHtml), 1),
+      v("legend", _1, H(t.question.locTitle.renderedHtml), 1),
       t.question.hasColumns ? m("", !0) : (o(!0), l(I, { key: 0 }, S(t.question.visibleChoices, (p) => (o(), c(d, D({
         key: p.value,
         is: s(p)
@@ -1313,9 +1317,9 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           is: s(C)
         }, i(C)), null, 16, ["is"]))), 128))
       ], 2))), 128)) : m("", !0)
-    ], 2));
+    ], 6));
   }
-}), x1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], es = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ss = ["src", "width", "height", "alt"], ns = ["src", "width", "height"], ts = /* @__PURE__ */ y({
+}), es = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ss = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ns = ["src", "width", "height", "alt"], ts = ["src", "width", "height"], os = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1354,7 +1358,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: r(t.question.cssClasses.itemControl)
-        }, null, 10, x1)), [
+        }, null, 10, es)), [
           [te, s.value]
         ]) : R((o(), l("input", {
           key: 1,
@@ -1370,7 +1374,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           "aria-invalid": t.question.ariaInvalid,
           "aria-errormessage": t.question.ariaErrormessage,
           class: r(t.question.cssClasses.itemControl)
-        }, null, 10, es)), [
+        }, null, 10, ss)), [
           [_, s.value]
         ]),
         v("div", {
@@ -1406,7 +1410,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: a[3] || (a[3] = (p) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, ss)) : m("", !0),
+            }, null, 46, ns)) : m("", !0),
             L(i) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (o(), l("video", {
               key: 2,
               controls: "",
@@ -1421,7 +1425,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: a[5] || (a[5] = (p) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, ns)) : m("", !0),
+            }, null, 46, ts)) : m("", !0),
             !L(i) || t.item.contentNotLoaded ? (o(), l("div", {
               key: 3,
               class: r(t.question.cssClasses.itemNoImage),
@@ -1452,7 +1456,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), os = /* @__PURE__ */ y({
+}), is = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1486,7 +1490,7 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n
     }, H(s.question.value), 513));
   }
-}), is = /* @__PURE__ */ y({
+}), rs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1510,16 +1514,16 @@ const V1 = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 8, ["question"])) : m("", !0)
     ], 2));
   }
-}), rs = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], ls = {
+}), ls = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], as = {
   key: 0,
   value: ""
-}, as = ["id"];
+}, us = ["id"];
 x.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const us = /* @__PURE__ */ y({
+const ds = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1554,7 +1558,7 @@ const us = /* @__PURE__ */ y({
           disabled: "",
           id: a.question.inputId,
           class: r(a.question.getControlClass())
-        }, H(a.question.readOnlyText), 11, as)) : R((o(), l("select", {
+        }, H(a.question.readOnlyText), 11, us)) : R((o(), l("select", {
           key: 0,
           id: a.question.inputId,
           "onUpdate:modelValue": p[0] || (p[0] = (g) => t.value = g),
@@ -1568,13 +1572,13 @@ const us = /* @__PURE__ */ y({
           "aria-errormessage": a.question.ariaErrormessage,
           required: a.question.isRequired
         }, [
-          a.question.allowClear ? (o(), l("option", ls, H(a.question.placeholder), 1)) : m("", !0),
+          a.question.allowClear ? (o(), l("option", as, H(a.question.placeholder), 1)) : m("", !0),
           (o(!0), l(I, null, S(a.question.visibleChoices, (g) => (o(), c(d, {
             is: "sv-dropdown-option-item",
             item: g,
             key: g.id
           }, null, 8, ["item"]))), 128))
-        ], 42, rs)), [
+        ], 42, ls)), [
           [Re, t.value]
         ]),
         a.question.cssClasses.chevronButtonIconId ? (o(), l("div", {
@@ -1597,7 +1601,7 @@ const us = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : m("", !0)
     ], 2));
   }
-}), ds = ["value", "disabled"], ms = /* @__PURE__ */ y({
+}), ms = ["value", "disabled"], ps = /* @__PURE__ */ y({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1607,9 +1611,9 @@ const us = /* @__PURE__ */ y({
     return V(() => e.item), (s, i) => (o(), l("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, H(L(n)), 9, ds));
+    }, H(L(n)), 9, ms));
   }
-}), ps = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], Cs = { style: { visibility: "hidden" } }, vs = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], cs = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], gs = /* @__PURE__ */ y({
+}), Cs = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], vs = { style: { visibility: "hidden" } }, cs = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], gs = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], hs = /* @__PURE__ */ y({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1681,7 +1685,7 @@ const us = /* @__PURE__ */ y({
             key: 1,
             class: r(w.question.cssClasses.hintSuffix)
           }, [
-            v("span", Cs, H(s.value.inputStringRendered), 1),
+            v("span", vs, H(s.value.inputStringRendered), 1),
             v("span", null, H(s.value.hintStringSuffix), 1)
           ], 2)) : m("", !0),
           w.question.showInputFieldComponent ? (o(), c(d, {
@@ -1712,7 +1716,7 @@ const us = /* @__PURE__ */ y({
             onInput: B,
             onBlur: C,
             onFocus: q
-          }, null, 42, vs)
+          }, null, 42, cs)
         ], 2),
         w.question.allowClear && w.question.cssClasses.cleanButtonIconId ? R((o(), l("div", {
           key: 1,
@@ -1730,7 +1734,7 @@ const us = /* @__PURE__ */ y({
         ], 2)), [
           [N, w.question.showClearButton]
         ]) : m("", !0)
-      ], 42, ps)),
+      ], 42, Cs)),
       w.question.isReadOnly ? (o(), l("div", {
         key: 2,
         id: w.question.inputId,
@@ -1746,7 +1750,7 @@ const us = /* @__PURE__ */ y({
           locString: w.question.selectedItemLocText
         }, null, 8, ["locString"])) : m("", !0),
         v("div", null, H(w.question.readOnlyText), 1)
-      ], 10, cs)) : (o(), c(d, {
+      ], 10, gs)) : (o(), c(d, {
         key: 1,
         is: "sv-popup",
         model: w.question.dropdownListModel.popupModel
@@ -1766,7 +1770,7 @@ const us = /* @__PURE__ */ y({
       ], 34)) : m("", !0)
     ], 2));
   }
-}), hs = /* @__PURE__ */ y({
+}), ys = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1790,7 +1794,7 @@ const us = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : m("", !0)
     ], 2));
   }
-}), ys = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qs = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], ws = /* @__PURE__ */ y({
+}), qs = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], ws = ["id", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], Ls = /* @__PURE__ */ y({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1868,7 +1872,7 @@ const us = /* @__PURE__ */ y({
         ], 2)), [
           [N, C.question.showClearButton]
         ]) : m("", !0)
-      ], 42, ys)),
+      ], 42, qs)),
       C.question.isReadOnly ? (o(), l("div", {
         key: 2,
         id: C.question.inputId,
@@ -1883,7 +1887,7 @@ const us = /* @__PURE__ */ y({
           is: "survey-string",
           locString: C.question.locReadOnlyText
         }, null, 8, ["locString"])) : m("", !0)
-      ], 10, qs)) : (o(), c(d, {
+      ], 10, ws)) : (o(), c(d, {
         key: 1,
         is: "sv-popup",
         model: n.value.popupModel
@@ -1903,7 +1907,7 @@ const us = /* @__PURE__ */ y({
       ], 34)) : m("", !0)
     ], 2));
   }
-}), Ls = { style: { visibility: "hidden" } }, ks = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], fs = /* @__PURE__ */ y({
+}), ks = { style: { visibility: "hidden" } }, fs = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "id", "readonly", "size"], bs = /* @__PURE__ */ y({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1941,7 +1945,7 @@ const us = /* @__PURE__ */ y({
           key: 1,
           class: r(a.question.cssClasses.hintSuffix)
         }, [
-          v("span", Ls, H(a.model.inputStringRendered), 1),
+          v("span", ks, H(a.model.inputStringRendered), 1),
           v("span", null, H(a.model.hintStringSuffix), 1)
         ], 2)) : m("", !0),
         R(v("input", {
@@ -1966,13 +1970,13 @@ const us = /* @__PURE__ */ y({
           onKeydown: s,
           onBlur: i,
           onFocus: t
-        }, null, 42, ks), [
+        }, null, 42, fs), [
           [Te, a.model.inputStringRendered]
         ])
       ], 2)
     ], 2));
   }
-}), bs = { class: "sv-tagbox__item-text" }, Ms = /* @__PURE__ */ y({
+}), Ms = { class: "sv-tagbox__item-text" }, Hs = /* @__PURE__ */ y({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1986,7 +1990,7 @@ const us = /* @__PURE__ */ y({
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      v("div", bs, [
+      v("div", Ms, [
         h(d, {
           is: "survey-string",
           locString: s.item.locText
@@ -2005,7 +2009,7 @@ const us = /* @__PURE__ */ y({
       ], 2)
     ]));
   }
-}), Hs = /* @__PURE__ */ y({
+}), Is = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -2077,10 +2081,10 @@ const us = /* @__PURE__ */ y({
       ], 2)) : m("", !0)
     ], 2));
   }
-}), Is = ["tabindex", "data-sv-drop-target-ranking-item"], Ss = {
+}), Ss = ["tabindex", "data-sv-drop-target-ranking-item"], Vs = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Vs = ["xlink:href"], Bs = ["xlink:href"], Rs = ["xlink:href"], Ts = /* @__PURE__ */ y({
+}, Bs = ["xlink:href"], Rs = ["xlink:href"], Ts = ["xlink:href"], Zs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2115,7 +2119,7 @@ const us = /* @__PURE__ */ y({
         );
       })
     }, [
-      v("div", Ss, [
+      v("div", Vs, [
         v("div", {
           class: r(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2130,14 +2134,14 @@ const us = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, Vs)
+              }, null, 8, Bs)
             ], 2)),
             (o(), l("svg", {
               class: r(s.question.getIconFocusCss())
             }, [
               v("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, Bs)
+              }, null, 8, Rs)
             ], 2))
           ], 2),
           !s.unrankedItem && n.value ? (o(), l("div", {
@@ -2150,7 +2154,7 @@ const us = /* @__PURE__ */ y({
             (o(), l("svg", null, [
               v("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, Rs)
+              }, null, 8, Ts)
             ]))
           ], 2)),
           h(d, {
@@ -2160,9 +2164,9 @@ const us = /* @__PURE__ */ y({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, Is));
+    ], 42, Ss));
   }
-}), Zs = /* @__PURE__ */ y({
+}), $s = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2179,10 +2183,10 @@ const us = /* @__PURE__ */ y({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), $s = { role: "radiogroup" }, Ds = /* @__PURE__ */ v("legend", {
+}), Ds = { role: "radiogroup" }, As = /* @__PURE__ */ v("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), As = /* @__PURE__ */ y({
+}, null, -1), Ns = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2197,8 +2201,8 @@ const us = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      v("fieldset", $s, [
-        Ds,
+      v("fieldset", Ds, [
+        As,
         i.question.hasMinLabel ? (o(), l("span", {
           key: 0,
           class: r(i.question.cssClasses.minText)
@@ -2227,7 +2231,7 @@ const us = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), Ns = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Ps = ["data-text"], Es = /* @__PURE__ */ y({
+}), Ps = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Es = ["data-text"], Ws = /* @__PURE__ */ y({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2254,7 +2258,7 @@ const us = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, Ns),
+      }, null, 8, Ps),
       v("span", {
         class: r(n.question.cssClasses.itemText),
         "data-text": n.item.text
@@ -2263,10 +2267,10 @@ const us = /* @__PURE__ */ y({
           is: "survey-string",
           locString: n.item.locText
         }, null, 8, ["locString"])
-      ], 10, Ps)
+      ], 10, Es)
     ], 34));
   }
-}), Ws = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Fs = /* @__PURE__ */ y({
+}), Fs = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], zs = /* @__PURE__ */ y({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2296,7 +2300,7 @@ const us = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, Ws),
+      }, null, 8, Fs),
       h(d, {
         is: "sv-svg-icon",
         iconName: n.question.getItemSmileyIconName(n.item.itemValue),
@@ -2305,7 +2309,7 @@ const us = /* @__PURE__ */ y({
       }, null, 8, ["iconName", "title"])
     ], 38));
   }
-}), zs = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Os = /* @__PURE__ */ y({
+}), Os = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Us = /* @__PURE__ */ y({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2334,7 +2338,7 @@ const us = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, zs),
+      }, null, 8, Os),
       h(d, {
         is: "sv-svg-icon",
         class: r("sv-star"),
@@ -2351,10 +2355,10 @@ const us = /* @__PURE__ */ y({
       }, null, 8, ["iconName", "title"])
     ], 34));
   }
-}), Us = { class: "sd-rating-dropdown-item" }, Ks = { class: "sd-rating-dropdown-item_text" }, js = {
+}), Ks = { class: "sd-rating-dropdown-item" }, js = { class: "sd-rating-dropdown-item_text" }, Qs = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, Qs = /* @__PURE__ */ y({
+}, Gs = /* @__PURE__ */ y({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2362,9 +2366,9 @@ const us = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u;
-    return V(() => e.item), (n, s) => (o(), l("div", Us, [
-      v("span", Ks, H(n.item.title), 1),
-      n.item.description ? (o(), l("div", js, [
+    return V(() => e.item), (n, s) => (o(), l("div", Ks, [
+      v("span", js, H(n.item.title), 1),
+      n.item.description ? (o(), l("div", Qs, [
         h(d, {
           is: "survey-string",
           locString: n.item.description
@@ -2378,7 +2382,7 @@ x.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const Gs = /* @__PURE__ */ y({
+const Js = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2397,7 +2401,7 @@ const Gs = /* @__PURE__ */ y({
       }, null, 8, ["question"])
     ], 2));
   }
-}), Js = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Xs = /* @__PURE__ */ y({
+}), Xs = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Ys = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2437,7 +2441,7 @@ const Gs = /* @__PURE__ */ y({
           "aria-describedby": t.question.a11y_input_ariaDescribedBy,
           "aria-invalid": t.question.a11y_input_ariaInvalid,
           "aria-errormessage": t.question.a11y_input_ariaErrormessage
-        }, null, 42, Js), [
+        }, null, 42, Xs), [
           [te, t.question.booleanValue]
         ]),
         v("div", {
@@ -2493,7 +2497,7 @@ x.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const Ys = /* @__PURE__ */ y({
+const _s = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2534,7 +2538,7 @@ const Ys = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), _s = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], xs = ["xlink:href"], en = /* @__PURE__ */ y({
+}), xs = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], en = ["xlink:href"], sn = /* @__PURE__ */ y({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2563,7 +2567,7 @@ const Ys = /* @__PURE__ */ y({
           readonly: s.question.isReadOnlyAttr,
           class: r(s.question.cssClasses.itemRadioControl),
           onChange: n
-        }, null, 42, _s),
+        }, null, 42, xs),
         s.question.cssClasses.materialRadioDecorator ? (o(), l("span", {
           key: 0,
           class: r(s.question.cssClasses.materialRadioDecorator)
@@ -2574,7 +2578,7 @@ const Ys = /* @__PURE__ */ y({
           }, [
             v("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, xs)
+            }, null, 8, en)
           ], 2)) : m("", !0)
         ], 2)) : m("", !0),
         v("span", {
@@ -2588,13 +2592,13 @@ const Ys = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), sn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], nn = ["xlink:href"], tn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), on = ["id"], rn = ["id"];
+}), nn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], tn = ["xlink:href"], on = /* @__PURE__ */ v("span", { class: "check" }, null, -1), rn = ["id"], ln = ["id"];
 x.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const ln = /* @__PURE__ */ y({
+const an = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2628,7 +2632,7 @@ const ln = /* @__PURE__ */ y({
             "aria-label": s.question.ariaLabel,
             "aria-invalid": s.question.ariaInvalid,
             "aria-errormessage": s.question.ariaErrormessage
-          }, null, 42, sn), [
+          }, null, 42, nn), [
             [te, s.question.booleanValue]
           ]),
           v("span", {
@@ -2640,9 +2644,9 @@ const ln = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.svgIcon
-              }, null, 8, nn)
+              }, null, 8, tn)
             ], 2)) : m("", !0),
-            tn
+            on
           ], 2),
           s.question.isLabelRendered ? (o(), l("span", {
             key: 0,
@@ -2661,7 +2665,7 @@ const ln = /* @__PURE__ */ y({
               element: s.question,
               css: s.css
             }, null, 8, ["element", "css"])) : m("", !0)
-          ], 10, on)) : m("", !0)
+          ], 10, rn)) : m("", !0)
         ], 2),
         s.question.canRenderLabelDescription ? (o(), l("div", {
           key: 0,
@@ -2672,11 +2676,11 @@ const ln = /* @__PURE__ */ y({
             is: "survey-string",
             locString: s.question.locDescription
           }, null, 8, ["locString"])
-        ], 10, rn)) : m("", !0)
+        ], 10, ln)) : m("", !0)
       ], 2)
     ], 2));
   }
-}), an = /* @__PURE__ */ y({
+}), un = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2712,7 +2716,7 @@ const ln = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), un = { key: 1 }, dn = /* @__PURE__ */ y({
+}), dn = { key: 1 }, mn = /* @__PURE__ */ y({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2745,7 +2749,7 @@ const ln = /* @__PURE__ */ y({
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (o(), l("span", un, " ")) : m("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (o(), l("span", dn, " ")) : m("", !0),
         s.value.editor.isRequireTextAfterTitle ? (o(), l("span", {
           key: 2,
           "aria-hidden": "true",
@@ -2764,7 +2768,7 @@ const ln = /* @__PURE__ */ y({
       ], 34))
     ], 2));
   }
-}), mn = { class: "sv-hidden" }, pn = { key: 0 }, Cn = { key: 0 }, vn = ["onClick"], cn = ["data-responsive-title", "onClick"], gn = /* @__PURE__ */ y({
+}), pn = { class: "sv-hidden" }, Cn = { key: 0 }, vn = { key: 0 }, cn = ["onClick"], gn = ["data-responsive-title", "onClick"], hn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2794,13 +2798,13 @@ const ln = /* @__PURE__ */ y({
       ref: n
     }, [
       v("fieldset", null, [
-        v("legend", mn, H(t.question.locTitle.renderedHtml), 1),
+        v("legend", pn, H(t.question.locTitle.renderedHtml), 1),
         v("table", {
           class: r(t.question.getTableCss())
         }, [
-          t.question.showHeader ? (o(), l("thead", pn, [
+          t.question.showHeader ? (o(), l("thead", Cn, [
             v("tr", null, [
-              t.question.hasRows ? (o(), l("td", Cn)) : m("", !0),
+              t.question.hasRows ? (o(), l("td", vn)) : m("", !0),
               (o(!0), l(I, null, S(t.question.visibleColumns, (p, g) => (o(), l("th", {
                 key: g,
                 class: r(t.question.cssClasses.headerCell),
@@ -2860,7 +2864,7 @@ const ln = /* @__PURE__ */ y({
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(p.name, C)
                 }, null, 8, ["locString"])
-              ], 10, vn))), 128)) : m("", !0),
+              ], 10, cn))), 128)) : m("", !0),
               t.question.hasCellText ? m("", !0) : (o(!0), l(I, { key: 1 }, S(t.question.visibleColumns, (C, q) => (o(), l("td", {
                 key: q,
                 "data-responsive-title": C.locText.renderedHtml,
@@ -2874,14 +2878,14 @@ const ln = /* @__PURE__ */ y({
                   column: C,
                   columnIndex: q
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, cn))), 128))
+              ], 10, gn))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), hn = ["data-sv-drop-target-matrix-row"], yn = /* @__PURE__ */ y({
+}), yn = ["data-sv-drop-target-matrix-row"], qn = /* @__PURE__ */ y({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -2914,9 +2918,9 @@ const ln = /* @__PURE__ */ y({
         question: i.question,
         key: i.row.id + "_" + a.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, hn)) : m("", !0);
+    ], 42, yn)) : m("", !0);
   }
-}), qn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], wn = ["xlink:href"], Ln = /* @__PURE__ */ y({
+}), wn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Ln = ["xlink:href"], kn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2946,7 +2950,7 @@ const ln = /* @__PURE__ */ y({
         ),
         "aria-invalid": e.question.a11y_input_ariaInvalid,
         "aria-errormessage": e.question.a11y_input_ariaErrormessage
-      }, null, 10, qn), [
+      }, null, 10, wn), [
         [_, e.row.value]
       ]),
       v("span", {
@@ -2958,7 +2962,7 @@ const ln = /* @__PURE__ */ y({
         }, [
           v("use", {
             "xlink:href": e.question.itemSvgIcon
-          }, null, 8, wn)
+          }, null, 8, Ln)
         ], 2)) : m("", !0)
       ], 2),
       e.question.isMobile ? (o(), l("span", {
@@ -2972,7 +2976,7 @@ const ln = /* @__PURE__ */ y({
       ], 2)) : m("", !0)
     ], 34));
   }
-}), kn = /* @__PURE__ */ y({
+}), fn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2987,7 +2991,7 @@ const ln = /* @__PURE__ */ y({
       ref: n
     }, null, 8, ["question"]));
   }
-}), fn = { key: 0 }, bn = { key: 1 }, Mn = /* @__PURE__ */ y({
+}), bn = { key: 0 }, Mn = { key: 1 }, Hn = /* @__PURE__ */ y({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -3001,7 +3005,7 @@ const ln = /* @__PURE__ */ y({
       v("table", {
         class: r(s.question.getTableCss())
       }, [
-        n.value.showHeader ? (o(), l("thead", fn, [
+        n.value.showHeader ? (o(), l("thead", bn, [
           v("tr", null, [
             (o(!0), l(I, null, S(n.value.headerRow.cells, (t) => (o(), l(I, null, [
               t.hasTitle ? (o(), l("th", {
@@ -3044,7 +3048,7 @@ const ln = /* @__PURE__ */ y({
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        n.value.showFooter ? (o(), l("tfoot", bn, [
+        n.value.showFooter ? (o(), l("tfoot", Mn, [
           v("tr", null, [
             (o(!0), l(I, null, S(n.value.footerRow.cells, (t, a) => (o(), c(d, {
               is: "survey-matrixdropdown-cell",
@@ -3057,7 +3061,7 @@ const ln = /* @__PURE__ */ y({
       ], 2)
     ], 6));
   }
-}), Hn = /* @__PURE__ */ v("span", null, " ", -1), In = /* @__PURE__ */ y({
+}), In = /* @__PURE__ */ v("span", null, " ", -1), Sn = /* @__PURE__ */ y({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3066,14 +3070,14 @@ const ln = /* @__PURE__ */ y({
   setup(u) {
     const e = u;
     return V(() => e.column), (n, s) => n.column.isRenderedRequired ? (o(), l(I, { key: 0 }, [
-      Hn,
+      In,
       n.column.isRenderedRequired ? (o(), l("span", {
         key: 0,
         class: r(n.question.cssClasses.cellRequiredMark)
       }, H(n.column.requiredMark), 3)) : m("", !0)
     ], 64)) : m("", !0);
   }
-}), Sn = ["title", "colspan"], Vn = /* @__PURE__ */ y({
+}), Vn = ["title", "colspan"], Bn = /* @__PURE__ */ y({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3238,9 +3242,9 @@ const ln = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : m("", !0)
-    ], 46, Sn)) : m("", !0);
+    ], 46, Vn)) : m("", !0);
   }
-}), Bn = /* @__PURE__ */ y({
+}), Rn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3333,7 +3337,7 @@ function ie(u, e = !0) {
     row: e ? b(() => u.item.data.row) : void 0
   };
 }
-const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
+const Tn = ["disabled"], Zn = /* @__PURE__ */ y({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3353,9 +3357,9 @@ const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
       v("span", {
         class: r(L(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, Rn));
+    ], 10, Tn));
   }
-}), Zn = ["xlink:href"], $n = /* @__PURE__ */ y({
+}), $n = ["xlink:href"], Dn = /* @__PURE__ */ y({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3369,14 +3373,14 @@ const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
       }, [
         v("use", {
           "xlink:href": L(n).iconDragElement
-        }, null, 8, Zn)
+        }, null, 8, $n)
       ], 2)) : (o(), l("span", {
         key: 1,
         class: r(L(n).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), Dn = ["aria-expanded", "aria-controls"], An = /* @__PURE__ */ y({
+}), An = ["aria-expanded", "aria-controls"], Nn = /* @__PURE__ */ y({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3396,9 +3400,9 @@ const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
         iconName: L(n).getDetailPanelIconId(L(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, Dn));
+    ], 10, An));
   }
-}), Nn = /* @__PURE__ */ y({
+}), Pn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3530,7 +3534,7 @@ const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : m("", !0)
     ], 2));
   }
-}), Pn = /* @__PURE__ */ y({
+}), En = /* @__PURE__ */ y({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3577,7 +3581,7 @@ const Rn = ["disabled"], Tn = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), En = /* @__PURE__ */ y({
+}), Wn = /* @__PURE__ */ y({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3617,7 +3621,7 @@ function Q(u) {
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const Wn = ["id"], Fn = /* @__PURE__ */ y({
+const Fn = ["id"], zn = /* @__PURE__ */ y({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3642,9 +3646,9 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
           locString: L(n).locAddPanelText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, Wn)) : m("", !0);
+    ], 10, Fn)) : m("", !0);
   }
-}), zn = ["title"], On = /* @__PURE__ */ y({
+}), On = ["title"], Un = /* @__PURE__ */ y({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3664,9 +3668,9 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
         iconName: L(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, zn));
+    ], 10, On));
   }
-}), Un = ["title"], Kn = /* @__PURE__ */ y({
+}), Kn = ["title"], jn = /* @__PURE__ */ y({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3686,9 +3690,9 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
         iconName: L(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Un));
+    ], 10, Kn));
   }
-}), jn = ["id"], Qn = /* @__PURE__ */ y({
+}), Qn = ["id"], Gn = /* @__PURE__ */ y({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3717,9 +3721,9 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
       v("span", {
         class: r(L(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, jn));
+    ], 10, Qn));
   }
-}), Gn = /* @__PURE__ */ y({
+}), Jn = /* @__PURE__ */ y({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3731,7 +3735,7 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
       class: r(L(n).cssClasses.progressText)
     }, H(L(n).progressText), 3));
   }
-}), Jn = ["id"], Xn = /* @__PURE__ */ y({
+}), Xn = ["id"], Yn = /* @__PURE__ */ y({
   __name: "Errors",
   props: {
     element: {},
@@ -3756,21 +3760,21 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
         error: i,
         cssClasses: n.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, Jn)) : m("", !0);
+    ], 10, Xn)) : m("", !0);
   }
-}), Yn = { key: 0 }, _n = /* @__PURE__ */ y({
+}), _n = { key: 0 }, xn = /* @__PURE__ */ y({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (o(), l("div", Yn, H(e.question.comment), 1)) : (o(), c(d, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (o(), l("div", _n, H(e.question.comment), 1)) : (o(), c(d, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), xn = /* @__PURE__ */ y({
+}), et = /* @__PURE__ */ y({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3823,7 +3827,7 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : m("", !0);
   }
-}), et = { key: 3 }, st = { key: 5 }, nt = { key: 7 }, tt = /* @__PURE__ */ y({
+}), st = { key: 3 }, nt = { key: 5 }, tt = { key: 7 }, ot = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3851,19 +3855,19 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
         class: r(n.element.cssTitleNumber),
         "aria-hidden": !0
       }, H(n.element.no), 3)) : m("", !0),
-      !n.element.isTitleRenderedAsString && n.element.no ? (o(), l("span", et, " ")) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.no ? (o(), l("span", st, " ")) : m("", !0),
       !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (o(), l("span", {
         key: 4,
         class: r(n.element.cssRequiredMark),
         "aria-hidden": !0
       }, H(n.element.requiredMark), 3)) : m("", !0),
-      !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (o(), l("span", st, " ")) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.isRequireTextBeforeTitle ? (o(), l("span", nt, " ")) : m("", !0),
       n.element.isTitleRenderedAsString ? m("", !0) : (o(), c(d, {
         key: 6,
         is: "survey-string",
         locString: n.element.locTitle
       }, null, 8, ["locString"])),
-      !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (o(), l("span", nt, " ")) : m("", !0),
+      !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (o(), l("span", tt, " ")) : m("", !0),
       !n.element.isTitleRenderedAsString && n.element.isRequireTextAfterTitle ? (o(), l("span", {
         key: 8,
         class: r(n.element.cssRequiredMark),
@@ -3871,7 +3875,7 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
       }, H(n.element.requiredMark), 3)) : m("", !0)
     ], 64));
   }
-}), ot = { class: "sv-title-actions" }, it = { class: "sv-title-actions__title" }, rt = /* @__PURE__ */ y({
+}), it = { class: "sv-title-actions" }, rt = { class: "sv-title-actions__title" }, lt = /* @__PURE__ */ y({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3879,8 +3883,8 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = b(() => e.element.getTitleToolbar());
-    return (s, i) => (o(), l("div", ot, [
-      v("span", it, [
+    return (s, i) => (o(), l("div", it, [
+      v("span", rt, [
         s.element.isPage ? (o(), c(d, {
           key: 0,
           is: "survey-string",
@@ -3899,20 +3903,20 @@ const Wn = ["id"], Fn = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ]));
   }
-}), lt = (u, e) => {
+}), at = (u, e) => {
   const n = u.__vccOpts || u;
   for (const [s, i] of e)
     n[s] = i;
   return n;
-}, at = {}, ut = { class: "sv-brand-info" }, dt = /* @__PURE__ */ Ze('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), mt = [
-  dt
+}, ut = {}, dt = { class: "sv-brand-info" }, mt = /* @__PURE__ */ Ze('<a class="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"></a><div class="sv-brand-info__text"> Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&amp;utm_medium=online_survey_tool&amp;utm_campaign=create_survey">create a survey</a></div><div class="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use &amp; Privacy Statement</a></div>', 3), pt = [
+  mt
 ];
-function pt(u, e) {
-  return o(), l("div", ut, mt);
+function Ct(u, e) {
+  return o(), l("div", dt, pt);
 }
-const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use", null, null, -1), ct = [
-  vt
-], gt = /* @__PURE__ */ y({
+const vt = /* @__PURE__ */ at(ut, [["render", Ct]]), ct = /* @__PURE__ */ v("use", null, null, -1), gt = [
+  ct
+], ht = /* @__PURE__ */ y({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3941,9 +3945,9 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ref: n,
       class: "sv-svg-icon",
       role: "img"
-    }, ct, 512));
+    }, gt, 512));
   }
-}), ht = /* @__PURE__ */ y({
+}), yt = /* @__PURE__ */ y({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -3971,7 +3975,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ], 2)
     ]));
   }
-}), yt = /* @__PURE__ */ y({
+}), qt = /* @__PURE__ */ y({
   __name: "ActionBar",
   props: {
     model: {},
@@ -4002,7 +4006,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["item"]))), 128))
     ], 2)) : m("", !0);
   }
-}), qt = ["id"], wt = { class: "sv-action__content" }, Lt = /* @__PURE__ */ y({
+}), wt = ["id"], Lt = { class: "sv-action__content" }, kt = /* @__PURE__ */ y({
   __name: "Action",
   props: {
     item: {}
@@ -4027,7 +4031,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ref_key: "root",
       ref: e
     }, [
-      v("div", wt, [
+      v("div", Lt, [
         i.item.needSeparator ? (o(), c(d, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4037,7 +4041,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           item: i.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, qt));
+    ], 10, wt));
   }
 }), U = {
   mounted: function(u, e) {
@@ -4057,10 +4061,10 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       ze(s);
     });
   }
-}, kt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], ft = {
+}, ft = ["disabled", "title", "aria-checked", "aria-expanded", "role"], bt = {
   inheritAttrs: !1
-}, bt = /* @__PURE__ */ y({
-  ...ft,
+}, Mt = /* @__PURE__ */ y({
+  ...bt,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -4100,14 +4104,14 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         key: 1,
         class: r(n.item.getActionBarItemTitleCss())
       }, H(n.item.title), 3)) : m("", !0)
-    ], 42, kt)), [
+    ], 42, ft)), [
       [L(U), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
   }
-}), Mt = ["disabled", "title", "role"], Ht = {
+}), Ht = ["disabled", "title", "role"], It = {
   inheritAttrs: !1
-}, It = /* @__PURE__ */ y({
-  ...Ht,
+}, St = /* @__PURE__ */ y({
+  ...It,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -4149,7 +4153,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           key: 1,
           class: r(s.item.getActionBarItemTitleCss())
         }, H(s.item.title), 3)) : m("", !0)
-      ], 42, Mt)), [
+      ], 42, Ht)), [
         [L(U), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       h(d, {
@@ -4158,7 +4162,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), St = /* @__PURE__ */ y({
+}), Vt = /* @__PURE__ */ y({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4169,7 +4173,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       class: r(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), Vt = ["aria-label", "placeholder", "value"], Bt = ["aria-label"], Rt = ["id"], Tt = /* @__PURE__ */ y({
+}), Bt = ["aria-label", "placeholder", "value"], Rt = ["aria-label"], Tt = ["id"], Zt = /* @__PURE__ */ y({
   __name: "List",
   props: {
     model: {}
@@ -4214,7 +4218,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           value: p.model.filterString,
           onChange: s,
           onKeyup: i
-        }, null, 42, Vt),
+        }, null, 42, Bt),
         p.model.showSearchClearButton && p.model.filterString ? (o(), l("button", {
           key: 0,
           onClick: g[0] || (g[0] = (C) => {
@@ -4235,7 +4239,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(p.model.cssClasses.emptyText),
           "aria-label": p.model.emptyMessage
-        }, H(p.model.emptyMessage), 11, Bt)
+        }, H(p.model.emptyMessage), 11, Rt)
       ], 2), [
         [N, p.model.isEmpty]
       ]),
@@ -4258,12 +4262,12 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           model: p.model,
           key: C.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, Rt)), [
+      ], 42, Tt)), [
         [N, !p.model.isEmpty]
       ]) : m("", !0)
     ], 2));
   }
-}), Zt = ["aria-selected", "id", "tabindex"], $t = ["title"], Dt = /* @__PURE__ */ y({
+}), $t = ["aria-selected", "id", "tabindex"], Dt = ["title"], At = /* @__PURE__ */ y({
   __name: "ListItem",
   props: {
     model: {},
@@ -4307,13 +4311,13 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, $t)
-    ], 42, Zt)), [
+      ], 46, Dt)
+    ], 42, $t)), [
       [N, t.model.isItemVisible(t.item)],
       [L(U), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), At = /* @__PURE__ */ y({
+}), Nt = /* @__PURE__ */ y({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4342,7 +4346,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["class", "iconName"])) : m("", !0)
     ], 64));
   }
-}), Nt = /* @__PURE__ */ y({
+}), Pt = /* @__PURE__ */ y({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4362,7 +4366,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), Pt = /* @__PURE__ */ y({
+}), Et = /* @__PURE__ */ y({
   __name: "Popup",
   props: {
     model: {}
@@ -4392,13 +4396,13 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), Et = { class: "sv-popup__body-content" }, Wt = {
+}), Wt = { class: "sv-popup__body-content" }, Ft = {
   key: 0,
   class: "sv-popup__body-header"
-}, Ft = { class: "sv-popup__scrolling-content" }, zt = { class: "sv-popup__content" }, Ot = {
+}, zt = { class: "sv-popup__scrolling-content" }, Ot = { class: "sv-popup__content" }, Ut = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Ut = /* @__PURE__ */ y({
+}, Kt = /* @__PURE__ */ y({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4438,16 +4442,16 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : m("", !0),
-        v("div", Et, [
-          s.model.title ? (o(), l("div", Wt, H(s.model.title), 1)) : m("", !0),
-          v("div", Ft, [
-            v("div", zt, [
+        v("div", Wt, [
+          s.model.title ? (o(), l("div", Ft, H(s.model.title), 1)) : m("", !0),
+          v("div", zt, [
+            v("div", Ot, [
               h(d, D({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (o(), l("div", Ot, [
+          s.model.showFooter ? (o(), l("div", Ut, [
             h(d, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4459,7 +4463,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       [N, s.model.isVisible]
     ]);
   }
-}), Kt = /* @__PURE__ */ y({
+}), jt = /* @__PURE__ */ y({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4473,7 +4477,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       })
     }, null, 4));
   }
-}), jt = /* @__PURE__ */ y({
+}), Qt = /* @__PURE__ */ y({
   __name: "Container",
   props: {
     survey: {},
@@ -4534,7 +4538,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
       }, H(t.survey.progressText), 3)
     ], 2));
   }
-}), Qt = ["title"], Gt = ["onClick", "data-page-number"], Jt = ["title"], Xt = ["title"], Yt = ["title"], _t = /* @__PURE__ */ y({
+}), Gt = ["title"], Jt = ["onClick", "data-page-number"], Xt = ["title"], Yt = ["title"], _t = ["title"], xt = /* @__PURE__ */ y({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4579,7 +4583,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(q.survey.css.progressButtonsPageTitle),
           title: q.model.headerText
-        }, H(q.model.headerText), 11, Qt)
+        }, H(q.model.headerText), 11, Gt)
       ], 2)) : m("", !0),
       v("div", {
         class: r(p.value.progressButtonsContainer)
@@ -4615,12 +4619,12 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                   is: "survey-string",
                   locString: k.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, Jt)) : m("", !0),
+              ], 10, Xt)) : m("", !0),
               t.value ? (o(), l("div", {
                 key: 1,
                 class: r(p.value.progressButtonsPageDescription),
                 title: k.locNavigationDescription.renderedHtml
-              }, H(k.locNavigationDescription.renderedHtml), 11, Xt)) : m("", !0),
+              }, H(k.locNavigationDescription.renderedHtml), 11, Yt)) : m("", !0),
               v("div", {
                 class: r(p.value.progressButtonsButton)
               }, [
@@ -4632,7 +4636,7 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
                 }, null, 2),
                 v("span", null, H(q.model.getItemNumber(k)), 1)
               ], 2)
-            ], 10, Gt))), 128))
+            ], 10, Jt))), 128))
           ], 2)
         ], 2),
         v("div", {
@@ -4648,11 +4652,11 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
         v("div", {
           class: r(q.survey.css.progressButtonsPageTitle),
           title: q.model.footerText
-        }, H(q.model.footerText), 11, Yt)
+        }, H(q.model.footerText), 11, _t)
       ], 2)) : m("", !0)
     ], 6));
   }
-}), xt = /* @__PURE__ */ y({
+}), eo = /* @__PURE__ */ y({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4687,11 +4691,11 @@ const Ct = /* @__PURE__ */ lt(at, [["render", pt]]), vt = /* @__PURE__ */ v("use
   }
 });
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
-var eo = {
+var so = {
   modernbooleancheckchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></svg>',
   modernbooleancheckind: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></svg>',
   modernbooleancheckunchecked: '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></svg>',
@@ -4753,7 +4757,7 @@ var eo = {
   "smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
 };
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4818,11 +4822,11 @@ var ke = {
   "smiley-rate8-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z"></path></svg>',
   "smiley-rate9-24x24": '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z"></path></svg>'
 };
-const so = ["lang", "dir"], no = { onsubmit: "return false;" }, to = {
+const no = ["lang", "dir"], to = { onsubmit: "return false;" }, oo = {
   key: 0,
   class: "sv_custom_header"
-}, oo = { class: "sv-components-column sv-components-column--expandable" }, io = ["id"], ro = { key: 2 }, lo = ["innerHTML"], ao = ["innerHTML"], uo = ["innerHTML"];
-qe("v1", eo);
+}, io = { class: "sv-components-column sv-components-column--expandable" }, ro = ["id"], lo = { key: 2 }, ao = ["innerHTML"], uo = ["innerHTML"], mo = ["innerHTML"];
+qe("v1", so);
 qe("v2", ke);
 X.registerIcons(ke);
 const re = /* @__PURE__ */ y({
@@ -4882,8 +4886,8 @@ const re = /* @__PURE__ */ y({
           class: r(C.value.rootBackgroundImage),
           style: M(t.value.backgroundImageStyle)
         }, null, 6)) : m("", !0),
-        v("form", no, [
-          t.value.hasLogo ? m("", !0) : (o(), l("div", to)),
+        v("form", to, [
+          t.value.hasLogo ? m("", !0) : (o(), l("div", oo)),
           v("div", {
             class: r(C.value.container)
           }, [
@@ -4908,7 +4912,7 @@ const re = /* @__PURE__ */ y({
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              v("div", oo, [
+              v("div", io, [
                 h(d, {
                   is: "sv-components-container",
                   survey: t.value,
@@ -4943,7 +4947,7 @@ const re = /* @__PURE__ */ y({
                     key: 0,
                     is: "sv-brand-info"
                   })) : m("", !0)
-                ], 14, io)
+                ], 14, ro)
               ]),
               h(d, {
                 is: "sv-components-container",
@@ -4958,11 +4962,11 @@ const re = /* @__PURE__ */ y({
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            g.value ? (o(), l("div", ro, [
+            g.value ? (o(), l("div", lo, [
               v("div", {
                 innerHTML: B(),
                 class: r(t.value.completedCss)
-              }, null, 10, lo),
+              }, null, 10, ao),
               h(d, {
                 is: "sv-components-container",
                 survey: t.value,
@@ -4974,12 +4978,12 @@ const re = /* @__PURE__ */ y({
               key: 3,
               class: r(t.value.completedBeforeCss),
               innerHTML: t.value.processedCompletedBeforeHtml
-            }, null, 10, ao)) : m("", !0),
+            }, null, 10, uo)) : m("", !0),
             t.value.state === "loading" ? (o(), l("div", {
               key: 4,
               class: r(t.value.loadingBodyCss),
               innerHTML: t.value.processedLoadingHtml
-            }, null, 10, uo)) : m("", !0),
+            }, null, 10, mo)) : m("", !0),
             t.value.state === "empty" ? (o(), l("div", {
               key: 5,
               class: r(C.value.bodyEmpty)
@@ -4991,9 +4995,9 @@ const re = /* @__PURE__ */ y({
           model: t.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, so));
+    ], 14, no));
   }
-}), mo = /* @__PURE__ */ y({
+}), po = /* @__PURE__ */ y({
   __name: "Notifier",
   props: {
     model: {}
@@ -5014,7 +5018,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 6)) : m("", !0);
   }
-}), po = { key: 0 }, Co = /* @__PURE__ */ y({
+}), Co = { key: 0 }, vo = /* @__PURE__ */ y({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -5023,14 +5027,14 @@ const re = /* @__PURE__ */ y({
     return (e, n) => (o(), l("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (o(), l("div", po, H(e.question.otherValue), 1)) : (o(), c(d, {
+      e.question.isReadOnlyRenderDiv() ? (o(), l("div", Co, H(e.question.otherValue), 1)) : (o(), c(d, {
         key: 1,
         is: "sv-text-area",
         model: e.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), vo = ["disabled", "value", "title"], co = /* @__PURE__ */ y({
+}), co = ["disabled", "value", "title"], go = /* @__PURE__ */ y({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -5047,7 +5051,7 @@ const re = /* @__PURE__ */ y({
       onMousedown: n,
       onClick: i[0] || (i[0] = //@ts-ignore
       (...t) => s.item.action && s.item.action(...t))
-    }, null, 42, vo)) : m("", !0);
+    }, null, 42, co)) : m("", !0);
   }
 }), fe = /* @__PURE__ */ y({
   __name: "PopupSurvey",
@@ -5163,7 +5167,7 @@ const re = /* @__PURE__ */ y({
       ], 2)
     ], 38)) : m("", !0);
   }
-}), go = ["innerHTML"], ho = /* @__PURE__ */ y({
+}), ho = ["innerHTML"], yo = /* @__PURE__ */ y({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -5186,7 +5190,7 @@ const re = /* @__PURE__ */ y({
       i.value ? (o(), l("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, go)) : m("", !0),
+      }, null, 8, ho)) : m("", !0),
       s.value ? (o(), c(d, {
         key: 1,
         is: a.value,
@@ -5195,7 +5199,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["is", "question", "css"])) : m("", !0)
     ], 512));
   }
-}), yo = /* @__PURE__ */ y({
+}), qo = /* @__PURE__ */ y({
   __name: "PopupModal",
   setup(u) {
     const e = W();
@@ -5220,7 +5224,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 8, ["to"])) : m("", !0);
   }
-}), qo = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], wo = /* @__PURE__ */ y({
+}), wo = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Lo = /* @__PURE__ */ y({
   __name: "TextArea",
   props: {
     model: {}
@@ -5269,9 +5273,9 @@ const re = /* @__PURE__ */ y({
       "aria-invalid": i.model.ariaInvalid,
       "aria-errormessage": i.model.ariaErrormessage,
       style: M({ resize: i.model.question.resizeStyle })
-    }, null, 46, qo));
+    }, null, 46, wo));
   }
-}), Lo = /* @__PURE__ */ y({
+}), ko = /* @__PURE__ */ y({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5283,7 +5287,7 @@ const re = /* @__PURE__ */ y({
       class: r(n.remainingCharacterCounter)
     }, H(n.counter.remainingCharacterCounter), 3));
   }
-}), ko = /* @__PURE__ */ y({
+}), fo = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5302,7 +5306,7 @@ const re = /* @__PURE__ */ y({
       css: i.css
     }, null, 8, ["element", "css"]));
   }
-}), fo = /* @__PURE__ */ y({
+}), bo = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5320,9 +5324,9 @@ const re = /* @__PURE__ */ y({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), bo = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), Mo = [
-  bo
-], Ce = 440, Ho = /* @__PURE__ */ y({
+}), Mo = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), Ho = [
+  Mo
+], Ce = 440, Io = /* @__PURE__ */ y({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -5338,7 +5342,7 @@ const re = /* @__PURE__ */ y({
         key: 0,
         class: r(i.model.getProgressCss()),
         style: M({ strokeDasharray: Ce, strokeDashoffset: n.value })
-      }, Mo, 6)) : m("", !0),
+      }, Ho, 6)) : m("", !0),
       v("div", {
         class: r(i.model.textContainerCss)
       }, [
@@ -5357,10 +5361,10 @@ const re = /* @__PURE__ */ y({
       [N, i.model.isRunning && !i.model.showTimerAsClock]
     ]);
   }
-}), Io = { class: "sd-loading-indicator" }, So = /* @__PURE__ */ y({
+}), So = { class: "sd-loading-indicator" }, Vo = /* @__PURE__ */ y({
   __name: "LoadingIndicator",
   setup(u) {
-    return (e, n) => (o(), l("div", Io, [
+    return (e, n) => (o(), l("div", So, [
       h(d, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5368,7 +5372,7 @@ const re = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Vo = { key: 2 }, Bo = /* @__PURE__ */ y({
+}), Bo = { key: 2 }, Ro = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     model: {},
@@ -5404,7 +5408,7 @@ const re = /* @__PURE__ */ y({
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      n.survey.isMobile ? (o(), l("div", Vo, [
+      n.survey.isMobile ? (o(), l("div", Bo, [
         h(d, {
           is: "sv-header-mobile",
           model: n.model
@@ -5412,10 +5416,10 @@ const re = /* @__PURE__ */ y({
       ])) : m("", !0)
     ], 6)) : m("", !0);
   }
-}), Ro = {
+}), To = {
   key: 0,
   class: "sv-header__logo"
-}, To = ["src", "width", "height", "alt"], Zo = /* @__PURE__ */ y({
+}, Zo = ["src", "width", "height", "alt"], $o = /* @__PURE__ */ y({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5429,7 +5433,7 @@ const re = /* @__PURE__ */ y({
         class: "sv-header__cell-content",
         style: M(e.model.contentStyle)
       }, [
-        e.model.showLogo ? (o(), l("div", Ro, [
+        e.model.showLogo ? (o(), l("div", To, [
           v("div", {
             class: r(e.model.survey.logoClassNames)
           }, [
@@ -5440,7 +5444,7 @@ const re = /* @__PURE__ */ y({
               height: e.model.survey.renderedLogoHeight,
               alt: e.model.survey.locTitle.renderedHtml,
               style: M({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-            }, null, 14, To)
+            }, null, 14, Zo)
           ], 2)
         ])) : m("", !0),
         e.model.showTitle ? (o(), l("div", {
@@ -5472,17 +5476,17 @@ const re = /* @__PURE__ */ y({
       ], 4)
     ], 6));
   }
-}), $o = { class: "sv-header--mobile" }, Do = {
+}), Do = { class: "sv-header--mobile" }, Ao = {
   key: 0,
   class: "sv-header__logo"
-}, Ao = ["src", "width", "height", "alt"], No = /* @__PURE__ */ y({
+}, No = ["src", "width", "height", "alt"], Po = /* @__PURE__ */ y({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (e, n) => (o(), l("div", $o, [
-      e.model.survey.hasLogo ? (o(), l("div", Do, [
+    return (e, n) => (o(), l("div", Do, [
+      e.model.survey.hasLogo ? (o(), l("div", Ao, [
         v("div", {
           class: r(e.model.survey.logoClassNames)
         }, [
@@ -5493,7 +5497,7 @@ const re = /* @__PURE__ */ y({
             height: e.model.survey.renderedLogoHeight,
             alt: e.model.survey.locTitle.renderedHtml,
             style: M({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-          }, null, 14, Ao)
+          }, null, 14, No)
         ], 2)
       ])) : m("", !0),
       e.model.survey.hasTitle ? (o(), l("div", {
@@ -5524,7 +5528,7 @@ const re = /* @__PURE__ */ y({
       ], 4)) : m("", !0)
     ]));
   }
-}), Po = /* @__PURE__ */ y({
+}), Eo = /* @__PURE__ */ y({
   __name: "Element",
   props: {
     element: {},
@@ -5580,7 +5584,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["is", "element", "css"])) : m("", !0)
     ], 6));
   }
-}), Eo = /* @__PURE__ */ y({
+}), Wo = /* @__PURE__ */ y({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5593,7 +5597,7 @@ const re = /* @__PURE__ */ y({
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), Wo = /* @__PURE__ */ y({
+}), Fo = /* @__PURE__ */ y({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5616,7 +5620,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["iconName", "title"])) : m("", !0)
     ], 2));
   }
-}), Fo = ["id"], zo = /* @__PURE__ */ y({
+}), zo = ["id"], Oo = /* @__PURE__ */ y({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5638,14 +5642,14 @@ const re = /* @__PURE__ */ y({
         playsinline: "",
         id: e.question.videoId,
         class: r(e.question.cssClasses.video)
-      }, null, 10, Fo),
+      }, null, 10, zo),
       h(d, {
         is: "sv-action",
         item: e.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), Oo = ["for", "aria-label"], Uo = /* @__PURE__ */ y({
+}), Uo = ["for", "aria-label"], Ko = /* @__PURE__ */ y({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5673,11 +5677,11 @@ const re = /* @__PURE__ */ y({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : m("", !0),
       v("span", null, H(n.value.chooseButtonText), 1)
-    ], 10, Oo)), [
+    ], 10, Uo)), [
       [L(U)]
     ]);
   }
-}), Ko = /* @__PURE__ */ y({
+}), jo = /* @__PURE__ */ y({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5701,7 +5705,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["item", "question"]))), 128))
     ], 2)) : m("", !0);
   }
-}), jo = /* @__PURE__ */ y({
+}), Qo = /* @__PURE__ */ y({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5723,7 +5727,7 @@ const re = /* @__PURE__ */ y({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Qo = ["title"], Go = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Jo = ["title"], Xo = /* @__PURE__ */ y({
+}), Go = ["title"], Jo = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Xo = ["title"], Yo = /* @__PURE__ */ y({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5758,7 +5762,7 @@ const re = /* @__PURE__ */ y({
         class: r(n.value.css.control),
         "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
         value: n.value.value
-      }, null, 10, Go), [
+      }, null, 10, Jo), [
         [_, s.value]
       ]),
       v("div", {
@@ -5780,11 +5784,11 @@ const re = /* @__PURE__ */ y({
             is: "survey-string",
             locString: n.value.caption
           }, null, 8, ["locString"])
-        ], 10, Jo)) : m("", !0)
+        ], 10, Xo)) : m("", !0)
       ], 2)
-    ], 10, Qo));
+    ], 10, Go));
   }
-}), Yo = ["src", "width", "height", "alt"], _o = /* @__PURE__ */ y({
+}), _o = ["src", "width", "height", "alt"], xo = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5806,10 +5810,10 @@ const re = /* @__PURE__ */ y({
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, Yo)
+      }, null, 14, _o)
     ], 2));
   }
-}), xo = /* @__PURE__ */ y({
+}), ei = /* @__PURE__ */ y({
   __name: "SvgBundle",
   setup(u) {
     const e = f(), n = () => {
@@ -5827,7 +5831,7 @@ const re = /* @__PURE__ */ y({
       [N, !1]
     ]);
   }
-}), ei = ["id"], si = /* @__PURE__ */ y({
+}), si = ["id"], ni = /* @__PURE__ */ y({
   __name: "FilePage",
   props: {
     page: {},
@@ -5845,9 +5849,9 @@ const re = /* @__PURE__ */ y({
         item: i,
         question: n.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, ei));
+    ], 10, si));
   }
-}), ni = ["href", "title", "download"], ti = ["src"], oi = ["href", "title", "download"], ii = /* @__PURE__ */ y({
+}), ti = ["href", "title", "download"], oi = ["src"], ii = ["href", "title", "download"], ri = /* @__PURE__ */ y({
   __name: "FileItem",
   props: {
     item: {},
@@ -5868,7 +5872,7 @@ const re = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: M({ width: e.question.imageWidth })
-        }, H(e.item.name), 13, ni)
+        }, H(e.item.name), 13, ti)
       ], 2)) : m("", !0),
       v("div", {
         class: r(e.question.getImageWrapperCss(e.item))
@@ -5881,7 +5885,7 @@ const re = /* @__PURE__ */ y({
             width: e.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, ti)) : m("", !0),
+        }, null, 12, oi)) : m("", !0),
         e.question.defaultImage(e.item) ? (o(), c(d, {
           key: 1,
           is: "sv-svg-icon",
@@ -5917,7 +5921,7 @@ const re = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: M({ width: e.question.imageWidth })
-        }, H(e.item.name), 13, oi)
+        }, H(e.item.name), 13, ii)
       ], 2)) : m("", !0)
     ], 2)), [
       [N, e.item]
@@ -5925,20 +5929,20 @@ const re = /* @__PURE__ */ y({
   }
 });
 Je.platform = "vue3";
-function ri(u, e, n) {
+function li(u, e, n) {
   u(e, n);
 }
 function be(u) {
-  const e = ri.bind(
+  const e = li.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", xo), e("popup-survey", fe), e("survey-header", xe), e("sv-logo-image", _o), e("survey-page", _e), e("survey-row", e1), e("survey-question", o1), e("survey-panel", a1), e("survey-element-header", d1), e("survey-string", m1), e("sv-string-viewer", C1), e("sv-string-editor", c1), e("sv-skeleton", h1), e("survey-text", w1), e("survey-text-input", f1), e("survey-checkbox", S1), e("survey-checkbox-item", R1), e("survey-radiogroup", T1), e("survey-radiogroup-item", D1), e("survey-signaturepad", E1), e("survey-html", F1), e("survey-image", K1), e("survey-expression", j1), e("survey-file", X1), e("sv-file-choose-btn", Uo), e("sv-file-clean-btn", Wo), e("sv-file-preview", Ko), e("sv-file-page", si), e("sv-file-item", ii), e("sv-file-video", zo), e("survey-imagepicker", _1), e("survey-imagepicker-item", ts), e("survey-comment", os), e("survey-dropdown", is), e("sv-dropdown-select", us), e("sv-dropdown-option-item", ms), e("sv-dropdown", gs), e("survey-tagbox", hs), e("sv-tagbox", ws), e("sv-tagbox-item", Ms), e("sv-tagbox-filter", fs), e("survey-ranking", Hs), e("survey-ranking-item", Ts), e("sv-ranking-item", Zs), e("survey-rating", As), e("sv-rating-item", Es), e("sv-rating-item-smiley", Fs), e("sv-rating-item-star", Os), e("sv-rating-dropdown", Gs), e("sv-rating-dropdown-item", Qs), e("survey-boolean", Xs), e("sv-boolean-radio", Ys), e("sv-boolean-radio-item", en), e("sv-boolean-checkbox", ln), e("survey-multipletext", an), e("survey-multipletext-item", dn), e("survey-matrix", gn), e("survey-matrix-row", yn), e("survey-matrix-cell", Ln), e("survey-matrixdropdown", kn), e("survey-matrixtable", Mn), e("survey-matrixheaderrequired", In), e("survey-matrixdropdown-cell", Vn), e("survey-matrixdynamic", Bn), e("sv-matrix-remove-button", Tn), e("sv-matrix-drag-drop-icon", $n), e("sv-matrix-detail-button", An), e("survey-paneldynamic", Nn), e("survey-paneldynamicprogress", Pn), e("survey-paneldynamicprogress-v2", En), e("sv-paneldynamic-add-btn", Fn), e("sv-paneldynamic-next-btn", On), e("sv-paneldynamic-prev-btn", Kn), e("sv-paneldynamic-remove-btn", Qn), e("sv-paneldynamic-progress-text", Gn), e("sv-components-container", jt), e("sv-progress-buttons", _t), e("sv-navigation-toc", xt), e("sv-progress-pages", J), e("sv-progress-questions", J), e("sv-progress-correctquestions", J), e("sv-progress-requiredquestions", J), e("survey-errors", Xn), e("survey-question-comment", _n), e("survey-element-title", xn), e("survey-element-title-content", tt), e("sv-title-actions", rt), e("sv-brand-info", Ct), e("sv-question-error", ht), e("sv-svg-icon", gt), e("sv-action-bar", yt), e("sv-action", Lt), e("sv-action-bar-item", bt), e("sv-action-bar-item-dropdown", It), e("sv-action-bar-separator", St), e("sv-list", Tt), e("sv-list-item-content", At), e("sv-list-item-group", Nt), e("sv-list-item", Dt), e("sv-popup", Pt), e("sv-popup-container", Ut), e("popup-pointer", Kt), e("sv-notifier", mo), e("survey-other-choice", Co), e("sv-nav-btn", co), e("survey-customwidget", ho), e("survey-popup-modal", yo), e("survey-composite", ko), e("survey-custom", fo), e("sv-timerpanel", Ho), e("sv-loading-indicator", So), e("sv-header", Bo), e("sv-header-cell", Zo), e("sv-header-mobile", No), e("sv-template-renderer", Eo), e("sv-character-counter", Lo), e("sv-text-area", wo), e("survey-element", Po), e("survey-buttongroup", jo), e("sv-button-group-item", Xo), e("survey", re);
+  e("sv-svg-bundle", ei), e("popup-survey", fe), e("survey-header", e1), e("sv-logo-image", xo), e("survey-page", xe), e("survey-row", s1), e("survey-question", i1), e("survey-panel", u1), e("survey-element-header", m1), e("survey-string", p1), e("sv-string-viewer", v1), e("sv-string-editor", g1), e("sv-skeleton", y1), e("survey-text", L1), e("survey-text-input", b1), e("survey-checkbox", V1), e("survey-checkbox-item", T1), e("survey-radiogroup", Z1), e("survey-radiogroup-item", A1), e("survey-signaturepad", W1), e("survey-html", z1), e("survey-image", j1), e("survey-expression", Q1), e("survey-file", Y1), e("sv-file-choose-btn", Ko), e("sv-file-clean-btn", Fo), e("sv-file-preview", jo), e("sv-file-page", ni), e("sv-file-item", ri), e("sv-file-video", Oo), e("survey-imagepicker", x1), e("survey-imagepicker-item", os), e("survey-comment", is), e("survey-dropdown", rs), e("sv-dropdown-select", ds), e("sv-dropdown-option-item", ps), e("sv-dropdown", hs), e("survey-tagbox", ys), e("sv-tagbox", Ls), e("sv-tagbox-item", Hs), e("sv-tagbox-filter", bs), e("survey-ranking", Is), e("survey-ranking-item", Zs), e("sv-ranking-item", $s), e("survey-rating", Ns), e("sv-rating-item", Ws), e("sv-rating-item-smiley", zs), e("sv-rating-item-star", Us), e("sv-rating-dropdown", Js), e("sv-rating-dropdown-item", Gs), e("survey-boolean", Ys), e("sv-boolean-radio", _s), e("sv-boolean-radio-item", sn), e("sv-boolean-checkbox", an), e("survey-multipletext", un), e("survey-multipletext-item", mn), e("survey-matrix", hn), e("survey-matrix-row", qn), e("survey-matrix-cell", kn), e("survey-matrixdropdown", fn), e("survey-matrixtable", Hn), e("survey-matrixheaderrequired", Sn), e("survey-matrixdropdown-cell", Bn), e("survey-matrixdynamic", Rn), e("sv-matrix-remove-button", Zn), e("sv-matrix-drag-drop-icon", Dn), e("sv-matrix-detail-button", Nn), e("survey-paneldynamic", Pn), e("survey-paneldynamicprogress", En), e("survey-paneldynamicprogress-v2", Wn), e("sv-paneldynamic-add-btn", zn), e("sv-paneldynamic-next-btn", Un), e("sv-paneldynamic-prev-btn", jn), e("sv-paneldynamic-remove-btn", Gn), e("sv-paneldynamic-progress-text", Jn), e("sv-components-container", Qt), e("sv-progress-buttons", xt), e("sv-navigation-toc", eo), e("sv-progress-pages", J), e("sv-progress-questions", J), e("sv-progress-correctquestions", J), e("sv-progress-requiredquestions", J), e("survey-errors", Yn), e("survey-question-comment", xn), e("survey-element-title", et), e("survey-element-title-content", ot), e("sv-title-actions", lt), e("sv-brand-info", vt), e("sv-question-error", yt), e("sv-svg-icon", ht), e("sv-action-bar", qt), e("sv-action", kt), e("sv-action-bar-item", Mt), e("sv-action-bar-item-dropdown", St), e("sv-action-bar-separator", Vt), e("sv-list", Zt), e("sv-list-item-content", Nt), e("sv-list-item-group", Pt), e("sv-list-item", At), e("sv-popup", Et), e("sv-popup-container", Kt), e("popup-pointer", jt), e("sv-notifier", po), e("survey-other-choice", vo), e("sv-nav-btn", go), e("survey-customwidget", yo), e("survey-popup-modal", qo), e("survey-composite", fo), e("survey-custom", bo), e("sv-timerpanel", Io), e("sv-loading-indicator", Vo), e("sv-header", Ro), e("sv-header-cell", $o), e("sv-header-mobile", Po), e("sv-template-renderer", Wo), e("sv-character-counter", ko), e("sv-text-area", Lo), e("survey-element", Eo), e("survey-buttongroup", Qo), e("sv-button-group-item", Yo), e("survey", re);
 }
 be(
   (u, e) => K.Instance.registerComponent(u, e)
 );
-const di = {
+const mi = {
   install(u) {
     u.component("SurveyComponent", re), u.component("PopupSurveyComponent", fe), u.directive("key2click", U), be((e, n) => {
       u.component(e, n), K.Instance.registerComponent(e, e);
@@ -5951,7 +5955,7 @@ export {
   re as SurveyComponent,
   d as SvComponent,
   U as key2ClickDirective,
-  di as surveyPlugin,
+  mi as surveyPlugin,
   V as useBase,
   ee as useComputedArray,
   O as useLocString,