survey-creator-vue 2.3.12 → 2.3.14

package/survey-creator-vue.es.js

@@ -1,17 +1,17 @@
-import { useBase as w, SvComponent as c, key2ClickDirective as M, SurveyComponent as O, useQuestion as H, ComponentFactory as ie } from "survey-vue3-ui";
-import { defineComponent as g, computed as k, toRaw as _e, ref as P, onMounted as R, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as D, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as V, createBlock as b, onUpdated as G, nextTick as re, withDirectives as h, toDisplayString as f, vShow as Q, withCtx as X, createTextVNode as ge, shallowRef as be, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as A, renderSlot as x } from "vue";
+import { useBase as w, SvComponent as c, key2ClickDirective as M, SurveyComponent as O, useQuestion as Q, ComponentFactory as ie } from "survey-vue3-ui";
+import { defineComponent as g, computed as k, toRaw as _e, ref as P, onMounted as R, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as D, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as A, createBlock as b, onUpdated as G, nextTick as re, withDirectives as h, toDisplayString as f, vShow as H, withCtx as X, createTextVNode as ge, shallowRef as be, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as V, renderSlot as x } from "vue";
 import { editorLocalization as ce, SurveyResultsModel as ye, initLogicOperator as he, StringEditorViewModelBase as Ce, ToolboxToolViewModel as qe, PageAdorner as $e, RowViewModel as ke, QuestionAdornerViewModel as ee, QuestionImageAdornerViewModel as fe, QuestionRatingAdornerViewModel as we, MatrixCellWrapperViewModel as De, ItemValueWrapperViewModel as Te, ImageItemValueWrapperViewModel as Ne, LogoImageViewModel as Me, PageNavigatorViewModel as Se, QuestionDropdownAdornerViewModel as Be, editableStringRendererName as Ie } from "survey-creator-core";
 import { CssClassBuilder as Ee, RendererFactory as ue, DropdownListModel as Pe } from "survey-core";
-const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Ae = { class: "svc-top-bar" }, Ve = {
+const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Ve = { class: "svc-top-bar" }, Ae = {
   key: 0,
   class: "svc-tabbed-menu-wrapper"
 }, ze = ["v-show"], Le = { class: "svc-creator__content-holder svc-flex-column" }, Fe = ["aria-labelledby", "id"], Ke = {
   key: 0,
   class: "svc-footer-bar"
-}, Ue = ["v-show"], Qe = {
+}, Ue = ["v-show"], He = {
   key: 0,
   class: "svc-creator__banner"
-}, He = ["innerHTML"], Oe = /* @__PURE__ */ g({
+}, Qe = ["innerHTML"], Oe = /* @__PURE__ */ g({
   __name: "Creator",
   props: {
     model: {}
@@ -49,8 +49,8 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             }])
           }, [
             d("div", Re, [
-              d("div", Ae, [
-                e.value.showTabs ? (a(), i("div", Ve, [
+              d("div", Ve, [
+                e.value.showTabs ? (a(), i("div", Ae, [
                   v(s(c), {
                     is: "svc-tabbed-menu",
                     model: e.value.tabbedMenu
@@ -73,7 +73,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
                 }])
               }, [
                 d("div", Le, [
-                  (a(!0), i(D, null, V(e.value.tabs, (l) => (a(), i(D, null, [
+                  (a(!0), i(D, null, A(e.value.tabs, (l) => (a(), i(D, null, [
                     e.value.viewType == l.id && l.visible ? (a(), i("div", {
                       role: "tabpanel",
                       class: m(["svc-creator-tab", {
@@ -103,17 +103,17 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
                 ], 8, Ue)
               ])) : p("", !0)
             ]),
-            e.value.sidebar ? (a(), b(s(c), {
+            e.value.isSidebarVisible ? (a(), b(s(c), {
               key: 0,
               is: "svc-side-bar",
               model: e.value.sidebar
             }, null, 8, ["model"])) : p("", !0)
           ], 2),
-          e.value.haveCommercialLicense ? p("", !0) : (a(), i("div", Qe, [
+          e.value.haveCommercialLicense ? p("", !0) : (a(), i("div", He, [
             d("span", {
               class: "svc-creator__non-commercial-text",
               innerHTML: e.value.licenseText
-            }, null, 8, He)
+            }, null, 8, Qe)
           ])),
           v(s(c), {
             is: "sv-notifier",
@@ -143,7 +143,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       role: "tablist",
       style: F(o.model.getRootStyle())
     }, [
-      (a(!0), i(D, null, V(o.model.renderedActions, (r) => (a(), b(s(c), {
+      (a(!0), i(D, null, A(o.model.renderedActions, (r) => (a(), b(s(c), {
         key: r.renderedId,
         is: "svc-tabbed-menu-item-wrapper",
         item: r
@@ -228,7 +228,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         class: "svc-side-bar__shadow",
         onClick: n[0] || (n[0] = () => o.model.collapseSidebar())
       }, null, 512), [
-        [Q, o.model.renderContainer]
+        [H, o.model.renderContainer]
       ]),
       d("div", Xe, [
         h(d("div", Ye, [
@@ -242,7 +242,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
               model: o.model.header.componentModel
             }, null, 8, ["is", "model"]),
             d("div", xe, [
-              (a(!0), i(D, null, V(o.model.pages, (r, l) => (a(), b(s(c), {
+              (a(!0), i(D, null, A(o.model.pages, (r, l) => (a(), b(s(c), {
                 key: l,
                 is: "svc-side-bar-page",
                 model: r
@@ -250,7 +250,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             ])
           ], 512)
         ], 512), [
-          [Q, o.model.renderContainer]
+          [H, o.model.renderContainer]
         ]),
         o.model.sideAreaComponentName ? (a(), b(s(c), {
           key: 0,
@@ -259,7 +259,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         }, null, 8, ["is", "model"])) : p("", !0)
       ])
     ], 2)), [
-      [Q, o.model.renderRoot]
+      [H, o.model.renderRoot]
     ]);
   }
 }), oo = { class: "svc-side-bar__container-header" }, so = { class: "svc-side-bar__container-actions" }, to = {
@@ -335,7 +335,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(!0), i(D, null, V(e.model.actions, (n, r) => (a(), b(s(c), {
+    return w(() => t.model), (e, o) => (a(!0), i(D, null, A(e.model.actions, (n, r) => (a(), b(s(c), {
       key: r,
       is: "svc-tab-button",
       model: n
@@ -449,7 +449,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ])) : p("", !0)
     ]));
   }
-}), Po = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, Ro = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, Ao = { class: "svc-sidebar__header-content" }, Vo = { class: "svc-sidebar__header-caption" }, zo = { class: "svc-sidebar__header-title" }, Lo = { class: "svc-sidebar__header-subtitle" }, Fo = /* @__PURE__ */ g({
+}), Po = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, Ro = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, Vo = { class: "svc-sidebar__header-content" }, Ao = { class: "svc-sidebar__header-caption" }, zo = { class: "svc-sidebar__header-title" }, Lo = { class: "svc-sidebar__header-subtitle" }, Fo = /* @__PURE__ */ g({
   __name: "SideBarPropertyGridHeader",
   props: {
     model: {}
@@ -458,12 +458,12 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = u;
     return w(() => t.model), (e, o) => (a(), i("div", Po, [
       d("div", Ro, [
-        d("div", Ao, [
+        d("div", Vo, [
           h((a(), i("div", {
             class: m(e.model.buttonClassName),
             onClick: o[0] || (o[0] = (n) => e.model.action())
           }, [
-            d("div", Vo, [
+            d("div", Ao, [
               d("span", zo, f(e.model.title), 1),
               d("span", Lo, f(e.model.tooltip), 1)
             ])
@@ -506,7 +506,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ], 2)
     ]));
   }
-}), Uo = ["title"], Qo = ["title"], Ho = ["title"], Oo = ["title"], Go = /* @__PURE__ */ g({
+}), Uo = ["title"], Ho = ["title"], Qo = ["title"], Oo = ["title"], Go = /* @__PURE__ */ g({
   __name: "ActionButton",
   props: {
     classes: {},
@@ -536,7 +536,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
           title: n.title
         }, [
           ge(f(n.text), 1)
-        ], 10, Qo)), [
+        ], 10, Ho)), [
           [s(M)]
         ])
       ], 64)),
@@ -551,7 +551,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             iconName: n.iconName,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 10, Ho)) : p("", !0),
+        ], 10, Qo)) : p("", !0),
         h((a(), i("span", {
           role: "button",
           onClick: e,
@@ -795,7 +795,7 @@ const cs = {
         h(d("div", _s, [
           d("div", null, f(s(e).resultText), 1)
         ], 512), [
-          [Q, s(e).resultViewType === "text"]
+          [H, s(e).resultViewType === "text"]
         ]),
         h(d("div", gs, [
           d("table", null, [
@@ -806,7 +806,7 @@ const cs = {
               ])
             ]),
             d("tbody", null, [
-              (a(!0), i(D, null, V(s(e).resultData, (r, l) => (a(), b(s(c), {
+              (a(!0), i(D, null, A(s(e).resultData, (r, l) => (a(), b(s(c), {
                 is: "survey-results-table-row",
                 model: r,
                 key: l
@@ -814,7 +814,7 @@ const cs = {
             ])
           ])
         ], 512), [
-          [Q, s(e).resultViewType === "table"]
+          [H, s(e).resultViewType === "table"]
         ])
       ])
     ])) : p("", !0);
@@ -861,7 +861,7 @@ const cs = {
       ])), [
         [s(M)]
       ]),
-      e.model.isNode && !e.model.collapsed ? (a(!0), i(D, { key: 0 }, V(e.model.data, (n, r) => (a(), b(s(c), {
+      e.model.isNode && !e.model.collapsed ? (a(!0), i(D, { key: 0 }, A(e.model.data, (n, r) => (a(), b(s(c), {
         is: "survey-results-table-row",
         model: n,
         key: r + 1
@@ -888,7 +888,7 @@ const cs = {
             model: o.model.errorList
           }, null, 8, ["model"])
         ], 512), [
-          [Q, o.model.hasErrors]
+          [H, o.model.hasErrors]
         ])
       ])
     ]));
@@ -923,7 +923,7 @@ const cs = {
             model: s(o).errorList
           }, null, 8, ["model"])
         ], 512), [
-          [Q, s(o).hasErrors]
+          [H, s(o).hasErrors]
         ])
       ])
     ]));
@@ -972,7 +972,7 @@ const cs = {
       ])
     ], 64));
   }
-}), As = { class: "svc-btn__text" }, te = /* @__PURE__ */ g({
+}), Vs = { class: "svc-btn__text" }, te = /* @__PURE__ */ g({
   __name: "LogicAddButton",
   props: {
     model: {}
@@ -990,12 +990,12 @@ const cs = {
       }]),
       onClick: e
     }, [
-      d("span", As, f(o.model.title), 1)
+      d("span", Vs, f(o.model.title), 1)
     ], 2)), [
       [s(M)]
     ]);
   }
-}), Vs = { class: "svc-creator-tab__content" }, zs = {
+}), As = { class: "svc-creator-tab__content" }, zs = {
   key: 1,
   class: "svc-logic-tab__content-empty"
 }, Ls = /* @__PURE__ */ g({
@@ -1005,7 +1005,7 @@ const cs = {
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", Vs, [
+    return w(() => t.model), (e, o) => (a(), i("div", As, [
       d("div", {
         class: m(["svc-plugin-tab__content svc-logic-tab__content", { "svc-logic-tab--empty": !e.model.hasItems }])
       }, [
@@ -1045,7 +1045,7 @@ const Us = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = P(), o = k(() => t.question.dropdownListModel ?? new Pe(t.question));
-    H(t, e, (l) => {
+    Q(t, e, (l) => {
       he(l);
     });
     const n = (l) => {
@@ -1105,14 +1105,14 @@ const Us = /* @__PURE__ */ g({
       ], 10, Ks)) : p("", !0)
     ], 2));
   }
-}), Qs = /* @__PURE__ */ g({
+}), Hs = /* @__PURE__ */ g({
   __name: "EmbeddedSurvey",
   props: {
     question: {}
   },
   setup(u) {
     const t = u, e = P();
-    H(t, e);
+    Q(t, e);
     const o = k(() => t.question.embeddedSurvey);
     return (n, r) => n.question && o.value && o.value.currentPage ? (a(), b(s(c), {
       key: 0,
@@ -1121,7 +1121,7 @@ const Us = /* @__PURE__ */ g({
       survey: o.value
     }, null, 8, ["page", "survey"])) : p("", !0);
   }
-}), Hs = /* @__PURE__ */ g({
+}), Qs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "LinkValue",
   props: {
@@ -1129,7 +1129,7 @@ const Us = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = P(), o = ce.getString("pe.clear");
-    return H(t, e), (n, r) => (a(), i(D, null, [
+    return Q(t, e), (n, r) => (a(), i(D, null, [
       v(s(c), {
         is: "svc-action-button",
         text: n.question.linkValueText,
@@ -1261,7 +1261,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
     question: {}
   },
   setup(u) {
-    return H(u, P()), (e, o) => (a(), i("div", {
+    return Q(u, P()), (e, o) => (a(), i("div", {
       class: m(e.question.cssClasses.root),
       onKeydown: o[5] || (o[5] = //@ts-ignore
       (...n) => e.question.onKeyDown && e.question.onKeyDown(...n))
@@ -1356,7 +1356,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = P();
-    return H(u, t), (o, n) => (a(), i("div", {
+    return Q(u, t), (o, n) => (a(), i("div", {
       class: m(o.question.cssClasses.root),
       onDragenter: n[5] || (n[5] = //@ts-ignore
       (...r) => o.question.onDragEnter && o.question.onDragEnter(...r)),
@@ -1441,7 +1441,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
     question: {}
   },
   setup(u) {
-    return H(u, P()), (e, o) => (a(), i("div", {
+    return Q(u, P()), (e, o) => (a(), i("div", {
       class: m(e.question.cssClasses.root),
       onKeydown: o[18] || (o[18] = //@ts-ignore
       (...n) => e.question.onKeyDown && e.question.onKeyDown(...n))
@@ -1534,7 +1534,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = () => "survey-" + t.question.wrappedQuestionTemplate;
-    return H(t, P()), w(() => {
+    return Q(t, P()), w(() => {
       var o;
       return (o = t.question) == null ? void 0 : o.resetValueAdorner;
     }), (o, n) => (a(), i("div", {
@@ -1580,7 +1580,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = P(null);
-    H(t, e);
+    Q(t, e);
     const o = k({
       get() {
         return t.question.value;
@@ -1810,10 +1810,10 @@ const wt = /* @__PURE__ */ g({
 }), Pt = {
   key: 0,
   class: "svc-toolbox__search-container"
-}, Rt = /* @__PURE__ */ d("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1), At = {
+}, Rt = /* @__PURE__ */ d("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1), Vt = {
   key: 1,
   class: "svc-toolbox__placeholder"
-}, Vt = {
+}, At = {
   key: 1,
   class: "svc-toolbox__category"
 }, zt = /* @__PURE__ */ g({
@@ -1856,17 +1856,17 @@ const wt = /* @__PURE__ */ g({
           }, null, 8, ["model"]),
           Rt
         ])) : p("", !0),
-        e.value.showPlaceholder ? (a(), i("div", At, f(e.value.toolboxNoResultsFound), 1)) : p("", !0),
+        e.value.showPlaceholder ? (a(), i("div", Vt, f(e.value.toolboxNoResultsFound), 1)) : p("", !0),
         v(s(c), { is: "sv-scroll" }, {
           default: X(() => [
-            e.value.showInSingleCategory ? p("", !0) : (a(!0), i(D, { key: 0 }, V(e.value.categories, (_, N) => (a(), b(s(c), {
+            e.value.showInSingleCategory ? p("", !0) : (a(!0), i(D, { key: 0 }, A(e.value.categories, (_, N) => (a(), b(s(c), {
               is: "svc-toolbox-category",
               key: N,
               category: _,
               toolbox: e.value
             }, null, 8, ["category", "toolbox"]))), 128)),
-            e.value.showInSingleCategory ? (a(), i("div", Vt, [
-              (a(!0), i(D, null, V(n.value, (_) => (a(), b(s(c), {
+            e.value.showInSingleCategory ? (a(), i("div", At, [
+              (a(!0), i(D, null, A(n.value, (_) => (a(), b(s(c), {
                 key: _.renderedId,
                 is: "svc-toolbox-tool",
                 creator: r.model,
@@ -1939,10 +1939,10 @@ const wt = /* @__PURE__ */ g({
       ], 2);
     };
   }
-}), Kt = ["aria-label", "title"], Ut = { class: "svc-toolbox__item-container" }, Qt = {
+}), Kt = ["aria-label", "title"], Ut = { class: "svc-toolbox__item-container" }, Ht = {
   key: 0,
   class: "svc-toolbox__item-title"
-}, Ht = /* @__PURE__ */ g({
+}, Qt = /* @__PURE__ */ g({
   __name: "ToolboxItem",
   props: {
     creator: {},
@@ -1955,8 +1955,8 @@ const wt = /* @__PURE__ */ g({
       h((a(), i("div", {
         class: m(["svc-toolbox__item", t.item.renderedCss]),
         role: "button",
-        "aria-label": t.item.tooltip,
-        title: t.item.tooltip,
+        "aria-label": t.item.getTooltip(),
+        title: t.item.getTooltip(),
         onClick: e[0] || (e[0] = (o) => t.viewModel.click(o))
       }, [
         d("span", Ut, [
@@ -1968,7 +1968,7 @@ const wt = /* @__PURE__ */ g({
             class: "svc-toolbox__item-icon"
           }, null, 8, ["iconName"])) : p("", !0)
         ]),
-        t.isCompact ? p("", !0) : (a(), i("span", Qt, f(t.item.title), 1))
+        t.isCompact ? p("", !0) : (a(), i("span", Ht, f(t.item.title), 1))
       ], 10, Kt)), [
         [s(M), { disableTabStop: !t.viewModel.toolboxItem.enabled }]
       ]),
@@ -2063,7 +2063,7 @@ const wt = /* @__PURE__ */ g({
           [s(M)]
         ])
       ]),
-      (a(!0), i(D, null, V(e.category.items, (n) => (a(), b(s(c), {
+      (a(!0), i(D, null, A(e.category.items, (n) => (a(), b(s(c), {
         is: "svc-toolbox-tool",
         item: n,
         key: n.renderedId,
@@ -2084,7 +2084,7 @@ const wt = /* @__PURE__ */ g({
     return w(() => t.model), (e, o) => (a(), i("div", {
       class: m(e.model.cssClasses.root)
     }, [
-      (a(!0), i(D, null, V(e.model.renderedActions, (n, r) => (a(), b(s(c), {
+      (a(!0), i(D, null, A(e.model.renderedActions, (n, r) => (a(), b(s(c), {
         key: r,
         is: "svc-toolbox-tool",
         creator: e.creator,
@@ -2139,7 +2139,7 @@ const wt = /* @__PURE__ */ g({
           default: X(() => [
             d("div", Yt, [
               o.model.showPlaceholder ? (a(), i(D, { key: 0 }, [
-                o.model.creator.showHeaderInEmptySurvey && o.model.creator.allowEditSurveyTitle ? (a(), i("div", xt, [
+                o.model.creator.showHeaderInEmptySurvey && o.model.creator.showSurveyHeader ? (a(), i("div", xt, [
                   v(s(c), {
                     is: "survey-header",
                     survey: o.model.creator.survey
@@ -2170,13 +2170,13 @@ const wt = /* @__PURE__ */ g({
                     o.model.surfaceCssVariables
                   ])
                 }, [
-                  o.model.creator.allowEditSurveyTitle ? (a(), i("div", sn, [
+                  o.model.creator.showSurveyHeader ? (a(), i("div", sn, [
                     v(s(c), {
                       is: "survey-header",
                       survey: o.model.creator.survey
                     }, null, 8, ["survey"])
                   ])) : p("", !0),
-                  o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(D, { key: 1 }, V(o.model.pages, (r) => (a(), i("div", {
+                  o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(D, { key: 1 }, A(o.model.pages, (r) => (a(), i("div", {
                     key: r.id,
                     class: "svc-page",
                     "data-sv-drop-target-survey-element": r != o.model.newPage ? r.name : "newGhostPage",
@@ -2303,7 +2303,7 @@ const wt = /* @__PURE__ */ g({
         class: "svc-question__drag-area",
         onPointerdown: l[0] || (l[0] = (_) => s(o).onPointerDown(_))
       }, [
-        v(s(c), A({
+        v(s(c), V({
           is: "sv-svg-icon",
           class: "svc-question__drag-element"
         }, {
@@ -2406,7 +2406,7 @@ const wt = /* @__PURE__ */ g({
       "aria-label": e.questionTypeSelectorModel.title,
       class: "svc-element__question-type-selector"
     }, [
-      v(s(c), A({
+      v(s(c), V({
         is: "sv-svg-icon",
         class: "svc-element__question-type-selector-icon"
       }, {
@@ -2451,7 +2451,7 @@ const wt = /* @__PURE__ */ g({
 }), Tn = ["data-sv-drop-target-survey-element"], Nn = { class: "svc-fake-title" }, Mn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1), Sn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1), Bn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), In = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), En = { class: "svc-question__top-actions" }, Pn = {
   key: 0,
   class: "svc-panel__placeholder_frame-wrapper"
-}, Rn = { class: "svc-panel__placeholder_frame" }, An = {
+}, Rn = { class: "svc-panel__placeholder_frame" }, Vn = {
   class: "svc-panel__placeholder",
   "data-bind": "text: placeholderText"
 }, oe = /* @__PURE__ */ g({
@@ -2526,7 +2526,7 @@ const wt = /* @__PURE__ */ g({
           class: "svc-question__drag-area",
           onPointerdown: _[0] || (_[0] = (N) => s(o).onPointerDown(N))
         }, [
-          v(s(c), A({
+          v(s(c), V({
             is: "sv-svg-icon",
             class: "svc-question__drag-element"
           }, {
@@ -2550,10 +2550,10 @@ const wt = /* @__PURE__ */ g({
           }, null, 8, ["componentName", "componentData"]),
           s(o).isEmptyElement && !l.showPlaceholderComponent ? (a(), i("div", Pn, [
             d("div", Rn, [
-              d("div", An, f(s(o).placeholderText), 1)
+              d("div", Vn, f(s(o).placeholderText), 1)
             ])
           ])) : p("", !0),
-          s(o).isEmptyElement && l.showPlaceholderComponent ? (a(), b(s(c), A(
+          s(o).isEmptyElement && l.showPlaceholderComponent ? (a(), b(s(c), V(
             {
               key: 1,
               is: l.placeholderComponent
@@ -2606,7 +2606,7 @@ const wt = /* @__PURE__ */ g({
       "component-data": o.componentData
     }, null, 8, ["element", "component-name", "component-data"]));
   }
-}), Vn = /* @__PURE__ */ g({
+}), An = /* @__PURE__ */ g({
   __name: "QuestionImage",
   props: {
     componentName: {},
@@ -2641,7 +2641,7 @@ const wt = /* @__PURE__ */ g({
 }, Kn = {
   key: 1,
   class: "svc-image-question__loading-placeholder"
-}, Un = { class: "svc-image-question__loading" }, Qn = /* @__PURE__ */ g({
+}, Un = { class: "svc-image-question__loading" }, Hn = /* @__PURE__ */ g({
   __name: "Image",
   props: {
     model: {},
@@ -2677,7 +2677,7 @@ const wt = /* @__PURE__ */ g({
       ])) : p("", !0)
     ], 64));
   }
-}), Hn = { class: "svc-rating-question-content" }, On = ["aria-label"], Gn = ["aria-label"], Wn = /* @__PURE__ */ g({
+}), Qn = { class: "svc-rating-question-content" }, On = ["aria-label"], Gn = ["aria-label"], Wn = /* @__PURE__ */ g({
   __name: "Rating",
   props: {
     componentData: {},
@@ -2694,7 +2694,7 @@ const wt = /* @__PURE__ */ g({
     );
     return (o, n) => {
       var r, l, _, N, $, q, C, I, L;
-      return a(), i("div", Hn, [
+      return a(), i("div", Qn, [
         d("div", {
           class: m((r = s(e)) == null ? void 0 : r.controlsClassNames)
         }, [
@@ -2821,7 +2821,7 @@ const wt = /* @__PURE__ */ g({
     );
     return w(() => e.value), (o, n) => (a(), i("div", Zn, [
       d("div", Xn, [
-        v(s(c), A({ is: o.componentName }, o.componentData), null, 16, ["is"])
+        v(s(c), V({ is: o.componentName }, o.componentData), null, 16, ["is"])
       ])
     ]));
   }
@@ -2904,7 +2904,7 @@ const wt = /* @__PURE__ */ g({
           ])
         ], 32)) : p("", !0),
         s(e).needToRenderContent ? (a(), i(D, { key: 1 }, [
-          v(s(c), A({ is: n.componentName }, n.componentData), null, 16, ["is"]),
+          v(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
           s(e).isEmptyElement ? (a(), i("div", la, [
             d("div", ia, [
               d("div", ra, f(s(e).placeholderText), 1),
@@ -3074,7 +3074,7 @@ const wt = /* @__PURE__ */ g({
           class: "svc-item-value__item",
           onClick: C[3] || (C[3] = (I) => s(_).select(s(_), I))
         }, [
-          v(s(c), A({ is: q.componentName }, q.componentData), null, 16, ["is"])
+          v(s(c), V({ is: q.componentName }, q.componentData), null, 16, ["is"])
         ]),
         s(_).canShowPanel() ? (a(), i("div", Ca, [
           h((a(), i("span", {
@@ -3092,7 +3092,7 @@ const wt = /* @__PURE__ */ g({
           ])
         ])) : p("", !0)
       ], 42, ma),
-      s(_).showPanel ? (a(), b(s(c), A({
+      s(_).showPanel ? (a(), b(s(c), V({
         key: 0,
         is: N(r.value.panel)
       }, $(r.value.panel)), null, 16, ["is"])) : p("", !0)
@@ -3169,7 +3169,7 @@ const wt = /* @__PURE__ */ g({
         }, null, 8, fa),
         !s(l).isNew && !s(l).isUploading ? (a(), i(D, { key: 0 }, [
           s(l).isNew ? p("", !0) : (a(), i("div", wa, [
-            v(s(c), A({ is: $.componentName }, $.componentData), null, 16, ["is"])
+            v(s(c), V({ is: $.componentName }, $.componentData), null, 16, ["is"])
           ])),
           s(l).isDraggable && s(l).canRenderControls ? (a(), i("span", {
             key: 1,
@@ -3290,13 +3290,13 @@ const wt = /* @__PURE__ */ g({
     return (r, l) => (a(), i("div", {
       style: F(t.style)
     }, [
-      v(s(c), A({ is: o.value }, n.value), null, 16, ["is"])
+      v(s(c), V({ is: o.value }, n.value), null, 16, ["is"])
     ], 4));
   }
-}), Ra = ["accept"], Aa = /* @__PURE__ */ d("svg", null, [
+}), Ra = ["accept"], Va = /* @__PURE__ */ d("svg", null, [
   /* @__PURE__ */ d("use", { "xlink:href": "#icon-image-48x48" })
-], -1), Va = [
-  Aa
+], -1), Aa = [
+  Va
 ], za = { class: "svc-context-container svc-logo-image-controls" }, La = {
   key: 2,
   class: "svc-logo-image__loading"
@@ -3341,7 +3341,7 @@ const wt = /* @__PURE__ */ g({
           key: 0,
           class: "svc-logo-image-placeholder",
           onClick: $[0] || ($[0] = (q) => s(r).chooseFile(s(r)))
-        }, Va)), [
+        }, Aa)), [
           [s(M)]
         ]) : p("", !0)
       ], 64)),
@@ -3392,7 +3392,7 @@ const wt = /* @__PURE__ */ g({
 }), Ka = {
   key: 0,
   class: "svc-search"
-}, Ua = { class: "svc-search__search-icon" }, Qa = ["aria-label", "placeholder", "tabindex"], Ha = { class: "svc-search__toolbar" }, Oa = { class: "svc-search__toolbar-counter" }, Ga = /* @__PURE__ */ g({
+}, Ua = { class: "svc-search__search-icon" }, Ha = ["aria-label", "placeholder", "tabindex"], Qa = { class: "svc-search__toolbar" }, Oa = { class: "svc-search__toolbar-counter" }, Ga = /* @__PURE__ */ g({
   __name: "Search",
   props: {
     model: {}
@@ -3422,10 +3422,10 @@ const wt = /* @__PURE__ */ g({
         "aria-label": o.model.filterStringPlaceholder,
         placeholder: o.model.filterStringPlaceholder,
         tabindex: o.model.getTabIndex()
-      }, null, 8, Qa), [
+      }, null, 8, Ha), [
         [de, e.value]
       ]),
-      d("div", Ha, [
+      d("div", Qa, [
         d("div", Oa, f(o.model.matchCounterText), 1),
         v(s(c), {
           is: "sv-action-bar",
@@ -3482,14 +3482,14 @@ const wt = /* @__PURE__ */ g({
         }, null, 8, ["model"])
       ]),
       d("div", null, [
-        (a(!0), i(D, null, V(s(e).visibleItems, (l) => (a(), b(s(c), {
+        (a(!0), i(D, null, A(s(e).visibleItems, (l) => (a(), b(s(c), {
           is: "svc-page-navigator-item",
           key: l.id,
           model: l
         }, null, 8, ["model"]))), 128))
       ])
     ], 512)), [
-      [Q, s(e).visible]
+      [H, s(e).visible]
     ]);
   }
 }), Ja = { class: "svc-page-navigator-item" }, Za = ["title"], Xa = /* @__PURE__ */ d("div", { class: "svc-page-navigator-item__dot-content" }, null, -1), Ya = [
@@ -3547,11 +3547,11 @@ const wt = /* @__PURE__ */ g({
     return (n, r) => (a(), i("div", tl, [
       d("div", null, [
         d("div", nl, [
-          (a(!0), i(D, null, V(n.model.getRenderedItems(), (l) => (a(), i("div", {
+          (a(!0), i(D, null, A(n.model.getRenderedItems(), (l) => (a(), i("div", {
             key: l.value,
             class: m(n.model.getChoiceCss())
           }, [
-            v(s(c), A({
+            v(s(c), V({
               is: e(l)
             }, o(l)), null, 16, ["is"])
           ], 2))), 128))
@@ -3605,13 +3605,13 @@ const wt = /* @__PURE__ */ g({
     });
     return w(() => e.value), (r, l) => (a(), i("div", il, [
       d("div", rl, [
-        v(s(c), A({ is: r.componentName }, r.componentData), null, 16, ["is"]),
+        v(s(c), V({ is: r.componentName }, r.componentData), null, 16, ["is"]),
         d("div", dl, [
-          (a(!0), i(D, null, V(e.value.visibleChoices, (_) => (a(), i("div", {
+          (a(!0), i(D, null, A(e.value.visibleChoices, (_) => (a(), i("div", {
             key: _.value,
             class: "svc-question__dropdown-choice"
           }, [
-            v(s(c), A({
+            v(s(c), V({
               is: o(_)
             }, n(_)), null, 16, ["is"])
           ]))), 128))
@@ -3684,7 +3684,7 @@ const wt = /* @__PURE__ */ g({
           })
         ], 32)) : p("", !0),
         d("div", gl, [
-          v(s(c), A({ is: n.componentName }, n.componentData), null, 16, ["is"])
+          v(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"])
         ]),
         s(o).isEmptyElement ? (a(), i("div", bl, hl)) : p("", !0),
         d("div", Cl, [
@@ -3698,7 +3698,7 @@ const wt = /* @__PURE__ */ g({
         [s(M)]
       ]) : p("", !0),
       s(o).element.isInteractiveDesignElement ? p("", !0) : (a(), i(D, { key: 1 }, [
-        v(s(c), A({ is: n.componentName }, n.componentData), null, 16, ["is"]),
+        v(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
         s(o).isEmptyElement ? (a(), i("div", ql, [
           d("div", $l, f(s(o).placeholderText), 1)
         ])) : p("", !0)
@@ -3733,7 +3733,7 @@ function pe(u) {
     void 0,
     u
   );
-  t("svc-tabbed-menu", Ge), t("svc-tabbed-menu-item-wrapper", je), t("svc-tabbed-menu-item", Ze), t("svc-side-bar", eo), t("svc-side-bar-default-header", no), t("svc-side-bar-page", ao), t("svc-tabs", ro), t("svc-tab-control", go), t("svc-tab-button", qo), t("svc-property-grid-placeholder", To), t("svc-side-bar-header", Eo), t("svc-side-bar-property-grid-header", Fo), t("svc-property-grid", io), t("svc-object-selector", lo), t("svc-search", Ga), t("svc-switcher", Yo), t("svc-action-button", Go), t("svc-question-error", Ko), t("survey-embeddedsurvey", Qs), t("sv-logic-operator", Us), t("survey-linkvalue", Hs), t("survey-color", it), t("color-item", rt), t("sv-boolean-switch", wt), t("survey-fileedit", vt), t("survey-spinedit", bt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", os), t("svc-tab-preview", is), t("svc-complete-page", ds), t("survey-results", Cs), t("survey-results-table-row", $s), t("json-error-item", Rs), t("svc-tab-json-editor-textarea", Bs), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Js), t("sd-translation-line-skeleton", et), t("svc-translate-from-action", ot), t("svc-tab-logic", Ls), t("svc-tab-theme", nt), t("svc-toolbox", zt), t("svc-toolbox-list", Zt), t("svc-toolbox-category", Jt), t("svc-toolbox-tool", Ft), t("svc-toolbox-item", Ht), t("svc-toolbox-item-group", Ot), t(Ie, Et), t("svc-tab-designer", dn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", hn), t("svc-row", Dn), t("svc-add-new-question-btn", qn), t("svc-add-question-type-selector", kn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Wn), t("svc-image-question", Vn), t("svc-image-question-adorner", Qn), t("svc-matrix-cell", Jn), t("svc-cell-question", Yn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", va), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Tl);
+  t("svc-tabbed-menu", Ge), t("svc-tabbed-menu-item-wrapper", je), t("svc-tabbed-menu-item", Ze), t("svc-side-bar", eo), t("svc-side-bar-default-header", no), t("svc-side-bar-page", ao), t("svc-tabs", ro), t("svc-tab-control", go), t("svc-tab-button", qo), t("svc-property-grid-placeholder", To), t("svc-side-bar-header", Eo), t("svc-side-bar-property-grid-header", Fo), t("svc-property-grid", io), t("svc-object-selector", lo), t("svc-search", Ga), t("svc-switcher", Yo), t("svc-action-button", Go), t("svc-question-error", Ko), t("survey-embeddedsurvey", Hs), t("sv-logic-operator", Us), t("survey-linkvalue", Qs), t("survey-color", it), t("color-item", rt), t("sv-boolean-switch", wt), t("survey-fileedit", vt), t("survey-spinedit", bt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", os), t("svc-tab-preview", is), t("svc-complete-page", ds), t("survey-results", Cs), t("survey-results-table-row", $s), t("json-error-item", Rs), t("svc-tab-json-editor-textarea", Bs), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Js), t("sd-translation-line-skeleton", et), t("svc-translate-from-action", ot), t("svc-tab-logic", Ls), t("svc-tab-theme", nt), t("svc-toolbox", zt), t("svc-toolbox-list", Zt), t("svc-toolbox-category", Jt), t("svc-toolbox-tool", Ft), t("svc-toolbox-item", Qt), t("svc-toolbox-item-group", Ot), t(Ie, Et), t("svc-tab-designer", dn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", hn), t("svc-row", Dn), t("svc-add-new-question-btn", qn), t("svc-add-question-type-selector", kn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Wn), t("svc-image-question", An), t("svc-image-question-adorner", Hn), t("svc-matrix-cell", Jn), t("svc-cell-question", Yn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", va), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Tl);
 }
 pe(
   (u, t) => ie.Instance.registerComponent(u, t)