npm - survey-vue3-ui - Versions diffs - 2.1.1 → 2.2.1 - Mend

survey-vue3-ui 2.1.1 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/package.json +2 -2
package/survey-vue3-ui.es.js +411 -391
package/survey-vue3-ui.umd.js +5 -5
package/types/components/TextArea.vue.d.ts +1 -0
package/types/components/slider/SliderLabelItem.vue.d.ts +12 -0
package/types/components/slider/slider.d.ts +5 -0

package/survey-vue3-ui.es.js CHANGED Viewed

@@ -289,10 +289,10 @@ const ss = /* @__PURE__ */ y({
       }, null, 8, ["row", "css", "element"]))), 128))
     ], 2));
   }
-}), os = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["id"], rs = {
+}), os = ["id", "role", "aria-required", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "data-name"], is = ["aria-hidden"], rs = ["id"], ls = {
   inheritAttrs: !1
-}, ls = /* @__PURE__ */ y({
-  ...rs,
+}, as = /* @__PURE__ */ y({
+  ...ls,
   __name: "Question",
   props: {
     survey: {},
@@ -369,6 +369,7 @@ const ss = /* @__PURE__ */ y({
         default: A(() => [
           v("div", {
             class: r(s(q.element) || void 0),
+            "aria-hidden": q.element.contentAriaHidden,
             style: f({ display: q.element.renderedIsExpanded ? void 0 : "none" }),
             role: "presentation"
           }, [
@@ -400,8 +401,8 @@ const ss = /* @__PURE__ */ y({
                 is: "survey-string",
                 locString: q.element.locDescription
               }, null, 8, ["locString"])
-            ], 10, is)) : p("", !0)
-          ], 6)
+            ], 10, rs)) : p("", !0)
+          ], 14, is)
         ]),
         _: 1
       }, 16, ["is"])),
@@ -419,10 +420,10 @@ const ss = /* @__PURE__ */ y({
       }, null, 8, ["element"])) : p("", !0)
     ], 46, os));
   }
-}), as = ["id"], us = ["id", "role", "aria-labelledby", "aria-label"], ds = {
+}), us = ["id"], ds = ["id", "role", "aria-labelledby", "aria-label"], ms = {
   inheritAttrs: !1
-}, ms = /* @__PURE__ */ y({
-  ...ds,
+}, ps = /* @__PURE__ */ y({
+  ...ms,
   inheritAttrs: !1,
   __name: "Panel",
   props: {
@@ -487,10 +488,10 @@ const ss = /* @__PURE__ */ y({
           is: "sv-action-bar",
           model: o.element.getFooterToolbar()
         }, null, 8, ["model"])
-      ], 14, us)) : p("", !0)
-    ], 42, as)) : p("", !0);
+      ], 14, ds)) : p("", !0)
+    ], 42, us)) : p("", !0);
   }
-}), ps = ["id"], vs = /* @__PURE__ */ y({
+}), vs = ["id"], Cs = /* @__PURE__ */ y({
   __name: "ElementHeader",
   props: {
     element: {},
@@ -522,7 +523,7 @@ const ss = /* @__PURE__ */ y({
           is: "survey-string",
           locString: o.element.locDescription
         }, null, 8, ["locString"])
-      ], 10, ps)), [
+      ], 10, vs)), [
         [P, o.element.hasDescription]
       ]) : p("", !0),
       o.element.hasAdditionalTitleToolbar ? (i(), g(m, {
@@ -532,7 +533,7 @@ const ss = /* @__PURE__ */ y({
       }, null, 8, ["model"])) : p("", !0)
     ], 6));
   }
-}), Cs = /* @__PURE__ */ y({
+}), cs = /* @__PURE__ */ y({
   __name: "String",
   props: {
     locString: {}
@@ -543,7 +544,7 @@ const ss = /* @__PURE__ */ y({
       locString: e.locString.renderAsData
     }, null, 8, ["is", "locString"]));
   }
-}), cs = ["innerHTML"], gs = /* @__PURE__ */ y({
+}), gs = ["innerHTML"], ys = /* @__PURE__ */ y({
   __name: "StringViewer",
   props: {
     locString: {}
@@ -554,12 +555,12 @@ const ss = /* @__PURE__ */ y({
       key: 0,
       class: r(w(s)),
       innerHTML: w(n)
-    }, null, 10, cs)) : (i(), a("span", {
+    }, null, 10, gs)) : (i(), a("span", {
       key: 1,
       class: r(w(s))
     }, I(w(n)), 3));
   }
-}), ys = ["innerHTML"], hs = /* @__PURE__ */ y({
+}), hs = ["innerHTML"], qs = /* @__PURE__ */ y({
   __name: "StringEditor",
   props: {
     locString: {}
@@ -578,7 +579,7 @@ const ss = /* @__PURE__ */ y({
       innerHTML: o.locString.renderedHtml,
       onBlur: n,
       onClick: s
-    }, null, 40, ys)) : (i(), a("span", {
+    }, null, 40, hs)) : (i(), a("span", {
       key: 1,
       class: "sv-string-editor",
       contenteditable: "true",
@@ -586,7 +587,7 @@ const ss = /* @__PURE__ */ y({
       onClick: s
     }, I(o.locString.renderedHtml), 33));
   }
-}), qs = ["id"], ws = /* @__PURE__ */ y({
+}), ws = ["id"], bs = /* @__PURE__ */ y({
   __name: "Skeleton",
   props: {
     element: {}
@@ -597,11 +598,11 @@ const ss = /* @__PURE__ */ y({
       class: "sv-skeleton-element",
       id: n.element.id,
       style: f({ height: n.element.skeletonHeight })
-    }, null, 12, qs));
+    }, null, 12, ws));
   }
-}), bs = { class: "sv-scroll__container" }, Ls = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), ks = [
-  Ls
-], fs = /* @__PURE__ */ y({
+}), Ls = { class: "sv-scroll__container" }, ks = /* @__PURE__ */ v("div", { class: "sv-scroll__scrollbar-sizer" }, null, -1), fs = [
+  ks
+], Hs = /* @__PURE__ */ y({
   __name: "Scroll",
   props: {
     disabled: {},
@@ -627,17 +628,17 @@ const ss = /* @__PURE__ */ y({
         class: "sv-scroll__scroller sv-drag-target-skipped",
         onScroll: t[0] || (t[0] = () => w(n).onScrollContainer())
       }, [
-        v("div", bs, [
+        v("div", Ls, [
           x(o.$slots, "default")
         ])
       ], 32),
       v("div", {
         class: "sv-scroll__scrollbar",
         onScroll: t[1] || (t[1] = () => w(n).onScrollScrollbar())
-      }, ks, 32)
+      }, fs, 32)
     ], 512));
   }
-}), Hs = ["id"], Ms = ["value"], Is = /* @__PURE__ */ y({
+}), Ms = ["id"], Is = ["value"], Vs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Text",
   props: {
@@ -664,8 +665,8 @@ const ss = /* @__PURE__ */ y({
         (i(!0), a(M, null, V(s.question.dataList, (t, l) => (i(), a("option", {
           key: l,
           value: t
-        }, null, 8, Ms))), 128))
-      ], 8, Hs)
+        }, null, 8, Is))), 128))
+      ], 8, Ms)
     ], 512)) : (i(), g(m, {
       key: 2,
       is: "survey-text-input",
@@ -675,7 +676,7 @@ const ss = /* @__PURE__ */ y({
       }
     }, null, 8, ["question", "get-ref"]));
   }
-}), Vs = ["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"], Ss = ["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"], Rs = /* @__PURE__ */ y({
+}), Ss = ["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"], Rs = ["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"], Ts = /* @__PURE__ */ y({
   __name: "TextInput",
   props: {
     question: {},
@@ -729,7 +730,7 @@ const ss = /* @__PURE__ */ y({
         "aria-describedby": l.question.a11y_input_ariaDescribedBy,
         "aria-invalid": l.question.a11y_input_ariaInvalid,
         "aria-errormessage": l.question.a11y_input_ariaErrormessage
-      }, null, 46, Ss),
+      }, null, 46, Rs),
       c(m, {
         is: "sv-character-counter",
         counter: l.question.characterCounter,
@@ -775,12 +776,12 @@ const ss = /* @__PURE__ */ y({
       "aria-describedby": l.question.a11y_input_ariaDescribedBy,
       "aria-invalid": l.question.a11y_input_ariaInvalid,
       "aria-errormessage": l.question.a11y_input_ariaErrormessage
-    }, null, 46, Vs));
+    }, null, 46, Ss));
   }
-}), Ts = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Bs = {
+}), Bs = ["role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Zs = {
   key: 0,
   class: "sv-hidden"
-}, Zs = { key: 7 }, $s = ["value"], be = /* @__PURE__ */ y({
+}, $s = { key: 7 }, Ds = ["value"], be = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "SelectBase",
   props: {
@@ -810,7 +811,7 @@ const ss = /* @__PURE__ */ y({
       "aria-invalid": t.question.a11y_input_ariaInvalid,
       "aria-errormessage": t.question.a11y_input_ariaErrormessage
     }, [
-      t.showLegend ? (i(), a("legend", Bs, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
+      t.showLegend ? (i(), a("legend", Zs, I(t.question.locTitle.renderedHtml), 1)) : p("", !0),
       t.question.hasHeadItems ? (i(!0), a(M, { key: 1 }, V(t.question.headItems, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
@@ -852,7 +853,7 @@ const ss = /* @__PURE__ */ y({
         is: "survey-other-choice",
         question: t.question
       }, null, 8, ["question"])) : p("", !0),
-      t.question.showClearButtonInContent ? (i(), a("div", Zs, [
+      t.question.showClearButtonInContent ? (i(), a("div", $s, [
         v("input", {
           type: "button",
           class: r(t.question.cssClasses.clearButton),
@@ -860,11 +861,11 @@ const ss = /* @__PURE__ */ y({
             t.question.clearValue(!0);
           }),
           value: t.question.clearButtonCaption
-        }, null, 10, $s)
+        }, null, 10, Ds)
       ])) : p("", !0)
-    ], 10, Ts));
+    ], 10, Bs));
   }
-}), Ds = /* @__PURE__ */ y({
+}), As = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -886,7 +887,7 @@ function Le(u, e, n) {
     e().isDesignMode || (s && n.value && s.setRootElement(n.value), o && o.setRootElement(void 0));
   });
 }
-const As = ["name", "checked", "value", "id", "disabled", "readonly", "required", "aria-label"], Ps = ["xlink:href"], Ns = /* @__PURE__ */ y({
+const Ps = ["name", "checked", "value", "id", "disabled", "readonly", "required", "aria-label"], Ns = ["xlink:href"], Es = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "CheckboxItem",
   props: {
@@ -928,7 +929,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           class: r(o.question.cssClasses.itemControl),
           required: o.question.hasRequiredError(),
           "aria-label": o.ariaLabel
-        }, null, 42, As),
+        }, null, 42, Ps),
         o.question.cssClasses.materialDecorator ? (i(), a("span", {
           key: 0,
           class: r(o.question.cssClasses.materialDecorator)
@@ -939,7 +940,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             v("use", {
               "xlink:href": o.question.itemSvgIcon
-            }, null, 8, Ps)
+            }, null, 8, Ns)
           ], 2)) : p("", !0)
         ], 2)) : p("", !0),
         o.hideLabel ? p("", !0) : (i(), a("span", {
@@ -954,7 +955,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), Es = /* @__PURE__ */ y({
+}), Ws = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Radiogroup",
   props: {
@@ -963,7 +964,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
   setup(u) {
     return (e, n) => (i(), g(be, { question: e.question }, null, 8, ["question"]));
   }
-}), Ws = ["name", "value", "id", "aria-errormessage", "disabled", "readonly", "aria-label"], Fs = ["xlink:href"], Os = /* @__PURE__ */ y({
+}), Fs = ["name", "value", "id", "aria-errormessage", "disabled", "readonly", "aria-label"], Os = ["xlink:href"], zs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RadiogroupItem",
   props: {
@@ -1005,7 +1006,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           readonly: l.question.isReadOnlyAttr,
           class: r(l.question.cssClasses.itemControl),
           "aria-label": l.ariaLabel
-        }, null, 10, Ws), [
+        }, null, 10, Fs), [
           [se, t.value]
         ]),
         l.question.cssClasses.materialDecorator ? (i(), a("span", {
@@ -1018,7 +1019,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           }, [
             v("use", {
               "xlink:href": l.question.itemSvgIcon
-            }, null, 8, Fs)
+            }, null, 8, Os)
           ], 2)) : p("", !0)
         ], 2)) : p("", !0),
         l.hideLabel ? p("", !0) : (i(), a("span", {
@@ -1033,7 +1034,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), zs = ["src"], Us = ["title"], Qs = { key: 0 }, Ks = /* @__PURE__ */ y({
+}), Us = ["src"], Qs = ["title"], Ks = { key: 0 }, js = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Signaturepad",
   props: {
@@ -1068,7 +1069,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           style: f({
             width: s.question.renderedCanvasWidth
           })
-        }, null, 14, zs)) : p("", !0),
+        }, null, 14, Us)) : p("", !0),
         v("canvas", {
           tabindex: "-1",
           class: r(s.question.cssClasses.canvas),
@@ -1088,14 +1089,14 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
             s.question.clearValue(!0);
           })
         }, [
-          s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), a("span", Qs, "✖")),
+          s.question.cssClasses.clearButtonIconId ? p("", !0) : (i(), a("span", Ks, "✖")),
           s.question.cssClasses.clearButtonIconId ? (i(), g(m, {
             key: 1,
             is: "sv-svg-icon",
             iconName: s.question.cssClasses.clearButtonIconId,
             size: "auto"
           }, null, 8, ["iconName"])) : p("", !0)
-        ], 10, Us)
+        ], 10, Qs)
       ], 2)) : p("", !0),
       s.question.showLoadingIndicator ? (i(), a("div", {
         key: 1,
@@ -1105,7 +1106,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : p("", !0)
     ], 6));
   }
-}), js = ["innerHTML"], Gs = /* @__PURE__ */ y({
+}), Gs = ["innerHTML"], Xs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Html",
   props: {
@@ -1120,9 +1121,9 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n,
       class: r(o.question.renderCssRoot),
       innerHTML: w(s)
-    }, null, 10, js));
+    }, null, 10, Gs));
   }
-}), Xs = ["src", "alt", "width", "height"], Js = ["src", "width", "height"], Ys = ["src", "title", "width", "height"], _s = /* @__PURE__ */ y({
+}), Js = ["src", "alt", "width", "height"], Ys = ["src", "width", "height"], _s = ["src", "title", "width", "height"], xs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Image",
   props: {
@@ -1155,7 +1156,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[1] || (t[1] = (l) => {
           o.question.onErrorHandler();
         })
-      }, null, 46, Xs)), [
+      }, null, 46, Js)), [
         [P, w(s) && !o.question.contentNotLoaded]
       ]) : p("", !0),
       o.question.renderedMode === "video" ? B((i(), a("video", {
@@ -1176,7 +1177,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         onError: t[3] || (t[3] = (l) => {
           o.question.onErrorHandler();
         })
-      }, null, 46, Js)), [
+      }, null, 46, Ys)), [
         [P, w(s) && !o.question.contentNotLoaded]
       ]) : p("", !0),
       o.question.renderedMode === "youtube" ? (i(), a("iframe", {
@@ -1191,7 +1192,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
           width: o.question.renderedStyleWidth,
           height: o.question.renderedStyleHeight
         })
-      }, null, 14, Ys)) : p("", !0),
+      }, null, 14, _s)) : p("", !0),
       !w(s) || o.question.contentNotLoaded ? (i(), a("div", {
         key: 3,
         class: r(o.question.cssClasses.noImage)
@@ -1204,7 +1205,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)) : p("", !0)
     ], 2));
   }
-}), xs = /* @__PURE__ */ y({
+}), e1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Expression",
   props: {
@@ -1218,7 +1219,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref: n
     }, I(s.question.formatedValue), 3));
   }
-}), e1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], s1 = ["id", "multiple", "placeholder"], n1 = ["id", "multiple", "placeholder"], t1 = /* @__PURE__ */ y({
+}), s1 = ["id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "multiple", "title", "accept", "capture"], n1 = ["id", "multiple", "placeholder"], t1 = ["id", "multiple", "placeholder"], o1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "File",
   props: {
@@ -1245,7 +1246,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         title: s.question.inputTitle,
         accept: s.question.acceptedTypes,
         capture: s.question.renderCapture
-      }, null, 10, e1)) : p("", !0),
+      }, null, 10, s1)) : p("", !0),
       s.question.isReadOnlyAttr ? (i(), a("input", {
         key: 1,
         type: "file",
@@ -1255,7 +1256,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, s1)) : p("", !0),
+      }, null, 10, n1)) : p("", !0),
       s.question.isDisabledAttr ? (i(), a("input", {
         key: 2,
         type: "file",
@@ -1265,7 +1266,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
         multiple: s.question.allowMultiple,
         placeholder: s.question.title,
         style: { color: "transparent" }
-      }, null, 10, n1)) : p("", !0),
+      }, null, 10, t1)) : p("", !0),
       v("div", {
         class: r(s.question.cssClasses.dragArea),
         onDrop: o[0] || (o[0] = //@ts-ignore
@@ -1324,7 +1325,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 34)
     ], 2));
   }
-}), o1 = { class: "sv-hidden" }, Ce = "survey-imagepicker-item", i1 = /* @__PURE__ */ y({
+}), i1 = { class: "sv-hidden" }, Ce = "survey-imagepicker-item", r1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Imagepicker",
   props: {
@@ -1347,7 +1348,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ref_key: "root",
       ref: n
     }, [
-      v("legend", o1, I(t.question.locTitle.renderedHtml), 1),
+      v("legend", i1, I(t.question.locTitle.renderedHtml), 1),
       t.question.hasColumns ? p("", !0) : (i(!0), a(M, { key: 0 }, V(t.question.visibleChoices, (d) => (i(), g(m, $({
         key: d.value,
         is: s(d)
@@ -1364,7 +1365,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2))), 128)) : p("", !0)
     ], 6));
   }
-}), r1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], l1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], a1 = ["src", "width", "height", "alt"], u1 = ["src", "width", "height"], d1 = /* @__PURE__ */ y({
+}), l1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], a1 = ["name", "value", "id", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], u1 = ["src", "width", "height", "alt"], d1 = ["src", "width", "height"], m1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ImagepickerItem",
   props: {
@@ -1403,7 +1404,7 @@ const As = ["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, r1)), [
+        }, null, 10, l1)), [
           [ie, s.value]
         ]) : B((i(), a("input", {
           key: 1,
@@ -1419,7 +1420,7 @@ const As = ["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, l1)), [
+        }, null, 10, a1)), [
           [se, s.value]
         ]),
         v("div", {
@@ -1455,7 +1456,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: l[3] || (l[3] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, a1)) : p("", !0),
+            }, null, 46, u1)) : p("", !0),
             w(o) && !t.item.contentNotLoaded && t.question.contentMode === "video" ? (i(), a("video", {
               key: 2,
               controls: "",
@@ -1470,7 +1471,7 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
               onError: l[5] || (l[5] = (d) => {
                 t.item.onErrorHandler();
               })
-            }, null, 46, u1)) : p("", !0),
+            }, null, 46, d1)) : p("", !0),
             !w(o) || t.item.contentNotLoaded ? (i(), a("div", {
               key: 3,
               class: r(t.question.cssClasses.itemNoImage),
@@ -1501,41 +1502,43 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       ], 2)
     ], 2));
   }
-}), m1 = /* @__PURE__ */ y({
+}), p1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Comment",
   props: {
     question: {}
   },
   setup(u) {
-    const e = u, n = k(null);
-    return T(e, n), (s, o) => !s.question.isReadOnlyRenderDiv() && s.question.getMaxLength() ? (i(), a("div", {
+    const e = u, n = k();
+    function s(o) {
+      n.value = o;
+    }
+    return T(e, n), (o, t) => !o.question.isReadOnlyRenderDiv() && o.question.getMaxLength() ? (i(), a("div", {
       key: 0,
       ref_key: "root",
       ref: n
     }, [
       c(m, {
         is: "sv-text-area",
-        model: s.question.textAreaModel
+        model: o.question.textAreaModel
       }, null, 8, ["model"]),
       c(m, {
         is: "sv-character-counter",
-        counter: s.question.characterCounter,
-        remainingCharacterCounter: s.question.cssClasses.remainingCharacterCounter
+        counter: o.question.characterCounter,
+        remainingCharacterCounter: o.question.cssClasses.remainingCharacterCounter
       }, null, 8, ["counter", "remainingCharacterCounter"])
-    ], 512)) : !s.question.isReadOnlyRenderDiv() && !s.question.getMaxLength() ? (i(), g(m, {
+    ], 512)) : !o.question.isReadOnlyRenderDiv() && !o.question.getMaxLength() ? (i(), g(m, {
       key: 1,
       is: "sv-text-area",
-      ref_key: "root",
-      ref: n,
-      model: s.question.textAreaModel
+      "get-ref": s,
+      model: o.question.textAreaModel
     }, null, 8, ["model"])) : (i(), a("div", {
       key: 2,
       ref_key: "root",
       ref: n
-    }, I(s.question.value), 513));
+    }, I(o.question.value), 513));
   }
-}), p1 = /* @__PURE__ */ y({
+}), v1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Dropdown",
   props: {
@@ -1559,16 +1562,16 @@ const As = ["name", "checked", "value", "id", "disabled", "readonly", "required"
       }, null, 8, ["question"])) : p("", !0)
     ], 2));
   }
-}), v1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], C1 = {
+}), C1 = ["id", "autocomplete", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "required"], c1 = {
   key: 0,
   value: ""
-}, c1 = ["id"];
+}, g1 = ["id"];
 G.Instance.registerRenderer(
   "dropdown",
   "select",
   "sv-dropdown-select"
 );
-const g1 = /* @__PURE__ */ y({
+const y1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "DropdownSelect",
   props: {
@@ -1603,7 +1606,7 @@ const g1 = /* @__PURE__ */ y({
           disabled: "",
           id: l.question.inputId,
           class: r(l.question.getControlClass())
-        }, I(l.question.readOnlyText), 11, c1)) : B((i(), a("select", {
+        }, I(l.question.readOnlyText), 11, g1)) : B((i(), a("select", {
           key: 0,
           id: l.question.inputId,
           "onUpdate:modelValue": d[0] || (d[0] = (C) => t.value = C),
@@ -1617,13 +1620,13 @@ const g1 = /* @__PURE__ */ y({
           "aria-errormessage": l.question.a11y_input_ariaErrormessage,
           required: l.question.isRequired
         }, [
-          l.question.allowClear ? (i(), a("option", C1, I(l.question.placeholder), 1)) : p("", !0),
+          l.question.allowClear ? (i(), a("option", c1, I(l.question.placeholder), 1)) : p("", !0),
           (i(!0), a(M, null, V(l.question.visibleChoices, (C) => (i(), g(m, {
             is: "sv-dropdown-option-item",
             item: C,
             key: C.id
           }, null, 8, ["item"]))), 128))
-        ], 42, v1)), [
+        ], 42, C1)), [
           [Be, t.value]
         ]),
         l.question.cssClasses.chevronButtonIconId ? (i(), a("div", {
@@ -1646,7 +1649,7 @@ const g1 = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : p("", !0)
     ], 2));
   }
-}), y1 = ["value", "disabled"], h1 = /* @__PURE__ */ y({
+}), h1 = ["value", "disabled"], q1 = /* @__PURE__ */ y({
   __name: "OptionItem",
   props: {
     item: {}
@@ -1656,9 +1659,9 @@ const g1 = /* @__PURE__ */ y({
     return S(() => e.item), (s, o) => (i(), a("option", {
       value: s.item.value,
       disabled: !s.item.isEnabled
-    }, I(w(n)), 9, y1));
+    }, I(w(n)), 9, h1));
   }
-}), q1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], w1 = { style: { visibility: "hidden" } }, b1 = ["disabled", "inputmode", "id", "tabindex", "readonly", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], L1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], k1 = /* @__PURE__ */ y({
+}), w1 = ["id", "disabled", "tabindex", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "required"], b1 = { style: { visibility: "hidden" } }, L1 = ["disabled", "inputmode", "id", "tabindex", "readonly", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-controls", "aria-label", "aria-labelledby", "aria-describedby", "aria-activedescendant", "placeholder"], k1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], f1 = /* @__PURE__ */ y({
   __name: "Dropdown",
   props: {
     question: {}
@@ -1728,7 +1731,7 @@ const g1 = /* @__PURE__ */ y({
               key: 1,
               class: r(L.question.cssClasses.hintSuffix)
             }, [
-              v("span", w1, I(s.value.inputStringRendered), 1),
+              v("span", b1, I(s.value.inputStringRendered), 1),
               v("span", null, I(s.value.hintStringSuffix), 1)
             ], 2)) : p("", !0),
             L.question.showInputFieldComponent ? (i(), g(m, {
@@ -1762,13 +1765,13 @@ const g1 = /* @__PURE__ */ y({
               onInput: b,
               onBlur: d,
               onFocus: C
-            }, null, 42, b1)
+            }, null, 42, L1)
           ], 2),
           c(m, {
             is: "sv-action-bar",
             model: s.value.editorButtons
           }, null, 8, ["model"])
-        ], 42, q1)),
+        ], 42, w1)),
         L.question.isReadOnly ? (i(), a("div", {
           key: 2,
           id: L.question.inputId,
@@ -1795,7 +1798,7 @@ const g1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: s.value.editorButtons
           }, null, 8, ["model"])
-        ], 10, L1)) : (i(), g(m, {
+        ], 10, k1)) : (i(), g(m, {
           key: 1,
           is: "sv-popup",
           model: s.value.popupModel
@@ -1803,7 +1806,7 @@ const g1 = /* @__PURE__ */ y({
       ], 2);
     };
   }
-}), f1 = /* @__PURE__ */ y({
+}), H1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Tagbox",
   props: {
@@ -1827,7 +1830,7 @@ const g1 = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : p("", !0)
     ], 2));
   }
-}), H1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], M1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], I1 = /* @__PURE__ */ y({
+}), M1 = ["id", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "aria-controls", "aria-expanded", "aria-activedescendant", "required"], I1 = ["id", "role", "aria-label", "aria-labelledby", "aria-describedby", "tabindex"], V1 = /* @__PURE__ */ y({
   __name: "Tagbox",
   props: {
     question: {}
@@ -1891,7 +1894,7 @@ const g1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 42, H1)),
+        ], 42, M1)),
         d.question.isReadOnly ? (i(), a("div", {
           key: 2,
           id: d.question.inputId,
@@ -1918,7 +1921,7 @@ const g1 = /* @__PURE__ */ y({
             is: "sv-action-bar",
             model: n.value.editorButtons
           }, null, 8, ["model"])
-        ], 10, M1)) : (i(), g(m, {
+        ], 10, I1)) : (i(), g(m, {
           key: 1,
           is: "sv-popup",
           model: n.value.popupModel
@@ -1926,7 +1929,7 @@ const g1 = /* @__PURE__ */ y({
       ], 2);
     };
   }
-}), V1 = { style: { visibility: "hidden" } }, S1 = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], R1 = /* @__PURE__ */ y({
+}), S1 = { style: { visibility: "hidden" } }, R1 = ["placeholder", "disabled", "inputmode", "role", "aria-required", "aria-invalid", "aria-errormessage", "aria-expanded", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-activedescendant", "id", "readonly", "size"], T1 = /* @__PURE__ */ y({
   __name: "TagboxFilter",
   props: {
     question: {},
@@ -1972,7 +1975,7 @@ const g1 = /* @__PURE__ */ y({
           key: 1,
           class: r(d.question.cssClasses.hintSuffix)
         }, [
-          v("span", V1, I(d.model.inputStringRendered), 1),
+          v("span", S1, I(d.model.inputStringRendered), 1),
           v("span", null, I(d.model.hintStringSuffix), 1)
         ], 2)) : p("", !0),
         B(v("input", {
@@ -2000,13 +2003,13 @@ const g1 = /* @__PURE__ */ y({
           onKeydown: s,
           onBlur: o,
           onFocus: t
-        }, null, 42, S1), [
+        }, null, 42, R1), [
           [Ze, l.value]
         ])
       ], 2)
     ], 2));
   }
-}), T1 = { class: "sv-tagbox__item-text" }, B1 = /* @__PURE__ */ y({
+}), B1 = { class: "sv-tagbox__item-text" }, Z1 = /* @__PURE__ */ y({
   __name: "TagboxItem",
   props: {
     question: {},
@@ -2020,7 +2023,7 @@ const g1 = /* @__PURE__ */ y({
       class: "sv-tagbox__item",
       key: s.item.key
     }, [
-      v("div", T1, [
+      v("div", B1, [
         c(m, {
           is: "survey-string",
           locString: s.item.locText
@@ -2039,7 +2042,7 @@ const g1 = /* @__PURE__ */ y({
       ], 2)
     ]));
   }
-}), Z1 = /* @__PURE__ */ y({
+}), $1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Ranking",
   props: {
@@ -2111,10 +2114,10 @@ const g1 = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 2));
   }
-}), $1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], D1 = {
+}), D1 = ["id", "tabindex", "data-sv-drop-target-ranking-item"], A1 = {
   tabindex: "-1",
   style: { outline: "none" }
-}, A1 = ["xlink:href"], P1 = ["xlink:href"], N1 = ["xlink:href"], E1 = /* @__PURE__ */ y({
+}, P1 = ["xlink:href"], N1 = ["xlink:href"], E1 = ["xlink:href"], W1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItem",
   props: {
@@ -2150,7 +2153,7 @@ const g1 = /* @__PURE__ */ y({
         );
       })
     }, [
-      v("div", D1, [
+      v("div", A1, [
         v("div", {
           class: r(s.question.cssClasses.itemGhostNode)
         }, null, 2),
@@ -2165,14 +2168,14 @@ const g1 = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.dragDropSvgIcon
-              }, null, 8, A1)
+              }, null, 8, P1)
             ], 2)),
             (i(), a("svg", {
               class: r(s.question.getIconFocusCss())
             }, [
               v("use", {
                 "xlink:href": s.question.arrowsSvgIcon
-              }, null, 8, P1)
+              }, null, 8, N1)
             ], 2))
           ], 2),
           !s.unrankedItem && n.value ? (i(), a("div", {
@@ -2185,7 +2188,7 @@ const g1 = /* @__PURE__ */ y({
             (i(), a("svg", null, [
               v("use", {
                 "xlink:href": s.question.dashSvgIcon
-              }, null, 8, N1)
+              }, null, 8, E1)
             ]))
           ], 2)),
           c(m, {
@@ -2195,9 +2198,9 @@ const g1 = /* @__PURE__ */ y({
           }, null, 8, ["is", "item", "cssClasses"])
         ], 2)
       ])
-    ], 42, $1));
+    ], 42, D1));
   }
-}), W1 = /* @__PURE__ */ y({
+}), F1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RankingItemContent",
   props: {
@@ -2214,10 +2217,10 @@ const g1 = /* @__PURE__ */ y({
       }, null, 8, ["locString"])
     ], 2));
   }
-}), F1 = { role: "radiogroup" }, O1 = /* @__PURE__ */ v("legend", {
+}), O1 = { role: "radiogroup" }, z1 = /* @__PURE__ */ v("legend", {
   role: "presentation",
   class: "sv-hidden"
-}, null, -1), z1 = /* @__PURE__ */ y({
+}, null, -1), U1 = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Rating",
   props: {
@@ -2232,8 +2235,8 @@ const g1 = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      v("fieldset", F1, [
-        O1,
+      v("fieldset", O1, [
+        z1,
         o.question.hasMinLabel ? (i(), a("span", {
           key: 0,
           class: r(o.question.cssClasses.minText)
@@ -2262,7 +2265,7 @@ const g1 = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), U1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Q1 = ["data-text"], K1 = /* @__PURE__ */ y({
+}), Q1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], K1 = ["data-text"], j1 = /* @__PURE__ */ y({
   __name: "RatingItem",
   props: {
     question: {},
@@ -2289,7 +2292,7 @@ const g1 = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, U1),
+      }, null, 8, Q1),
       v("span", {
         class: r(n.question.cssClasses.itemText),
         "data-text": n.item.text
@@ -2298,10 +2301,10 @@ const g1 = /* @__PURE__ */ y({
           is: "survey-string",
           locString: n.item.locText
         }, null, 8, ["locString"])
-      ], 10, Q1)
+      ], 10, K1)
     ], 34));
   }
-}), j1 = ["title"], G1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], X1 = /* @__PURE__ */ y({
+}), G1 = ["title"], X1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], J1 = /* @__PURE__ */ y({
   __name: "RatingItemSmiley",
   props: {
     question: {},
@@ -2332,15 +2335,15 @@ const g1 = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, G1),
+      }, null, 8, X1),
       c(m, {
         is: "sv-svg-icon",
         iconName: n.question.getItemSmileyIconName(n.item.itemValue),
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 46, j1));
+    ], 46, G1));
   }
-}), J1 = ["title"], Y1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], _1 = /* @__PURE__ */ y({
+}), Y1 = ["title"], _1 = ["name", "id", "value", "disabled", "readonly", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], x1 = /* @__PURE__ */ y({
   __name: "RatingItemStar",
   props: {
     question: {},
@@ -2370,7 +2373,7 @@ const g1 = /* @__PURE__ */ y({
         "aria-label": n.question.ariaLabel,
         "aria-invalid": n.question.ariaInvalid,
         "aria-errormessage": n.question.ariaErrormessage
-      }, null, 8, Y1),
+      }, null, 8, _1),
       c(m, {
         is: "sv-svg-icon",
         class: r("sv-star"),
@@ -2383,12 +2386,12 @@ const g1 = /* @__PURE__ */ y({
         iconName: n.question.itemStarIconAlt,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 42, J1));
+    ], 42, Y1));
   }
-}), x1 = { class: "sd-rating-dropdown-item" }, en = { class: "sd-rating-dropdown-item_text" }, sn = {
+}), en = { class: "sd-rating-dropdown-item" }, sn = { class: "sd-rating-dropdown-item_text" }, nn = {
   key: 0,
   class: "sd-rating-dropdown-item_description"
-}, nn = /* @__PURE__ */ y({
+}, tn = /* @__PURE__ */ y({
   __name: "RatingDropdownItem",
   props: {
     item: {},
@@ -2396,9 +2399,9 @@ const g1 = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u;
-    return S(() => e.item), (n, s) => (i(), a("div", x1, [
-      v("span", en, I(n.item.title), 1),
-      n.item.description ? (i(), a("div", sn, [
+    return S(() => e.item), (n, s) => (i(), a("div", en, [
+      v("span", sn, I(n.item.title), 1),
+      n.item.description ? (i(), a("div", nn, [
         c(m, {
           is: "survey-string",
           locString: n.item.description
@@ -2412,7 +2415,7 @@ G.Instance.registerRenderer(
   "dropdown",
   "sv-rating-dropdown"
 );
-const tn = /* @__PURE__ */ y({
+const on = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "RatingDropdown",
   props: {
@@ -2431,7 +2434,7 @@ const tn = /* @__PURE__ */ y({
       }, null, 8, ["question"])
     ], 2));
   }
-}), on = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], rn = /* @__PURE__ */ y({
+}), rn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "role", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], ln = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
@@ -2471,7 +2474,7 @@ const tn = /* @__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, on), [
+        }, null, 42, rn), [
           [ie, t.question.booleanValue]
         ]),
         v("div", {
@@ -2527,7 +2530,7 @@ G.Instance.registerRenderer(
   "radio",
   "sv-boolean-radio"
 );
-const ln = /* @__PURE__ */ y({
+const an = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanRadio",
   props: {
@@ -2568,7 +2571,7 @@ const ln = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), an = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], un = ["xlink:href"], dn = /* @__PURE__ */ y({
+}), un = ["name", "value", "checked", "aria-errormessage", "disabled", "readonly"], dn = ["xlink:href"], mn = /* @__PURE__ */ y({
   __name: "BooleanRadioItem",
   props: {
     question: {},
@@ -2597,7 +2600,7 @@ const ln = /* @__PURE__ */ y({
           readonly: s.question.isReadOnlyAttr,
           class: r(s.question.cssClasses.itemRadioControl),
           onChange: n
-        }, null, 42, an),
+        }, null, 42, un),
         s.question.cssClasses.materialRadioDecorator ? (i(), a("span", {
           key: 0,
           class: r(s.question.cssClasses.materialRadioDecorator)
@@ -2608,7 +2611,7 @@ const ln = /* @__PURE__ */ y({
           }, [
             v("use", {
               "xlink:href": s.question.itemSvgIcon
-            }, null, 8, un)
+            }, null, 8, dn)
           ], 2)) : p("", !0)
         ], 2)) : p("", !0),
         v("span", {
@@ -2622,13 +2625,13 @@ const ln = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), mn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], pn = ["xlink:href"], vn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), Cn = ["id"], cn = ["id"];
+}), pn = ["name", "value", "id", ".indeterminate", "disabled", "readonly", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], vn = ["xlink:href"], Cn = /* @__PURE__ */ v("span", { class: "check" }, null, -1), cn = ["id"], gn = ["id"];
 G.Instance.registerRenderer(
   "boolean",
   "checkbox",
   "sv-boolean-checkbox"
 );
-const gn = /* @__PURE__ */ y({
+const yn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BooleanCheckbox",
   props: {
@@ -2664,7 +2667,7 @@ const gn = /* @__PURE__ */ y({
             "aria-describedby": s.question.a11y_input_ariaDescribedBy,
             "aria-invalid": s.question.a11y_input_ariaInvalid,
             "aria-errormessage": s.question.a11y_input_ariaErrormessage
-          }, null, 42, mn), [
+          }, null, 42, pn), [
             [ie, s.question.booleanValue]
           ]),
           v("span", {
@@ -2676,9 +2679,9 @@ const gn = /* @__PURE__ */ y({
             }, [
               v("use", {
                 "xlink:href": s.question.svgIcon
-              }, null, 8, pn)
+              }, null, 8, vn)
             ], 2)) : p("", !0),
-            vn
+            Cn
           ], 2),
           s.question.isLabelRendered ? (i(), a("span", {
             key: 0,
@@ -2697,7 +2700,7 @@ const gn = /* @__PURE__ */ y({
               element: s.question,
               css: s.css
             }, null, 8, ["element", "css"])) : p("", !0)
-          ], 10, Cn)) : p("", !0)
+          ], 10, cn)) : p("", !0)
         ], 2),
         s.question.canRenderLabelDescription ? (i(), a("div", {
           key: 0,
@@ -2708,11 +2711,11 @@ const gn = /* @__PURE__ */ y({
             is: "survey-string",
             locString: s.question.locDescription
           }, null, 8, ["locString"])
-        ], 10, cn)) : p("", !0)
+        ], 10, gn)) : p("", !0)
       ], 2)
     ], 2));
   }
-}), yn = /* @__PURE__ */ y({
+}), hn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Multipletext",
   props: {
@@ -2748,7 +2751,7 @@ const gn = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), hn = { key: 1 }, qn = { key: 2 }, wn = /* @__PURE__ */ y({
+}), qn = { key: 1 }, wn = { key: 2 }, bn = /* @__PURE__ */ y({
   __name: "MultipletextItem",
   props: {
     question: {},
@@ -2777,12 +2780,12 @@ const gn = /* @__PURE__ */ y({
           key: 0,
           class: r(o.question.cssClasses.requiredMark)
         }, I(s.value.editor.requiredMark), 3)) : p("", !0),
-        s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", hn, " ")) : p("", !0),
+        s.value.editor.isRequireTextBeforeTitle || s.value.editor.isRequireTextOnStart ? (i(), a("span", qn, " ")) : p("", !0),
         c(m, {
           is: "survey-string",
           locString: s.value.locTitle
         }, null, 8, ["locString"]),
-        s.value.editor.isRequireTextAfterTitle ? (i(), a("span", qn, " ")) : p("", !0),
+        s.value.editor.isRequireTextAfterTitle ? (i(), a("span", wn, " ")) : p("", !0),
         s.value.editor.isRequireTextAfterTitle ? (i(), a("span", {
           key: 3,
           "aria-hidden": "true",
@@ -2801,7 +2804,7 @@ const gn = /* @__PURE__ */ y({
       ], 34))
     ], 2));
   }
-}), bn = /* @__PURE__ */ y({
+}), Ln = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Breadcrumbs",
   props: {
@@ -2831,7 +2834,7 @@ const gn = /* @__PURE__ */ y({
       ], 64))), 128))
     ], 2)) : p("", !0);
   }
-}), Ln = ["onClick", "title"], kn = ["onClick", "title"], fn = { key: 1 }, Hn = { key: 1 }, Mn = /* @__PURE__ */ y({
+}), kn = ["onClick", "title"], fn = ["onClick", "title"], Hn = { key: 1 }, Mn = { key: 1 }, In = /* @__PURE__ */ y({
   __name: "SingleInputSummary",
   props: {
     summary: {},
@@ -2839,13 +2842,13 @@ const gn = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = H(() => "survey-placeholder-" + e.summary.question.getTemplate()), s = H(() => F.Instance.isComponentRegistered(n.value));
-    return (o, t) => o.summary.isEmpty() ? (i(), a("div", fn, [
+    return (o, t) => o.summary.isEmpty() ? (i(), a("div", Hn, [
       s.value ? (i(), g(m, {
         key: 0,
         is: "survey-placeholder-" + o.summary.question.getTemplate(),
         cssClasses: o.css,
         question: o.summary.question
-      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Hn, [
+      }, null, 8, ["is", "cssClasses", "question"])) : (i(), a("div", Mn, [
         c(m, {
           is: "survey-string",
           locString: o.summary.noEntry
@@ -2881,7 +2884,7 @@ const gn = /* @__PURE__ */ y({
               iconName: "icon-editsmall-16x16",
               size: "auto"
             })
-          ], 10, Ln)) : p("", !0),
+          ], 10, kn)) : p("", !0),
           l.showRemove && l.btnRemove ? (i(), a("button", {
             key: 1,
             class: r(o.css.summaryRowActionDelete),
@@ -2893,12 +2896,12 @@ const gn = /* @__PURE__ */ y({
               iconName: "icon-delete-16x16",
               size: "auto"
             })
-          ], 10, kn)) : p("", !0)
+          ], 10, fn)) : p("", !0)
         ], 2)
       ], 2))), 128))
     ], 2));
   }
-}), In = ["min", "max", "step"], Vn = ["id", "value", "min", "max", "step", "disabled", "onInput", "onFocus", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Sn = ["onPointerup"], Rn = /* @__PURE__ */ y({
+}), Vn = ["min", "max", "step"], Sn = ["id", "value", "min", "max", "step", "disabled", "onInput", "onFocus", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Rn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Slider",
   props: {
@@ -2925,6 +2928,7 @@ const gn = /* @__PURE__ */ y({
         max: o.question.max,
         step: o.question.step,
         "aria-hidden": "true",
+        id: "sjs-slider-input-range-input",
         onInput: t[0] || (t[0] = (l) => {
           o.question.handleRangeOnChange(l);
         }),
@@ -2934,7 +2938,7 @@ const gn = /* @__PURE__ */ y({
         onPointerup: t[2] || (t[2] = (l) => {
           o.question.handleRangePointerUp(l, n.value);
         })
-      }, null, 42, In)) : p("", !0),
+      }, null, 42, Vn)) : p("", !0),
       v("div", {
         class: r(o.question.cssClasses.visualContainer),
         onPointerup: t[8] || (t[8] = (l) => {
@@ -2956,7 +2960,7 @@ const gn = /* @__PURE__ */ y({
             class: r(o.question.cssClasses.rangeTrack),
             style: f({ left: o.question.getTrackPercentLeft() + "%", right: o.question.getTrackPercentRight() + "%" })
           }, null, 6),
-          (i(!0), a(M, null, V(o.question.getRenderedValue(), (l, d) => (i(), a(M, { key: d }, [
+          (i(!0), a(M, null, V(o.question.renderedValue, (l, d) => (i(), a(M, { key: d }, [
             v("input", {
               class: r(o.question.cssClasses.input),
               id: "sjs-slider-input-" + d,
@@ -2993,7 +2997,7 @@ const gn = /* @__PURE__ */ y({
               "aria-describedby": o.question.a11y_input_ariaDescribedBy,
               "aria-invalid": o.question.a11y_input_ariaInvalid,
               "aria-errormessage": o.question.a11y_input_ariaErrormessage
-            }, null, 42, Vn),
+            }, null, 42, Sn),
             v("div", {
               class: r(o.question.getThumbContainerCss(d)),
               style: f({ left: o.question.getPercent(l) + "%" })
@@ -3026,34 +3030,48 @@ const gn = /* @__PURE__ */ y({
         class: r(o.question.cssClasses.labelsContainer)
       }, [
         v("div", null, [
-          (i(!0), a(M, null, V(o.question.renderedLabels, (l, d) => (i(), a("div", {
-            key: d,
-            class: r(o.question.getLabelCss(d)),
-            style: f({ left: l.value + "%" }),
-            onPointerup: (C) => {
-              o.question.handleLabelPointerUp(C, d);
-            }
-          }, [
-            v("div", {
-              class: r(o.question.cssClasses.labelTick)
-            }, null, 2),
-            v("div", {
-              class: r(o.question.cssClasses.labelText)
-            }, [
-              c(m, {
-                is: "survey-string",
-                locString: l.locText
-              }, null, 8, ["locString"])
-            ], 2)
-          ], 46, Sn))), 128))
+          (i(!0), a(M, null, V(o.question.renderedLabels, (l) => (i(), g(m, {
+            key: l.id,
+            is: "sv-slider-label-item",
+            item: l,
+            question: o.question
+          }, null, 8, ["item", "question"]))), 128))
         ])
       ], 2)) : p("", !0)
     ], 2));
   }
-}), Tn = { role: "radiogroup" }, Bn = { class: "sv-visuallyhidden" }, Zn = {
+}), Tn = /* @__PURE__ */ y({
+  __name: "SliderLabelItem",
+  props: {
+    question: {},
+    item: {}
+  },
+  setup(u) {
+    const e = u;
+    return S(() => e.item), (n, s) => (i(), a("div", {
+      class: r(n.question.getLabelCss(n.item.locText)),
+      style: f({ left: n.question.getPercent(n.item.value) + "%" }),
+      onPointerup: s[0] || (s[0] = (o) => {
+        n.question.handleLabelPointerUp(o, n.item.value);
+      })
+    }, [
+      v("div", {
+        class: r(n.question.cssClasses.labelTick)
+      }, null, 2),
+      v("div", {
+        class: r(n.question.cssClasses.labelText)
+      }, [
+        c(m, {
+          is: "survey-string",
+          locString: n.item.locText
+        }, null, 8, ["locString"])
+      ], 2)
+    ], 38));
+  }
+}), Bn = { role: "radiogroup" }, Zn = { class: "sv-visuallyhidden" }, $n = {
   key: 0,
   role: "presentation"
-}, $n = { key: 0 }, Dn = ["onClick"], An = ["data-responsive-title", "onClick"], Pn = /* @__PURE__ */ y({
+}, Dn = { key: 0 }, An = ["onClick"], Pn = ["data-responsive-title", "onClick"], Nn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Matrix",
   props: {
@@ -3082,15 +3100,15 @@ const gn = /* @__PURE__ */ y({
       ref_key: "root",
       ref: n
     }, [
-      v("fieldset", Tn, [
-        v("legend", Bn, I(t.question.locTitle.renderedHtml), 1),
+      v("fieldset", Bn, [
+        v("legend", Zn, I(t.question.locTitle.renderedHtml), 1),
         v("table", {
           class: r(t.question.getTableCss()),
           role: "presentation"
         }, [
-          t.question.showHeader ? (i(), a("thead", Zn, [
+          t.question.showHeader ? (i(), a("thead", $n, [
             v("tr", null, [
-              t.question.hasRows ? (i(), a("td", $n)) : p("", !0),
+              t.question.hasRows ? (i(), a("td", Dn)) : p("", !0),
               (i(!0), a(M, null, V(t.question.visibleColumns, (d, C) => (i(), a("th", {
                 key: C,
                 class: r(t.question.cssClasses.headerCell),
@@ -3150,7 +3168,7 @@ const gn = /* @__PURE__ */ y({
                   is: "survey-string",
                   locString: t.question.getCellDisplayLocText(d.name, b)
                 }, null, 8, ["locString"])
-              ], 10, Dn))), 128)) : p("", !0),
+              ], 10, An))), 128)) : p("", !0),
               t.question.hasCellText ? p("", !0) : (i(!0), a(M, { key: 1 }, V(t.question.visibleColumns, (b, h) => (i(), a("td", {
                 key: h,
                 "data-responsive-title": b.locText.renderedHtml,
@@ -3164,14 +3182,14 @@ const gn = /* @__PURE__ */ y({
                   column: b,
                   columnIndex: h
                 }, null, 8, ["is", "question", "row", "column", "columnIndex"])
-              ], 10, An))), 128))
+              ], 10, Pn))), 128))
             ], 2))), 128))
           ])
         ], 2)
       ])
     ], 2));
   }
-}), Nn = ["data-sv-drop-target-matrix-row"], En = /* @__PURE__ */ y({
+}), En = ["data-sv-drop-target-matrix-row"], Wn = /* @__PURE__ */ y({
   __name: "MatrixRow",
   props: {
     question: {},
@@ -3204,9 +3222,9 @@ const gn = /* @__PURE__ */ y({
         question: o.question,
         key: o.row.id + "_" + l.id
       }, null, 8, ["cell", "question"]))), 128))
-    ], 42, Nn)) : p("", !0);
+    ], 42, En)) : p("", !0);
   }
-}), Wn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Fn = ["xlink:href"], On = /* @__PURE__ */ y({
+}), Fn = ["name", "value", "readonly", "disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage"], On = ["xlink:href"], zn = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixCell",
   props: {
@@ -3242,7 +3260,7 @@ const gn = /* @__PURE__ */ y({
         "aria-label": s.question.getCellAriaLabel(s.row, s.column),
         "aria-invalid": s.question.a11y_input_ariaInvalid,
         "aria-errormessage": s.question.a11y_input_ariaErrormessage
-      }, null, 10, Wn), [
+      }, null, 10, Fn), [
         [se, n.value]
       ]),
       v("span", {
@@ -3254,7 +3272,7 @@ const gn = /* @__PURE__ */ y({
         }, [
           v("use", {
             "xlink:href": s.question.itemSvgIcon
-          }, null, 8, Fn)
+          }, null, 8, On)
         ], 2)) : p("", !0)
       ], 2),
       s.question.isMobile ? (i(), a("span", {
@@ -3268,7 +3286,7 @@ const gn = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 34));
   }
-}), zn = /* @__PURE__ */ y({
+}), Un = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDropdown",
   props: {
@@ -3283,7 +3301,7 @@ const gn = /* @__PURE__ */ y({
       ref: n
     }, null, 8, ["question"]));
   }
-}), Un = { key: 0 }, Qn = { key: 1 }, Kn = /* @__PURE__ */ y({
+}), Qn = { key: 0 }, Kn = { key: 1 }, jn = /* @__PURE__ */ y({
   __name: "MatrixTable",
   props: {
     question: {}
@@ -3297,7 +3315,7 @@ const gn = /* @__PURE__ */ y({
       v("table", {
         class: r(s.question.getTableCss())
       }, [
-        n.value.showHeader ? (i(), a("thead", Un, [
+        n.value.showHeader ? (i(), a("thead", Qn, [
           v("tr", null, [
             (i(!0), a(M, null, V(n.value.headerRow.cells, (t) => (i(), a(M, null, [
               t.hasTitle ? (i(), a("th", {
@@ -3340,7 +3358,7 @@ const gn = /* @__PURE__ */ y({
             question: s.question
           }, null, 8, ["row", "question"]))), 128))
         ]),
-        n.value.showFooter ? (i(), a("tfoot", Qn, [
+        n.value.showFooter ? (i(), a("tfoot", Kn, [
           v("tr", null, [
             (i(!0), a(M, null, V(n.value.footerRow.cells, (t, l) => (i(), g(m, {
               is: "survey-matrixdropdown-cell",
@@ -3353,7 +3371,7 @@ const gn = /* @__PURE__ */ y({
       ], 2)
     ], 6));
   }
-}), jn = /* @__PURE__ */ v("span", null, " ", -1), Gn = /* @__PURE__ */ y({
+}), Gn = /* @__PURE__ */ v("span", null, " ", -1), Xn = /* @__PURE__ */ y({
   __name: "MatrixHeaderRequired",
   props: {
     question: {},
@@ -3362,14 +3380,14 @@ const gn = /* @__PURE__ */ y({
   setup(u) {
     const e = u;
     return S(() => e.column), (n, s) => n.column.isRenderedRequired ? (i(), a(M, { key: 0 }, [
-      jn,
+      Gn,
       n.column.isRenderedRequired ? (i(), a("span", {
         key: 0,
         class: r(n.question.cssClasses.cellRequiredMark)
       }, I(n.column.requiredMark), 3)) : p("", !0)
     ], 64)) : p("", !0);
   }
-}), Xn = ["title", "colspan"], Jn = /* @__PURE__ */ y({
+}), Jn = ["title", "colspan"], Yn = /* @__PURE__ */ y({
   __name: "MatrixDropdownCellComp",
   props: {
     question: {},
@@ -3536,9 +3554,9 @@ const gn = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["is", "componentData"])) : p("", !0)
-    ], 46, Xn)) : p("", !0);
+    ], 46, Jn)) : p("", !0);
   }
-}), Yn = /* @__PURE__ */ y({
+}), _n = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "MatrixDynamic",
   props: {
@@ -3601,7 +3619,7 @@ const gn = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 512));
   }
-}), _n = /* @__PURE__ */ y({
+}), xn = /* @__PURE__ */ y({
   __name: "MatrixDynamicPlaceholder",
   props: {
     question: {}
@@ -3644,7 +3662,7 @@ function le(u, e = !0) {
     row: e ? H(() => u.item.data.row) : void 0
   };
 }
-const xn = ["disabled"], et = /* @__PURE__ */ y({
+const et = ["disabled"], st = /* @__PURE__ */ y({
   __name: "RemoveButton",
   props: {
     item: {}
@@ -3664,9 +3682,9 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
       v("span", {
         class: r(w(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, xn));
+    ], 10, et));
   }
-}), st = ["xlink:href"], nt = /* @__PURE__ */ y({
+}), nt = ["xlink:href"], tt = /* @__PURE__ */ y({
   __name: "DragDropIcon",
   props: {
     item: {}
@@ -3680,14 +3698,14 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
       }, [
         v("use", {
           "xlink:href": w(n).iconDragElement
-        }, null, 8, st)
+        }, null, 8, nt)
       ], 2)) : (i(), a("span", {
         key: 1,
         class: r(w(n).cssClasses.iconDrag)
       }, null, 2))
     ]));
   }
-}), tt = ["title", "aria-expanded", "aria-controls"], ot = /* @__PURE__ */ y({
+}), ot = ["title", "aria-expanded", "aria-controls"], it = /* @__PURE__ */ y({
   __name: "DetailButton",
   props: {
     item: {}
@@ -3708,9 +3726,9 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
         iconName: w(n).getDetailPanelIconId(w(s)),
         size: "auto"
       }, null, 8, ["class", "iconName"])
-    ], 10, tt));
+    ], 10, ot));
   }
-}), it = ["aria-label"], rt = /* @__PURE__ */ y({
+}), rt = ["aria-label"], lt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "PanelDynamic",
   props: {
@@ -3785,7 +3803,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
           style: f({ width: l.question.progress }),
           role: "progressbar",
           "aria-label": l.question.progressBarAriaLabel
-        }, null, 14, it)
+        }, null, 14, rt)
       ], 2)) : p("", !0),
       v("div", {
         class: r(l.question.cssClasses.panelsContainer)
@@ -3818,7 +3836,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
       }, null, 8, ["question"])) : p("", !0)
     ], 2));
   }
-}), lt = ["aria-label"], at = /* @__PURE__ */ y({
+}), at = ["aria-label"], ut = /* @__PURE__ */ y({
   __name: "PanelDynamicProgress",
   props: {
     question: {}
@@ -3848,7 +3866,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
               style: f({ width: s.question.progress }),
               role: "progressbar",
               "aria-label": s.question.progressBarAriaLabel
-            }, null, 14, lt)
+            }, null, 14, at)
           ], 2)) : p("", !0),
           c(m, {
             is: "sv-paneldynamic-next-btn",
@@ -3866,7 +3884,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), ut = ["aria-label"], dt = /* @__PURE__ */ y({
+}), dt = ["aria-label"], mt = /* @__PURE__ */ y({
   __name: "PanelDynamicProgressV2",
   props: {
     question: {}
@@ -3888,7 +3906,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
           style: f({ width: e.question.progress }),
           role: "progressbar",
           "aria-label": e.question.progressBarAriaLabel
-        }, null, 14, ut)
+        }, null, 14, dt)
       ], 2)) : p("", !0),
       e.question.footerToolbar.visibleActions.length ? (i(), a("div", {
         key: 1,
@@ -3901,7 +3919,7 @@ const xn = ["disabled"], et = /* @__PURE__ */ y({
       ], 2)) : p("", !0)
     ], 2)) : p("", !0);
   }
-}), mt = /* @__PURE__ */ y({
+}), pt = /* @__PURE__ */ y({
   __name: "PanelDynamicPlaceholder",
   props: {
     question: {}
@@ -3928,7 +3946,7 @@ function X(u) {
     () => u.item && u.item.data.question || u.data.question
   );
 }
-const pt = ["id"], vt = /* @__PURE__ */ y({
+const vt = ["id"], Ct = /* @__PURE__ */ y({
   __name: "PaneldynamicAddBtn",
   props: {
     item: {},
@@ -3953,9 +3971,9 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
           locString: w(n).locAddPanelText
         }, null, 8, ["locString"])
       ], 2)
-    ], 10, pt)) : p("", !0);
+    ], 10, vt)) : p("", !0);
   }
-}), Ct = ["title"], ct = /* @__PURE__ */ y({
+}), ct = ["title"], gt = /* @__PURE__ */ y({
   __name: "PaneldynamicNextBtn",
   props: {
     item: {},
@@ -3975,9 +3993,9 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
         iconName: w(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, Ct));
+    ], 10, ct));
   }
-}), gt = ["title"], yt = /* @__PURE__ */ y({
+}), yt = ["title"], ht = /* @__PURE__ */ y({
   __name: "PaneldynamicPrevBtn",
   props: {
     item: {},
@@ -3997,9 +4015,9 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
         iconName: w(n).cssClasses.progressBtnIcon,
         size: "auto"
       }, null, 8, ["iconName"])
-    ], 10, gt));
+    ], 10, yt));
   }
-}), ht = ["id"], qt = /* @__PURE__ */ y({
+}), qt = ["id"], wt = /* @__PURE__ */ y({
   __name: "PaneldynamicRemoveBtn",
   props: {
     item: {},
@@ -4028,9 +4046,9 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
       v("span", {
         class: r(w(n).cssClasses.iconRemove)
       }, null, 2)
-    ], 10, ht));
+    ], 10, qt));
   }
-}), wt = /* @__PURE__ */ y({
+}), bt = /* @__PURE__ */ y({
   __name: "PaneldynamicProgressText",
   props: {
     item: {},
@@ -4042,7 +4060,7 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
       class: r(w(n).cssClasses.progressText)
     }, I(w(n).progressText), 3));
   }
-}), bt = ["id"], Lt = /* @__PURE__ */ y({
+}), Lt = ["id"], kt = /* @__PURE__ */ y({
   __name: "Errors",
   props: {
     element: {},
@@ -4067,21 +4085,21 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
         error: o,
         cssClasses: n.element.cssClasses
       }, null, 8, ["is", "element", "errorKey", "error", "cssClasses"]))), 128))
-    ], 10, bt)) : p("", !0);
+    ], 10, Lt)) : p("", !0);
   }
-}), kt = { key: 0 }, ft = /* @__PURE__ */ y({
+}), ft = { key: 0 }, Ht = /* @__PURE__ */ y({
   __name: "QuestionComment",
   props: {
     question: {}
   },
   setup(u) {
-    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", kt, I(e.question.comment), 1)) : (i(), g(m, {
+    return (e, n) => e.question.isReadOnlyRenderDiv() ? (i(), a("div", ft, I(e.question.comment), 1)) : (i(), g(m, {
       key: 1,
       is: "sv-text-area",
       model: e.question.commentTextAreaModel
     }, null, 8, ["model"]));
   }
-}), Ht = /* @__PURE__ */ y({
+}), Mt = /* @__PURE__ */ y({
   __name: "TitleElement",
   props: {
     element: {},
@@ -4134,7 +4152,7 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
       _: 1
     }, 40, ["class", "aria-label", "id", "tabindex", "aria-expanded", "role"])) : p("", !0);
   }
-}), Mt = { key: 2 }, It = { key: 4 }, Vt = { key: 6 }, St = { key: 8 }, Rt = /* @__PURE__ */ y({
+}), It = { key: 2 }, Vt = { key: 4 }, St = { key: 6 }, Rt = { key: 8 }, Tt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "TitleContent",
   props: {
@@ -4153,26 +4171,26 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
       }, I(e.element.requiredMark), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", Mt, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextOnStart ? (i(), a("span", It, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", {
         key: 3,
         style: { position: "static" },
         class: r(e.element.cssTitleNumber),
         "aria-hidden": !0
       }, I(e.element.no), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", It, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.no ? (i(), a("span", Vt, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", {
         key: 5,
         class: r(e.element.cssRequiredMark),
         "aria-hidden": !0
       }, I(e.element.requiredMark), 3)) : p("", !0),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", Vt, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextBeforeTitle ? (i(), a("span", St, " ")) : p("", !0),
       e.element.isTitleRenderedAsString ? p("", !0) : (i(), g(m, {
         key: 7,
         is: "survey-string",
         locString: e.element.locRenderedTitle
       }, null, 8, ["locString"])),
-      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", St, " ")) : p("", !0),
+      !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", Rt, " ")) : p("", !0),
       !e.element.isTitleRenderedAsString && e.element.isRequireTextAfterTitle ? (i(), a("span", {
         key: 9,
         class: r(e.element.cssRequiredMark),
@@ -4180,7 +4198,7 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
       }, I(e.element.requiredMark), 3)) : p("", !0)
     ], 64));
   }
-}), Tt = { class: "sv-title-actions" }, Bt = { class: "sv-title-actions__title" }, Zt = /* @__PURE__ */ y({
+}), Bt = { class: "sv-title-actions" }, Zt = { class: "sv-title-actions__title" }, $t = /* @__PURE__ */ y({
   __name: "TitleActions",
   props: {
     element: {},
@@ -4188,8 +4206,8 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
   },
   setup(u) {
     const e = u, n = H(() => e.element.getTitleToolbar());
-    return (s, o) => (i(), a("div", Tt, [
-      v("span", Bt, [
+    return (s, o) => (i(), a("div", Bt, [
+      v("span", Zt, [
         s.element.isPage ? (i(), g(m, {
           key: 0,
           is: "survey-string",
@@ -4208,20 +4226,20 @@ const pt = ["id"], vt = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ]));
   }
-}), $t = (u, e) => {
+}), Dt = (u, e) => {
   const n = u.__vccOpts || u;
   for (const [s, o] of e)
     n[s] = o;
   return n;
-}, Dt = {}, At = { class: "sv-brand-info" }, Pt = /* @__PURE__ */ $e('<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 = [
-  Pt
+}, At = {}, Pt = { class: "sv-brand-info" }, Nt = /* @__PURE__ */ $e('<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), Et = [
+  Nt
 ];
-function Et(u, e) {
-  return i(), a("div", At, Nt);
+function Wt(u, e) {
+  return i(), a("div", Pt, Et);
 }
-const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use", null, null, -1), Ot = [
-  Ft
-], zt = /* @__PURE__ */ y({
+const Ft = /* @__PURE__ */ Dt(At, [["render", Wt]]), Ot = /* @__PURE__ */ v("use", null, null, -1), zt = [
+  Ot
+], Ut = /* @__PURE__ */ y({
   __name: "SvgIcon",
   props: {
     size: {},
@@ -4250,9 +4268,9 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       ref: n,
       class: "sv-svg-icon",
       role: "presentation"
-    }, Ot, 512));
+    }, zt, 512));
   }
-}), Ut = /* @__PURE__ */ y({
+}), Qt = /* @__PURE__ */ y({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -4280,7 +4298,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       ], 2)
     ]));
   }
-}), Qt = /* @__PURE__ */ y({
+}), Kt = /* @__PURE__ */ y({
   __name: "ActionBar",
   props: {
     model: {},
@@ -4311,7 +4329,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["item"]))), 128))
     ], 2)) : p("", !0);
   }
-}), Kt = ["id"], jt = { class: "sv-action__content" }, Gt = /* @__PURE__ */ y({
+}), jt = ["id"], Gt = { class: "sv-action__content" }, Xt = /* @__PURE__ */ y({
   __name: "Action",
   props: {
     item: {}
@@ -4336,7 +4354,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       ref_key: "root",
       ref: e
     }, [
-      v("div", jt, [
+      v("div", Gt, [
         o.item.needSeparator ? (i(), g(m, {
           key: 0,
           is: "sv-action-bar-separator"
@@ -4346,7 +4364,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           item: o.item
         }, null, 8, ["is", "item"])
       ])
-    ], 10, Kt));
+    ], 10, jt));
   }
 }), U = {
   mounted: function(u, e) {
@@ -4366,10 +4384,10 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       Ue(s);
     });
   }
-}, Xt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Jt = {
+}, Jt = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Yt = {
   inheritAttrs: !1
-}, Yt = /* @__PURE__ */ y({
-  ...Jt,
+}, _t = /* @__PURE__ */ y({
+  ...Yt,
   __name: "ActionBarItem",
   props: {
     item: {}
@@ -4409,14 +4427,14 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
         key: 1,
         class: r(n.item.getActionBarItemTitleCss())
       }, I(n.item.title), 3)) : p("", !0)
-    ], 42, Xt)), [
+    ], 42, Jt)), [
       [w(U), { processEsc: !1, disableTabStop: n.item.disableTabStop }]
     ]);
   }
-}), _t = ["disabled", "title", "role"], xt = {
+}), xt = ["disabled", "title", "role"], eo = {
   inheritAttrs: !1
-}, eo = /* @__PURE__ */ y({
-  ...xt,
+}, so = /* @__PURE__ */ y({
+  ...eo,
   __name: "ActionBarItemDropdown",
   props: {
     item: {}
@@ -4458,7 +4476,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           key: 1,
           class: r(s.item.getActionBarItemTitleCss())
         }, I(s.item.title), 3)) : p("", !0)
-      ], 42, _t)), [
+      ], 42, xt)), [
         [w(U), { processEsc: !1, disableTabStop: s.item.disableTabStop }]
       ]),
       c(m, {
@@ -4467,7 +4485,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), so = /* @__PURE__ */ y({
+}), no = /* @__PURE__ */ y({
   __name: "ActionBarSeparator",
   props: {
     item: {}
@@ -4478,7 +4496,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       class: r(["sv-action-bar-separator", n.value])
     }, null, 2));
   }
-}), no = ["aria-label", "placeholder", "value"], to = ["aria-label"], oo = ["role", "aria-label", "id"], io = /* @__PURE__ */ y({
+}), to = ["aria-label", "placeholder", "value"], oo = ["aria-label"], io = ["role", "aria-label", "id"], ro = /* @__PURE__ */ y({
   __name: "List",
   props: {
     model: {}
@@ -4523,7 +4541,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           value: d.model.filterString,
           onChange: s,
           onKeyup: o
-        }, null, 42, no),
+        }, null, 42, to),
         d.model.showSearchClearButton && d.model.filterString ? (i(), a("button", {
           key: 0,
           onClick: C[0] || (C[0] = (b) => {
@@ -4544,7 +4562,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
         v("div", {
           class: r(d.model.cssClasses.emptyText),
           "aria-label": d.model.emptyMessage
-        }, I(d.model.emptyMessage), 11, to)
+        }, I(d.model.emptyMessage), 11, oo)
       ], 2), [
         [P, d.model.isEmpty]
       ]),
@@ -4568,12 +4586,12 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           model: d.model,
           key: b.id
         }, null, 8, ["item", "model"]))), 128))
-      ], 42, oo)), [
+      ], 42, io)), [
         [P, !d.model.isEmpty]
       ]) : p("", !0)
     ], 2));
   }
-}), ro = ["role", "aria-selected", "aria-checked", "id", "tabindex"], lo = ["title"], ao = /* @__PURE__ */ y({
+}), lo = ["role", "aria-selected", "aria-checked", "id", "tabindex"], ao = ["title"], uo = /* @__PURE__ */ y({
   __name: "ListItem",
   props: {
     model: {},
@@ -4618,13 +4636,13 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           item: t.item,
           model: t.model
         }, null, 8, ["is", "item", "model"])
-      ], 46, lo)
-    ], 42, ro)), [
+      ], 46, ao)
+    ], 42, lo)), [
       [P, t.model.isItemVisible(t.item)],
       [w(U), { processEsc: !1, disableTabStop: t.item.disableTabStop }]
     ]);
   }
-}), uo = /* @__PURE__ */ y({
+}), mo = /* @__PURE__ */ y({
   __name: "ListItemContent",
   props: {
     model: {},
@@ -4653,7 +4671,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["class", "iconName"])) : p("", !0)
     ], 64));
   }
-}), mo = /* @__PURE__ */ y({
+}), po = /* @__PURE__ */ y({
   __name: "ListItemGroup",
   props: {
     model: {},
@@ -4673,7 +4691,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 64));
   }
-}), po = /* @__PURE__ */ y({
+}), vo = /* @__PURE__ */ y({
   __name: "Popup",
   props: {
     model: {}
@@ -4703,13 +4721,13 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), vo = { class: "sv-popup__body-content" }, Co = {
+}), Co = { class: "sv-popup__body-content" }, co = {
   key: 0,
   class: "sv-popup__body-header"
-}, co = { class: "sv-popup__scrolling-content" }, go = { class: "sv-popup__content" }, yo = {
+}, go = { class: "sv-popup__scrolling-content" }, yo = { class: "sv-popup__content" }, ho = {
   key: 1,
   class: "sv-popup__body-footer"
-}, ho = /* @__PURE__ */ y({
+}, qo = /* @__PURE__ */ y({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4749,16 +4767,16 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
           is: s.model.popupHeaderTemplate,
           model: s.model
         }, null, 8, ["is", "model"])) : p("", !0),
-        v("div", vo, [
-          s.model.title ? (i(), a("div", Co, I(s.model.title), 1)) : p("", !0),
-          v("div", co, [
-            v("div", go, [
+        v("div", Co, [
+          s.model.title ? (i(), a("div", co, I(s.model.title), 1)) : p("", !0),
+          v("div", go, [
+            v("div", yo, [
               c(m, $({
                 is: s.model.contentComponentName
               }, s.model.contentComponentData), null, 16, ["is"])
             ])
           ]),
-          s.model.showFooter ? (i(), a("div", yo, [
+          s.model.showFooter ? (i(), a("div", ho, [
             c(m, {
               is: "sv-action-bar",
               model: s.model.footerToolbar
@@ -4770,7 +4788,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       [P, s.model.isVisible]
     ]);
   }
-}), qo = /* @__PURE__ */ y({
+}), wo = /* @__PURE__ */ y({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4784,7 +4802,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       })
     }, null, 4));
   }
-}), wo = /* @__PURE__ */ y({
+}), bo = /* @__PURE__ */ y({
   __name: "Container",
   props: {
     survey: {},
@@ -4816,7 +4834,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
       }, null, 8, ["is", "survey", "container", "model"]))), 128))
     ], 64)) : p("", !0);
   }
-}), bo = ["aria-label"], Y = /* @__PURE__ */ y({
+}), Lo = ["aria-label"], Y = /* @__PURE__ */ y({
   __name: "Progress",
   props: {
     survey: {},
@@ -4839,13 +4857,13 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
         v("span", {
           class: r(s(t.survey.css))
         }, I(t.survey.progressText), 3)
-      ], 14, bo),
+      ], 14, Lo),
       v("span", {
         class: r(o(t.survey.css))
       }, I(t.survey.progressText), 3)
     ], 2));
   }
-}), Lo = ["aria-label"], ko = ["title"], fo = ["onClick", "data-page-number"], Ho = ["title"], Mo = ["title"], Io = ["title"], Vo = /* @__PURE__ */ y({
+}), ko = ["aria-label"], fo = ["title"], Ho = ["onClick", "data-page-number"], Mo = ["title"], Io = ["title"], Vo = ["title"], So = /* @__PURE__ */ y({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4890,7 +4908,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
         v("div", {
           class: r(h.survey.css.progressButtonsPageTitle),
           title: h.model.headerText
-        }, I(h.model.headerText), 11, ko)
+        }, I(h.model.headerText), 11, fo)
       ], 2)) : p("", !0),
       v("div", {
         class: r(d.value.progressButtonsContainer)
@@ -4926,12 +4944,12 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
                   is: "survey-string",
                   locString: L.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, Ho)) : p("", !0),
+              ], 10, Mo)) : p("", !0),
               t.value ? (i(), a("div", {
                 key: 1,
                 class: r(d.value.progressButtonsPageDescription),
                 title: L.locNavigationDescription.renderedHtml
-              }, I(L.locNavigationDescription.renderedHtml), 11, Mo)) : p("", !0),
+              }, I(L.locNavigationDescription.renderedHtml), 11, Io)) : p("", !0),
               v("div", {
                 class: r(d.value.progressButtonsButton)
               }, [
@@ -4943,7 +4961,7 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
                 }, null, 2),
                 v("span", null, I(h.model.getItemNumber(L)), 1)
               ], 2)
-            ], 10, fo))), 128))
+            ], 10, Ho))), 128))
           ], 2)
         ], 2),
         v("div", {
@@ -4959,11 +4977,11 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
         v("div", {
           class: r(h.survey.css.progressButtonsPageTitle),
           title: h.model.footerText
-        }, I(h.model.footerText), 11, Io)
+        }, I(h.model.footerText), 11, Vo)
       ], 2)) : p("", !0)
-    ], 14, Lo));
+    ], 14, ko));
   }
-}), So = /* @__PURE__ */ y({
+}), Ro = /* @__PURE__ */ y({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -5001,11 +5019,11 @@ const Wt = /* @__PURE__ */ $t(Dt, [["render", Et]]), Ft = /* @__PURE__ */ v("use
   }
 });
 /*!
- * surveyjs - Survey JavaScript library v2.1.1
+ * surveyjs - Survey JavaScript library v2.2.1
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
-var Ro = {
+var To = {
   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>',
@@ -5069,7 +5087,7 @@ var Ro = {
   "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.1.1
+ * surveyjs - Survey JavaScript library v2.2.1
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5136,11 +5154,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 To = ["lang", "dir"], Bo = { onsubmit: "return false;" }, Zo = {
+const Bo = ["lang", "dir"], Zo = { onsubmit: "return false;" }, $o = {
   key: 0,
   class: "sv_custom_header"
-}, $o = { class: "sv-components-column sv-components-column--expandable" }, Do = ["id"], Ao = { key: 2 }, Po = ["innerHTML"], No = ["innerHTML"], Eo = ["innerHTML"];
-we("v1", Ro);
+}, Do = { class: "sv-components-column sv-components-column--expandable" }, Ao = ["id"], Po = { key: 2 }, No = ["innerHTML"], Eo = ["innerHTML"], Wo = ["innerHTML"];
+we("v1", To);
 we("v2", ke);
 _.registerIcons(ke);
 const ae = /* @__PURE__ */ y({
@@ -5205,13 +5223,13 @@ const ae = /* @__PURE__ */ y({
               class: r(b.value.rootBackgroundImage),
               style: f(t.value.backgroundImageStyle)
             }, null, 6)) : p("", !0),
-            v("form", Bo, [
+            v("form", Zo, [
               c(m, {
                 is: "sv-scroll",
                 disabled: t.value.formScrollDisabled
               }, {
                 default: A(() => [
-                  t.value.hasLogo ? p("", !0) : (i(), a("div", Zo)),
+                  t.value.hasLogo ? p("", !0) : (i(), a("div", $o)),
                   v("div", {
                     class: r(b.value.container)
                   }, [
@@ -5236,7 +5254,7 @@ const ae = /* @__PURE__ */ y({
                         container: "left",
                         needRenderWrapper: !0
                       }, null, 8, ["survey"]),
-                      v("div", $o, [
+                      v("div", Do, [
                         c(m, {
                           is: "sv-components-container",
                           survey: t.value,
@@ -5271,7 +5289,7 @@ const ae = /* @__PURE__ */ y({
                             key: 0,
                             is: "sv-brand-info"
                           })) : p("", !0)
-                        ], 14, Do)
+                        ], 14, Ao)
                       ]),
                       c(m, {
                         is: "sv-components-container",
@@ -5286,11 +5304,11 @@ const ae = /* @__PURE__ */ y({
                       container: "footer",
                       needRenderWrapper: !1
                     }, null, 8, ["survey"]),
-                    C.value ? (i(), a("div", Ao, [
+                    C.value ? (i(), a("div", Po, [
                       v("div", {
                         innerHTML: q(),
                         class: r(t.value.completedCss)
-                      }, null, 10, Po),
+                      }, null, 10, No),
                       c(m, {
                         is: "sv-components-container",
                         survey: t.value,
@@ -5302,12 +5320,12 @@ const ae = /* @__PURE__ */ y({
                       key: 3,
                       class: r(t.value.completedBeforeCss),
                       innerHTML: t.value.processedCompletedBeforeHtml
-                    }, null, 10, No)) : p("", !0),
+                    }, null, 10, Eo)) : p("", !0),
                     t.value.state === "loading" ? (i(), a("div", {
                       key: 4,
                       class: r(t.value.loadingBodyCss),
                       innerHTML: t.value.processedLoadingHtml
-                    }, null, 10, Eo)) : p("", !0),
+                    }, null, 10, Wo)) : p("", !0),
                     t.value.state === "empty" ? (i(), a("div", {
                       key: 5,
                       class: r(b.value.bodyEmpty)
@@ -5325,9 +5343,9 @@ const ae = /* @__PURE__ */ y({
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 14, To));
+    ], 14, Bo));
   }
-}), Wo = /* @__PURE__ */ y({
+}), Fo = /* @__PURE__ */ y({
   __name: "Notifier",
   props: {
     model: {}
@@ -5348,7 +5366,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 6)) : p("", !0);
   }
-}), Fo = { key: 0 }, Oo = /* @__PURE__ */ y({
+}), Oo = { key: 0 }, zo = /* @__PURE__ */ y({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -5357,14 +5375,14 @@ const ae = /* @__PURE__ */ y({
     return (e, n) => (i(), a("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (i(), a("div", Fo, I(e.question.otherValue), 1)) : (i(), g(m, {
+      e.question.isReadOnlyRenderDiv() ? (i(), a("div", Oo, I(e.question.otherValue), 1)) : (i(), g(m, {
         key: 1,
         is: "sv-text-area",
         model: e.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), zo = ["disabled", "value", "title"], Uo = /* @__PURE__ */ y({
+}), Uo = ["disabled", "value", "title"], Qo = /* @__PURE__ */ y({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -5381,7 +5399,7 @@ const ae = /* @__PURE__ */ y({
       onMousedown: n,
       onClick: o[0] || (o[0] = //@ts-ignore
       (...t) => s.item.action && s.item.action(...t))
-    }, null, 42, zo)) : p("", !0);
+    }, null, 42, Uo)) : p("", !0);
   }
 }), fe = /* @__PURE__ */ y({
   __name: "PopupSurvey",
@@ -5497,7 +5515,7 @@ const ae = /* @__PURE__ */ y({
       ], 2)
     ], 38)) : p("", !0);
   }
-}), Qo = ["innerHTML"], Ko = /* @__PURE__ */ y({
+}), Ko = ["innerHTML"], jo = /* @__PURE__ */ y({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -5520,7 +5538,7 @@ const ae = /* @__PURE__ */ y({
       o.value ? (i(), a("div", {
         key: 0,
         innerHTML: t.value
-      }, null, 8, Qo)) : p("", !0),
+      }, null, 8, Ko)) : p("", !0),
       s.value ? (i(), g(m, {
         key: 1,
         is: l.value,
@@ -5529,7 +5547,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["is", "question", "css"])) : p("", !0)
     ], 512));
   }
-}), jo = /* @__PURE__ */ y({
+}), Go = /* @__PURE__ */ y({
   __name: "PopupModal",
   setup(u) {
     const e = E();
@@ -5554,58 +5572,60 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["model"])
     ], 8, ["to"])) : p("", !0);
   }
-}), Go = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Xo = /* @__PURE__ */ y({
+}), Xo = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], Jo = /* @__PURE__ */ y({
   __name: "TextArea",
   props: {
-    model: {}
+    model: {},
+    getRef: { type: Function }
   },
   setup(u) {
     const e = u, n = k(
       null
-    ), s = H(() => e.model.getTextValue() || "");
+    ), s = function(t) {
+      n.value = t, e.getRef && e.getRef(t);
+    }, o = H(() => e.model.getTextValue() || "");
     return Z(() => {
       e.model.setElement(n.value);
     }), j(() => {
       e.model.setElement(n.value);
     }), D(() => {
       e.model.resetElement();
-    }), (o, t) => (i(), a("textarea", {
-      ref_key: "contentElement",
-      ref: n,
-      readonly: o.model.isReadOnlyAttr,
-      disabled: o.model.isDisabledAttr,
-      value: s.value,
-      id: o.model.id,
-      maxlength: o.model.maxLength,
-      cols: o.model.cols,
-      rows: o.model.rows,
-      placeholder: o.model.placeholder,
-      class: r(o.model.className),
-      onBlur: t[0] || (t[0] = (l) => {
-        o.model.onTextAreaBlur(l);
+    }), (t, l) => (i(), a("textarea", {
+      ref: (d) => s(d),
+      readonly: t.model.isReadOnlyAttr,
+      disabled: t.model.isDisabledAttr,
+      value: o.value,
+      id: t.model.id,
+      maxlength: t.model.maxLength,
+      cols: t.model.cols,
+      rows: t.model.rows,
+      placeholder: t.model.placeholder,
+      class: r(t.model.className),
+      onBlur: l[0] || (l[0] = (d) => {
+        t.model.onTextAreaBlur(d);
       }),
-      onFocus: t[1] || (t[1] = (l) => {
-        o.model.onTextAreaFocus(l);
+      onFocus: l[1] || (l[1] = (d) => {
+        t.model.onTextAreaFocus(d);
       }),
-      onChange: t[2] || (t[2] = (l) => {
-        o.model.onTextAreaChange(l);
+      onChange: l[2] || (l[2] = (d) => {
+        t.model.onTextAreaChange(d);
       }),
-      onInput: t[3] || (t[3] = (l) => {
-        o.model.onTextAreaInput(l);
+      onInput: l[3] || (l[3] = (d) => {
+        t.model.onTextAreaInput(d);
       }),
-      onKeydown: t[4] || (t[4] = (l) => {
-        o.model.onTextAreaKeyDown(l);
+      onKeydown: l[4] || (l[4] = (d) => {
+        t.model.onTextAreaKeyDown(d);
       }),
-      "aria-required": o.model.ariaRequired,
-      "aria-label": o.model.ariaLabel,
-      "aria-labelledby": o.model.ariaLabelledBy,
-      "aria-describedby": o.model.ariaDescribedBy,
-      "aria-invalid": o.model.ariaInvalid,
-      "aria-errormessage": o.model.ariaErrormessage,
-      style: f({ resize: o.model.question.resizeStyle })
-    }, null, 46, Go));
-  }
-}), Jo = /* @__PURE__ */ y({
+      "aria-required": t.model.ariaRequired,
+      "aria-label": t.model.ariaLabel,
+      "aria-labelledby": t.model.ariaLabelledBy,
+      "aria-describedby": t.model.ariaDescribedBy,
+      "aria-invalid": t.model.ariaInvalid,
+      "aria-errormessage": t.model.ariaErrormessage,
+      style: f({ resize: t.model.question.resizeStyle })
+    }, null, 46, Xo));
+  }
+}), Yo = /* @__PURE__ */ y({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5617,7 +5637,7 @@ const ae = /* @__PURE__ */ y({
       class: r(n.remainingCharacterCounter)
     }, I(n.counter.remainingCharacterCounter), 3));
   }
-}), Yo = /* @__PURE__ */ y({
+}), _o = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5636,7 +5656,7 @@ const ae = /* @__PURE__ */ y({
       css: o.css
     }, null, 8, ["element", "css"]));
   }
-}), _o = /* @__PURE__ */ y({
+}), xo = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5654,9 +5674,9 @@ const ae = /* @__PURE__ */ y({
       css: t.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), xo = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ei = [
-  xo
-], ce = 440, si = /* @__PURE__ */ y({
+}), ei = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), si = [
+  ei
+], ce = 440, ni = /* @__PURE__ */ y({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -5672,7 +5692,7 @@ const ae = /* @__PURE__ */ y({
         key: 0,
         class: r(o.model.getProgressCss()),
         style: f({ strokeDasharray: ce, strokeDashoffset: n.value })
-      }, ei, 6)) : p("", !0),
+      }, si, 6)) : p("", !0),
       v("div", {
         class: r(o.model.textContainerCss)
       }, [
@@ -5691,10 +5711,10 @@ const ae = /* @__PURE__ */ y({
       [P, o.model.isRunning && !o.model.showTimerAsClock]
     ]);
   }
-}), ni = { class: "sd-loading-indicator" }, ti = /* @__PURE__ */ y({
+}), ti = { class: "sd-loading-indicator" }, oi = /* @__PURE__ */ y({
   __name: "LoadingIndicator",
   setup(u) {
-    return (e, n) => (i(), a("div", ni, [
+    return (e, n) => (i(), a("div", ti, [
       c(m, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5702,7 +5722,7 @@ const ae = /* @__PURE__ */ y({
       })
     ]));
   }
-}), oi = { key: 2 }, ii = /* @__PURE__ */ y({
+}), ii = { key: 2 }, ri = /* @__PURE__ */ y({
   __name: "Header",
   props: {
     model: {},
@@ -5738,7 +5758,7 @@ const ae = /* @__PURE__ */ y({
           key: t
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      n.survey.isMobile ? (i(), a("div", oi, [
+      n.survey.isMobile ? (i(), a("div", ii, [
         c(m, {
           is: "sv-header-mobile",
           model: n.model
@@ -5746,10 +5766,10 @@ const ae = /* @__PURE__ */ y({
       ])) : p("", !0)
     ], 6)) : p("", !0);
   }
-}), ri = {
+}), li = {
   key: 0,
   class: "sv-header__logo"
-}, li = ["src", "width", "height", "alt"], ai = /* @__PURE__ */ y({
+}, ai = ["src", "width", "height", "alt"], ui = /* @__PURE__ */ y({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5763,7 +5783,7 @@ const ae = /* @__PURE__ */ y({
         class: "sv-header__cell-content",
         style: f(e.model.contentStyle)
       }, [
-        e.model.showLogo ? (i(), a("div", ri, [
+        e.model.showLogo ? (i(), a("div", li, [
           v("div", {
             class: r(e.model.survey.logoClassNames)
           }, [
@@ -5774,7 +5794,7 @@ const ae = /* @__PURE__ */ y({
               height: e.model.survey.renderedLogoHeight,
               alt: e.model.survey.locTitle.renderedHtml,
               style: f({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-            }, null, 14, li)
+            }, null, 14, ai)
           ], 2)
         ])) : p("", !0),
         e.model.showTitle ? (i(), a("div", {
@@ -5806,17 +5826,17 @@ const ae = /* @__PURE__ */ y({
       ], 4)
     ], 6));
   }
-}), ui = { class: "sv-header--mobile" }, di = {
+}), di = { class: "sv-header--mobile" }, mi = {
   key: 0,
   class: "sv-header__logo"
-}, mi = ["src", "width", "height", "alt"], pi = /* @__PURE__ */ y({
+}, pi = ["src", "width", "height", "alt"], vi = /* @__PURE__ */ y({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (e, n) => (i(), a("div", ui, [
-      e.model.survey.hasLogo ? (i(), a("div", di, [
+    return (e, n) => (i(), a("div", di, [
+      e.model.survey.hasLogo ? (i(), a("div", mi, [
         v("div", {
           class: r(e.model.survey.logoClassNames)
         }, [
@@ -5827,7 +5847,7 @@ const ae = /* @__PURE__ */ y({
             height: e.model.survey.renderedLogoHeight,
             alt: e.model.survey.locTitle.renderedHtml,
             style: f({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-          }, null, 14, mi)
+          }, null, 14, pi)
         ], 2)
       ])) : p("", !0),
       e.model.survey.hasTitle ? (i(), a("div", {
@@ -5858,7 +5878,7 @@ const ae = /* @__PURE__ */ y({
       ], 4)) : p("", !0)
     ]));
   }
-}), vi = /* @__PURE__ */ y({
+}), Ci = /* @__PURE__ */ y({
   __name: "Element",
   props: {
     element: {},
@@ -5914,7 +5934,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["is", "element", "css"])) : p("", !0)
     ], 6));
   }
-}), Ci = /* @__PURE__ */ y({
+}), ci = /* @__PURE__ */ y({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5927,7 +5947,7 @@ const ae = /* @__PURE__ */ y({
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), ci = /* @__PURE__ */ y({
+}), gi = /* @__PURE__ */ y({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5950,7 +5970,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["iconName", "title"])) : p("", !0)
     ], 2));
   }
-}), gi = ["id"], yi = /* @__PURE__ */ y({
+}), yi = ["id"], hi = /* @__PURE__ */ y({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5972,14 +5992,14 @@ const ae = /* @__PURE__ */ y({
         playsinline: "",
         id: e.question.videoId,
         class: r(e.question.cssClasses.video)
-      }, null, 10, gi),
+      }, null, 10, yi),
       c(m, {
         is: "sv-action",
         item: e.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), hi = ["for", "aria-label"], qi = /* @__PURE__ */ y({
+}), qi = ["for", "aria-label"], wi = /* @__PURE__ */ y({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -6007,11 +6027,11 @@ const ae = /* @__PURE__ */ y({
         size: "auto"
       }, null, 8, ["title", "iconName"])) : p("", !0),
       v("span", null, I(n.value.chooseButtonText), 1)
-    ], 10, hi)), [
+    ], 10, qi)), [
       [w(U)]
     ]);
   }
-}), wi = /* @__PURE__ */ y({
+}), bi = /* @__PURE__ */ y({
   __name: "FilePreview",
   props: {
     question: {}
@@ -6029,7 +6049,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["page", "question"]))), 128))
     ], 2)) : p("", !0);
   }
-}), bi = /* @__PURE__ */ y({
+}), Li = /* @__PURE__ */ y({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -6051,7 +6071,7 @@ const ae = /* @__PURE__ */ y({
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Li = ["title"], ki = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], fi = ["title"], Hi = /* @__PURE__ */ y({
+}), ki = ["title"], fi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Hi = ["title"], Mi = /* @__PURE__ */ y({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -6084,7 +6104,7 @@ const ae = /* @__PURE__ */ y({
         class: r(n.value.css.control),
         "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
         value: n.value.value
-      }, null, 10, ki), [
+      }, null, 10, fi), [
         [se, s.value]
       ]),
       v("div", {
@@ -6106,9 +6126,9 @@ const ae = /* @__PURE__ */ y({
             is: "survey-string",
             locString: n.value.caption
           }, null, 8, ["locString"])
-        ], 10, fi)) : p("", !0)
+        ], 10, Hi)) : p("", !0)
       ], 2)
-    ], 10, Li));
+    ], 10, ki));
   }
 });
 G.Instance.registerRenderer(
@@ -6116,7 +6136,7 @@ G.Instance.registerRenderer(
   "dropdown",
   "sv-buttongroup-dropdown"
 );
-const Mi = /* @__PURE__ */ y({
+const Ii = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ButtonGroupDropdown",
   props: {
@@ -6135,7 +6155,7 @@ const Mi = /* @__PURE__ */ y({
       }, null, 8, ["question"])
     ], 2));
   }
-}), Ii = ["src", "width", "height", "alt"], Vi = /* @__PURE__ */ y({
+}), Vi = ["src", "width", "height", "alt"], Si = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -6157,10 +6177,10 @@ const Mi = /* @__PURE__ */ y({
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, Ii)
+      }, null, 14, Vi)
     ], 2));
   }
-}), Si = /* @__PURE__ */ y({
+}), Ri = /* @__PURE__ */ y({
   __name: "SvgBundle",
   setup(u) {
     const e = k(), n = () => {
@@ -6178,7 +6198,7 @@ const Mi = /* @__PURE__ */ y({
       [P, !1]
     ]);
   }
-}), Ri = ["id"], Ti = /* @__PURE__ */ y({
+}), Ti = ["id"], Bi = /* @__PURE__ */ y({
   __name: "FilePage",
   props: {
     page: {},
@@ -6196,9 +6216,9 @@ const Mi = /* @__PURE__ */ y({
         item: o,
         question: n.question
       }, null, 8, ["item", "question"]))), 128))
-    ], 10, Ri));
+    ], 10, Ti));
   }
-}), Bi = ["href", "title", "download"], Zi = ["src"], $i = ["href", "title", "download"], Di = /* @__PURE__ */ y({
+}), Zi = ["href", "title", "download"], $i = ["src"], Di = ["href", "title", "download"], Ai = /* @__PURE__ */ y({
   __name: "FileItem",
   props: {
     item: {},
@@ -6219,7 +6239,7 @@ const Mi = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: f({ width: e.question.imageWidth })
-        }, I(e.item.name), 13, Bi)
+        }, I(e.item.name), 13, Zi)
       ], 2)) : p("", !0),
       v("div", {
         class: r(e.question.getImageWrapperCss(e.item))
@@ -6232,7 +6252,7 @@ const Mi = /* @__PURE__ */ y({
             width: e.question.imageWidth
           }),
           alt: "File preview"
-        }, null, 12, Zi)) : p("", !0),
+        }, null, 12, $i)) : p("", !0),
         e.question.defaultImage(e.item) ? (i(), g(m, {
           key: 1,
           is: "sv-svg-icon",
@@ -6268,7 +6288,7 @@ const Mi = /* @__PURE__ */ y({
           title: e.item.name,
           download: e.item.name,
           style: f({ width: e.question.imageWidth })
-        }, I(e.item.name), 13, $i)
+        }, I(e.item.name), 13, Di)
       ], 2)) : p("", !0)
     ], 2)), [
       [P, e.item]
@@ -6276,20 +6296,20 @@ const Mi = /* @__PURE__ */ y({
   }
 });
 Ye.platform = "vue3";
-function Ai(u, e, n) {
+function Pi(u, e, n) {
   u(e, n);
 }
 function He(u) {
-  const e = Ai.bind(
+  const e = Pi.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", Si), e("popup-survey", fe), e("survey-header", ns), e("sv-logo-image", Vi), e("survey-page", ss), e("survey-row", ts), e("survey-question", ls), e("survey-panel", ms), e("survey-element-header", vs), e("survey-string", Cs), e("sv-string-viewer", gs), e("sv-string-editor", hs), e("sv-skeleton", ws), e("sv-scroll", fs), e("survey-text", Is), e("survey-text-input", Rs), e("survey-checkbox", Ds), e("survey-checkbox-item", Ns), e("survey-radiogroup", Es), e("survey-radiogroup-item", Os), e("survey-signaturepad", Ks), e("survey-html", Gs), e("survey-image", _s), e("survey-expression", xs), e("survey-file", t1), e("sv-file-choose-btn", qi), e("sv-file-clean-btn", ci), e("sv-file-preview", wi), e("sv-file-page", Ti), e("sv-file-item", Di), e("sv-file-video", yi), e("survey-imagepicker", i1), e("survey-imagepicker-item", d1), e("survey-comment", m1), e("survey-dropdown", p1), e("sv-dropdown-select", g1), e("sv-dropdown-option-item", h1), e("sv-dropdown", k1), e("survey-tagbox", f1), e("sv-tagbox", I1), e("sv-tagbox-item", B1), e("sv-tagbox-filter", R1), e("survey-ranking", Z1), e("survey-ranking-item", E1), e("sv-ranking-item", W1), e("survey-rating", z1), e("sv-rating-item", K1), e("sv-rating-item-smiley", X1), e("sv-rating-item-star", _1), e("sv-rating-dropdown", tn), e("sv-rating-dropdown-item", nn), e("survey-boolean", rn), e("sv-boolean-radio", ln), e("sv-boolean-radio-item", dn), e("sv-boolean-checkbox", gn), e("survey-multipletext", yn), e("survey-multipletext-item", wn), e("sv-breadcrumbs", bn), e("sv-single-input-summary", Mn), e("survey-slider", Rn), e("survey-matrix", Pn), e("survey-matrix-row", En), e("survey-matrix-cell", On), e("survey-matrixdropdown", zn), e("survey-matrixtable", Kn), e("survey-matrixheaderrequired", Gn), e("survey-matrixdropdown-cell", Jn), e("survey-matrixdynamic", Yn), e("survey-placeholder-matrixdynamic", _n), e("sv-matrix-remove-button", et), e("sv-matrix-drag-drop-icon", nt), e("sv-matrix-detail-button", ot), e("survey-paneldynamic", rt), e("survey-paneldynamicprogress", at), e("survey-paneldynamicprogress-v2", dt), e("survey-placeholder-paneldynamic", mt), e("sv-paneldynamic-add-btn", vt), e("sv-paneldynamic-next-btn", ct), e("sv-paneldynamic-prev-btn", yt), e("sv-paneldynamic-remove-btn", qt), e("sv-paneldynamic-progress-text", wt), e("sv-components-container", wo), e("sv-progress-buttons", Vo), e("sv-navigation-toc", So), e("sv-progress-pages", Y), e("sv-progress-questions", Y), e("sv-progress-correctquestions", Y), e("sv-progress-requiredquestions", Y), e("survey-errors", Lt), e("survey-question-comment", ft), e("survey-element-title", Ht), e("survey-element-title-content", Rt), e("sv-title-actions", Zt), e("sv-brand-info", Wt), e("sv-question-error", Ut), e("sv-svg-icon", zt), e("sv-action-bar", Qt), e("sv-action", Gt), e("sv-action-bar-item", Yt), e("sv-action-bar-item-dropdown", eo), e("sv-action-bar-separator", so), e("sv-list", io), e("sv-list-item-content", uo), e("sv-list-item-group", mo), e("sv-list-item", ao), e("sv-popup", po), e("sv-popup-container", ho), e("popup-pointer", qo), e("sv-notifier", Wo), e("survey-other-choice", Oo), e("sv-nav-btn", Uo), e("survey-customwidget", Ko), e("survey-popup-modal", jo), e("survey-composite", Yo), e("survey-custom", _o), e("sv-timerpanel", si), e("sv-loading-indicator", ti), e("sv-header", ii), e("sv-header-cell", ai), e("sv-header-mobile", pi), e("sv-template-renderer", Ci), e("sv-character-counter", Jo), e("sv-text-area", Xo), e("survey-element", vi), e("survey-buttongroup", bi), e("sv-button-group-item", Hi), e("sv-buttongroup-dropdown", Mi), e("survey", ae);
+  e("sv-svg-bundle", Ri), e("popup-survey", fe), e("survey-header", ns), e("sv-logo-image", Si), e("survey-page", ss), e("survey-row", ts), e("survey-question", as), e("survey-panel", ps), e("survey-element-header", Cs), e("survey-string", cs), e("sv-string-viewer", ys), e("sv-string-editor", qs), e("sv-skeleton", bs), e("sv-scroll", Hs), e("survey-text", Vs), e("survey-text-input", Ts), e("survey-checkbox", As), e("survey-checkbox-item", Es), e("survey-radiogroup", Ws), e("survey-radiogroup-item", zs), e("survey-signaturepad", js), e("survey-html", Xs), e("survey-image", xs), e("survey-expression", e1), e("survey-file", o1), e("sv-file-choose-btn", wi), e("sv-file-clean-btn", gi), e("sv-file-preview", bi), e("sv-file-page", Bi), e("sv-file-item", Ai), e("sv-file-video", hi), e("survey-imagepicker", r1), e("survey-imagepicker-item", m1), e("survey-comment", p1), e("survey-dropdown", v1), e("sv-dropdown-select", y1), e("sv-dropdown-option-item", q1), e("sv-dropdown", f1), e("survey-tagbox", H1), e("sv-tagbox", V1), e("sv-tagbox-item", Z1), e("sv-tagbox-filter", T1), e("survey-ranking", $1), e("survey-ranking-item", W1), e("sv-ranking-item", F1), e("survey-rating", U1), e("sv-rating-item", j1), e("sv-rating-item-smiley", J1), e("sv-rating-item-star", x1), e("sv-rating-dropdown", on), e("sv-rating-dropdown-item", tn), e("survey-boolean", ln), e("sv-boolean-radio", an), e("sv-boolean-radio-item", mn), e("sv-boolean-checkbox", yn), e("survey-multipletext", hn), e("survey-multipletext-item", bn), e("sv-breadcrumbs", Ln), e("sv-single-input-summary", In), e("survey-slider", Rn), e("sv-slider-label-item", Tn), e("survey-matrix", Nn), e("survey-matrix-row", Wn), e("survey-matrix-cell", zn), e("survey-matrixdropdown", Un), e("survey-matrixtable", jn), e("survey-matrixheaderrequired", Xn), e("survey-matrixdropdown-cell", Yn), e("survey-matrixdynamic", _n), e("survey-placeholder-matrixdynamic", xn), e("sv-matrix-remove-button", st), e("sv-matrix-drag-drop-icon", tt), e("sv-matrix-detail-button", it), e("survey-paneldynamic", lt), e("survey-paneldynamicprogress", ut), e("survey-paneldynamicprogress-v2", mt), e("survey-placeholder-paneldynamic", pt), e("sv-paneldynamic-add-btn", Ct), e("sv-paneldynamic-next-btn", gt), e("sv-paneldynamic-prev-btn", ht), e("sv-paneldynamic-remove-btn", wt), e("sv-paneldynamic-progress-text", bt), e("sv-components-container", bo), e("sv-progress-buttons", So), e("sv-navigation-toc", Ro), e("sv-progress-pages", Y), e("sv-progress-questions", Y), e("sv-progress-correctquestions", Y), e("sv-progress-requiredquestions", Y), e("survey-errors", kt), e("survey-question-comment", Ht), e("survey-element-title", Mt), e("survey-element-title-content", Tt), e("sv-title-actions", $t), e("sv-brand-info", Ft), e("sv-question-error", Qt), e("sv-svg-icon", Ut), e("sv-action-bar", Kt), e("sv-action", Xt), e("sv-action-bar-item", _t), e("sv-action-bar-item-dropdown", so), e("sv-action-bar-separator", no), e("sv-list", ro), e("sv-list-item-content", mo), e("sv-list-item-group", po), e("sv-list-item", uo), e("sv-popup", vo), e("sv-popup-container", qo), e("popup-pointer", wo), e("sv-notifier", Fo), e("survey-other-choice", zo), e("sv-nav-btn", Qo), e("survey-customwidget", jo), e("survey-popup-modal", Go), e("survey-composite", _o), e("survey-custom", xo), e("sv-timerpanel", ni), e("sv-loading-indicator", oi), e("sv-header", ri), e("sv-header-cell", ui), e("sv-header-mobile", vi), e("sv-template-renderer", ci), e("sv-character-counter", Yo), e("sv-text-area", Jo), e("survey-element", Ci), e("survey-buttongroup", Li), e("sv-button-group-item", Mi), e("sv-buttongroup-dropdown", Ii), e("survey", ae);
 }
 He(
   (u, e) => F.Instance.registerComponent(u, e)
 );
-const Wi = {
+const Fi = {
   install(u) {
     u.component("SurveyComponent", ae), u.component("PopupSurveyComponent", fe), u.directive("key2click", U), He((e, n) => {
       u.component(e, n), F.Instance.registerComponent(e, e);
@@ -6302,7 +6322,7 @@ export {
   ae as SurveyComponent,
   m as SvComponent,
   U as key2ClickDirective,
-  Wi as surveyPlugin,
+  Fi as surveyPlugin,
   S as useBase,
   ne as useComputedArray,
   z as useLocString,