survey-vue3-ui 1.9.130 → 1.9.131

package/survey-vue3-ui.es.js

@@ -449,23 +449,23 @@ const Qe = /* @__PURE__ */ h({
       locString: s.locString.renderAsData
     }, null, 8, ["locString"]));
   }
-}), is = ["innerHTML"], ls = {
-  key: 1,
-  class: "sv-string-viewer"
-}, rs = /* @__PURE__ */ h({
+}), is = ["innerHTML"], ls = /* @__PURE__ */ h({
   __name: "StringViewer",
   props: {
     locString: {}
   },
   setup(l) {
-    const s = l, o = G(() => s.locString);
-    return (e, n) => e.locString.hasHtml ? (i(), u("span", {
+    const s = l, o = G(() => s.locString), e = s.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
+    return (n, t) => n.locString.hasHtml ? (i(), u("span", {
       key: 0,
-      class: "sv-string-viewer",
+      class: r(I(e)),
       innerHTML: I(o)
-    }, null, 8, is)) : (i(), u("span", ls, R(I(o)), 1));
+    }, null, 10, is)) : (i(), u("span", {
+      key: 1,
+      class: r(I(e))
+    }, R(I(o)), 3));
   }
-}), as = ["innerHTML"], us = /* @__PURE__ */ h({
+}), rs = ["innerHTML"], as = /* @__PURE__ */ h({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -484,7 +484,7 @@ const Qe = /* @__PURE__ */ h({
       innerHTML: n.locString.renderedHtml,
       onBlur: o,
       onClick: e
-    }, null, 40, as)) : (i(), u("span", {
+    }, null, 40, rs)) : (i(), u("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -492,7 +492,7 @@ const Qe = /* @__PURE__ */ h({
       onClick: e
     }, R(n.locString.renderedHtml), 33));
   }
-}), ds = ["id"], ms = /* @__PURE__ */ h({
+}), us = ["id"], ds = /* @__PURE__ */ h({
   __name: "Skeleton",
   props: {
     element: {}
@@ -502,9 +502,9 @@ const Qe = /* @__PURE__ */ h({
     return B(() => s.element), (o, e) => (i(), u("div", {
       class: "sv-skeleton-element",
       id: o.element.id
-    }, null, 8, ds));
+    }, null, 8, us));
   }
-}), cs = ["id"], ps = ["value"], vs = /* @__PURE__ */ h({
+}), ms = ["id"], cs = ["value"], ps = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -527,8 +527,8 @@ const Qe = /* @__PURE__ */ h({
         c("datalist", {
           id: e.question.dataListId
         }, [
-          (i(!0), u(_, null, D(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, ps))), 256))
-        ], 8, cs)
+          (i(!0), u(_, null, D(e.question.dataList, (a) => (i(), u("option", { value: a }, null, 8, cs))), 256))
+        ], 8, ms)
       ], 512)) : (i(), q(t, {
         key: 2,
         question: e.question,
@@ -537,7 +537,7 @@ const Qe = /* @__PURE__ */ h({
       }, null, 8, ["question"]));
     };
   }
-}), ys = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], qs = { key: 1 }, gs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], hs = /* @__PURE__ */ h({
+}), vs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], ys = { key: 1 }, qs = ["disabled", "type", "maxlength", "min", "max", "step", "size", "id", "list", "placeholder", "autocomplete", "value", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], gs = /* @__PURE__ */ h({
   __name: "TextInput",
   props: {
     question: {}
@@ -548,7 +548,7 @@ const Qe = /* @__PURE__ */ h({
     const o = w(() => s.question.inputStyle);
     return (e, n) => {
       const t = v("sv-character-counter");
-      return e.question.getMaxLength() ? (i(), u("div", qs, [
+      return e.question.getMaxLength() ? (i(), u("div", ys, [
         c("input", {
           disabled: e.question.isInputReadOnly,
           class: r(e.question.getControlClass()),
@@ -575,7 +575,7 @@ const Qe = /* @__PURE__ */ h({
           "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
           "aria-invalid": e.question.a11y_input_ariaInvalid,
           "aria-describedby": e.question.a11y_input_ariaDescribedBy
-        }, null, 46, gs),
+        }, null, 46, qs),
         C(t, {
           counter: e.question.characterCounter,
           remainingCharacterCounter: e.question.cssClasses.remainingCharacterCounter
@@ -607,13 +607,13 @@ const Qe = /* @__PURE__ */ h({
         "aria-labelledby": e.question.a11y_input_ariaLabelledBy,
         "aria-invalid": e.question.a11y_input_ariaInvalid,
         "aria-describedby": e.question.a11y_input_ariaDescribedBy
-      }, null, 46, ys));
+      }, null, 46, vs));
     };
   }
-}), Cs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], bs = {
+}), hs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Cs = {
   key: 0,
   class: "sv-hidden"
-}, ks = { key: 7 }, fs = ["value"], he = /* @__PURE__ */ h({
+}, bs = { key: 7 }, ks = ["value"], he = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -644,7 +644,7 @@ const Qe = /* @__PURE__ */ h({
         "aria-invalid": t.question.a11y_input_ariaInvalid,
         "aria-describedby": t.question.a11y_input_ariaDescribedBy
       }, [
-        t.showLegend ? (i(), u("legend", bs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
+        t.showLegend ? (i(), u("legend", Cs, R(t.question.locTitle.renderedHtml), 1)) : d("", !0),
         t.question.hasHeadItems ? (i(!0), u(_, { key: 1 }, D(t.question.headItems, (m) => (i(), q(T(e(m)), W({
           key: m.value
         }, n(m)), null, 16))), 128)) : d("", !0),
@@ -680,7 +680,7 @@ const Qe = /* @__PURE__ */ h({
           key: 6,
           question: t.question
         }, null, 8, ["question"])) : d("", !0),
-        t.question.showClearButtonInContent ? (i(), u("div", ks, [
+        t.question.showClearButtonInContent ? (i(), u("div", bs, [
           c("input", {
             type: "button",
             class: r(t.question.cssClasses.clearButton),
@@ -688,12 +688,12 @@ const Qe = /* @__PURE__ */ h({
               t.question.clearValue();
             }),
             value: t.question.clearButtonCaption
-          }, null, 10, fs)
+          }, null, 10, ks)
         ])) : d("", !0)
-      ], 10, Cs);
+      ], 10, hs);
     };
   }
-}), Is = /* @__PURE__ */ h({
+}), fs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -705,7 +705,7 @@ const Qe = /* @__PURE__ */ h({
       "show-legend": !0
     }, null, 8, ["question"]));
   }
-}), ws = ["name", "checked", "value", "id", "disabled"], Ss = ["xlink:href"], Rs = /* @__PURE__ */ h({
+}), Is = ["name", "checked", "value", "id", "disabled"], ws = ["xlink:href"], Ss = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -740,7 +740,7 @@ const Qe = /* @__PURE__ */ h({
             id: e.question.getItemId(e.item),
             disabled: !e.question.getItemEnabled(e.item),
             class: r(e.question.cssClasses.itemControl)
-          }, null, 42, ws),
+          }, null, 42, Is),
           e.question.cssClasses.materialDecorator ? (i(), u("span", {
             key: 0,
             class: r(e.question.cssClasses.materialDecorator)
@@ -751,7 +751,7 @@ const Qe = /* @__PURE__ */ h({
             }, [
               c("use", {
                 "xlink:href": e.question.itemSvgIcon
-              }, null, 8, Ss)
+              }, null, 8, ws)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           e.hideLabel ? d("", !0) : (i(), u("span", {
@@ -766,7 +766,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ts = /* @__PURE__ */ h({
+}), Rs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -775,7 +775,7 @@ const Qe = /* @__PURE__ */ h({
   setup(l) {
     return (s, o) => (i(), q(he, { question: s.question }, null, 8, ["question"]));
   }
-}), $s = ["name", "value", "id", "aria-describedby", "disabled"], _s = ["xlink:href"], Ds = /* @__PURE__ */ h({
+}), Ts = ["name", "value", "id", "aria-describedby", "disabled"], $s = ["xlink:href"], _s = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -810,7 +810,7 @@ const Qe = /* @__PURE__ */ h({
             "onUpdate:modelValue": a[0] || (a[0] = (m) => n.value = m),
             disabled: !t.question.getItemEnabled(t.item),
             class: r(t.question.cssClasses.itemControl)
-          }, null, 10, $s), [
+          }, null, 10, Ts), [
             [x, n.value]
           ]),
           t.question.cssClasses.materialDecorator ? (i(), u("span", {
@@ -823,7 +823,7 @@ const Qe = /* @__PURE__ */ h({
             }, [
               c("use", {
                 "xlink:href": t.question.itemSvgIcon
-              }, null, 8, _s)
+              }, null, 8, $s)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           t.hideLabel ? d("", !0) : (i(), u("span", {
@@ -838,7 +838,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Bs = ["src"], Ls = ["title"], Ns = { key: 0 }, Ps = /* @__PURE__ */ h({
+}), Ds = ["src"], Bs = ["title"], Ls = { key: 0 }, Ns = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -873,7 +873,7 @@ const Qe = /* @__PURE__ */ h({
             style: S({
               width: e.question.renderedCanvasWidth
             })
-          }, null, 14, Bs)) : d("", !0),
+          }, null, 14, Ds)) : d("", !0),
           c("canvas", {
             tabindex: "-1",
             class: r(e.question.cssClasses.canvas),
@@ -892,13 +892,13 @@ const Qe = /* @__PURE__ */ h({
               e.question.clearValue();
             })
           }, [
-            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ns, "\u2716")),
+            e.question.cssClasses.clearButtonIconId ? d("", !0) : (i(), u("span", Ls, "\u2716")),
             e.question.cssClasses.clearButtonIconId ? (i(), q(a, {
               key: 1,
               iconName: e.question.cssClasses.clearButtonIconId,
               size: "auto"
             }, null, 8, ["iconName"])) : d("", !0)
-          ], 10, Ls)
+          ], 10, Bs)
         ], 2)) : d("", !0),
         e.question.showLoadingIndicator ? (i(), u("div", {
           key: 1,
@@ -909,7 +909,7 @@ const Qe = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), As = ["innerHTML"], Ms = /* @__PURE__ */ h({
+}), Ps = ["innerHTML"], As = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -924,9 +924,9 @@ const Qe = /* @__PURE__ */ h({
       ref: o,
       class: r(n.question.renderCssRoot),
       innerHTML: I(e)
-    }, null, 10, As));
+    }, null, 10, Ps));
   }
-}), Hs = ["src", "alt", "width", "height"], Ws = ["src", "width", "height"], Es = ["src", "width", "height"], Vs = /* @__PURE__ */ h({
+}), Ms = ["src", "alt", "width", "height"], Hs = ["src", "width", "height"], Ws = ["src", "width", "height"], Es = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -961,7 +961,7 @@ const Qe = /* @__PURE__ */ h({
           onError: t[1] || (t[1] = (y) => {
             n.question.onErrorHandler();
           })
-        }, null, 46, Hs)), [
+        }, null, 46, Ms)), [
           [H, I(e) && !n.question.contentNotLoaded]
         ]) : d("", !0),
         n.question.renderedMode === "video" ? P((i(), u("video", {
@@ -982,7 +982,7 @@ const Qe = /* @__PURE__ */ h({
           onError: t[3] || (t[3] = (y) => {
             n.question.onErrorHandler();
           })
-        }, null, 46, Ws)), [
+        }, null, 46, Hs)), [
           [H, I(e) && !n.question.contentNotLoaded]
         ]) : d("", !0),
         n.question.renderedMode === "youtube" ? (i(), u("iframe", {
@@ -996,7 +996,7 @@ const Qe = /* @__PURE__ */ h({
             width: n.question.renderedStyleWidth,
             height: n.question.renderedStyleHeight
           })
-        }, null, 14, Es)) : d("", !0),
+        }, null, 14, Ws)) : d("", !0),
         !I(e) || n.question.contentNotLoaded ? (i(), u("div", {
           key: 3,
           class: r(n.question.cssClasses.noImage)
@@ -1009,7 +1009,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Fs = /* @__PURE__ */ h({
+}), Vs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1023,7 +1023,7 @@ const Qe = /* @__PURE__ */ h({
       ref: o
     }, R(e.question.formatedValue), 3));
   }
-}), Os = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], zs = ["id", "multiple", "placeholder"], Us = /* @__PURE__ */ h({
+}), Fs = ["id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "multiple", "title", "accept", "capture"], Os = ["id", "multiple", "placeholder"], zs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1052,7 +1052,7 @@ const Qe = /* @__PURE__ */ h({
           title: e.question.inputTitle,
           accept: e.question.acceptedTypes,
           capture: e.question.renderCapture
-        }, null, 10, Os)) : d("", !0),
+        }, null, 10, Fs)) : d("", !0),
         e.question.isReadOnly ? (i(), u("input", {
           key: 1,
           type: "file",
@@ -1062,7 +1062,7 @@ const Qe = /* @__PURE__ */ h({
           multiple: e.question.allowMultiple,
           placeholder: e.question.title,
           style: { color: "transparent" }
-        }, null, 10, zs)) : d("", !0),
+        }, null, 10, Os)) : d("", !0),
         c("div", {
           class: r(e.question.cssClasses.dragArea),
           onDrop: n[0] || (n[0] = (...b) => e.question.onDrop && e.question.onDrop(...b)),
@@ -1130,7 +1130,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Ks = { class: "sv-hidden" }, pe = "survey-imagepicker-item", js = /* @__PURE__ */ h({
+}), Us = { class: "sv-hidden" }, pe = "survey-imagepicker-item", Ks = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1152,7 +1152,7 @@ const Qe = /* @__PURE__ */ h({
       ref_key: "root",
       ref: o
     }, [
-      c("legend", Ks, R(t.question.locTitle.renderedHtml), 1),
+      c("legend", Us, R(t.question.locTitle.renderedHtml), 1),
       t.question.hasColumns ? d("", !0) : (i(!0), u(_, { key: 0 }, D(t.question.visibleChoices, (y) => (i(), q(T(e(y)), W({
         key: y.value
       }, n(y)), null, 16))), 128)),
@@ -1167,7 +1167,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2))), 128)) : d("", !0)
     ], 2));
   }
-}), Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Js = ["src", "width", "height", "alt"], Xs = ["src", "width", "height"], Ys = /* @__PURE__ */ h({
+}), js = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Qs = ["name", "value", "id", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Gs = ["src", "width", "height", "alt"], Js = ["src", "width", "height"], Xs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1199,7 +1199,7 @@ const Qe = /* @__PURE__ */ h({
             "aria-invalid": n.question.ariaInvalid,
             "aria-describedby": n.question.ariaDescribedBy,
             class: r(n.question.cssClasses.itemControl)
-          }, null, 10, Qs)), [
+          }, null, 10, js)), [
             [oe, n.question.value]
           ]) : P((i(), u("input", {
             key: 1,
@@ -1214,7 +1214,7 @@ const Qe = /* @__PURE__ */ h({
             "aria-invalid": n.question.ariaInvalid,
             "aria-describedby": n.question.ariaDescribedBy,
             class: r(n.question.cssClasses.itemControl)
-          }, null, 10, Gs)), [
+          }, null, 10, Qs)), [
             [x, n.question.value]
           ]),
           c("div", {
@@ -1248,7 +1248,7 @@ const Qe = /* @__PURE__ */ h({
                 onError: t[3] || (t[3] = (m) => {
                   n.item.onErrorHandler();
                 })
-              }, null, 46, Js)) : d("", !0),
+              }, null, 46, Gs)) : d("", !0),
               I(e) && !n.item.contentNotLoaded && n.question.contentMode === "video" ? (i(), u("video", {
                 key: 2,
                 controls: "",
@@ -1263,7 +1263,7 @@ const Qe = /* @__PURE__ */ h({
                 onError: t[5] || (t[5] = (m) => {
                   n.item.onErrorHandler();
                 })
-              }, null, 46, Xs)) : d("", !0),
+              }, null, 46, Js)) : d("", !0),
               !I(e) || n.item.contentNotLoaded ? (i(), u("div", {
                 key: 3,
                 class: r(n.question.cssClasses.itemNoImage),
@@ -1293,7 +1293,7 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], en = /* @__PURE__ */ h({
+}), Ys = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Zs = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], xs = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
@@ -1335,7 +1335,7 @@ const Qe = /* @__PURE__ */ h({
         "aria-invalid": n.question.a11y_input_ariaInvalid,
         "aria-describedby": n.question.a11y_input_ariaDescribedBy,
         style: S({ resize: n.question.resizeStyle })
-      }, null, 46, Zs)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
+      }, null, 46, Ys)) : !n.question.isReadOnlyRenderDiv() && n.question.getMaxLength() ? (i(), u("div", {
         key: 1,
         ref_key: "root",
         ref: o
@@ -1363,7 +1363,7 @@ const Qe = /* @__PURE__ */ h({
           "aria-invalid": n.question.a11y_input_ariaInvalid,
           "aria-describedby": n.question.a11y_input_ariaDescribedBy,
           style: S({ resize: n.question.resizeStyle })
-        }, null, 46, xs),
+        }, null, 46, Zs),
         C(a, {
           counter: n.question.characterCounter,
           remainingCharacterCounter: n.question.cssClasses.remainingCharacterCounter
@@ -1375,7 +1375,7 @@ const Qe = /* @__PURE__ */ h({
       }, R(n.question.value), 513));
     };
   }
-}), sn = /* @__PURE__ */ h({
+}), en = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1398,16 +1398,16 @@ const Qe = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), nn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], on = {
+}), sn = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "required"], nn = {
   key: 0,
   value: ""
-}, tn = ["id"];
+}, on = ["id"];
 ee.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const ln = /* @__PURE__ */ h({
+const tn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1445,7 +1445,7 @@ const ln = /* @__PURE__ */ h({
             disabled: "",
             id: a.question.inputId,
             class: r(a.question.getControlClass())
-          }, R(a.question.readOnlyText), 11, tn)) : P((i(), u("select", {
+          }, R(a.question.readOnlyText), 11, on)) : P((i(), u("select", {
             key: 0,
             id: a.question.inputId,
             "onUpdate:modelValue": y[0] || (y[0] = (f) => t.value = f),
@@ -1459,12 +1459,12 @@ const ln = /* @__PURE__ */ h({
             "aria-describedby": a.question.ariaDescribedBy,
             required: a.question.isRequired
           }, [
-            a.question.allowClear ? (i(), u("option", on, R(a.question.placeholder), 1)) : d("", !0),
+            a.question.allowClear ? (i(), u("option", nn, R(a.question.placeholder), 1)) : d("", !0),
             (i(!0), u(_, null, D(a.question.visibleChoices, (f) => (i(), q(m, {
               item: f,
               key: f.id
             }, null, 8, ["item"]))), 128))
-          ], 42, nn)), [
+          ], 42, sn)), [
             [Ie, t.value]
           ]),
           a.question.cssClasses.chevronButtonIconId ? (i(), u("div", {
@@ -1485,7 +1485,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), rn = ["value", "disabled"], an = /* @__PURE__ */ h({
+}), ln = ["value", "disabled"], rn = /* @__PURE__ */ h({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1495,9 +1495,9 @@ const ln = /* @__PURE__ */ h({
     return B(() => s.item), (e, n) => (i(), u("option", {
       value: e.item.value,
       disabled: !e.item.isEnabled
-    }, R(I(o)), 9, rn));
+    }, R(I(o)), 9, ln));
   }
-}), un = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], dn = { style: { visibility: "hidden" } }, mn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], cn = ["id"], pn = /* @__PURE__ */ h({
+}), an = ["id", "disabled", "tabindex", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], un = { style: { visibility: "hidden" } }, dn = ["disabled", "inputmode", "role", "id", "tabindex", "readonly", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "placeholder"], mn = ["id"], cn = /* @__PURE__ */ h({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1575,7 +1575,7 @@ const ln = /* @__PURE__ */ h({
               key: 1,
               class: r(k.question.cssClasses.hintSuffix)
             }, [
-              c("span", dn, R(e.value.inputStringRendered), 1),
+              c("span", un, R(e.value.inputStringRendered), 1),
               c("span", null, R(e.value.hintStringSuffix), 1)
             ], 2)) : d("", !0),
             k.question.showInputFieldComponent ? (i(), q(T(k.question.inputFieldComponentName), {
@@ -1604,7 +1604,7 @@ const ln = /* @__PURE__ */ h({
               onInput: f,
               onBlur: g,
               onFocus: p
-            }, null, 42, mn)
+            }, null, 42, dn)
           ], 2),
           k.question.allowClear && k.question.cssClasses.cleanButtonIconId ? P((i(), u("div", {
             key: 1,
@@ -1621,7 +1621,7 @@ const ln = /* @__PURE__ */ h({
           ], 2)), [
             [H, k.question.showClearButton]
           ]) : d("", !0)
-        ], 42, un)),
+        ], 42, an)),
         k.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1633,7 +1633,7 @@ const ln = /* @__PURE__ */ h({
             locString: k.question.selectedItemLocText
           }, null, 8, ["locString"])) : d("", !0),
           c("div", null, R(k.question.readOnlyText), 1)
-        ], 10, cn)) : (i(), q(K, {
+        ], 10, mn)) : (i(), q(K, {
           key: 1,
           model: k.question.dropdownListModel.popupModel
         }, null, 8, ["model"])),
@@ -1652,7 +1652,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), vn = /* @__PURE__ */ h({
+}), pn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1675,7 +1675,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), yn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], qn = ["id"], gn = /* @__PURE__ */ h({
+}), vn = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "aria-expanded", "aria-controls", "aria-activedescendant", "required"], yn = ["id"], qn = /* @__PURE__ */ h({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1752,7 +1752,7 @@ const ln = /* @__PURE__ */ h({
           ], 2)), [
             [H, g.question.showClearButton]
           ]) : d("", !0)
-        ], 42, yn)),
+        ], 42, vn)),
         g.question.isReadOnly ? (i(), u("div", {
           key: 2,
           disabled: "",
@@ -1763,7 +1763,7 @@ const ln = /* @__PURE__ */ h({
             key: 0,
             locString: g.question.locReadOnlyText
           }, null, 8, ["locString"])) : d("", !0)
-        ], 10, qn)) : (i(), q(k, {
+        ], 10, yn)) : (i(), q(k, {
           key: 1,
           model: o.value.popupModel
         }, null, 8, ["model"])),
@@ -1782,7 +1782,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), hn = { style: { visibility: "hidden" } }, Cn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], bn = /* @__PURE__ */ h({
+}), gn = { style: { visibility: "hidden" } }, hn = ["placeholder", "disabled", "inputmode", "role", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-activedescendant", "id", "readonly", "size"], Cn = /* @__PURE__ */ h({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1821,7 +1821,7 @@ const ln = /* @__PURE__ */ h({
             key: 1,
             class: r(a.question.cssClasses.hintSuffix)
           }, [
-            c("span", hn, R(a.model.inputStringRendered), 1),
+            c("span", gn, R(a.model.inputStringRendered), 1),
             c("span", null, R(a.model.hintStringSuffix), 1)
           ], 2)) : d("", !0),
           P(c("input", {
@@ -1845,14 +1845,14 @@ const ln = /* @__PURE__ */ h({
             onKeydown: e,
             onBlur: n,
             onFocus: t
-          }, null, 42, Cn), [
+          }, null, 42, hn), [
             [we, a.model.inputStringRendered]
           ])
         ], 2)
       ], 2);
     };
   }
-}), kn = { class: "sv-tagbox__item-text" }, fn = /* @__PURE__ */ h({
+}), bn = { class: "sv-tagbox__item-text" }, kn = /* @__PURE__ */ h({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -1868,7 +1868,7 @@ const ln = /* @__PURE__ */ h({
         class: "sv-tagbox__item",
         key: e.item.key
       }, [
-        c("div", kn, [
+        c("div", bn, [
           C(t, {
             locString: e.item.locText
           }, null, 8, ["locString"])
@@ -1886,7 +1886,7 @@ const ln = /* @__PURE__ */ h({
       ]);
     };
   }
-}), In = /* @__PURE__ */ h({
+}), fn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -1958,10 +1958,10 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), wn = ["tabindex", "data-sv-drop-target-ranking-item"], Sn = {
+}), In = ["tabindex", "data-sv-drop-target-ranking-item"], wn = {
   tabindex: "-1",
   style: { outline: "none" }
-}, Rn = ["xlink:href"], Tn = ["xlink:href"], $n = ["xlink:href"], _n = /* @__PURE__ */ h({
+}, Sn = ["xlink:href"], Rn = ["xlink:href"], Tn = ["xlink:href"], $n = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -1990,7 +1990,7 @@ const ln = /* @__PURE__ */ h({
           );
         })
       }, [
-        c("div", Sn, [
+        c("div", wn, [
           c("div", {
             class: r(e.question.cssClasses.itemGhostNode)
           }, null, 2),
@@ -2005,14 +2005,14 @@ const ln = /* @__PURE__ */ h({
               }, [
                 c("use", {
                   "xlink:href": e.question.dragDropSvgIcon
-                }, null, 8, Rn)
+                }, null, 8, Sn)
               ], 2)),
               (i(), u("svg", {
                 class: r(e.question.getIconFocusCss())
               }, [
                 c("use", {
                   "xlink:href": e.question.arrowsSvgIcon
-                }, null, 8, Tn)
+                }, null, 8, Rn)
               ], 2))
             ], 2),
             !e.unrankedItem && o.value ? (i(), u("div", {
@@ -2025,7 +2025,7 @@ const ln = /* @__PURE__ */ h({
               (i(), u("svg", null, [
                 c("use", {
                   "xlink:href": e.question.dashSvgIcon
-                }, null, 8, $n)
+                }, null, 8, Tn)
               ]))
             ], 2)),
             c("div", {
@@ -2037,13 +2037,13 @@ const ln = /* @__PURE__ */ h({
             ], 2)
           ], 2)
         ])
-      ], 42, wn);
+      ], 42, In);
     };
   }
-}), Dn = { role: "radiogroup" }, Bn = /* @__PURE__ */ c("legend", {
+}), _n = { role: "radiogroup" }, Dn = /* @__PURE__ */ c("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), Ln = /* @__PURE__ */ h({
+}, null, -1), Bn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2060,8 +2060,8 @@ const ln = /* @__PURE__ */ h({
         ref_key: "root",
         ref: o
       }, [
-        c("fieldset", Dn, [
-          Bn,
+        c("fieldset", _n, [
+          Dn,
           n.question.hasMinLabel ? (i(), u("span", {
             key: 0,
             class: r(n.question.cssClasses.minText)
@@ -2088,7 +2088,7 @@ const ln = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Nn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Pn = /* @__PURE__ */ h({
+}), Ln = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Nn = /* @__PURE__ */ h({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2116,7 +2116,7 @@ const ln = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, Nn),
+        }, null, 8, Ln),
         c("span", {
           class: r(o.question.cssClasses.itemText)
         }, [
@@ -2127,7 +2127,7 @@ const ln = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), An = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Mn = /* @__PURE__ */ h({
+}), Pn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], An = /* @__PURE__ */ h({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2158,7 +2158,7 @@ const ln = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, An),
+        }, null, 8, Pn),
         C(n, {
           iconName: o.question.getItemSmileyIconName(o.item.itemValue),
           size: "auto",
@@ -2167,7 +2167,7 @@ const ln = /* @__PURE__ */ h({
       ], 38);
     };
   }
-}), Hn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Wn = /* @__PURE__ */ h({
+}), Mn = ["name", "id", "value", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Hn = /* @__PURE__ */ h({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2197,7 +2197,7 @@ const ln = /* @__PURE__ */ h({
           "aria-label": o.question.ariaLabel,
           "aria-invalid": o.question.ariaInvalid,
           "aria-describedby": o.question.ariaDescribedBy
-        }, null, 8, Hn),
+        }, null, 8, Mn),
         C(n, {
           class: r("sv-star"),
           iconName: o.question.itemStarIcon,
@@ -2213,10 +2213,10 @@ const ln = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), En = { class: "sd-rating-dropdown-item" }, Vn = { class: "sd-rating-dropdown-item_text" }, Fn = {
+}), Wn = { class: "sd-rating-dropdown-item" }, En = { class: "sd-rating-dropdown-item_text" }, Vn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, On = /* @__PURE__ */ h({
+}, Fn = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
     item: {}
@@ -2225,9 +2225,9 @@ const ln = /* @__PURE__ */ h({
     const s = l;
     return B(() => s.item), (o, e) => {
       const n = v("survey-string");
-      return i(), u("div", En, [
-        c("span", Vn, R(o.item.title), 1),
-        o.item.description ? (i(), u("div", Fn, [
+      return i(), u("div", Wn, [
+        c("span", En, R(o.item.title), 1),
+        o.item.description ? (i(), u("div", Vn, [
           C(n, {
             locString: o.item.description
           }, null, 8, ["locString"])
@@ -2241,7 +2241,7 @@ ee.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const zn = /* @__PURE__ */ h({
+const On = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2260,7 +2260,7 @@ const zn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Un = ["name", "value", "id", ".indeterminate", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Kn = /* @__PURE__ */ h({
+}), zn = ["name", "value", "id", ".indeterminate", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"], Un = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2301,7 +2301,7 @@ const zn = /* @__PURE__ */ h({
             "aria-labelledby": t.question.a11y_input_ariaLabelledBy,
             "aria-invalid": t.question.a11y_input_ariaInvalid,
             "aria-describedby": t.question.a11y_input_ariaDescribedBy
-          }, null, 42, Un), [
+          }, null, 42, zn), [
             [oe, t.question.booleanValue]
           ]),
           c("div", {
@@ -2355,7 +2355,7 @@ ee.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const jn = /* @__PURE__ */ h({
+const Kn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2390,7 +2390,7 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Qn = ["name", "value", "checked", "aria-describedby", "disabled"], Gn = ["xlink:href"], Jn = /* @__PURE__ */ h({
+}), jn = ["name", "value", "checked", "aria-describedby", "disabled"], Qn = ["xlink:href"], Gn = /* @__PURE__ */ h({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2420,7 +2420,7 @@ const jn = /* @__PURE__ */ h({
             disabled: e.question.isInputReadOnly,
             class: r(e.question.cssClasses.itemRadioControl),
             onChange: o
-          }, null, 42, Qn),
+          }, null, 42, jn),
           e.question.cssClasses.materialRadioDecorator ? (i(), u("span", {
             key: 0,
             class: r(e.question.cssClasses.materialRadioDecorator)
@@ -2431,7 +2431,7 @@ const jn = /* @__PURE__ */ h({
             }, [
               c("use", {
                 "xlink:href": e.question.itemSvgIcon
-              }, null, 8, Gn)
+              }, null, 8, Qn)
             ], 2)) : d("", !0)
           ], 2)) : d("", !0),
           c("span", {
@@ -2443,13 +2443,13 @@ const jn = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Xn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Yn = ["xlink:href"], Zn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), xn = ["id"];
+}), Jn = ["name", "value", "id", ".indeterminate", "disabled", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Xn = ["xlink:href"], Yn = /* @__PURE__ */ c("span", { class: "check" }, null, -1), Zn = ["id"];
 ee.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const eo = /* @__PURE__ */ h({
+const xn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2485,7 +2485,7 @@ const eo = /* @__PURE__ */ h({
               "aria-label": e.question.ariaLabel,
               "aria-invalid": e.question.ariaInvalid,
               "aria-describedby": e.question.ariaDescribedBy
-            }, null, 42, Xn), [
+            }, null, 42, Jn), [
               [oe, e.question.booleanValue]
             ]),
             c("span", {
@@ -2497,9 +2497,9 @@ const eo = /* @__PURE__ */ h({
               }, [
                 c("use", {
                   "xlink:href": e.question.svgIcon
-                }, null, 8, Yn)
+                }, null, 8, Xn)
               ], 2)) : d("", !0),
-              Zn
+              Yn
             ], 2),
             e.question.isLabelRendered ? (i(), u("span", {
               key: 0,
@@ -2516,7 +2516,7 @@ const eo = /* @__PURE__ */ h({
                 element: e.question,
                 css: e.css
               }, null, 8, ["element", "css"])) : d("", !0)
-            ], 10, xn)) : d("", !0)
+            ], 10, Zn)) : d("", !0)
           ], 2),
           e.question.canRenderLabelDescription ? (i(), u("div", {
             key: 0,
@@ -2530,7 +2530,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), so = /* @__PURE__ */ h({
+}), eo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2568,7 +2568,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), no = { key: 1 }, oo = /* @__PURE__ */ h({
+}), so = { key: 1 }, no = /* @__PURE__ */ h({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2598,7 +2598,7 @@ const eo = /* @__PURE__ */ h({
           C(a, {
             locString: e.value.locTitle
           }, null, 8, ["locString"]),
-          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", no, "\xA0")) : d("", !0),
+          e.value.editor.isRequireTextAfterTitle ? (i(), u("span", so, "\xA0")) : d("", !0),
           e.value.editor.isRequireTextAfterTitle ? (i(), u("span", {
             key: 2,
             "aria-hidden": "true",
@@ -2617,7 +2617,7 @@ const eo = /* @__PURE__ */ h({
       ], 2));
     };
   }
-}), to = { class: "sv-hidden" }, io = { key: 0 }, lo = { key: 0 }, ro = ["onClick"], ao = ["data-responsive-title", "onClick"], uo = /* @__PURE__ */ h({
+}), oo = { class: "sv-hidden" }, to = { key: 0 }, io = { key: 0 }, lo = ["onClick"], ro = ["data-responsive-title", "onClick"], ao = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -2649,13 +2649,13 @@ const eo = /* @__PURE__ */ h({
         ref: o
       }, [
         c("fieldset", null, [
-          c("legend", to, R(t.question.locTitle.renderedHtml), 1),
+          c("legend", oo, R(t.question.locTitle.renderedHtml), 1),
           c("table", {
             class: r(t.question.getTableCss())
           }, [
-            t.question.showHeader ? (i(), u("thead", io, [
+            t.question.showHeader ? (i(), u("thead", to, [
               c("tr", null, [
-                t.question.hasRows ? (i(), u("td", lo)) : d("", !0),
+                t.question.hasRows ? (i(), u("td", io)) : d("", !0),
                 (i(!0), u(_, null, D(t.question.visibleColumns, (m, g) => (i(), u("th", {
                   key: g,
                   class: r(t.question.cssClasses.headerCell),
@@ -2710,7 +2710,7 @@ const eo = /* @__PURE__ */ h({
                   C(y, {
                     locString: t.question.getCellDisplayLocText(m.name, p)
                   }, null, 8, ["locString"])
-                ], 10, ro))), 128)) : d("", !0),
+                ], 10, lo))), 128)) : d("", !0),
                 t.question.hasCellText ? d("", !0) : (i(!0), u(_, { key: 1 }, D(t.question.visibleColumns, (p, f) => (i(), u("td", {
                   key: f,
                   "data-responsive-title": p.locText.renderedHtml,
@@ -2723,7 +2723,7 @@ const eo = /* @__PURE__ */ h({
                     column: p,
                     columnIndex: f
                   }, null, 8, ["question", "row", "column", "columnIndex"]))
-                ], 10, ao))), 128))
+                ], 10, ro))), 128))
               ], 2))), 128))
             ])
           ], 2)
@@ -2731,7 +2731,7 @@ const eo = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), mo = ["name", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], co = ["xlink:href"], po = /* @__PURE__ */ h({
+}), uo = ["name", "value", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], mo = ["xlink:href"], co = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -2762,7 +2762,7 @@ const eo = /* @__PURE__ */ h({
           ),
           "aria-invalid": s.question.a11y_input_ariaInvalid,
           "aria-describedby": s.question.a11y_input_ariaDescribedBy
-        }, null, 10, mo), [
+        }, null, 10, uo), [
           [x, s.row.value]
         ]),
         c("span", {
@@ -2774,7 +2774,7 @@ const eo = /* @__PURE__ */ h({
           }, [
             c("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, co)
+            }, null, 8, mo)
           ], 2)) : d("", !0)
         ], 2),
         s.question.isMobile ? (i(), u("span", {
@@ -2788,7 +2788,7 @@ const eo = /* @__PURE__ */ h({
       ], 34);
     };
   }
-}), vo = /* @__PURE__ */ h({
+}), po = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -2805,7 +2805,7 @@ const eo = /* @__PURE__ */ h({
       }, null, 8, ["question"]);
     };
   }
-}), yo = { key: 0 }, qo = ["data-sv-drop-target-matrix-row", "onPointerdown"], go = { key: 1 }, ho = /* @__PURE__ */ h({
+}), vo = { key: 0 }, yo = ["data-sv-drop-target-matrix-row", "onPointerdown"], qo = { key: 1 }, go = /* @__PURE__ */ h({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -2834,7 +2834,7 @@ const eo = /* @__PURE__ */ h({
         c("table", {
           class: r(e.question.getTableCss())
         }, [
-          o.value.showHeader ? (i(), u("thead", yo, [
+          o.value.showHeader ? (i(), u("thead", vo, [
             c("tr", null, [
               (i(!0), u(_, null, D(o.value.headerRow.cells, (m) => (i(), u(_, null, [
                 m.hasTitle ? (i(), u("th", {
@@ -2881,10 +2881,10 @@ const eo = /* @__PURE__ */ h({
                   question: e.question,
                   key: m.id + "_" + p
                 }, null, 8, ["cell", "question"]))), 128))
-              ], 42, qo)) : d("", !0)
+              ], 42, yo)) : d("", !0)
             ], 64))), 128))
           ]),
-          o.value.showFooter ? (i(), u("tfoot", go, [
+          o.value.showFooter ? (i(), u("tfoot", qo, [
             c("tr", null, [
               (i(!0), u(_, null, D(o.value.footerRow.cells, (m, g) => (i(), q(y, {
                 cell: m,
@@ -2897,7 +2897,7 @@ const eo = /* @__PURE__ */ h({
       ], 6);
     };
   }
-}), Co = /* @__PURE__ */ c("span", null, "\xA0", -1), bo = /* @__PURE__ */ h({
+}), ho = /* @__PURE__ */ c("span", null, "\xA0", -1), Co = /* @__PURE__ */ h({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -2906,14 +2906,14 @@ const eo = /* @__PURE__ */ h({
   setup(l) {
     const s = l;
     return B(() => s.column), (o, e) => o.column.isRenderedRequired ? (i(), u(_, { key: 0 }, [
-      Co,
+      ho,
       o.column.isRenderedRequired ? (i(), u("span", {
         key: 0,
         class: r(o.question.cssClasses.cellRequiredText)
       }, R(o.column.requiredText), 3)) : d("", !0)
     ], 64)) : d("", !0);
   }
-}), ko = ["data-responsive-title", "title", "colspan"], fo = /* @__PURE__ */ h({
+}), bo = ["data-responsive-title", "title", "colspan"], ko = /* @__PURE__ */ h({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3049,10 +3049,10 @@ const eo = /* @__PURE__ */ h({
           ]),
           _: 1
         }, 8, ["componentData"])) : d("", !0)
-      ], 46, ko);
+      ], 46, bo);
     };
   }
-}), Io = /* @__PURE__ */ h({
+}), fo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3143,7 +3143,7 @@ function ae(l, s = !0) {
     row: s ? w(() => l.item.data.row) : void 0
   };
 }
-const wo = ["disabled"], So = /* @__PURE__ */ h({
+const Io = ["disabled"], wo = /* @__PURE__ */ h({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3164,10 +3164,10 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
         c("span", {
           class: r(I(o).cssClasses.iconRemove)
         }, null, 2)
-      ], 10, wo);
+      ], 10, Io);
     };
   }
-}), Ro = ["xlink:href"], To = /* @__PURE__ */ h({
+}), So = ["xlink:href"], Ro = /* @__PURE__ */ h({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3180,13 +3180,13 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
     }, [
       c("use", {
         "xlink:href": I(o).iconDragElement
-      }, null, 8, Ro)
+      }, null, 8, So)
     ], 2)) : (i(), u("span", {
       key: 1,
       class: r(I(o).cssClasses.iconDrag)
     }, null, 2));
   }
-}), $o = ["aria-expanded", "aria-controls"], _o = /* @__PURE__ */ h({
+}), To = ["aria-expanded", "aria-controls"], $o = /* @__PURE__ */ h({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3207,10 +3207,10 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
           iconName: I(o).getDetailPanelIconId(I(e)),
           size: "auto"
         }, null, 8, ["class", "iconName"])
-      ], 10, $o);
+      ], 10, To);
     };
   }
-}), Do = /* @__PURE__ */ h({
+}), _o = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3331,7 +3331,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Bo = /* @__PURE__ */ h({
+}), Do = /* @__PURE__ */ h({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3377,7 +3377,7 @@ const wo = ["disabled"], So = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Lo = /* @__PURE__ */ h({
+}), Bo = /* @__PURE__ */ h({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3419,7 +3419,7 @@ function Y(l) {
     () => l.item && l.item.data.question || l.data.question
   );
 }
-const No = /* @__PURE__ */ h({
+const Lo = /* @__PURE__ */ h({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3447,7 +3447,7 @@ const No = /* @__PURE__ */ h({
       ], 2)) : d("", !0);
     };
   }
-}), Po = ["title"], Ao = /* @__PURE__ */ h({
+}), No = ["title"], Po = /* @__PURE__ */ h({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3468,10 +3468,10 @@ const No = /* @__PURE__ */ h({
           iconName: I(o).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Po);
+      ], 10, No);
     };
   }
-}), Mo = ["title"], Ho = /* @__PURE__ */ h({
+}), Ao = ["title"], Mo = /* @__PURE__ */ h({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3492,10 +3492,10 @@ const No = /* @__PURE__ */ h({
           iconName: I(o).cssClasses.progressBtnIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, Mo);
+      ], 10, Ao);
     };
   }
-}), Wo = /* @__PURE__ */ h({
+}), Ho = /* @__PURE__ */ h({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -3527,7 +3527,7 @@ const No = /* @__PURE__ */ h({
       ], 2);
     };
   }
-}), Eo = /* @__PURE__ */ h({
+}), Wo = /* @__PURE__ */ h({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -3539,7 +3539,7 @@ const No = /* @__PURE__ */ h({
       class: r(I(o).cssClasses.progressText)
     }, R(I(o).progressText), 3));
   }
-}), Vo = ["id"], Fo = /* @__PURE__ */ h({
+}), Eo = ["id"], Vo = /* @__PURE__ */ h({
   __name: "Errors",
   props: {
     element: {},
@@ -3577,16 +3577,16 @@ const No = /* @__PURE__ */ h({
             }, null, 8, ["locString"])
           ], 2)
         ]))), 128))
-      ], 10, Vo)) : d("", !0);
+      ], 10, Eo)) : d("", !0);
     };
   }
-}), Oo = { key: 0 }, zo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], Uo = /* @__PURE__ */ h({
+}), Fo = { key: 0 }, Oo = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], zo = /* @__PURE__ */ h({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(l) {
-    return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Oo, R(s.question.comment), 1)) : (i(), u("textarea", {
+    return (s, o) => s.question.isReadOnlyRenderDiv() ? (i(), u("div", Fo, R(s.question.comment), 1)) : (i(), u("textarea", {
       key: 1,
       id: s.question.commentId,
       readonly: s.question.isInputReadOnly,
@@ -3604,9 +3604,9 @@ const No = /* @__PURE__ */ h({
       onInput: o[1] || (o[1] = (e) => {
         s.question.onCommentInput(e);
       })
-    }, null, 46, zo));
+    }, null, 46, Oo));
   }
-}), Ko = /* @__PURE__ */ h({
+}), Uo = /* @__PURE__ */ h({
   __name: "TitleElement",
   props: {
     element: {},
@@ -3646,7 +3646,7 @@ const No = /* @__PURE__ */ h({
       }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : d("", !0);
     };
   }
-}), jo = { key: 3 }, Qo = { key: 5 }, Go = { key: 7 }, Jo = /* @__PURE__ */ h({
+}), Ko = { key: 3 }, jo = { key: 5 }, Qo = { key: 7 }, Go = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -3672,18 +3672,18 @@ const No = /* @__PURE__ */ h({
           class: r(s.element.cssTitleNumber),
           "aria-hidden": !0
         }, R(s.element.no), 3)) : d("", !0),
-        !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", jo, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.no ? (i(), u("span", Ko, "\xA0")) : d("", !0),
         !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", {
           key: 4,
           class: r(s.element.cssClasses.requiredText),
           "aria-hidden": !0
         }, R(s.element.requiredText), 3)) : d("", !0),
-        !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", Qo, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.isRequireTextBeforeTitle ? (i(), u("span", jo, "\xA0")) : d("", !0),
         s.element.isTitleRenderedAsString ? d("", !0) : (i(), q(e, {
           key: 6,
           locString: s.element.locTitle
         }, null, 8, ["locString"])),
-        !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", Go, "\xA0")) : d("", !0),
+        !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", Qo, "\xA0")) : d("", !0),
         !s.element.isTitleRenderedAsString && s.element.isRequireTextAfterTitle ? (i(), u("span", {
           key: 8,
           class: r(s.element.cssClasses.requiredText),
@@ -3692,7 +3692,7 @@ const No = /* @__PURE__ */ h({
       ], 64);
     };
   }
-}), Xo = { class: "sv-title-actions" }, Yo = { class: "sv-title-actions__title" }, Zo = /* @__PURE__ */ h({
+}), Jo = { class: "sv-title-actions" }, Xo = { class: "sv-title-actions__title" }, Yo = /* @__PURE__ */ h({
   __name: "TitleActions",
   props: {
     element: {},
@@ -3702,8 +3702,8 @@ const No = /* @__PURE__ */ h({
     const s = l, o = w(() => s.element.getTitleToolbar());
     return (e, n) => {
       const t = v("survey-string"), a = v("survey-element-title-content"), y = v("sv-action-bar");
-      return i(), u("div", Xo, [
-        c("span", Yo, [
+      return i(), u("div", Jo, [
+        c("span", Xo, [
           e.element.isPage ? (i(), q(t, {
             key: 0,
             locString: e.element.locTitle
@@ -3723,15 +3723,15 @@ const No = /* @__PURE__ */ h({
   for (const [e, n] of s)
     o[e] = n;
   return o;
-}, xo = {}, et = { class: "sv-brand-info" }, st = /* @__PURE__ */ Se('<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), nt = [
-  st
+}, Zo = {}, xo = { class: "sv-brand-info" }, et = /* @__PURE__ */ Se('<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), st = [
+  et
 ];
-function ot(l, s) {
-  return i(), u("div", et, nt);
+function nt(l, s) {
+  return i(), u("div", xo, st);
 }
-const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use", null, null, -1), lt = [
-  it
-], rt = /* @__PURE__ */ h({
+const ot = /* @__PURE__ */ Ce(Zo, [["render", nt]]), tt = /* @__PURE__ */ c("use", null, null, -1), it = [
+  tt
+], lt = /* @__PURE__ */ h({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -3760,9 +3760,9 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ref: o,
       class: "sv-svg-icon",
       role: "img"
-    }, lt, 512));
+    }, it, 512));
   }
-}), at = /* @__PURE__ */ h({
+}), rt = /* @__PURE__ */ h({
   __name: "ActionBar",
   props: {
     model: {},
@@ -3795,7 +3795,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 2)) : d("", !0);
     };
   }
-}), ut = ["id"], dt = { class: "sv-action__content" }, mt = /* @__PURE__ */ h({
+}), at = ["id"], ut = { class: "sv-action__content" }, dt = /* @__PURE__ */ h({
   __name: "Action",
   props: {
     item: {}
@@ -3810,17 +3810,17 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
         class: r(e.item.getActionRootCss()),
         id: e.item.id
       }, [
-        c("div", dt, [
+        c("div", ut, [
           e.item.needSeparator ? (i(), q(t, { key: 0 })) : d("", !0),
           (i(), q(T(o.value), { item: e.item }, null, 8, ["item"]))
         ])
-      ], 10, ut);
+      ], 10, at);
     };
   }
-}), ct = ["disabled", "title", "aria-checked", "aria-expanded", "role"], pt = {
+}), mt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], ct = {
   inheritAttrs: !1
-}, vt = /* @__PURE__ */ h({
-  ...pt,
+}, pt = /* @__PURE__ */ h({
+  ...ct,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -3855,15 +3855,15 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
           key: 1,
           class: r(o.item.getActionBarItemTitleCss())
         }, R(o.item.title), 3)) : d("", !0)
-      ], 42, ct)), [
+      ], 42, mt)), [
         [t, { processEsc: !1, disableTabStop: o.item.disableTabStop }]
       ]);
     };
   }
-}), yt = ["disabled", "title", "role"], qt = {
+}), vt = ["disabled", "title", "role"], yt = {
   inheritAttrs: !1
-}, gt = /* @__PURE__ */ h({
-  ...qt,
+}, qt = /* @__PURE__ */ h({
+  ...yt,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -3906,7 +3906,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
             key: 1,
             class: r(n.item.getActionBarItemTitleCss())
           }, R(n.item.title), 3)) : d("", !0)
-        ], 42, yt)), [
+        ], 42, vt)), [
           [m, { processEsc: !1, disableTabStop: n.item.disableTabStop }]
         ]),
         C(y, {
@@ -3916,7 +3916,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 64);
     };
   }
-}), ht = /* @__PURE__ */ h({
+}), gt = /* @__PURE__ */ h({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -3927,7 +3927,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       class: r(["sv-action-bar-separator", o.value])
     }, null, 2));
   }
-}), Ct = ["aria-label", "placeholder", "value"], bt = ["aria-label"], kt = ["id"], ft = /* @__PURE__ */ h({
+}), ht = ["aria-label", "placeholder", "value"], Ct = ["aria-label"], bt = ["id"], kt = /* @__PURE__ */ h({
   __name: "List",
   props: {
     model: {}
@@ -3971,7 +3971,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
             value: a.model.filterString,
             onChange: e,
             onKeyup: n
-          }, null, 42, Ct),
+          }, null, 42, ht),
           a.model.showSearchClearButton && !!a.model.filterString ? (i(), u("button", {
             key: 0,
             onClick: y[0] || (y[0] = (p) => {
@@ -3991,7 +3991,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
           c("div", {
             class: r(a.model.cssClasses.emptyText),
             "aria-label": a.model.emptyMessage
-          }, R(a.model.emptyMessage), 11, bt)
+          }, R(a.model.emptyMessage), 11, Ct)
         ], 2), [
           [H, a.model.isEmpty]
         ]),
@@ -4013,13 +4013,13 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
             model: a.model,
             key: p.id
           }, null, 8, ["item", "model"]))), 128))
-        ], 42, kt)), [
+        ], 42, bt)), [
           [H, !a.model.isEmpty]
         ]) : d("", !0)
       ], 2);
     };
   }
-}), It = ["aria-selected", "id"], wt = ["title"], St = /* @__PURE__ */ h({
+}), ft = ["aria-selected", "id"], It = ["title"], wt = /* @__PURE__ */ h({
   __name: "ListItem",
   props: {
     model: {},
@@ -4068,14 +4068,14 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
             key: 2,
             item: n.item
           }, null, 8, ["item"])) : d("", !0)
-        ], 14, wt)
-      ], 42, It)), [
+        ], 14, It)
+      ], 42, ft)), [
         [H, n.model.isItemVisible(n.item)],
         [m]
       ]);
     };
   }
-}), Rt = /* @__PURE__ */ h({
+}), St = /* @__PURE__ */ h({
   __name: "Popup",
   props: {
     getTarget: { type: Function },
@@ -4109,13 +4109,13 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 512);
     };
   }
-}), Tt = { class: "sv-popup__shadow" }, $t = { class: "sv-popup__body-content" }, _t = {
+}), Rt = { class: "sv-popup__shadow" }, Tt = { class: "sv-popup__body-content" }, $t = {
   key: 0,
   class: "sv-popup__body-header"
-}, Dt = { class: "sv-popup__scrolling-content" }, Bt = { class: "sv-popup__content" }, Lt = {
+}, _t = { class: "sv-popup__scrolling-content" }, Dt = { class: "sv-popup__content" }, Bt = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Nt = /* @__PURE__ */ h({
+}, Lt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4154,19 +4154,19 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
           }),
           onClick: e
         }, [
-          c("div", Tt, [
+          c("div", Rt, [
             n.model.showHeader ? (i(), q(T(n.model.popupHeaderTemplate), {
               key: 0,
               model: n.model
             }, null, 8, ["model"])) : d("", !0),
-            c("div", $t, [
-              n.model.title ? (i(), u("div", _t, R(n.model.title), 1)) : d("", !0),
-              c("div", Dt, [
-                c("div", Bt, [
+            c("div", Tt, [
+              n.model.title ? (i(), u("div", $t, R(n.model.title), 1)) : d("", !0),
+              c("div", _t, [
+                c("div", Dt, [
                   (i(), q(T(n.model.contentComponentName), O(ne(n.model.contentComponentData)), null, 16))
                 ])
               ]),
-              n.model.showFooter ? (i(), u("div", Lt, [
+              n.model.showFooter ? (i(), u("div", Bt, [
                 C(a, {
                   model: n.model.footerToolbar
                 }, null, 8, ["model"])
@@ -4179,7 +4179,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ]);
     };
   }
-}), Pt = /* @__PURE__ */ h({
+}), Nt = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4193,10 +4193,10 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       })
     }, null, 4));
   }
-}), At = {
+}), Pt = {
   key: 0,
   class: "sv-components-column"
-}, Mt = /* @__PURE__ */ h({
+}, At = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4208,7 +4208,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       () => s.survey.getContainerContent(s.container)
     );
     return (e, n) => o.value.length > 0 ? (i(), u(_, { key: 0 }, [
-      e.needRenderWrapper ? (i(), u("div", At, [
+      e.needRenderWrapper ? (i(), u("div", Pt, [
         (i(!0), u(_, null, D(o.value, (t, a) => (i(), q(T(t.component), {
           survey: e.survey,
           container: e.container,
@@ -4250,7 +4250,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       }, R(t.survey.progressText), 3)
     ], 2));
   }
-}), Ht = ["title"], Wt = ["onClick", "data-page-number"], Et = ["title"], Vt = ["title"], Ft = ["title"], Ot = /* @__PURE__ */ h({
+}), Mt = ["title"], Ht = ["onClick", "data-page-number"], Wt = ["title"], Et = ["title"], Vt = ["title"], Ft = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4294,7 +4294,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
         c("div", {
           class: r(p.survey.css.progressButtonsPageTitle),
           title: p.model.headerText
-        }, R(p.model.headerText), 11, Ht)
+        }, R(p.model.headerText), 11, Mt)
       ], 2)) : d("", !0),
       c("div", {
         class: r(y.value.progressButtonsContainer)
@@ -4325,13 +4325,13 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
                 key: 0,
                 class: r(y.value.progressButtonsPageTitle),
                 title: b.renderedNavigationTitle
-              }, R(b.renderedNavigationTitle), 11, Et)) : d("", !0),
+              }, R(b.renderedNavigationTitle), 11, Wt)) : d("", !0),
               t.value ? (i(), u("div", {
                 key: 1,
                 class: r(y.value.progressButtonsPageDescription),
                 title: b.locNavigationDescription.renderedHtml
-              }, R(b.locNavigationDescription.renderedHtml), 11, Vt)) : d("", !0)
-            ], 10, Wt))), 128))
+              }, R(b.locNavigationDescription.renderedHtml), 11, Et)) : d("", !0)
+            ], 10, Ht))), 128))
           ], 2)
         ], 2),
         c("div", {
@@ -4347,11 +4347,11 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
         c("div", {
           class: r(p.survey.css.progressButtonsPageTitle),
           title: p.model.footerText
-        }, R(p.model.footerText), 11, Ft)
+        }, R(p.model.footerText), 11, Vt)
       ], 2)) : d("", !0)
     ], 2));
   }
-}), zt = /* @__PURE__ */ h({
+}), Ot = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4383,10 +4383,10 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 2);
     };
   }
-}), Ut = { onsubmit: "return false;" }, Kt = {
+}), zt = { onsubmit: "return false;" }, Ut = {
   key: 0,
   class: "sv_custom_header"
-}, jt = { class: "sv-components-column sv-components-column--expandable" }, Qt = ["id"], Gt = { key: 2 }, Jt = ["innerHTML"], Xt = ["innerHTML"], Yt = ["innerHTML"], ve = /* @__PURE__ */ h({
+}, Kt = { class: "sv-components-column sv-components-column--expandable" }, jt = ["id"], Qt = { key: 2 }, Gt = ["innerHTML"], Jt = ["innerHTML"], Xt = ["innerHTML"], ve = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
     model: {},
@@ -4430,8 +4430,8 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
             class: r(g.value.rootBackgroundImage),
             style: S(t.value.backgroundImageStyle)
           }, null, 6)) : d("", !0),
-          c("form", Ut, [
-            t.value.hasLogo ? d("", !0) : (i(), u("div", Kt)),
+          c("form", zt, [
+            t.value.hasLogo ? d("", !0) : (i(), u("div", Ut)),
             c("div", {
               class: r(g.value.container)
             }, [
@@ -4453,7 +4453,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
                   container: "left",
                   needRenderWrapper: !0
                 }, null, 8, ["survey"])),
-                c("div", jt, [
+                c("div", Kt, [
                   (i(), q(T("sv-components-container"), {
                     survey: t.value,
                     container: "center",
@@ -4480,7 +4480,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
                       container: "contentBottom",
                       needRenderWrapper: !0
                     }, null, 8, ["survey"]))
-                  ], 14, Qt)
+                  ], 14, jt)
                 ]),
                 (i(), q(T("sv-components-container"), {
                   survey: t.value,
@@ -4493,11 +4493,11 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
                 container: "footer",
                 needRenderWrapper: !1
               }, null, 8, ["survey"])),
-              m.value ? (i(), u("div", Gt, [
+              m.value ? (i(), u("div", Qt, [
                 c("div", {
                   innerHTML: f(),
                   class: r(t.value.completedCss)
-                }, null, 10, Jt),
+                }, null, 10, Gt),
                 (i(), q(T("sv-components-container"), {
                   survey: t.value,
                   container: "completePage",
@@ -4508,12 +4508,12 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
                 key: 3,
                 class: r(t.value.completedBeforeCss),
                 innerHTML: t.value.processedCompletedBeforeHtml
-              }, null, 10, Xt)) : d("", !0),
+              }, null, 10, Jt)) : d("", !0),
               t.value.state === "loading" ? (i(), u("div", {
                 key: 4,
                 class: r(t.value.loadingBodyCss),
                 innerHTML: t.value.processedLoadingHtml
-              }, null, 10, Yt)) : d("", !0),
+              }, null, 10, Xt)) : d("", !0),
               t.value.state === "empty" ? (i(), u("div", {
                 key: 5,
                 class: r(g.value.bodyEmpty)
@@ -4528,7 +4528,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 6);
     };
   }
-}), Zt = /* @__PURE__ */ h({
+}), Yt = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -4551,7 +4551,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 6)) : d("", !0);
     };
   }
-}), xt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], ei = { key: 1 }, si = /* @__PURE__ */ h({
+}), Zt = ["id", "readonly", "disabled", "value", "maxlength", "placeholder", "aria-label", "aria-required"], xt = { key: 1 }, ei = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {},
@@ -4579,11 +4579,11 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
         onInput: o[1] || (o[1] = (e) => {
           s.question.onOtherValueInput(e);
         })
-      }, null, 46, xt)),
-      s.question.isReadOnlyRenderDiv() ? (i(), u("div", ei, R(s.question.otherValue), 1)) : d("", !0)
+      }, null, 46, Zt)),
+      s.question.isReadOnlyRenderDiv() ? (i(), u("div", xt, R(s.question.otherValue), 1)) : d("", !0)
     ], 2));
   }
-}), ni = ["disabled", "value", "title"], oi = /* @__PURE__ */ h({
+}), si = ["disabled", "value", "title"], ni = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4599,7 +4599,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       title: e.item.getTooltip(),
       onMousedown: o,
       onClick: n[0] || (n[0] = (...t) => e.item.action && e.item.action(...t))
-    }, null, 42, ni)) : d("", !0);
+    }, null, 42, si)) : d("", !0);
   }
 }), ye = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -4717,7 +4717,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 38)) : d("", !0);
     };
   }
-}), ti = ["innerHTML"], ii = /* @__PURE__ */ h({
+}), oi = ["innerHTML"], ti = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -4740,7 +4740,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       n.value ? (i(), u("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, ti)) : d("", !0),
+      }, null, 8, oi)) : d("", !0),
       e.value ? (i(), q(T(a.value), {
         key: 1,
         question: y.question,
@@ -4748,7 +4748,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       }, null, 8, ["question", "css"])) : d("", !0)
     ], 512));
   }
-}), li = /* @__PURE__ */ h({
+}), ii = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(l) {
     const s = z();
@@ -4790,7 +4790,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       ], 8, ["to"])) : d("", !0);
     };
   }
-}), ri = /* @__PURE__ */ h({
+}), li = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -4802,7 +4802,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       class: r(o.remainingCharacterCounter)
     }, R(o.counter.remainingCharacterCounter), 3));
   }
-}), ai = /* @__PURE__ */ h({
+}), ri = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -4823,7 +4823,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       }, null, 8, ["element", "css"]);
     };
   }
-}), ui = /* @__PURE__ */ h({
+}), ai = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -4840,9 +4840,9 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       css: t.css
     }, null, 8, ["question", "css"]));
   }
-}), di = /* @__PURE__ */ c("use", { "xlink:href": "#icon-timercircle" }, null, -1), mi = [
-  di
-], qe = 440, ci = /* @__PURE__ */ h({
+}), ui = /* @__PURE__ */ c("use", { "xlink:href": "#icon-timercircle" }, null, -1), di = [
+  ui
+], qe = 440, mi = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -4858,7 +4858,7 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
         key: 0,
         class: r(n.model.getProgressCss()),
         style: S({ strokeDasharray: qe, strokeDashoffset: o.value })
-      }, mi, 6)) : d("", !0),
+      }, di, 6)) : d("", !0),
       c("div", {
         class: r(n.model.textContainerCss)
       }, [
@@ -4877,17 +4877,17 @@ const tt = /* @__PURE__ */ Ce(xo, [["render", ot]]), it = /* @__PURE__ */ c("use
       [H, n.model.isRunning && !n.model.showTimerAsClock]
     ]);
   }
-}), pi = {}, vi = { class: "sd-loading-indicator" };
-function yi(l, s) {
+}), ci = {}, pi = { class: "sd-loading-indicator" };
+function vi(l, s) {
   const o = v("sv-svg-icon");
-  return i(), u("div", vi, [
+  return i(), u("div", pi, [
     C(o, {
       iconName: "icon-loading",
       size: "'auto'"
     })
   ]);
 }
-const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @__PURE__ */ h({
+const yi = /* @__PURE__ */ Ce(ci, [["render", vi]]), qi = { key: 2 }, gi = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -4919,16 +4919,16 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
             key: y
           }, null, 8, ["model"]))), 128))
         ], 6)),
-        o.survey.isMobile ? (i(), u("div", gi, [
+        o.survey.isMobile ? (i(), u("div", qi, [
           C(t, { model: o.model }, null, 8, ["model"])
         ])) : d("", !0)
       ], 6);
     };
   }
-}), Ci = {
+}), hi = {
   key: 0,
   class: "sv-header__logo"
-}, bi = ["src", "width", "height", "alt"], ki = /* @__PURE__ */ h({
+}, Ci = ["src", "width", "height", "alt"], bi = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -4944,7 +4944,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
           class: "sv-header__cell-content",
           style: S(s.model.contentStyle)
         }, [
-          s.model.showLogo ? (i(), u("div", Ci, [
+          s.model.showLogo ? (i(), u("div", hi, [
             c("div", {
               class: r(s.model.survey.logoClassNames)
             }, [
@@ -4955,7 +4955,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
                 height: s.model.survey.renderedLogoHeight,
                 alt: s.model.survey.locTitle.renderedHtml,
                 style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-              }, null, 14, bi)
+              }, null, 14, Ci)
             ], 2)
           ])) : d("", !0),
           s.model.showTitle ? (i(), u("div", {
@@ -4986,10 +4986,10 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       ], 6);
     };
   }
-}), fi = { class: "sv-header--mobile" }, Ii = {
+}), ki = { class: "sv-header--mobile" }, fi = {
   key: 0,
   class: "sv-header__logo"
-}, wi = ["src", "width", "height", "alt"], Si = /* @__PURE__ */ h({
+}, Ii = ["src", "width", "height", "alt"], wi = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
@@ -4997,8 +4997,8 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
   setup(l) {
     return (s, o) => {
       const e = v("survey-element-title"), n = v("survey-string");
-      return i(), u("div", fi, [
-        s.model.survey.hasLogo ? (i(), u("div", Ii, [
+      return i(), u("div", ki, [
+        s.model.survey.hasLogo ? (i(), u("div", fi, [
           c("div", {
             class: r(s.model.survey.logoClassNames)
           }, [
@@ -5009,7 +5009,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
               height: s.model.survey.renderedLogoHeight,
               alt: s.model.survey.locTitle.renderedHtml,
               style: S({ objectFit: s.model.survey.logoFit, width: s.model.survey.renderedStyleLogoWidth, height: s.model.survey.renderedStyleLogoHeight })
-            }, null, 14, wi)
+            }, null, 14, Ii)
           ], 2)
         ])) : d("", !0),
         s.model.survey.hasTitle ? (i(), u("div", {
@@ -5039,7 +5039,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       ]);
     };
   }
-}), Ri = /* @__PURE__ */ h({
+}), Si = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -5080,7 +5080,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       }, null, 8, ["element", "css"])) : d("", !0)
     ], 6));
   }
-}), Ti = /* @__PURE__ */ h({
+}), Ri = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5090,7 +5090,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
     const s = $e(), o = w(() => !!s.default);
     return (e, n) => o.value && !e.componentName ? _e(e.$slots, "default", { key: 0 }) : (i(), q(T(e.componentName), O(W({ key: 1 }, e.componentData)), null, 16));
   }
-}), $i = /* @__PURE__ */ h({
+}), Ti = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5114,7 +5114,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       ], 2);
     };
   }
-}), _i = ["id"], Di = /* @__PURE__ */ h({
+}), $i = ["id"], _i = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5136,14 +5136,14 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
           playsinline: "",
           id: s.question.videoId,
           class: r(s.question.cssClasses.video)
-        }, null, 10, _i),
+        }, null, 10, $i),
         C(e, {
           item: s.question.takePictureAction
         }, null, 8, ["item"])
       ], 2);
     };
   }
-}), Bi = ["for", "aria-label"], Li = /* @__PURE__ */ h({
+}), Di = ["for", "aria-label"], Bi = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5172,12 +5172,12 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
           size: "auto"
         }, null, 8, ["title", "iconName"])) : d("", !0),
         c("span", null, R(o.value.chooseButtonText), 1)
-      ], 10, Bi)), [
+      ], 10, Di)), [
         [a]
       ]);
     };
   }
-}), Ni = ["onClick", "href", "title", "download"], Pi = ["src"], Ai = ["onClick"], Mi = ["onClick", "href", "title", "download"], Hi = /* @__PURE__ */ h({
+}), Li = ["onClick", "href", "title", "download"], Ni = ["src"], Pi = ["onClick"], Ai = ["onClick", "href", "title", "download"], Mi = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5203,7 +5203,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
               title: n.name,
               download: n.name,
               style: S({ width: s.question.imageWidth })
-            }, R(n.name), 13, Ni)
+            }, R(n.name), 13, Li)
           ], 2)) : d("", !0),
           c("div", {
             class: r(s.question.getImageWrapperCss(n))
@@ -5216,7 +5216,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
                 width: s.question.imageWidth
               }),
               alt: "File preview"
-            }, null, 12, Pi)) : d("", !0),
+            }, null, 12, Ni)) : d("", !0),
             s.question.defaultImage(n) ? (i(), q(e, {
               key: 1,
               iconName: s.question.cssClasses.defaultImageIconId,
@@ -5238,7 +5238,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
                 iconName: s.question.cssClasses.removeFileSvgIconId,
                 size: "auto"
               }, null, 8, ["title", "class", "iconName"])) : d("", !0)
-            ], 10, Ai)) : d("", !0)
+            ], 10, Pi)) : d("", !0)
           ], 2),
           n.name && s.question.cssClasses.fileSignBottom ? (i(), u("div", {
             key: 1,
@@ -5250,7 +5250,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
               title: n.name,
               download: n.name,
               style: S({ width: s.question.imageWidth })
-            }, R(n.name), 13, Mi)
+            }, R(n.name), 13, Ai)
           ], 2)) : d("", !0)
         ], 2)), [
           [H, n && s.question.isPreviewVisible(t)]
@@ -5258,7 +5258,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       ], 2)) : d("", !0);
     };
   }
-}), Wi = /* @__PURE__ */ h({
+}), Hi = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5282,7 +5282,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
       ], 2);
     };
   }
-}), Ei = ["title"], Vi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "disabled", "value"], Fi = ["title"], Oi = /* @__PURE__ */ h({
+}), Wi = ["title"], Ei = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "disabled", "value"], Vi = ["title"], Fi = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5319,7 +5319,7 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
           class: r(o.value.css.control),
           "onUpdate:modelValue": t[0] || (t[0] = (m) => e.value = m),
           value: o.value.value
-        }, null, 10, Vi), [
+        }, null, 10, Ei), [
           [x, e.value]
         ]),
         c("div", {
@@ -5339,12 +5339,12 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
             C(y, {
               locString: o.value.caption
             }, null, 8, ["locString"])
-          ], 10, Fi)) : d("", !0)
+          ], 10, Vi)) : d("", !0)
         ], 2)
-      ], 10, Ei);
+      ], 10, Wi);
     };
   }
-}), zi = ["src", "width", "height", "alt"], Ui = /* @__PURE__ */ h({
+}), Oi = ["src", "width", "height", "alt"], zi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5366,10 +5366,10 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
           width: o.value.renderedStyleLogoWidth,
           height: o.value.renderedStyleLogoHeight
         })
-      }, null, 14, zi)
+      }, null, 14, Oi)
     ], 2));
   }
-}), Ki = /* @__PURE__ */ h({
+}), Ui = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(l) {
     const s = $();
@@ -5385,8 +5385,8 @@ const qi = /* @__PURE__ */ Ce(pi, [["render", yi]]), gi = { key: 2 }, hi = /* @_
   }
 });
 ze.platform = "vue3";
-function ji(l) {
-  l.component("SurveyComponent", ve), l.component("sv-svg-bundle", Ki), l.component("PopupSurveyComponent", ye), l.component("survey", ve), l.component("popup-survey", ye), l.component("survey-header", Ge), l.component("sv-logo-image", Ui), l.component("survey-page", Qe), l.component("survey-row", Je), l.component("survey-question", Ze), l.component("survey-panel", ns), l.component("survey-element-header", os), l.component("survey-string", ts), l.component("sv-string-viewer", rs), l.component("sv-string-editor", us), l.component("sv-skeleton", ms), l.component("survey-text", vs), l.component("survey-text-input", hs), l.component("survey-checkbox", Is), l.component("survey-checkbox-item", Rs), l.component("survey-radiogroup", Ts), l.component("survey-radiogroup-item", Ds), l.component("survey-signaturepad", Ps), l.component("survey-html", Ms), l.component("survey-image", Vs), l.component("survey-expression", Fs), l.component("survey-file", Us), l.component("sv-file-choose-btn", Li), l.component("sv-file-clean-btn", $i), l.component("sv-file-preview", Hi), l.component("sv-file-video", Di), l.component("survey-imagepicker", js), l.component("survey-imagepicker-item", Ys), l.component("survey-comment", en), l.component("survey-dropdown", sn), l.component("sv-dropdown-select", ln), l.component("sv-dropdown-option-item", an), l.component("sv-dropdown", pn), l.component("survey-tagbox", vn), l.component("sv-tagbox", gn), l.component("sv-tagbox-item", fn), l.component("sv-tagbox-filter", bn), l.component("survey-ranking", In), l.component("survey-ranking-item", _n), l.component("survey-rating", Ln), l.component("sv-rating-item", Pn), l.component("sv-rating-item-smiley", Mn), l.component("sv-rating-item-star", Wn), l.component("sv-rating-dropdown", zn), l.component("sv-rating-dropdown-item", On), l.component("survey-boolean", Kn), l.component("sv-boolean-radio", jn), l.component("sv-boolean-radio-item", Jn), l.component("sv-boolean-checkbox", eo), l.component("survey-multipletext", so), l.component("survey-multipletext-item", oo), l.component("survey-matrix", uo), l.component("survey-matrix-cell", po), l.component("survey-matrixdropdown", vo), l.component("survey-matrixtable", ho), l.component("survey-matrixheaderrequired", bo), l.component("survey-matrixdropdown-cell", fo), l.component("survey-matrixdynamic", Io), l.component("sv-matrix-remove-button", So), l.component("sv-matrix-drag-drop-icon", To), l.component("sv-matrix-detail-button", _o), l.component("survey-paneldynamic", Do), l.component("survey-paneldynamicprogress", Bo), l.component("survey-paneldynamicprogress-v2", Lo), l.component("sv-paneldynamic-add-btn", No), l.component("sv-paneldynamic-next-btn", Ao), l.component("sv-paneldynamic-prev-btn", Ho), l.component("sv-paneldynamic-remove-btn", Wo), l.component("sv-paneldynamic-progress-text", Eo), l.component("sv-components-container", Mt), l.component("sv-progress-buttons", Ot), l.component("sv-navigation-toc", zt), l.component("sv-progress-pages", Z), l.component("sv-progress-questions", Z), l.component("sv-progress-correctquestions", Z), l.component("sv-progress-requiredquestions", Z), l.component("survey-errors", Fo), l.component("survey-question-comment", Uo), l.component("survey-element-title", Ko), l.component("survey-element-title-content", Jo), l.component("sv-title-actions", Zo), l.component("sv-brand-info", tt), l.component("sv-svg-icon", rt), l.component("sv-action-bar", at), l.component("sv-action", mt), l.component("sv-action-bar-item", vt), l.component("sv-action-bar-item-dropdown", gt), l.component("sv-action-bar-separator", ht), l.component("sv-list", ft), l.component("sv-list-item", St), l.component("sv-popup", Rt), l.component("sv-popup-container", Nt), l.component("popup-pointer", Pt), l.component("sv-notifier", Zt), l.component("survey-other-choice", si), l.component("sv-nav-btn", oi), l.component("survey-customwidget", ii), l.component("survey-popup-modal", li), l.component("sv-character-counter", ri), l.component("survey-composite", ai), l.component("survey-custom", ui), l.component("sv-timerpanel", ci), l.component("sv-loading-indicator", qi), l.component("sv-header", hi), l.component("sv-header-cell", ki), l.component("sv-header-mobile", Si), l.component("sv-template-renderer", Ti), l.component("survey-element", Ri), l.component("survey-buttongroup", Wi), l.component("sv-button-group-item", Oi), l.directive("key2click", {
+function Ki(l) {
+  l.component("SurveyComponent", ve), l.component("sv-svg-bundle", Ui), l.component("PopupSurveyComponent", ye), l.component("survey", ve), l.component("popup-survey", ye), l.component("survey-header", Ge), l.component("sv-logo-image", zi), l.component("survey-page", Qe), l.component("survey-row", Je), l.component("survey-question", Ze), l.component("survey-panel", ns), l.component("survey-element-header", os), l.component("survey-string", ts), l.component("sv-string-viewer", ls), l.component("sv-string-editor", as), l.component("sv-skeleton", ds), l.component("survey-text", ps), l.component("survey-text-input", gs), l.component("survey-checkbox", fs), l.component("survey-checkbox-item", Ss), l.component("survey-radiogroup", Rs), l.component("survey-radiogroup-item", _s), l.component("survey-signaturepad", Ns), l.component("survey-html", As), l.component("survey-image", Es), l.component("survey-expression", Vs), l.component("survey-file", zs), l.component("sv-file-choose-btn", Bi), l.component("sv-file-clean-btn", Ti), l.component("sv-file-preview", Mi), l.component("sv-file-video", _i), l.component("survey-imagepicker", Ks), l.component("survey-imagepicker-item", Xs), l.component("survey-comment", xs), l.component("survey-dropdown", en), l.component("sv-dropdown-select", tn), l.component("sv-dropdown-option-item", rn), l.component("sv-dropdown", cn), l.component("survey-tagbox", pn), l.component("sv-tagbox", qn), l.component("sv-tagbox-item", kn), l.component("sv-tagbox-filter", Cn), l.component("survey-ranking", fn), l.component("survey-ranking-item", $n), l.component("survey-rating", Bn), l.component("sv-rating-item", Nn), l.component("sv-rating-item-smiley", An), l.component("sv-rating-item-star", Hn), l.component("sv-rating-dropdown", On), l.component("sv-rating-dropdown-item", Fn), l.component("survey-boolean", Un), l.component("sv-boolean-radio", Kn), l.component("sv-boolean-radio-item", Gn), l.component("sv-boolean-checkbox", xn), l.component("survey-multipletext", eo), l.component("survey-multipletext-item", no), l.component("survey-matrix", ao), l.component("survey-matrix-cell", co), l.component("survey-matrixdropdown", po), l.component("survey-matrixtable", go), l.component("survey-matrixheaderrequired", Co), l.component("survey-matrixdropdown-cell", ko), l.component("survey-matrixdynamic", fo), l.component("sv-matrix-remove-button", wo), l.component("sv-matrix-drag-drop-icon", Ro), l.component("sv-matrix-detail-button", $o), l.component("survey-paneldynamic", _o), l.component("survey-paneldynamicprogress", Do), l.component("survey-paneldynamicprogress-v2", Bo), l.component("sv-paneldynamic-add-btn", Lo), l.component("sv-paneldynamic-next-btn", Po), l.component("sv-paneldynamic-prev-btn", Mo), l.component("sv-paneldynamic-remove-btn", Ho), l.component("sv-paneldynamic-progress-text", Wo), l.component("sv-components-container", At), l.component("sv-progress-buttons", Ft), l.component("sv-navigation-toc", Ot), l.component("sv-progress-pages", Z), l.component("sv-progress-questions", Z), l.component("sv-progress-correctquestions", Z), l.component("sv-progress-requiredquestions", Z), l.component("survey-errors", Vo), l.component("survey-question-comment", zo), l.component("survey-element-title", Uo), l.component("survey-element-title-content", Go), l.component("sv-title-actions", Yo), l.component("sv-brand-info", ot), l.component("sv-svg-icon", lt), l.component("sv-action-bar", rt), l.component("sv-action", dt), l.component("sv-action-bar-item", pt), l.component("sv-action-bar-item-dropdown", qt), l.component("sv-action-bar-separator", gt), l.component("sv-list", kt), l.component("sv-list-item", wt), l.component("sv-popup", St), l.component("sv-popup-container", Lt), l.component("popup-pointer", Nt), l.component("sv-notifier", Yt), l.component("survey-other-choice", ei), l.component("sv-nav-btn", ni), l.component("survey-customwidget", ti), l.component("survey-popup-modal", ii), l.component("sv-character-counter", li), l.component("survey-composite", ri), l.component("survey-custom", ai), l.component("sv-timerpanel", mi), l.component("sv-loading-indicator", yi), l.component("sv-header", gi), l.component("sv-header-cell", bi), l.component("sv-header-mobile", wi), l.component("sv-template-renderer", Ri), l.component("survey-element", Si), l.component("survey-buttongroup", Hi), l.component("sv-button-group-item", Fi), l.directive("key2click", {
     mounted: function(s, o) {
       const e = { ...o.value };
       if (e.disableTabStop) {
@@ -5401,13 +5401,13 @@ function ji(l) {
     }
   });
 }
-const Ji = {
+const Gi = {
   install(l) {
-    ji(l);
+    Ki(l);
   }
 };
 export {
-  Ji as surveyPlugin,
+  Gi as surveyPlugin,
   B as useBase,
   re as useComputedArray,
   G as useLocString,