survey-vue3-ui 1.12.2 → 1.12.4

package/survey-vue3-ui.es.js

@@ -564,8 +564,9 @@ const Ye = /* @__PURE__ */ h({
     const e = u;
     return D(() => e.element), (n, s) => (i(), l("div", {
       class: "sv-skeleton-element",
-      id: n.element.id
-    }, null, 8, vs));
+      id: n.element.id,
+      style: S({ height: n.element.skeletonHeight })
+    }, null, 12, vs));
   }
 }), ys = ["id"], gs = ["value"], hs = /* @__PURE__ */ h({
   inheritAttrs: !1,
@@ -2328,7 +2329,8 @@ const an = /* @__PURE__ */ h({
 }, jn = /* @__PURE__ */ h({
   __name: "RatingDropdownItem",
   props: {
-    item: {}
+    item: {},
+    model: {}
   },
   setup(u) {
     const e = u;
@@ -4330,13 +4332,13 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 512));
   }
-}), Et = { class: "sv-popup__shadow" }, Wt = { class: "sv-popup__body-content" }, Ft = {
+}), Et = { class: "sv-popup__body-content" }, Wt = {
   key: 0,
   class: "sv-popup__body-header"
-}, Vt = { class: "sv-popup__scrolling-content" }, Ot = { class: "sv-popup__content" }, zt = {
+}, Ft = { class: "sv-popup__scrolling-content" }, Vt = { class: "sv-popup__content" }, Ot = {
   key: 1,
   class: "sv-popup__body-footer"
-}, Ut = /* @__PURE__ */ h({
+}, zt = /* @__PURE__ */ h({
   __name: "PopupContainer",
   props: {
     model: {}
@@ -4371,35 +4373,33 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         }),
         onClick: n
       }, [
+        s.model.showHeader ? (i(), g(d, {
+          key: 0,
+          is: s.model.popupHeaderTemplate,
+          model: s.model
+        }, null, 8, ["is", "model"])) : m("", !0),
         v("div", Et, [
-          s.model.showHeader ? (i(), g(d, {
-            key: 0,
-            is: s.model.popupHeaderTemplate,
-            model: s.model
-          }, null, 8, ["is", "model"])) : m("", !0),
-          v("div", Wt, [
-            s.model.title ? (i(), l("div", Ft, R(s.model.title), 1)) : m("", !0),
+          s.model.title ? (i(), l("div", Wt, R(s.model.title), 1)) : m("", !0),
+          v("div", Ft, [
             v("div", Vt, [
-              v("div", Ot, [
-                y(d, M({
-                  is: s.model.contentComponentName
-                }, s.model.contentComponentData), null, 16, ["is"])
-              ])
-            ]),
-            s.model.showFooter ? (i(), l("div", zt, [
-              y(d, {
-                is: "sv-action-bar",
-                model: s.model.footerToolbar
-              }, null, 8, ["model"])
-            ])) : m("", !0)
-          ])
+              y(d, M({
+                is: s.model.contentComponentName
+              }, s.model.contentComponentData), null, 16, ["is"])
+            ])
+          ]),
+          s.model.showFooter ? (i(), l("div", Ot, [
+            y(d, {
+              is: "sv-action-bar",
+              model: s.model.footerToolbar
+            }, null, 8, ["model"])
+          ])) : m("", !0)
         ])
       ], 4)
     ], 34)), [
       [E, s.model.isVisible]
     ]);
   }
-}), Kt = /* @__PURE__ */ h({
+}), Ut = /* @__PURE__ */ h({
   __name: "PopupPointer",
   props: {
     model: {}
@@ -4413,7 +4413,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       })
     }, null, 4));
   }
-}), Qt = /* @__PURE__ */ h({
+}), Kt = /* @__PURE__ */ h({
   __name: "Container",
   props: {
     survey: {},
@@ -4474,7 +4474,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, R(o.survey.progressText), 3)
     ], 2));
   }
-}), jt = ["title"], Gt = ["onClick", "data-page-number"], Jt = ["title"], Xt = ["title"], Yt = ["title"], Zt = /* @__PURE__ */ h({
+}), Qt = ["title"], jt = ["onClick", "data-page-number"], Gt = ["title"], Jt = ["title"], Xt = ["title"], Yt = /* @__PURE__ */ h({
   __name: "ProgressButtons",
   props: {
     survey: {},
@@ -4519,7 +4519,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         v("div", {
           class: r(C.survey.css.progressButtonsPageTitle),
           title: C.model.headerText
-        }, R(C.model.headerText), 11, jt)
+        }, R(C.model.headerText), 11, Qt)
       ], 2)) : m("", !0),
       v("div", {
         class: r(p.value.progressButtonsContainer)
@@ -4555,12 +4555,12 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
                   is: "survey-string",
                   locString: f.locNavigationTitle
                 }, null, 8, ["locString"])
-              ], 10, Jt)) : m("", !0),
+              ], 10, Gt)) : m("", !0),
               o.value ? (i(), l("div", {
                 key: 1,
                 class: r(p.value.progressButtonsPageDescription),
                 title: f.locNavigationDescription.renderedHtml
-              }, R(f.locNavigationDescription.renderedHtml), 11, Xt)) : m("", !0),
+              }, R(f.locNavigationDescription.renderedHtml), 11, Jt)) : m("", !0),
               v("div", {
                 class: r(p.value.progressButtonsButton)
               }, [
@@ -4572,7 +4572,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
                 }, null, 2),
                 v("span", null, R(C.model.getItemNumber(f)), 1)
               ], 2)
-            ], 10, Gt))), 128))
+            ], 10, jt))), 128))
           ], 2)
         ], 2),
         v("div", {
@@ -4588,11 +4588,11 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         v("div", {
           class: r(C.survey.css.progressButtonsPageTitle),
           title: C.model.footerText
-        }, R(C.model.footerText), 11, Yt)
+        }, R(C.model.footerText), 11, Xt)
       ], 2)) : m("", !0)
     ], 6));
   }
-}), _t = /* @__PURE__ */ h({
+}), Zt = /* @__PURE__ */ h({
   __name: "ProgressToc",
   props: {
     survey: {},
@@ -4624,10 +4624,10 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["model"]))
     ], 2));
   }
-}), xt = ["lang", "dir"], ei = { onsubmit: "return false;" }, si = {
+}), _t = ["lang", "dir"], xt = { onsubmit: "return false;" }, ei = {
   key: 0,
   class: "sv_custom_header"
-}, ni = { class: "sv-components-column sv-components-column--expandable" }, oi = ["id"], ti = { key: 2 }, ii = ["innerHTML"], ri = ["innerHTML"], li = ["innerHTML"], te = /* @__PURE__ */ h({
+}, si = { class: "sv-components-column sv-components-column--expandable" }, ni = ["id"], oi = { key: 2 }, ti = ["innerHTML"], ii = ["innerHTML"], ri = ["innerHTML"], te = /* @__PURE__ */ h({
   __name: "Survey",
   props: {
     model: {},
@@ -4684,8 +4684,8 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
           class: r(c.value.rootBackgroundImage),
           style: S(o.value.backgroundImageStyle)
         }, null, 6)) : m("", !0),
-        v("form", ei, [
-          o.value.hasLogo ? m("", !0) : (i(), l("div", si)),
+        v("form", xt, [
+          o.value.hasLogo ? m("", !0) : (i(), l("div", ei)),
           v("div", {
             class: r(c.value.container)
           }, [
@@ -4710,7 +4710,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
                 container: "left",
                 needRenderWrapper: !0
               }, null, 8, ["survey"]),
-              v("div", ni, [
+              v("div", si, [
                 y(d, {
                   is: "sv-components-container",
                   survey: o.value,
@@ -4745,7 +4745,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
                     key: 0,
                     is: "sv-brand-info"
                   })) : m("", !0)
-                ], 14, oi)
+                ], 14, ni)
               ]),
               y(d, {
                 is: "sv-components-container",
@@ -4760,11 +4760,11 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
               container: "footer",
               needRenderWrapper: !1
             }, null, 8, ["survey"]),
-            q.value ? (i(), l("div", ti, [
+            q.value ? (i(), l("div", oi, [
               v("div", {
                 innerHTML: B(),
                 class: r(o.value.completedCss)
-              }, null, 10, ii),
+              }, null, 10, ti),
               y(d, {
                 is: "sv-components-container",
                 survey: o.value,
@@ -4776,12 +4776,12 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
               key: 3,
               class: r(o.value.completedBeforeCss),
               innerHTML: o.value.processedCompletedBeforeHtml
-            }, null, 10, ri)) : m("", !0),
+            }, null, 10, ii)) : m("", !0),
             o.value.state === "loading" ? (i(), l("div", {
               key: 4,
               class: r(o.value.loadingBodyCss),
               innerHTML: o.value.processedLoadingHtml
-            }, null, 10, li)) : m("", !0),
+            }, null, 10, ri)) : m("", !0),
             o.value.state === "empty" ? (i(), l("div", {
               key: 5,
               class: r(c.value.bodyEmpty)
@@ -4793,9 +4793,9 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
           model: o.value.notifier
         }, null, 8, ["model"])
       ], 2)
-    ], 14, xt));
+    ], 14, _t));
   }
-}), ai = /* @__PURE__ */ h({
+}), li = /* @__PURE__ */ h({
   __name: "Notifier",
   props: {
     model: {}
@@ -4816,7 +4816,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 6)) : m("", !0);
   }
-}), ui = { key: 0 }, di = /* @__PURE__ */ h({
+}), ai = { key: 0 }, ui = /* @__PURE__ */ h({
   __name: "QuestionOther",
   props: {
     question: {}
@@ -4825,14 +4825,14 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
     return (e, n) => (i(), l("div", {
       class: r(e.question.getCommentAreaCss(!0))
     }, [
-      e.question.isReadOnlyRenderDiv() ? (i(), l("div", ui, R(e.question.otherValue), 1)) : (i(), g(d, {
+      e.question.isReadOnlyRenderDiv() ? (i(), l("div", ai, R(e.question.otherValue), 1)) : (i(), g(d, {
         key: 1,
         is: "sv-text-area",
         model: e.question.otherTextAreaModel
       }, null, 8, ["model"]))
     ], 2));
   }
-}), mi = ["disabled", "value", "title"], pi = /* @__PURE__ */ h({
+}), di = ["disabled", "value", "title"], mi = /* @__PURE__ */ h({
   __name: "SurveyNavigationButton",
   props: {
     item: {}
@@ -4848,7 +4848,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       title: s.item.getTooltip(),
       onMousedown: n,
       onClick: t[0] || (t[0] = (...o) => s.item.action && s.item.action(...o))
-    }, null, 42, mi)) : m("", !0);
+    }, null, 42, di)) : m("", !0);
   }
 }), Ce = /* @__PURE__ */ h({
   __name: "PopupSurvey",
@@ -4964,7 +4964,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       ], 2)
     ], 38)) : m("", !0);
   }
-}), ci = ["innerHTML"], vi = /* @__PURE__ */ h({
+}), pi = ["innerHTML"], ci = /* @__PURE__ */ h({
   __name: "CustomWidget",
   props: {
     question: {},
@@ -4987,7 +4987,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       t.value ? (i(), l("div", {
         key: 0,
         innerHTML: o.value
-      }, null, 8, ci)) : m("", !0),
+      }, null, 8, pi)) : m("", !0),
       s.value ? (i(), g(d, {
         key: 1,
         is: a.value,
@@ -4996,7 +4996,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["is", "question", "css"])) : m("", !0)
     ], 512));
   }
-}), qi = /* @__PURE__ */ h({
+}), vi = /* @__PURE__ */ h({
   __name: "PopupModal",
   setup(u) {
     const e = V();
@@ -5037,7 +5037,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["model"])
     ], 8, ["to"])) : m("", !0);
   }
-}), yi = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], gi = /* @__PURE__ */ h({
+}), qi = ["readonly", "disabled", "value", "id", "maxlength", "cols", "rows", "placeholder", "aria-required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], yi = /* @__PURE__ */ h({
   __name: "TextArea",
   props: {
     model: {}
@@ -5086,9 +5086,9 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       "aria-invalid": t.model.ariaInvalid,
       "aria-errormessage": t.model.ariaErrormessage,
       style: S({ resize: t.model.question.resizeStyle })
-    }, null, 46, yi));
+    }, null, 46, qi));
   }
-}), hi = /* @__PURE__ */ h({
+}), gi = /* @__PURE__ */ h({
   __name: "CharacterCounter",
   props: {
     counter: {},
@@ -5100,7 +5100,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       class: r(n.remainingCharacterCounter)
     }, R(n.counter.remainingCharacterCounter), 3));
   }
-}), Ci = /* @__PURE__ */ h({
+}), hi = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Composite",
   props: {
@@ -5119,7 +5119,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       css: t.css
     }, null, 8, ["element", "css"]));
   }
-}), bi = /* @__PURE__ */ h({
+}), Ci = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Custom",
   props: {
@@ -5137,9 +5137,9 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       css: o.css
     }, null, 8, ["is", "question", "css"]));
   }
-}), ki = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), fi = [
-  ki
-], pe = 440, wi = /* @__PURE__ */ h({
+}), bi = /* @__PURE__ */ v("use", { "xlink:href": "#icon-timercircle" }, null, -1), ki = [
+  bi
+], pe = 440, fi = /* @__PURE__ */ h({
   __name: "TimerPanel",
   props: {
     model: {},
@@ -5155,7 +5155,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         key: 0,
         class: r(t.model.getProgressCss()),
         style: S({ strokeDasharray: pe, strokeDashoffset: n.value })
-      }, fi, 6)) : m("", !0),
+      }, ki, 6)) : m("", !0),
       v("div", {
         class: r(t.model.textContainerCss)
       }, [
@@ -5174,10 +5174,10 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       [E, t.model.isRunning && !t.model.showTimerAsClock]
     ]);
   }
-}), Ii = { class: "sd-loading-indicator" }, Si = /* @__PURE__ */ h({
+}), wi = { class: "sd-loading-indicator" }, Ii = /* @__PURE__ */ h({
   __name: "LoadingIndicator",
   setup(u) {
-    return (e, n) => (i(), l("div", Ii, [
+    return (e, n) => (i(), l("div", wi, [
       y(d, {
         is: "sv-svg-icon",
         iconName: "icon-loading",
@@ -5185,7 +5185,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       })
     ]));
   }
-}), Ri = { key: 2 }, Ti = /* @__PURE__ */ h({
+}), Si = { key: 2 }, Ri = /* @__PURE__ */ h({
   __name: "Header",
   props: {
     model: {},
@@ -5217,7 +5217,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
           key: o
         }, null, 8, ["model"]))), 128))
       ], 6)),
-      n.survey.isMobile ? (i(), l("div", Ri, [
+      n.survey.isMobile ? (i(), l("div", Si, [
         y(d, {
           is: "sv-header-mobile",
           model: n.model
@@ -5225,10 +5225,10 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       ])) : m("", !0)
     ], 6)) : m("", !0);
   }
-}), $i = {
+}), Ti = {
   key: 0,
   class: "sv-header__logo"
-}, Di = ["src", "width", "height", "alt"], Bi = /* @__PURE__ */ h({
+}, $i = ["src", "width", "height", "alt"], Di = /* @__PURE__ */ h({
   __name: "HeaderCell",
   props: {
     model: {}
@@ -5242,7 +5242,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         class: "sv-header__cell-content",
         style: S(e.model.contentStyle)
       }, [
-        e.model.showLogo ? (i(), l("div", $i, [
+        e.model.showLogo ? (i(), l("div", Ti, [
           v("div", {
             class: r(e.model.survey.logoClassNames)
           }, [
@@ -5253,7 +5253,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
               height: e.model.survey.renderedLogoHeight,
               alt: e.model.survey.locTitle.renderedHtml,
               style: S({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-            }, null, 14, Di)
+            }, null, 14, $i)
           ], 2)
         ])) : m("", !0),
         e.model.showTitle ? (i(), l("div", {
@@ -5285,17 +5285,17 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       ], 4)
     ], 6));
   }
-}), Ai = { class: "sv-header--mobile" }, Li = {
+}), Bi = { class: "sv-header--mobile" }, Ai = {
   key: 0,
   class: "sv-header__logo"
-}, Ni = ["src", "width", "height", "alt"], Pi = /* @__PURE__ */ h({
+}, Li = ["src", "width", "height", "alt"], Ni = /* @__PURE__ */ h({
   __name: "HeaderMobile",
   props: {
     model: {}
   },
   setup(u) {
-    return (e, n) => (i(), l("div", Ai, [
-      e.model.survey.hasLogo ? (i(), l("div", Li, [
+    return (e, n) => (i(), l("div", Bi, [
+      e.model.survey.hasLogo ? (i(), l("div", Ai, [
         v("div", {
           class: r(e.model.survey.logoClassNames)
         }, [
@@ -5306,7 +5306,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
             height: e.model.survey.renderedLogoHeight,
             alt: e.model.survey.locTitle.renderedHtml,
             style: S({ objectFit: e.model.survey.logoFit, width: e.model.survey.renderedStyleLogoWidth, height: e.model.survey.renderedStyleLogoHeight })
-          }, null, 14, Ni)
+          }, null, 14, Li)
         ], 2)
       ])) : m("", !0),
       e.model.survey.hasTitle ? (i(), l("div", {
@@ -5337,7 +5337,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       ], 4)) : m("", !0)
     ]));
   }
-}), Mi = /* @__PURE__ */ h({
+}), Pi = /* @__PURE__ */ h({
   __name: "Element",
   props: {
     element: {},
@@ -5393,7 +5393,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["is", "element", "css"])) : m("", !0)
     ], 6));
   }
-}), Hi = /* @__PURE__ */ h({
+}), Mi = /* @__PURE__ */ h({
   __name: "TemplateRenderer",
   props: {
     componentName: {},
@@ -5406,7 +5406,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       is: s.componentName
     }, s.componentData), null, 16, ["is"]));
   }
-}), Ei = /* @__PURE__ */ h({
+}), Hi = /* @__PURE__ */ h({
   __name: "FileCleanButton",
   props: {
     question: {},
@@ -5428,7 +5428,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["iconName", "title"])) : m("", !0)
     ], 2));
   }
-}), Wi = ["id"], Fi = /* @__PURE__ */ h({
+}), Ei = ["id"], Wi = /* @__PURE__ */ h({
   __name: "FileVideo",
   props: {
     question: {}
@@ -5450,14 +5450,14 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         playsinline: "",
         id: e.question.videoId,
         class: r(e.question.cssClasses.video)
-      }, null, 10, Wi),
+      }, null, 10, Ei),
       y(d, {
         is: "sv-action",
         item: e.question.takePictureAction
       }, null, 8, ["item"])
     ], 2));
   }
-}), Vi = ["for", "aria-label"], Oi = /* @__PURE__ */ h({
+}), Fi = ["for", "aria-label"], Vi = /* @__PURE__ */ h({
   __name: "FileChooseButton",
   props: {
     data: {},
@@ -5485,11 +5485,11 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         size: "auto"
       }, null, 8, ["title", "iconName"])) : m("", !0),
       v("span", null, R(n.value.chooseButtonText), 1)
-    ], 10, Vi)), [
+    ], 10, Fi)), [
       [k(j)]
     ]);
   }
-}), zi = ["onClick", "href", "title", "download"], Ui = ["src"], Ki = ["onClick"], Qi = ["onClick", "href", "title", "download"], ji = /* @__PURE__ */ h({
+}), Oi = ["onClick", "href", "title", "download"], zi = ["src"], Ui = ["onClick"], Ki = ["onClick", "href", "title", "download"], Qi = /* @__PURE__ */ h({
   __name: "FilePreview",
   props: {
     question: {}
@@ -5514,7 +5514,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
             title: s.name,
             download: s.name,
             style: S({ width: e.question.imageWidth })
-          }, R(s.name), 13, zi)
+          }, R(s.name), 13, Oi)
         ], 2)) : m("", !0),
         v("div", {
           class: r(e.question.getImageWrapperCss(s))
@@ -5527,7 +5527,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
               width: e.question.imageWidth
             }),
             alt: "File preview"
-          }, null, 12, Ui)) : m("", !0),
+          }, null, 12, zi)) : m("", !0),
           e.question.defaultImage(s) ? (i(), g(d, {
             key: 1,
             is: "sv-svg-icon",
@@ -5551,7 +5551,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
               iconName: e.question.cssClasses.removeFileSvgIconId,
               size: "auto"
             }, null, 8, ["title", "class", "iconName"])) : m("", !0)
-          ], 10, Ki)) : m("", !0)
+          ], 10, Ui)) : m("", !0)
         ], 2),
         s.name && e.question.cssClasses.fileSignBottom ? (i(), l("div", {
           key: 1,
@@ -5563,14 +5563,14 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
             title: s.name,
             download: s.name,
             style: S({ width: e.question.imageWidth })
-          }, R(s.name), 13, Qi)
+          }, R(s.name), 13, Ki)
         ], 2)) : m("", !0)
       ], 2)), [
         [E, s && e.question.isPreviewVisible(t)]
       ])), 128))
     ], 2)) : m("", !0);
   }
-}), Gi = /* @__PURE__ */ h({
+}), ji = /* @__PURE__ */ h({
   __name: "ButtonGroup",
   props: {
     question: {}
@@ -5592,7 +5592,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
       }, null, 8, ["question", "item", "index"]))), 128))
     ], 2));
   }
-}), Ji = ["title"], Xi = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Yi = ["title"], Zi = /* @__PURE__ */ h({
+}), Gi = ["title"], Ji = ["name", "id", "aria-required", "aria-label", "aria-invalid", "aria-errormessage", "disabled", "value"], Xi = ["title"], Yi = /* @__PURE__ */ h({
   __name: "ButtonGroupItem",
   props: {
     item: {},
@@ -5627,7 +5627,7 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
         class: r(n.value.css.control),
         "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
         value: n.value.value
-      }, null, 10, Xi), [
+      }, null, 10, Ji), [
         [Y, s.value]
       ]),
       v("div", {
@@ -5649,11 +5649,11 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
             is: "survey-string",
             locString: n.value.caption
           }, null, 8, ["locString"])
-        ], 10, Yi)) : m("", !0)
+        ], 10, Xi)) : m("", !0)
       ], 2)
-    ], 10, Ji));
+    ], 10, Gi));
   }
-}), _i = ["src", "width", "height", "alt"], xi = /* @__PURE__ */ h({
+}), Zi = ["src", "width", "height", "alt"], _i = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "Logo",
   props: {
@@ -5675,10 +5675,10 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
           width: n.value.renderedStyleLogoWidth,
           height: n.value.renderedStyleLogoHeight
         })
-      }, null, 14, _i)
+      }, null, 14, Zi)
     ], 2));
   }
-}), er = /* @__PURE__ */ h({
+}), xi = /* @__PURE__ */ h({
   __name: "SvgBundle",
   setup(u) {
     const e = I();
@@ -5694,20 +5694,20 @@ const mt = /* @__PURE__ */ it(rt, [["render", dt]]), pt = /* @__PURE__ */ v("use
   }
 });
 Je.platform = "vue3";
-function sr(u, e, n) {
+function er(u, e, n) {
   u(e, n);
 }
 function be(u) {
-  const e = sr.bind(
+  const e = er.bind(
     void 0,
     u
   );
-  e("sv-svg-bundle", er), e("popup-survey", Ce), e("survey-header", Ze), e("sv-logo-image", xi), e("survey-page", Ye), e("survey-row", _e), e("survey-question", ns), e("survey-panel", rs), e("survey-element-header", as), e("survey-string", us), e("sv-string-viewer", ms), e("sv-string-editor", cs), e("sv-skeleton", qs), e("survey-text", hs), e("survey-text-input", ks), e("survey-checkbox", Rs), e("survey-checkbox-item", Ds), e("survey-radiogroup", Bs), e("survey-radiogroup-item", Ns), e("survey-signaturepad", Es), e("survey-html", Fs), e("survey-image", Us), e("survey-expression", Ks), e("survey-file", Js), e("sv-file-choose-btn", Oi), e("sv-file-clean-btn", Ei), e("sv-file-preview", ji), e("sv-file-video", Fi), e("survey-imagepicker", Ys), e("survey-imagepicker-item", sn), e("survey-comment", nn), e("survey-dropdown", on), e("sv-dropdown-select", an), e("sv-dropdown-option-item", dn), e("sv-dropdown", qn), e("survey-tagbox", yn), e("sv-tagbox", Cn), e("sv-tagbox-item", In), e("sv-tagbox-filter", fn), e("survey-ranking", Sn), e("survey-ranking-item", An), e("sv-ranking-item", Ln), e("survey-rating", Mn), e("sv-rating-item", Wn), e("sv-rating-item-smiley", Vn), e("sv-rating-item-star", zn), e("sv-rating-dropdown", Gn), e("sv-rating-dropdown-item", jn), e("survey-boolean", Xn), e("sv-boolean-radio", Yn), e("sv-boolean-radio-item", xn), e("sv-boolean-checkbox", io), e("survey-multipletext", ro), e("survey-multipletext-item", ao), e("survey-matrix", qo), e("survey-matrix-row", go), e("survey-matrix-cell", bo), e("survey-matrixdropdown", ko), e("survey-matrixtable", Io), e("survey-matrixheaderrequired", Ro), e("survey-matrixdropdown-cell", $o), e("survey-matrixdynamic", Do), e("sv-matrix-remove-button", Ao), e("sv-matrix-drag-drop-icon", No), e("sv-matrix-detail-button", Mo), e("survey-paneldynamic", Ho), e("survey-paneldynamicprogress", Eo), e("survey-paneldynamicprogress-v2", Wo), e("sv-paneldynamic-add-btn", Vo), e("sv-paneldynamic-next-btn", zo), e("sv-paneldynamic-prev-btn", Ko), e("sv-paneldynamic-remove-btn", Qo), e("sv-paneldynamic-progress-text", jo), e("sv-components-container", Qt), e("sv-progress-buttons", Zt), e("sv-navigation-toc", _t), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Jo), e("survey-question-comment", Yo), e("survey-element-title", Zo), e("survey-element-title-content", st), e("sv-title-actions", tt), e("sv-brand-info", mt), e("sv-question-error", qt), e("sv-svg-icon", vt), e("sv-action-bar", yt), e("sv-action", Ct), e("sv-action-bar-item", ft), e("sv-action-bar-item-dropdown", St), e("sv-action-bar-separator", Rt), e("sv-list", Bt), e("sv-list-item-content", Pt), e("sv-list-item-group", Mt), e("sv-list-item", Nt), e("sv-popup", Ht), e("sv-popup-container", Ut), e("popup-pointer", Kt), e("sv-notifier", ai), e("survey-other-choice", di), e("sv-nav-btn", pi), e("survey-customwidget", vi), e("survey-popup-modal", qi), e("survey-composite", Ci), e("survey-custom", bi), e("sv-timerpanel", wi), e("sv-loading-indicator", Si), e("sv-header", Ti), e("sv-header-cell", Bi), e("sv-header-mobile", Pi), e("sv-template-renderer", Hi), e("sv-character-counter", hi), e("sv-text-area", gi), e("survey-element", Mi), e("survey-buttongroup", Gi), e("sv-button-group-item", Zi), e("survey", te);
+  e("sv-svg-bundle", xi), e("popup-survey", Ce), e("survey-header", Ze), e("sv-logo-image", _i), e("survey-page", Ye), e("survey-row", _e), e("survey-question", ns), e("survey-panel", rs), e("survey-element-header", as), e("survey-string", us), e("sv-string-viewer", ms), e("sv-string-editor", cs), e("sv-skeleton", qs), e("survey-text", hs), e("survey-text-input", ks), e("survey-checkbox", Rs), e("survey-checkbox-item", Ds), e("survey-radiogroup", Bs), e("survey-radiogroup-item", Ns), e("survey-signaturepad", Es), e("survey-html", Fs), e("survey-image", Us), e("survey-expression", Ks), e("survey-file", Js), e("sv-file-choose-btn", Vi), e("sv-file-clean-btn", Hi), e("sv-file-preview", Qi), e("sv-file-video", Wi), e("survey-imagepicker", Ys), e("survey-imagepicker-item", sn), e("survey-comment", nn), e("survey-dropdown", on), e("sv-dropdown-select", an), e("sv-dropdown-option-item", dn), e("sv-dropdown", qn), e("survey-tagbox", yn), e("sv-tagbox", Cn), e("sv-tagbox-item", In), e("sv-tagbox-filter", fn), e("survey-ranking", Sn), e("survey-ranking-item", An), e("sv-ranking-item", Ln), e("survey-rating", Mn), e("sv-rating-item", Wn), e("sv-rating-item-smiley", Vn), e("sv-rating-item-star", zn), e("sv-rating-dropdown", Gn), e("sv-rating-dropdown-item", jn), e("survey-boolean", Xn), e("sv-boolean-radio", Yn), e("sv-boolean-radio-item", xn), e("sv-boolean-checkbox", io), e("survey-multipletext", ro), e("survey-multipletext-item", ao), e("survey-matrix", qo), e("survey-matrix-row", go), e("survey-matrix-cell", bo), e("survey-matrixdropdown", ko), e("survey-matrixtable", Io), e("survey-matrixheaderrequired", Ro), e("survey-matrixdropdown-cell", $o), e("survey-matrixdynamic", Do), e("sv-matrix-remove-button", Ao), e("sv-matrix-drag-drop-icon", No), e("sv-matrix-detail-button", Mo), e("survey-paneldynamic", Ho), e("survey-paneldynamicprogress", Eo), e("survey-paneldynamicprogress-v2", Wo), e("sv-paneldynamic-add-btn", Vo), e("sv-paneldynamic-next-btn", zo), e("sv-paneldynamic-prev-btn", Ko), e("sv-paneldynamic-remove-btn", Qo), e("sv-paneldynamic-progress-text", jo), e("sv-components-container", Kt), e("sv-progress-buttons", Yt), e("sv-navigation-toc", Zt), e("sv-progress-pages", X), e("sv-progress-questions", X), e("sv-progress-correctquestions", X), e("sv-progress-requiredquestions", X), e("survey-errors", Jo), e("survey-question-comment", Yo), e("survey-element-title", Zo), e("survey-element-title-content", st), e("sv-title-actions", tt), e("sv-brand-info", mt), e("sv-question-error", qt), e("sv-svg-icon", vt), e("sv-action-bar", yt), e("sv-action", Ct), e("sv-action-bar-item", ft), e("sv-action-bar-item-dropdown", St), e("sv-action-bar-separator", Rt), e("sv-list", Bt), e("sv-list-item-content", Pt), e("sv-list-item-group", Mt), e("sv-list-item", Nt), e("sv-popup", Ht), e("sv-popup-container", zt), e("popup-pointer", Ut), e("sv-notifier", li), e("survey-other-choice", ui), e("sv-nav-btn", mi), e("survey-customwidget", ci), e("survey-popup-modal", vi), e("survey-composite", hi), e("survey-custom", Ci), e("sv-timerpanel", fi), e("sv-loading-indicator", Ii), e("sv-header", Ri), e("sv-header-cell", Di), e("sv-header-mobile", Ni), e("sv-template-renderer", Mi), e("sv-character-counter", gi), e("sv-text-area", yi), e("survey-element", Pi), e("survey-buttongroup", ji), e("sv-button-group-item", Yi), e("survey", te);
 }
 be(
   (u, e) => U.Instance.registerComponent(u, e)
 );
-const ir = {
+const tr = {
   install(u) {
     u.component("SurveyComponent", te), u.component("PopupSurveyComponent", Ce), u.directive("key2click", j), be((e, n) => {
       u.component(e, n), U.Instance.registerComponent(e, e);
@@ -5720,7 +5720,7 @@ export {
   te as SurveyComponent,
   d as SvComponent,
   j as key2ClickDirective,
-  ir as surveyPlugin,
+  tr as surveyPlugin,
   D as useBase,
   _ as useComputedArray,
   Q as useLocString,