survey-creator-vue 1.12.21 → 2.0.0-rc.0

package/survey-creator-vue.es.js

@@ -1,20 +1,23 @@
 import { useBase as T, SvComponent as c, key2ClickDirective as N, SurveyComponent as Q, useQuestion as H, ComponentFactory as re } from "survey-vue3-ui";
-import { defineComponent as g, computed as w, toRaw as _e, ref as I, onMounted as B, onUnmounted as K, openBlock as l, createElementBlock as r, Fragment as $, createVNode as p, unref as s, createElementVNode as a, normalizeClass as _, normalizeStyle as F, withDirectives as h, vShow as L, createCommentVNode as m, renderList as R, createBlock as C, toDisplayString as k, renderSlot as Z, withCtx as Y, resolveDirective as x, createTextVNode as ge, shallowRef as be, watch as G, onBeforeUnmount as ee, vModelText as de, onUpdated as oe, mergeProps as V } from "vue";
-import { ResponsivityManager as ye, CssClassBuilder as he, RendererFactory as ue, DropdownListModel as qe, VerticalResponsivityManager as Ce } from "survey-core";
-import { ScrollViewModel as we, editorLocalization as ce, SurveyResultsModel as ke, initLogicOperator as fe, StringEditorViewModelBase as $e, ToolboxToolViewModel as Te, PageAdorner as De, RowViewModel as Ne, QuestionAdornerViewModel as se, QuestionImageAdornerViewModel as Me, QuestionRatingAdornerViewModel as Se, MatrixCellWrapperViewModel as Ee, ItemValueWrapperViewModel as Ie, ImageItemValueWrapperViewModel as Be, LogoImageViewModel as Pe, PageNavigatorViewModel as Re, QuestionDropdownAdornerViewModel as Ve, editableStringRendererName as ze } from "survey-creator-core";
-const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Le = { class: "svc-top-bar" }, Fe = { class: "svc-tabbed-menu-wrapper" }, Ke = ["v-show"], Ue = { class: "svc-creator__content-holder svc-flex-column" }, He = ["id"], Oe = {
+import { defineComponent as g, computed as k, toRaw as ge, ref as E, onMounted as B, onUnmounted as L, openBlock as l, createElementBlock as d, Fragment as $, createVNode as m, unref as s, createElementVNode as a, normalizeClass as _, normalizeStyle as K, createCommentVNode as v, renderList as R, createBlock as q, nextTick as de, withDirectives as h, toDisplayString as f, vShow as F, renderSlot as Z, withCtx as Y, resolveDirective as x, createTextVNode as be, shallowRef as ye, watch as G, onBeforeUnmount as ee, vModelText as ue, onUpdated as oe, mergeProps as V } from "vue";
+import { ResponsivityManager as he, CssClassBuilder as Ce, RendererFactory as ce, DropdownListModel as qe, VerticalResponsivityManager as ke } from "survey-core";
+import { ScrollViewModel as fe, editorLocalization as ve, SurveyResultsModel as we, initLogicOperator as $e, StringEditorViewModelBase as Te, ToolboxToolViewModel as De, PageAdorner as Ne, RowViewModel as Me, QuestionAdornerViewModel as se, QuestionImageAdornerViewModel as Se, QuestionRatingAdornerViewModel as Ie, MatrixCellWrapperViewModel as Ee, ItemValueWrapperViewModel as Be, ImageItemValueWrapperViewModel as Pe, LogoImageViewModel as Re, PageNavigatorViewModel as Ve, QuestionDropdownAdornerViewModel as ze, editableStringRendererName as Ae } from "survey-creator-core";
+const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Fe = { class: "svc-top-bar" }, Ke = {
+  key: 0,
+  class: "svc-tabbed-menu-wrapper"
+}, Ue = ["v-show"], He = { class: "svc-creator__content-holder svc-flex-column" }, Oe = ["id"], Qe = {
   key: 0,
   class: "svc-footer-bar"
-}, Qe = ["v-show"], Ge = {
+}, Ge = ["v-show"], We = {
   key: 0,
   class: "svc-creator__banner"
-}, We = ["innerHTML"], je = /* @__PURE__ */ g({
+}, je = ["innerHTML"], Je = /* @__PURE__ */ g({
   __name: "Creator",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = w(() => _e(t.model)), o = I();
+    const t = u, e = k(() => ge(t.model)), o = E();
     return T(
       () => e.value,
       (n, i) => {
@@ -22,18 +25,18 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       }
     ), B(() => {
       o.value && t.model.setRootElement(o.value);
-    }), K(() => {
+    }), L(() => {
       t.model.unsubscribeRootElement();
-    }), (n, i) => e.value.isCreatorDisposed ? m("", !0) : (l(), r($, { key: 0 }, [
-      p(s(c), { is: "survey-popup-modal" }),
+    }), (n, i) => e.value.isCreatorDisposed ? v("", !0) : (l(), d($, { key: 0 }, [
+      m(s(c), { is: "survey-popup-modal" }),
       a("div", {
         class: _(e.value.getRootCss()),
-        style: F(e.value.themeVariables),
+        style: K(e.value.themeVariables),
         ref_key: "root",
         ref: o
       }, [
         a("div", null, [
-          p(s(c), { is: "sv-svg-bundle" })
+          m(s(c), { is: "sv-svg-bundle" })
         ]),
         a("div", {
           class: _(["svc-full-container svc-creator__area svc-flex-column", {
@@ -45,74 +48,72 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
               "svc-creator__side-bar--left": e.value.sidebarLocation == "left"
             }])
           }, [
-            a("div", Ae, [
-              a("div", Le, [
-                h(a("div", Fe, [
-                  p(s(c), {
+            a("div", Le, [
+              a("div", Fe, [
+                e.value.showTabs ? (l(), d("div", Ke, [
+                  m(s(c), {
                     is: "svc-tabbed-menu",
                     model: e.value.tabbedMenu
                   }, null, 8, ["model"])
-                ], 512), [
-                  [L, e.value.showTabs]
-                ]),
-                e.value.showToolbar ? (l(), r("div", {
-                  key: 0,
+                ])) : v("", !0),
+                e.value.showToolbar ? (l(), d("div", {
+                  key: 1,
                   class: "svc-toolbar-wrapper",
                   "v-show": e.value.showToolbar
                 }, [
-                  p(s(c), {
+                  m(s(c), {
                     is: "sv-action-bar",
                     model: e.value.toolbar
                   }, null, 8, ["model"])
-                ], 8, Ke)) : m("", !0)
+                ], 8, Ue)) : v("", !0)
               ]),
               a("div", {
                 class: _(["svc-creator__content-wrapper svc-flex-row", {
                   "svc-creator__content-wrapper--footer-toolbar": e.value.isMobileView
                 }])
               }, [
-                a("div", Ue, [
-                  (l(!0), r($, null, R(e.value.tabs, (d) => (l(), r($, null, [
-                    e.value.viewType == d.id && d.visible ? (l(), r("div", {
+                a("div", He, [
+                  (l(!0), d($, null, R(e.value.tabs, (r) => (l(), d($, null, [
+                    e.value.viewType == r.id && r.visible ? (l(), d("div", {
                       class: _(["svc-creator-tab", {
                         "svc-creator__toolbox--right": e.value.toolboxLocation == "right"
                       }]),
-                      key: d.id,
-                      id: "scrollableDiv-" + d.id
+                      key: r.id,
+                      id: "scrollableDiv-" + r.id
                     }, [
-                      p(s(c), {
-                        is: d.componentContent,
-                        model: d.data.model
+                      m(s(c), {
+                        is: r.componentContent,
+                        model: r.data.model
                       }, null, 8, ["is", "model"])
-                    ], 10, He)) : m("", !0)
+                    ], 10, Oe)) : v("", !0)
                   ], 64))), 256))
                 ])
               ], 2),
-              e.value.isMobileView ? (l(), r("div", Oe, [
+              e.value.isMobileView ? (l(), d("div", Qe, [
                 a("div", {
                   class: "svc-toolbar-wrapper",
                   "v-show": e.value.isMobileView
                 }, [
-                  p(s(c), {
+                  m(s(c), {
                     is: "sv-action-bar",
                     model: e.value.footerToolbar
                   }, null, 8, ["model"])
-                ], 8, Qe)
-              ])) : m("", !0)
+                ], 8, Ge)
+              ])) : v("", !0)
             ]),
-            e.value.sidebar ? (l(), C(s(c), {
+            e.value.sidebar ? (l(), q(s(c), {
               key: 0,
               is: "svc-side-bar",
               model: e.value.sidebar
-            }, null, 8, ["model"])) : m("", !0)
+            }, null, 8, ["model"])) : v("", !0)
           ], 2),
-          e.value.haveCommercialLicense ? m("", !0) : (l(), r("div", Ge, [
+          e.value.haveCommercialLicense ? v("", !0) : (l(), d("div", We, [
             a("span", {
               class: "svc-creator__non-commercial-text",
               innerHTML: e.value.licenseText
-            }, null, 8, We)
+            }, null, 8, je)
           ])),
-          p(s(c), {
+          m(s(c), {
             is: "sv-notifier",
             model: e.value.notifier
           }, null, 8, ["model"])
@@ -120,7 +121,7 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ], 6)
     ], 64));
   }
-}), Je = /* @__PURE__ */ g({
+}), Ze = /* @__PURE__ */ g({
   __name: "TabbedMenu",
   props: {
     model: {}
@@ -128,179 +129,185 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   setup(u) {
     const t = u;
     let e;
-    const o = I();
+    const o = E();
     return T(() => t.model), B(() => {
-      e = new ye(
-        o.value,
-        t.model,
-        ".svc-tabbed-menu-item-container:not(.sv-dots)>.sv-action__content"
-      );
-    }), K(() => {
+      e = new he(o.value, t.model);
+    }), L(() => {
       e.dispose(), e = void 0;
-    }), (n, i) => (l(), r("div", {
+    }), (n, i) => (l(), d("div", {
       class: "svc-tabbed-menu",
       ref_key: "container",
       ref: o
     }, [
-      (l(!0), r($, null, R(n.model.renderedActions, (d) => (l(), C(s(c), {
-        key: d.id,
+      (l(!0), d($, null, R(n.model.renderedActions, (r) => (l(), q(s(c), {
+        key: r.renderedId,
         is: "svc-tabbed-menu-item-wrapper",
-        item: d
+        item: r
       }, null, 8, ["item"]))), 128))
     ], 512));
   }
-}), Ze = { class: "sv-action__content" }, Xe = /* @__PURE__ */ g({
+}), Xe = { class: "sv-action__content" }, Ye = /* @__PURE__ */ g({
   __name: "TabbedMenuItemWrapper",
   props: {
     item: {}
   },
   setup(u) {
-    const t = u;
-    return T(() => t.item), (e, o) => (l(), r("span", {
-      class: _(["svc-tabbed-menu-item-container", [e.item.isVisible ? "" : "sv-action--hidden", e.item.css]])
+    const t = E(), e = u;
+    return T(() => e.item), B(() => {
+      const o = e.item;
+      o.updateModeCallback = (n, i) => {
+        o.mode = n, de(() => i(n, t.value));
+      }, o.afterRender();
+    }), L(() => {
+      const o = e.item;
+      o.updateModeCallback = void 0;
+    }), (o, n) => (l(), d("span", {
+      class: _(["svc-tabbed-menu-item-container", [o.item.isVisible ? "" : "sv-action--hidden", o.item.css]]),
+      ref_key: "root",
+      ref: t
     }, [
-      a("div", Ze, [
-        p(s(c), {
-          is: e.item.component || "svc-tabbed-menu-item",
-          item: e.item
+      a("div", Xe, [
+        m(s(c), {
+          is: o.item.component || "svc-tabbed-menu-item",
+          item: o.item
         }, null, 8, ["is", "item"])
       ])
     ], 2));
   }
-}), Ye = /* @__PURE__ */ g({
+}), xe = /* @__PURE__ */ g({
   __name: "TabbedMenuItem",
   props: {
     item: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.item), (e, o) => h((l(), r("div", {
+    return T(() => t.item), (e, o) => h((l(), d("div", {
       class: _(["svc-tabbed-menu-item", e.item.getRootCss()]),
       onClick: o[0] || (o[0] = (...n) => e.item.action && e.item.action(...n))
     }, [
-      e.item.hasTitle ? (l(), r("span", {
+      e.item.hasTitle ? (l(), d("span", {
         key: 0,
         class: _(e.item.getTitleCss())
-      }, k(e.item.title), 3)) : m("", !0),
-      e.item.hasIcon ? (l(), C(s(c), {
+      }, f(e.item.title), 3)) : v("", !0),
+      e.item.hasIcon ? (l(), q(s(c), {
         key: 1,
         is: "sv-svg-icon",
         iconName: e.item.iconName,
         size: "auto",
         class: _(e.item.getIconCss()),
         title: e.item.tooltip || e.item.title
-      }, null, 8, ["iconName", "class", "title"])) : m("", !0)
+      }, null, 8, ["iconName", "class", "title"])) : v("", !0)
     ], 2)), [
       [s(N)]
     ]);
   }
-}), xe = { class: "svc-flex-row svc-side-bar__wrapper" }, eo = { class: "svc-side-bar__container-wrapper" }, oo = { class: "svc-side-bar__container-content" }, so = /* @__PURE__ */ g({
+}), eo = { class: "svc-flex-row svc-side-bar__wrapper" }, oo = { class: "svc-side-bar__container-wrapper" }, so = { class: "svc-side-bar__container-content" }, to = /* @__PURE__ */ g({
   __name: "SideBar",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = I();
+    const t = u, e = E();
     return T(() => t.model), B(() => {
       t.model.initResizeManager(e.value);
-    }), K(() => {
+    }), L(() => {
       t.model.resetResizeManager();
-    }), (o, n) => h((l(), r("div", {
+    }), (o, n) => h((l(), d("div", {
       class: _(["svc-side-bar", o.model.rootCss])
     }, [
       h(a("div", {
         class: "svc-side-bar__shadow",
         onClick: n[0] || (n[0] = () => o.model.collapseSidebar())
       }, null, 512), [
-        [L, o.model.renderContainer]
+        [F, o.model.renderContainer]
       ]),
-      a("div", xe, [
-        h(a("div", eo, [
+      a("div", eo, [
+        h(a("div", oo, [
           a("div", {
             class: "svc-side-bar__container",
             ref_key: "root",
             ref: e
           }, [
-            p(s(c), {
+            m(s(c), {
               is: o.model.header.component,
               model: o.model.header.componentModel
             }, null, 8, ["is", "model"]),
-            a("div", oo, [
-              (l(!0), r($, null, R(o.model.pages, (i, d) => (l(), C(s(c), {
-                key: d,
+            a("div", so, [
+              (l(!0), d($, null, R(o.model.pages, (i, r) => (l(), q(s(c), {
+                key: r,
                 is: "svc-side-bar-page",
                 model: i
               }, null, 8, ["model"]))), 128))
             ])
           ], 512)
         ], 512), [
-          [L, o.model.renderContainer]
+          [F, o.model.renderContainer]
         ]),
-        o.model.sideAreaComponentName ? (l(), C(s(c), {
+        o.model.sideAreaComponentName ? (l(), q(s(c), {
           key: 0,
           is: o.model.sideAreaComponentName,
           model: o.model.sideAreaComponentData
-        }, null, 8, ["is", "model"])) : m("", !0)
+        }, null, 8, ["is", "model"])) : v("", !0)
       ])
     ], 2)), [
-      [L, o.model.renderRoot]
+      [F, o.model.renderRoot]
     ]);
   }
-}), to = { class: "svc-side-bar__container-header" }, no = { class: "svc-side-bar__container-actions" }, lo = {
+}), no = { class: "svc-side-bar__container-header" }, lo = { class: "svc-side-bar__container-actions" }, io = {
   key: 0,
   class: "svc-side-bar__container-title"
-}, io = /* @__PURE__ */ g({
+}, ao = /* @__PURE__ */ g({
   __name: "SideBarDefaultHeader",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", to, [
-      a("div", no, [
-        p(s(c), {
+    return T(() => t.model), (e, o) => (l(), d("div", no, [
+      a("div", lo, [
+        m(s(c), {
           is: "sv-action-bar",
           model: e.model.toolbar
         }, null, 8, ["model"])
       ]),
-      e.model.title ? (l(), r("div", lo, k(e.model.title), 1)) : m("", !0)
+      e.model.title ? (l(), d("div", io, f(e.model.title), 1)) : v("", !0)
     ]));
   }
-}), ao = /* @__PURE__ */ g({
+}), ro = /* @__PURE__ */ g({
   __name: "SideBarPage",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => e.model.visible ? (l(), C(s(c), {
+    return T(() => t.model), (e, o) => e.model.visible ? (l(), q(s(c), {
       key: 0,
       is: e.model.componentName,
       model: e.model.componentData
-    }, null, 8, ["is", "model"])) : m("", !0);
+    }, null, 8, ["is", "model"])) : v("", !0);
   }
-}), ro = /* @__PURE__ */ g({
+}), uo = /* @__PURE__ */ g({
   __name: "ObjectSelector",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => e.model.isVisible ? (l(), C(s(c), {
+    return T(() => t.model), (e, o) => e.model.isVisible ? (l(), q(s(c), {
       key: 0,
       is: "sv-list",
       model: e.model.list
-    }, null, 8, ["model"])) : m("", !0);
+    }, null, 8, ["model"])) : v("", !0);
   }
-}), uo = { class: "svc-scroll__container" }, X = /* @__PURE__ */ g({
+}), co = { class: "svc-scroll__container" }, X = /* @__PURE__ */ g({
   __name: "Scroll",
   setup(u) {
-    const t = new we(), e = I();
+    const t = new fe(), e = E();
     return B(() => {
       t.setRootElement(e.value);
-    }), K(() => {
+    }), L(() => {
       t.setRootElement(void 0), t.unsubscribeRootElement();
-    }), (o, n) => (l(), r("div", {
+    }), (o, n) => (l(), d("div", {
       ref_key: "root",
       ref: e,
       class: "svc-scroll__wrapper"
@@ -309,7 +316,7 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         class: "svc-scroll__scroller sv-drag-target-skipped",
         onScroll: n[0] || (n[0] = () => s(t).onScrollContainer())
       }, [
-        a("div", uo, [
+        a("div", co, [
           Z(o.$slots, "default")
         ])
       ], 32),
@@ -321,57 +328,57 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ]), 32)
     ], 512));
   }
-}), co = /* @__PURE__ */ g({
+}), vo = /* @__PURE__ */ g({
   __name: "PropertyGrid",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", {
+    return T(() => t.model), (e, o) => (l(), d("div", {
       class: _(e.model.rootCss)
     }, [
-      p(s(c), {
+      m(s(c), {
         is: "svc-search",
         model: e.model.searchManager
       }, null, 8, ["model"]),
-      p(X, null, {
+      m(X, null, {
         default: Y(() => [
-          e.model.survey ? (l(), C(s(Q), {
+          e.model.survey ? (l(), q(s(Q), {
             key: 0,
             survey: e.model.survey
-          }, null, 8, ["survey"])) : m("", !0)
+          }, null, 8, ["survey"])) : v("", !0)
         ]),
         _: 1
       })
     ], 2));
   }
-}), vo = /* @__PURE__ */ g({
+}), po = /* @__PURE__ */ g({
   __name: "Tabs",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(!0), r($, null, R(e.model.actions, (n, i) => (l(), C(s(c), {
+    return T(() => t.model), (e, o) => (l(!0), d($, null, R(e.model.actions, (n, i) => (l(), q(s(c), {
       key: i,
       is: "svc-tab-button",
       model: n
     }, null, 8, ["model"]))), 128));
   }
-}), po = { class: "svc-sidebar-tabs__top-container" }, mo = { class: "svc-sidebar-tabs__collapse-button" }, _o = { class: "svc-sidebar-tabs__items" }, go = { class: "svc-sidebar-tabs__bottom-container" }, bo = { class: "svc-sidebar-tabs__items" }, yo = /* @__PURE__ */ g({
+}), mo = { class: "svc-sidebar-tabs__top-container" }, _o = { class: "svc-sidebar-tabs__collapse-button" }, go = { class: "svc-sidebar-tabs__items" }, bo = { class: "svc-sidebar-tabs__bottom-container" }, yo = { class: "svc-sidebar-tabs__items" }, ho = /* @__PURE__ */ g({
   __name: "TabControl",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", {
+    return T(() => t.model), (e, o) => (l(), d("div", {
       class: _(e.model.sideBarClassName)
     }, [
-      a("div", po, [
-        a("div", mo, [
-          p(s(c), {
+      a("div", mo, [
+        a("div", _o, [
+          m(s(c), {
             is: "svc-tab-button",
             model: e.model.expandCollapseAction
           }, null, 8, ["model"])
@@ -379,16 +386,16 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         o[0] || (o[0] = a("div", { class: "svc-sidebar-tabs__separator" }, [
           a("div")
         ], -1)),
-        a("div", _o, [
-          p(s(c), {
+        a("div", go, [
+          m(s(c), {
             is: "svc-tabs",
             model: e.model.topToolbar
           }, null, 8, ["model"])
         ])
       ]),
-      a("div", go, [
-        a("div", bo, [
-          p(s(c), {
+      a("div", bo, [
+        a("div", yo, [
+          m(s(c), {
             is: "svc-tabs",
             model: e.model.bottomToolbar
           }, null, 8, ["model"])
@@ -396,7 +403,7 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ])
     ], 2));
   }
-}), ho = { class: "svc-menu-action" }, qo = ["title"], Co = { class: "svc-menu-action__icon" }, wo = { class: "svc-menu-action__icon-container" }, ko = /* @__PURE__ */ g({
+}), Co = { class: "svc-menu-action" }, qo = ["title"], ko = { class: "svc-menu-action__icon" }, fo = { class: "svc-menu-action__icon-container" }, wo = /* @__PURE__ */ g({
   __name: "TabButton",
   props: {
     model: {}
@@ -405,15 +412,15 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = u;
     return T(() => t.model), (e, o) => {
       const n = x("key2click");
-      return l(), r("div", ho, [
-        h((l(), r("div", {
+      return l(), d("div", Co, [
+        h((l(), d("div", {
           class: _(e.model.buttonClassName),
           title: e.model.tooltip,
           onClick: o[0] || (o[0] = (i) => e.model.action())
         }, [
-          a("div", Co, [
-            a("div", wo, [
-              p(s(c), {
+          a("div", ko, [
+            a("div", fo, [
+              m(s(c), {
                 is: "sv-svg-icon",
                 iconName: e.model.iconName,
                 size: "auto"
@@ -426,14 +433,14 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ]);
     };
   }
-}), fo = { class: "svc-property-grid-placeholder" }, $o = { class: "svc-property-grid-placeholder__header" }, To = { class: "svc-property-grid-placeholder__title" }, Do = { class: "svc-property-grid-placeholder__description" }, No = /* @__PURE__ */ g({
+}), $o = { class: "svc-property-grid-placeholder" }, To = { class: "svc-property-grid-placeholder__header" }, Do = { class: "svc-property-grid-placeholder__title" }, No = { class: "svc-property-grid-placeholder__description" }, Mo = /* @__PURE__ */ g({
   __name: "PropertyGridPlaceholder",
   setup(u) {
-    const t = ce;
-    return (e, o) => (l(), r("div", fo, [
-      a("div", $o, [
-        a("span", To, k(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
-        a("span", Do, k(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
+    const t = ve;
+    return (e, o) => (l(), d("div", $o, [
+      a("div", To, [
+        a("span", Do, f(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
+        a("span", No, f(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
       ]),
       o[0] || (o[0] = a("div", { class: "svc-property-grid-placeholder__content" }, [
         a("div", { class: "svc-property-grid-placeholder__gap" }),
@@ -441,28 +448,28 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ], -1))
     ]));
   }
-}), Mo = { class: "svc-side-bar__container-header svc-sidebar__header-container" }, So = {
+}), So = { class: "svc-side-bar__container-header svc-sidebar__header-container" }, Io = {
   key: 0,
   class: "svc-side-bar__container-title"
 }, Eo = {
   key: 1,
   class: "svc-sidebar__header-caption"
-}, Io = { class: "svc-sidebar__header-title" }, Bo = { class: "svc-sidebar__header-subtitle" }, Po = /* @__PURE__ */ g({
+}, Bo = { class: "svc-sidebar__header-title" }, Po = { class: "svc-sidebar__header-subtitle" }, Ro = /* @__PURE__ */ g({
   __name: "SideBarHeader",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", Mo, [
-      e.model.subTitle ? m("", !0) : (l(), r("div", So, k(e.model.title), 1)),
-      e.model.subTitle ? (l(), r("div", Eo, [
-        a("span", Io, k(e.model.title), 1),
-        a("span", Bo, k(e.model.subTitle), 1)
-      ])) : m("", !0)
+    return T(() => t.model), (e, o) => (l(), d("div", So, [
+      e.model.subTitle ? v("", !0) : (l(), d("div", Io, f(e.model.title), 1)),
+      e.model.subTitle ? (l(), d("div", Eo, [
+        a("span", Bo, f(e.model.title), 1),
+        a("span", Po, f(e.model.subTitle), 1)
+      ])) : v("", !0)
     ]));
   }
-}), Ro = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, Vo = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, zo = { class: "svc-sidebar__header-content" }, Ao = { class: "svc-sidebar__header-caption" }, Lo = { class: "svc-sidebar__header-title" }, Fo = { class: "svc-sidebar__header-subtitle" }, Ko = /* @__PURE__ */ g({
+}), Vo = { class: "svc-sidebar__header svc-sidebar__header--tabbed" }, zo = { class: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" }, Ao = { class: "svc-sidebar__header-content" }, Lo = { class: "svc-sidebar__header-caption" }, Fo = { class: "svc-sidebar__header-title" }, Ko = { class: "svc-sidebar__header-subtitle" }, Uo = /* @__PURE__ */ g({
   __name: "SideBarPropertyGridHeader",
   props: {
     model: {}
@@ -471,27 +478,27 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = u;
     return T(() => t.model), (e, o) => {
       const n = x("key2click");
-      return l(), r("div", Ro, [
-        a("div", Vo, [
-          a("div", zo, [
-            h((l(), r("div", {
+      return l(), d("div", Vo, [
+        a("div", zo, [
+          a("div", Ao, [
+            h((l(), d("div", {
               class: _(e.model.buttonClassName),
               onClick: o[0] || (o[0] = (i) => e.model.action())
             }, [
-              a("div", Ao, [
-                a("span", Lo, k(e.model.title), 1),
-                a("span", Fo, k(e.model.tooltip), 1)
+              a("div", Lo, [
+                a("span", Fo, f(e.model.title), 1),
+                a("span", Ko, f(e.model.tooltip), 1)
               ])
             ], 2)), [
               [n, { processEsc: !1 }]
             ]),
-            p(s(c), { is: "sv-popup" })
+            m(s(c), { is: "sv-popup" })
           ])
         ])
       ]);
     };
   }
-}), Uo = /* @__PURE__ */ g({
+}), Ho = /* @__PURE__ */ g({
   __name: "QuestionError",
   props: {
     errorKey: {},
@@ -500,8 +507,8 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     element: {}
   },
   setup(u) {
-    return (t, e) => (l(), r("div", { key: t.errorKey }, [
-      p(s(c), {
+    return (t, e) => (l(), d("div", { key: t.errorKey }, [
+      m(s(c), {
         is: "sv-svg-icon",
         class: _(t.cssClasses.error.icon),
         iconName: "icon-alert_24x24",
@@ -512,14 +519,14 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
           t.cssClasses ? t.cssClasses.error.item || void 0 : "panel-error-item"
         )
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "survey-string",
           locString: t.error.locText
         }, null, 8, ["locString"])
       ], 2)
     ]));
   }
-}), Ho = ["title"], Oo = ["title"], Qo = ["title"], Go = ["title"], Wo = /* @__PURE__ */ g({
+}), Oo = ["title"], Qo = ["title"], Go = ["title"], Wo = ["title"], jo = /* @__PURE__ */ g({
   __name: "ActionButton",
   props: {
     classes: {},
@@ -534,68 +541,68 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   setup(u) {
     const t = u, e = (n) => {
       t.click(), t.allowBubble || n.stopPropagation();
-    }, o = () => new he().append(t.classes || "").append("svc-action-button").append("svc-action-button--icon", !!t.iconName).append("svc-action-button--selected", !!t.selected).append("svc-action-button--disabled", !!t.disabled).toString();
-    return (n, i) => (l(), r($, null, [
-      n.iconName ? m("", !0) : (l(), r($, { key: 0 }, [
-        n.disabled ? (l(), r("span", {
+    }, o = () => new Ce().append(t.classes || "").append("svc-action-button").append("svc-action-button--icon", !!t.iconName).append("svc-action-button--selected", !!t.selected).append("svc-action-button--disabled", !!t.disabled).toString();
+    return (n, i) => (l(), d($, null, [
+      n.iconName ? v("", !0) : (l(), d($, { key: 0 }, [
+        n.disabled ? (l(), d("span", {
           key: 0,
           class: _(["svc-action-button svc-action-button--disabled", n.classes]),
           title: n.title
-        }, k(n.text), 11, Ho)) : m("", !0),
-        h((l(), r("span", {
+        }, f(n.text), 11, Oo)) : v("", !0),
+        h((l(), d("span", {
           role: "button",
           class: _(["svc-action-button", o()]),
           onClick: e,
           title: n.title
         }, [
-          ge(k(n.text), 1)
-        ], 10, Oo)), [
+          be(f(n.text), 1)
+        ], 10, Qo)), [
           [s(N)]
         ])
       ], 64)),
-      n.iconName ? (l(), r($, { key: 1 }, [
-        n.disabled ? (l(), r("span", {
+      n.iconName ? (l(), d($, { key: 1 }, [
+        n.disabled ? (l(), d("span", {
           key: 0,
           class: _(o()),
           title: n.title
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: n.iconName,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 10, Qo)) : m("", !0),
-        h((l(), r("span", {
+        ], 10, Go)) : v("", !0),
+        h((l(), d("span", {
           role: "button",
           onClick: e,
           class: _(o()),
           title: n.title
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: n.iconName,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 10, Go)), [
+        ], 10, Wo)), [
           [s(N)]
         ])
-      ], 64)) : m("", !0)
+      ], 64)) : v("", !0)
     ], 64));
   }
-}), jo = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Jo = {
+}), Jo = ["disabled", "title", "aria-checked", "aria-expanded", "role"], Zo = {
   key: 0,
   class: "svc-switcher__title"
-}, Zo = {
+}, Xo = {
   inheritAttrs: !1
-}, Xo = /* @__PURE__ */ g({
-  ...Zo,
+}, Yo = /* @__PURE__ */ g({
+  ...Xo,
   __name: "Switcher",
   props: {
     item: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.item), (e, o) => h((l(), r("button", {
+    return T(() => t.item), (e, o) => h((l(), d("button", {
       class: _(e.item.getActionBarItemCss()),
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
@@ -615,15 +622,15 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       }, o[2] || (o[2] = [
         a("div", { class: "svc-switcher__icon-thumb" }, null, -1)
       ]), 2),
-      e.item.hasTitle ? (l(), r("span", Jo, k(e.item.title), 1)) : m("", !0)
-    ], 42, jo)), [
+      e.item.hasTitle ? (l(), d("span", Zo, f(e.item.title), 1)) : v("", !0)
+    ], 42, Jo)), [
       [s(N), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
   }
-}), Yo = {
+}), xo = {
   key: 0,
   class: "svd-simulator-content"
-}, xo = { class: "svd-simulator-content" }, es = /* @__PURE__ */ g({
+}, es = { class: "svd-simulator-content" }, os = /* @__PURE__ */ g({
   __name: "Simulator",
   props: {
     model: {}
@@ -631,51 +638,51 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   setup(u) {
     const t = u;
     T(() => t.model);
-    const e = w(() => t.model.simulatorFrame), o = () => {
+    const e = k(() => t.model.simulatorFrame), o = () => {
       t.model.device !== "desktop" && t.model.activateZoom();
     }, n = () => {
       t.model.device !== "desktop" && t.model.deactivateZoom();
     };
-    return (i, d) => (l(), r("div", {
+    return (i, r) => (l(), d("div", {
       class: _(i.model.getRootCss()),
-      onKeydown: d[0] || (d[0] = (v) => i.model.tryToZoom(void 0, v)),
-      onMouseover: d[1] || (d[1] = (v) => o()),
-      onMouseout: d[2] || (d[2] = (v) => n())
+      onKeydown: r[0] || (r[0] = (p) => i.model.tryToZoom(void 0, p)),
+      onMouseover: r[1] || (r[1] = (p) => o()),
+      onMouseout: r[2] || (r[2] = (p) => n())
     }, [
-      i.model.hasFrame ? m("", !0) : (l(), r("div", Yo, [
-        p(s(c), {
+      i.model.hasFrame ? v("", !0) : (l(), d("div", xo, [
+        m(s(c), {
           is: "survey-widget",
           model: i.model.survey
         }, null, 8, ["model"])
       ])),
-      i.model.hasFrame ? (l(), r("div", {
+      i.model.hasFrame ? (l(), d("div", {
         key: 1,
         class: "svd-simulator-wrapper",
         id: "svd-simulator-wrapper",
-        style: F({
+        style: K({
           width: e.value.frameWidth + "px",
           height: e.value.frameHeight + "px"
         })
       }, [
         a("div", {
           class: "svd-simulator",
-          style: F({
+          style: K({
             width: e.value.deviceWidth + "px",
             height: e.value.deviceHeight + "px",
             transform: "scale(" + e.value.scale + ") translate(-50%, -50%)"
           })
         }, [
-          a("div", xo, [
-            p(s(c), {
+          a("div", es, [
+            m(s(c), {
               is: "survey-widget",
               model: i.model.survey
             }, null, 8, ["model"])
           ])
         ], 4)
-      ], 4)) : m("", !0)
+      ], 4)) : v("", !0)
     ], 34));
   }
-}), os = { class: "svc-surface-placeholder" }, ss = { class: "svc-surface-placeholder__text" }, ts = { class: "svc-surface-placeholder__title" }, ns = { class: "svc-surface-placeholder__description" }, W = /* @__PURE__ */ g({
+}), ss = { class: "svc-surface-placeholder" }, ts = { class: "svc-surface-placeholder__text" }, ns = { class: "svc-surface-placeholder__title" }, ls = { class: "svc-surface-placeholder__description" }, W = /* @__PURE__ */ g({
   __name: "SurfacePlaceholder",
   props: {
     name: {},
@@ -683,85 +690,85 @@ const Ae = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     placeholderDescriptionText: {}
   },
   setup(u) {
-    return (t, e) => (l(), r("div", os, [
+    return (t, e) => (l(), d("div", ss, [
       a("div", {
         class: _(["svc-surface-placeholder__image", "svc-surface-placeholder__image--" + t.name])
       }, null, 2),
-      a("div", ss, [
-        a("div", ts, k(t.placeholderTitleText), 1),
-        a("div", ns, k(t.placeholderDescriptionText), 1)
+      a("div", ts, [
+        a("div", ns, f(t.placeholderTitleText), 1),
+        a("div", ls, f(t.placeholderDescriptionText), 1)
       ])
     ]));
   }
-}), ls = {
+}), is = {
   key: 0,
   class: "svc-test-tab--empty"
-}, is = {
+}, as = {
   key: 2,
   class: "svc-plugin-tab__content-actions svc-test-tab__content-actions"
-}, as = /* @__PURE__ */ g({
+}, rs = /* @__PURE__ */ g({
   __name: "Test",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", {
+    return T(() => t.model), (e, o) => (l(), d("div", {
       class: _(["svc-creator-tab__content svc-test-tab__content", {
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
     }, [
-      e.model.survey.isEmpty ? (l(), r("div", ls, [
-        p(W, {
+      e.model.survey.isEmpty ? (l(), d("div", is, [
+        m(W, {
           name: "preview",
           placeholderTitleText: e.model.placeholderTitleText,
           placeholderDescriptionText: e.model.placeholderDescriptionText
         }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"])
-      ])) : m("", !0),
-      e.model.survey.isEmpty ? m("", !0) : (l(), r("div", {
+      ])) : v("", !0),
+      e.model.survey.isEmpty ? v("", !0) : (l(), d("div", {
         key: 1,
         class: "svc-plugin-tab__content",
         onScroll: o[0] || (o[0] = (n) => e.model.onScroll())
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "survey-simulator",
           model: e.model.simulator
         }, null, 8, ["model"]),
-        e.model.showResults ? (l(), C(s(c), {
+        e.model.showResults ? (l(), q(s(c), {
           key: 0,
           is: "survey-results",
           survey: e.model.survey
-        }, null, 8, ["survey"])) : m("", !0)
+        }, null, 8, ["survey"])) : v("", !0)
       ], 32)),
-      e.model.isPageToolbarVisible ? (l(), r("div", is, [
-        p(s(c), {
+      e.model.isPageToolbarVisible ? (l(), d("div", as, [
+        m(s(c), {
           is: "sv-action-bar",
           model: e.model.pages
         }, null, 8, ["model"])
-      ])) : m("", !0)
+      ])) : v("", !0)
     ], 2));
   }
-}), rs = { class: "svc-btn__text" }, ds = /* @__PURE__ */ g({
+}), ds = { class: "svc-btn__text" }, us = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TestAgain",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.model.testAgainAction);
-    return T(() => e.value), (o, n) => h((l(), r("div", {
+    const t = u, e = k(() => t.model.testAgainAction);
+    return T(() => e.value), (o, n) => h((l(), d("div", {
       role: "button",
       class: "svc-preview__test-again svc-btn",
       onClick: n[0] || (n[0] = (i) => e.value.action())
     }, [
-      a("span", rs, k(e.value.title), 1)
+      a("span", ds, f(e.value.title), 1)
     ])), [
       [s(N)]
     ]);
   }
 });
 function z(u, t, e) {
-  const o = be(), n = G(
+  const o = ye(), n = G(
     t.map((i) => () => i()),
     () => {
       o.value = u();
@@ -774,32 +781,32 @@ function z(u, t, e) {
     n();
   }), o;
 }
-const us = {
+const cs = {
   key: 0,
   class: "svd-test-results"
-}, cs = { class: "svd-test-results__content" }, vs = { class: "svd-test-results__header" }, ps = { class: "svd-test-results__header-text" }, ms = { class: "svd-test-results__header-types" }, _s = { class: "svd-test-results__text svd-light-bg-color" }, gs = { class: "svd-test-results__table svd-light-bg-color" }, bs = { class: "svd-light-background-color" }, ys = { class: "svd-dark-border-color" }, hs = { class: "svd-dark-border-color" }, qs = /* @__PURE__ */ g({
+}, vs = { class: "svd-test-results__content" }, ps = { class: "svd-test-results__header" }, ms = { class: "svd-test-results__header-text" }, _s = { class: "svd-test-results__header-types" }, gs = { class: "svd-test-results__text svd-light-bg-color" }, bs = { class: "svd-test-results__table svd-light-bg-color" }, ys = { class: "svd-light-background-color" }, hs = { class: "svd-dark-border-color" }, Cs = { class: "svd-dark-border-color" }, qs = /* @__PURE__ */ g({
   __name: "SurveyResults",
   props: {
     survey: {}
   },
   setup(u) {
     const t = u, e = z(
-      () => t.survey ? new ke(t.survey) : void 0,
+      () => t.survey ? new we(t.survey) : void 0,
       [() => t.survey]
     );
-    return (o, n) => s(e) ? (l(), r("div", us, [
-      a("div", cs, [
-        a("div", vs, [
-          a("div", ps, k(s(e).surveyResultsText), 1),
-          a("div", ms, [
-            p(s(c), {
+    return (o, n) => s(e) ? (l(), d("div", cs, [
+      a("div", vs, [
+        a("div", ps, [
+          a("div", ms, f(s(e).surveyResultsText), 1),
+          a("div", _s, [
+            m(s(c), {
               is: "svc-action-button",
               text: s(e).surveyResultsTableText,
               click: s(e).selectTableClick,
               disabled: !1,
               selected: s(e).isTableSelected
             }, null, 8, ["text", "click", "selected"]),
-            p(s(c), {
+            m(s(c), {
               is: "svc-action-button",
               text: s(e).surveyResultsJsonText,
               click: s(e).selectJsonClick,
@@ -808,141 +815,141 @@ const us = {
             }, null, 8, ["text", "click", "selected"])
           ])
         ]),
-        h(a("div", _s, [
-          a("div", null, k(s(e).resultText), 1)
+        h(a("div", gs, [
+          a("div", null, f(s(e).resultText), 1)
         ], 512), [
-          [L, s(e).resultViewType === "text"]
+          [F, s(e).resultViewType === "text"]
         ]),
-        h(a("div", gs, [
+        h(a("div", bs, [
           a("table", null, [
             a("thead", null, [
-              a("tr", bs, [
-                a("th", ys, k(s(e).resultsTitle), 1),
-                a("th", hs, k(s(e).resultsDisplayValue), 1)
+              a("tr", ys, [
+                a("th", hs, f(s(e).resultsTitle), 1),
+                a("th", Cs, f(s(e).resultsDisplayValue), 1)
               ])
             ]),
             a("tbody", null, [
-              (l(!0), r($, null, R(s(e).resultData, (i, d) => (l(), C(s(c), {
+              (l(!0), d($, null, R(s(e).resultData, (i, r) => (l(), q(s(c), {
                 is: "survey-results-table-row",
                 model: i,
-                key: d
+                key: r
               }, null, 8, ["model"]))), 128))
             ])
           ])
         ], 512), [
-          [L, s(e).resultViewType === "table"]
+          [F, s(e).resultViewType === "table"]
         ])
       ])
-    ])) : m("", !0);
+    ])) : v("", !0);
   }
-}), Cs = { key: 2 }, ws = /* @__PURE__ */ g({
+}), ks = { key: 2 }, fs = /* @__PURE__ */ g({
   __name: "SurveyResultsRow",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r($, null, [
-      h((l(), r("tr", {
+    return T(() => t.model), (e, o) => (l(), d($, null, [
+      h((l(), d("tr", {
         onClick: o[0] || (o[0] = (...n) => e.model.toggle && e.model.toggle(...n))
       }, [
         a("td", {
           class: "svd-dark-border-color",
-          style: F({ paddingLeft: e.model.textMargin })
+          style: K({ paddingLeft: e.model.textMargin })
         }, [
-          e.model.isNode ? (l(), r("span", {
+          e.model.isNode ? (l(), d("span", {
             key: 0,
             class: _(["svd-test-results__marker", { "svd-test-results__marker--expanded": !e.model.collapsed }]),
-            style: F({ left: e.model.markerMargin })
+            style: K({ left: e.model.markerMargin })
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-expand_16x16",
               size: 16
             })
-          ], 6)) : m("", !0),
-          e.model.question ? (l(), C(s(c), {
+          ], 6)) : v("", !0),
+          e.model.question ? (l(), q(s(c), {
             key: 1,
             is: "survey-string",
             locString: e.model.question.locTitle
-          }, null, 8, ["locString"])) : (l(), r("span", Cs, k(e.model.title), 1))
+          }, null, 8, ["locString"])) : (l(), d("span", ks, f(e.model.title), 1))
         ], 4),
         a("td", {
           class: _({
             "svd-test-results__node-value": e.model.isNode,
             "svd-dark-border-color": !e.model.isNode
           })
-        }, k(e.model.getString(e.model.displayValue)), 3)
+        }, f(e.model.getString(e.model.displayValue)), 3)
       ])), [
         [s(N)]
       ]),
-      e.model.isNode && !e.model.collapsed ? (l(!0), r($, { key: 0 }, R(e.model.data, (n, i) => (l(), C(s(c), {
+      e.model.isNode && !e.model.collapsed ? (l(!0), d($, { key: 0 }, R(e.model.data, (n, i) => (l(), q(s(c), {
         is: "survey-results-table-row",
         model: n,
         key: i + 1
-      }, null, 8, ["model"]))), 128)) : m("", !0)
+      }, null, 8, ["model"]))), 128)) : v("", !0)
     ], 64));
   }
-}), ks = { class: "svc-creator-tab__content" }, fs = { class: "svc-json-editor-tab__content" }, $s = { class: "svc-json-editor-tab__errros_list" }, Ts = /* @__PURE__ */ g({
+}), ws = { class: "svc-creator-tab__content" }, $s = { class: "svc-json-editor-tab__content" }, Ts = { class: "svc-json-editor-tab__errros_list" }, Ds = /* @__PURE__ */ g({
   __name: "JsonEditorAce",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = I();
-    return T(() => t.model), B(() => t.model.init(window.ace.edit(e.value))), (o, n) => (l(), r("div", ks, [
-      a("div", fs, [
+    const t = u, e = E();
+    return T(() => t.model), B(() => t.model.init(window.ace.edit(e.value))), (o, n) => (l(), d("div", ws, [
+      a("div", $s, [
         a("div", {
           class: "svc-json-editor-tab__ace-editor",
           ref_key: "inputEl",
           ref: e
         }, null, 512),
-        h(a("div", $s, [
-          p(s(c), {
+        h(a("div", Ts, [
+          m(s(c), {
             is: "sv-list",
             model: o.model.errorList
           }, null, 8, ["model"])
         ], 512), [
-          [L, o.model.hasErrors]
+          [F, o.model.hasErrors]
         ])
       ])
     ]));
   }
-}), Ds = { class: "svc-creator-tab__content" }, Ns = { class: "svc-json-editor-tab__content" }, Ms = ["aria-label", "disabled"], Ss = { class: "svc-json-editor-tab__errros_list" }, Es = /* @__PURE__ */ g({
+}), Ns = { class: "svc-creator-tab__content" }, Ms = { class: "svc-json-editor-tab__content" }, Ss = ["aria-label", "disabled"], Is = { class: "svc-json-editor-tab__errros_list" }, Es = /* @__PURE__ */ g({
   __name: "JsonEditorTextArea",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = I(), o = t.model;
+    const t = u, e = E(), o = t.model;
     return o.canShowErrors = !1, T(() => t.model), B(() => {
       const n = t.model;
       n.textElement = e.value;
-    }), (n, i) => (l(), r("div", Ds, [
-      a("div", Ns, [
+    }), (n, i) => (l(), d("div", Ns, [
+      a("div", Ms, [
         h(a("textarea", {
           class: "svc-json-editor-tab__content-area",
           "aria-label": s(o).ariaLabel,
           disabled: s(o).readOnly,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => s(o).text = d),
-          onKeydown: i[1] || (i[1] = (d) => s(o).checkKey(s(o), d)),
+          "onUpdate:modelValue": i[0] || (i[0] = (r) => s(o).text = r),
+          onKeydown: i[1] || (i[1] = (r) => s(o).checkKey(s(o), r)),
           ref_key: "inputEl",
           ref: e
-        }, "      ", 40, Ms), [
-          [de, s(o).text]
+        }, "      ", 40, Ss), [
+          [ue, s(o).text]
         ]),
-        h(a("div", Ss, [
-          p(s(c), {
+        h(a("div", Is, [
+          m(s(c), {
             is: "sv-list",
             model: s(o).errorList
           }, null, 8, ["model"])
         ], 512), [
-          [L, s(o).hasErrors]
+          [F, s(o).hasErrors]
         ])
       ])
     ]));
   }
-}), Is = { class: "svc-json-error__container" }, Bs = { class: "svc-json-error__title" }, Ps = ["title", "aria-label"], Rs = /* @__PURE__ */ g({
+}), Bs = { class: "svc-json-error__container" }, Ps = { class: "svc-json-error__title" }, Rs = ["title", "aria-label"], Vs = /* @__PURE__ */ g({
   __name: "JsonEditorErrorItem",
   props: {
     item: {}
@@ -953,21 +960,21 @@ const us = {
     const e = (o) => {
       o.stopPropagation(), t.item.data.fixError();
     };
-    return (o, n) => (l(), r($, null, [
-      p(s(c), {
+    return (o, n) => (l(), d($, null, [
+      m(s(c), {
         is: "sv-svg-icon",
         iconName: o.item.iconName,
         size: o.item.iconSize,
         class: _("svc-json-error__icon")
       }, null, 8, ["iconName", "size"]),
-      a("div", Is, [
-        a("div", Bs, [
-          p(s(c), {
+      a("div", Bs, [
+        a("div", Ps, [
+          m(s(c), {
             is: "survey-string",
             locString: o.item.locTitle
           }, null, 8, ["locString"])
         ]),
-        o.item.data.showFixButton ? h((l(), r("button", {
+        o.item.data.showFixButton ? h((l(), d("button", {
           key: 0,
           type: "button",
           onClick: e,
@@ -975,18 +982,18 @@ const us = {
           "aria-label": o.item.data.fixButtonTitle,
           class: "svc-json-error__fix-button"
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: o.item.data.fixButtonIcon,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 8, Ps)), [
+        ], 8, Rs)), [
           [s(N)]
-        ]) : m("", !0)
+        ]) : v("", !0)
       ])
     ], 64));
   }
-}), Vs = { class: "svc-btn__text" }, zs = /* @__PURE__ */ g({
+}), zs = { class: "svc-btn__text" }, As = /* @__PURE__ */ g({
   __name: "LogicAddButton",
   props: {
     model: {}
@@ -997,168 +1004,168 @@ const us = {
     const e = (o) => {
       o.stopPropagation(), t.model.action();
     };
-    return (o, n) => h((l(), r("div", {
+    return (o, n) => h((l(), d("div", {
       role: "button",
       class: _(["svc-logic-tab__content-action svc-btn", {
         "svc-logic-tab__content-action--disabled": o.model.enabled !== void 0 && !o.model.enabled
       }]),
       onClick: e
     }, [
-      a("span", Vs, k(o.model.title), 1)
+      a("span", zs, f(o.model.title), 1)
     ], 2)), [
       [s(N)]
     ]);
   }
-}), As = { class: "svc-creator-tab__content" }, Ls = {
+}), Ls = { class: "svc-creator-tab__content" }, Fs = {
   key: 0,
   class: "svc-logic-tab__content-empty"
-}, Fs = /* @__PURE__ */ g({
+}, Ks = /* @__PURE__ */ g({
   __name: "Logic",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", As, [
+    return T(() => t.model), (e, o) => (l(), d("div", Ls, [
       a("div", {
         class: _(["svc-plugin-tab__content svc-logic-tab__content", { "svc-logic-tab--empty": !e.model.hasItems }])
       }, [
-        p(s(Q), {
+        m(s(Q), {
           model: e.model.itemsSurvey
         }, null, 8, ["model"]),
-        e.model.hasItems ? m("", !0) : (l(), r("div", Ls, [
-          p(W, {
+        e.model.hasItems ? v("", !0) : (l(), d("div", Fs, [
+          m(W, {
             name: "logic",
             placeholderTitleText: e.model.placeholderTitleText,
             placeholderDescriptionText: e.model.placeholderDescriptionText
           }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"])
         ])),
-        e.model.readOnly ? m("", !0) : (l(), C(zs, {
+        e.model.readOnly ? v("", !0) : (l(), q(As, {
           key: 1,
           model: e.model.addNewButton
         }, null, 8, ["model"]))
       ], 2)
     ]));
   }
-}), Ks = ["id", "required", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Us = ["id"];
-ue.Instance.registerRenderer(
+}), Us = ["id", "required", "tabindex", "disabled", "role", "aria-required", "aria-label", "aria-invalid", "aria-describedby"], Hs = ["id"];
+ce.Instance.registerRenderer(
   "dropdown",
   "logicoperator",
   "sv-logic-operator"
 );
-const Hs = /* @__PURE__ */ g({
+const Os = /* @__PURE__ */ g({
   __name: "LogicOperator",
   props: {
     question: {}
   },
   setup(u) {
-    const t = u, e = I(), o = w(() => {
-      var v;
-      return (v = t.question.dropdownListModel) != null ? v : new qe(t.question);
+    const t = u, e = E(), o = k(() => {
+      var p;
+      return (p = t.question.dropdownListModel) != null ? p : new qe(t.question);
     });
-    H(t, e, (v) => {
-      fe(v);
+    H(t, e, (p) => {
+      $e(p);
     });
-    const n = (v) => {
+    const n = (p) => {
       var b;
-      (b = o.value) == null || b.onClick(v);
-    }, i = (v) => {
+      (b = o.value) == null || b.onClick(p);
+    }, i = (p) => {
       var b;
-      (b = o.value) == null || b.onClear(v);
-    }, d = (v) => {
+      (b = o.value) == null || b.onClear(p);
+    }, r = (p) => {
       var b;
-      (b = o.value) == null || b.keyHandler(v);
+      (b = o.value) == null || b.keyHandler(p);
     };
-    return (v, b) => (l(), r("div", {
-      class: _(v.question.cssClasses.selectWrapper)
+    return (p, b) => (l(), d("div", {
+      class: _(p.question.cssClasses.selectWrapper)
     }, [
-      v.question.isReadOnly ? m("", !0) : (l(), r($, { key: 0 }, [
+      p.question.isReadOnly ? v("", !0) : (l(), d($, { key: 0 }, [
         a("div", {
-          class: _(v.question.getControlClass()),
+          class: _(p.question.getControlClass()),
           onClick: n,
-          onKeyup: d,
-          id: v.question.inputId,
-          required: v.question.isRequired,
-          tabindex: v.question.isInputReadOnly ? void 0 : 0,
-          disabled: v.question.isInputReadOnly,
-          role: v.question.ariaRole,
-          "aria-required": v.question.ariaRequired,
-          "aria-label": v.question.ariaLabel,
-          "aria-invalid": v.question.ariaInvalid,
-          "aria-describedby": v.question.ariaDescribedBy
+          onKeyup: r,
+          id: p.question.inputId,
+          required: p.question.isRequired,
+          tabindex: p.question.isInputReadOnly ? void 0 : 0,
+          disabled: p.question.isInputReadOnly,
+          role: p.question.ariaRole,
+          "aria-required": p.question.ariaRequired,
+          "aria-label": p.question.ariaLabel,
+          "aria-invalid": p.question.ariaInvalid,
+          "aria-describedby": p.question.ariaDescribedBy
         }, [
           a("div", {
-            class: _(v.question.cssClasses.controlValue)
+            class: _(p.question.cssClasses.controlValue)
           }, [
-            v.question.selectedItemLocText ? (l(), C(s(c), {
+            p.question.selectedItemLocText ? (l(), q(s(c), {
               key: 0,
               is: "survey-string",
-              locString: v.question.selectedItemLocText
-            }, null, 8, ["locString"])) : m("", !0),
-            a("div", null, k(v.question.readOnlyText), 1)
+              locString: p.question.selectedItemLocText
+            }, null, 8, ["locString"])) : v("", !0),
+            a("div", null, f(p.question.readOnlyText), 1)
           ], 2),
-          v.question.allowClear && v.question.cssClasses.cleanButtonIconId ? h((l(), r("div", {
+          p.question.allowClear && p.question.cssClasses.cleanButtonIconId ? h((l(), d("div", {
             key: 0,
-            class: _(v.question.cssClasses.cleanButton),
+            class: _(p.question.cssClasses.cleanButton),
             onClick: i
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
-              class: _(v.question.cssClasses.cleanButtonSvg),
-              iconName: v.question.cssClasses.cleanButtonIconId,
+              class: _(p.question.cssClasses.cleanButtonSvg),
+              iconName: p.question.cssClasses.cleanButtonIconId,
               size: "auto",
-              title: v.question.clearCaption
+              title: p.question.clearCaption
             }, null, 8, ["class", "iconName", "title"])
           ], 2)), [
-            [L, !v.question.isEmpty()]
-          ]) : m("", !0)
-        ], 42, Ks),
-        p(s(c), {
+            [F, !p.question.isEmpty()]
+          ]) : v("", !0)
+        ], 42, Us),
+        m(s(c), {
           is: "sv-popup",
-          model: v.question.popupModel
+          model: p.question.popupModel
         }, null, 8, ["model"])
       ], 64)),
-      v.question.isReadOnly ? (l(), r("div", {
+      p.question.isReadOnly ? (l(), d("div", {
         key: 1,
         disabled: "",
-        class: _(v.question.getControlClass()),
-        id: v.question.inputId
+        class: _(p.question.getControlClass()),
+        id: p.question.inputId
       }, [
-        v.question.selectedItemLocText ? (l(), C(s(c), {
+        p.question.selectedItemLocText ? (l(), q(s(c), {
           key: 0,
           is: "survey-string",
-          locString: v.question.selectedItemLocText
-        }, null, 8, ["locString"])) : m("", !0),
-        a("div", null, k(v.question.readOnlyText), 1)
-      ], 10, Us)) : m("", !0)
+          locString: p.question.selectedItemLocText
+        }, null, 8, ["locString"])) : v("", !0),
+        a("div", null, f(p.question.readOnlyText), 1)
+      ], 10, Hs)) : v("", !0)
     ], 2));
   }
-}), Os = /* @__PURE__ */ g({
+}), Qs = /* @__PURE__ */ g({
   __name: "EmbeddedSurvey",
   props: {
     question: {}
   },
   setup(u) {
-    const t = u, e = I();
+    const t = u, e = E();
     H(t, e);
-    const o = w(() => t.question.embeddedSurvey);
-    return (n, i) => !!n.question && !!o.value && o.value.currentPage ? (l(), C(s(c), {
+    const o = k(() => t.question.embeddedSurvey);
+    return (n, i) => !!n.question && !!o.value && o.value.currentPage ? (l(), q(s(c), {
       key: 0,
       is: "survey-page",
       page: o.value.currentPage,
       survey: o.value
-    }, null, 8, ["page", "survey"])) : m("", !0);
+    }, null, 8, ["page", "survey"])) : v("", !0);
   }
-}), Qs = /* @__PURE__ */ g({
+}), Gs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "LinkValue",
   props: {
     question: {}
   },
   setup(u) {
-    const t = u, e = I(), o = ce.getString("pe.clear");
-    return H(t, e), (n, i) => (l(), r($, null, [
-      p(s(c), {
+    const t = u, e = E(), o = ve.getString("pe.clear");
+    return H(t, e), (n, i) => (l(), d($, null, [
+      m(s(c), {
         is: "svc-action-button",
         text: n.question.linkValueText,
         click: n.question.doLinkClick.bind(n.question),
@@ -1168,7 +1175,7 @@ const Hs = /* @__PURE__ */ g({
         title: n.question.tooltip,
         iconName: n.question.iconName
       }, null, 8, ["text", "click", "selected", "disabled", "classes", "title", "iconName"]),
-      !n.question.isReadOnly && n.question.showClear ? (l(), C(s(c), {
+      !n.question.isReadOnly && n.question.showClear ? (l(), q(s(c), {
         key: 0,
         is: "svc-action-button",
         text: s(o),
@@ -1176,37 +1183,37 @@ const Hs = /* @__PURE__ */ g({
         selected: n.question.isSelected,
         disabled: !1,
         classes: n.question.linkClearButtonCssClasses
-      }, null, 8, ["text", "click", "selected", "classes"])) : m("", !0)
+      }, null, 8, ["text", "click", "selected", "classes"])) : v("", !0)
     ], 64));
   }
-}), Gs = {
+}), Ws = {
   key: 1,
   class: "st-content"
-}, Ws = { class: "svc-flex-column st-strings-wrapper" }, js = { class: "svc-flex-row st-strings-header" }, Js = { class: "svc-flex-row svc-plugin-tab__content st-strings" }, Zs = /* @__PURE__ */ g({
+}, js = { class: "svc-flex-column st-strings-wrapper" }, Js = { class: "svc-flex-row st-strings-header" }, Zs = { class: "svc-flex-row svc-plugin-tab__content st-strings" }, Xs = /* @__PURE__ */ g({
   __name: "Translation",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", {
+    return T(() => t.model), (e, o) => (l(), d("div", {
       class: _(["svc-creator-tab__content svc-translation-tab", e.model.isEmpty ? "svc-translation-tab--empty" : ""])
     }, [
-      e.model.isEmpty ? (l(), C(W, {
+      e.model.isEmpty ? (l(), q(W, {
         key: 0,
         name: "translation",
         placeholderTitleText: e.model.placeholderTitleText,
         placeholderDescriptionText: e.model.placeholderDescriptionText
-      }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"])) : m("", !0),
-      e.model.isEmpty ? m("", !0) : (l(), r("div", Gs, [
-        a("div", Ws, [
-          a("div", js, [
-            p(s(Q), {
+      }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"])) : v("", !0),
+      e.model.isEmpty ? v("", !0) : (l(), d("div", Ws, [
+        a("div", js, [
+          a("div", Js, [
+            m(s(Q), {
               model: e.model.stringsHeaderSurvey
             }, null, 8, ["model"])
           ]),
-          a("div", Js, [
-            p(s(Q), {
+          a("div", Zs, [
+            m(s(Q), {
               model: e.model.stringsSurvey
             }, null, 8, ["model"])
           ])
@@ -1214,95 +1221,95 @@ const Hs = /* @__PURE__ */ g({
       ]))
     ], 2));
   }
-}), Xs = (u, t) => {
+}), Ys = (u, t) => {
   const e = u.__vccOpts || u;
   for (const [o, n] of t)
     e[o] = n;
   return e;
-}, Ys = {}, xs = { class: "sd-translation-line-skeleton" };
-function et(u, t) {
-  return l(), r("div", xs);
+}, xs = {}, et = { class: "sd-translation-line-skeleton" };
+function ot(u, t) {
+  return l(), d("div", et);
 }
-const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
+const st = /* @__PURE__ */ Ys(xs, [["render", ot]]), tt = /* @__PURE__ */ g({
   __name: "TranslateFromAction",
   props: {
     item: {}
   },
   setup(u) {
-    return (t, e) => (l(), r("div", {
+    return (t, e) => (l(), d("div", {
       class: _(t.item.data.containerCss)
     }, [
       a("span", {
         class: _(t.item.data.additionalTitleCss)
-      }, k(t.item.data.additionalTitle), 3),
-      p(s(c), {
+      }, f(t.item.data.additionalTitle), 3),
+      m(s(c), {
         is: "sv-action-bar-item-dropdown",
         item: t.item
       }, null, 8, ["item"])
     ], 2));
   }
-}), tt = {
+}), nt = {
   key: 0,
   class: "svc-test-tab--empty"
-}, nt = {
+}, lt = {
   key: 1,
   class: "svc-plugin-tab__content"
-}, lt = {
+}, it = {
   key: 2,
   class: "svc-plugin-tab__content-actions svc-test-tab__content-actions"
-}, it = /* @__PURE__ */ g({
+}, at = /* @__PURE__ */ g({
   __name: "Theme",
   props: {
     model: {}
   },
   setup(u) {
     const t = u;
-    return T(() => t.model), (e, o) => (l(), r("div", {
+    return T(() => t.model), (e, o) => (l(), d("div", {
       class: _(["svc-creator-tab__content svc-test-tab__content", {
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
     }, [
-      e.model.survey.isEmpty ? (l(), r("div", tt, [
-        p(W, {
+      e.model.survey.isEmpty ? (l(), d("div", nt, [
+        m(W, {
           name: "theme",
           placeholderTitleText: e.model.placeholderTitleText,
           placeholderDescriptionText: e.model.placeholderDescriptionText
         }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"])
-      ])) : m("", !0),
-      e.model.survey.isEmpty ? m("", !0) : (l(), r("div", nt, [
-        p(s(c), {
+      ])) : v("", !0),
+      e.model.survey.isEmpty ? v("", !0) : (l(), d("div", lt, [
+        m(s(c), {
           is: "survey-simulator",
           model: e.model.simulator
         }, null, 8, ["model"]),
-        e.model.showResults ? (l(), C(s(c), {
+        e.model.showResults ? (l(), q(s(c), {
           key: 0,
           is: "survey-results",
           survey: e.model.survey
-        }, null, 8, ["survey"])) : m("", !0)
+        }, null, 8, ["survey"])) : v("", !0)
       ])),
-      e.model.isPageToolbarVisible ? (l(), r("div", lt, [
-        p(s(c), {
+      e.model.isPageToolbarVisible ? (l(), d("div", it, [
+        m(s(c), {
           is: "sv-action-bar",
           model: e.model.pages
         }, null, 8, ["model"])
-      ])) : m("", !0)
+      ])) : v("", !0)
     ], 2));
   }
-}), at = ["disabled", "value"], rt = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], dt = /* @__PURE__ */ g({
+}), rt = ["disabled", "value"], dt = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], ut = /* @__PURE__ */ g({
   __name: "Color",
   props: {
     question: {}
   },
   setup(u) {
-    return H(u, I()), (e, o) => (l(), r("div", {
+    return H(u, E()), (e, o) => (l(), d("div", {
       class: _(e.question.cssClasses.root),
       onKeydown: o[5] || (o[5] = (...n) => e.question.onKeyDown && e.question.onKeyDown(...n))
     }, [
       a("label", {
         class: _(e.question.getSwatchCss()),
-        style: F(e.question.getSwatchStyle())
+        style: K(e.question.getSwatchStyle())
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           iconName: e.question.cssClasses.swatchIcon,
           size: "auto"
@@ -1314,7 +1321,7 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
           value: e.question.renderedColorValue,
           tabindex: "-1",
           onChange: o[0] || (o[0] = (...n) => e.question.onColorInputChange && e.question.onColorInputChange(...n))
-        }, null, 42, at)
+        }, null, 42, rt)
       ], 6),
       a("input", {
         autocomplete: "off",
@@ -1331,20 +1338,20 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
         onBeforeinput: o[4] || (o[4] = (...n) => e.question.onBeforeInput && e.question.onBeforeInput(...n)),
         value: e.question.renderedValue,
         class: _(e.question.cssClasses.control)
-      }, null, 42, rt),
-      e.question.showDropdownAction ? (l(), r($, { key: 0 }, [
-        p(s(c), {
+      }, null, 42, dt),
+      e.question.showDropdownAction ? (l(), d($, { key: 0 }, [
+        m(s(c), {
           is: "sv-action-bar-item",
           item: e.question.dropdownAction
         }, null, 8, ["item"]),
-        p(s(c), {
+        m(s(c), {
           is: "sv-popup",
           model: e.question.dropdownAction.popupModel
         }, null, 8, ["model"])
-      ], 64)) : m("", !0)
+      ], 64)) : v("", !0)
     ], 34));
   }
-}), ut = /* @__PURE__ */ g({
+}), ct = /* @__PURE__ */ g({
   __name: "ColorItem",
   props: {
     item: {}
@@ -1353,25 +1360,25 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
     const t = u;
     T(() => t.item);
     const e = () => ({ backgroundColor: t.item.value });
-    return (o, n) => (l(), r($, null, [
+    return (o, n) => (l(), d($, null, [
       a("span", {
         class: "spg-color-editor__color-swatch",
-        style: F(e())
+        style: K(e())
       }, null, 4),
-      p(s(c), {
+      m(s(c), {
         is: "survey-string",
         locString: o.item.locTitle
       }, null, 8, ["locString"])
     ], 64));
   }
-}), ct = ["disabled", "value", "placeholder"], vt = ["disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "title", "accept"], pt = ["disabled"], mt = ["for", "aria-label"], _t = /* @__PURE__ */ g({
+}), vt = ["disabled", "value", "placeholder"], pt = ["disabled", "id", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "title", "accept"], mt = ["disabled"], _t = ["for", "aria-label"], gt = /* @__PURE__ */ g({
   __name: "File",
   props: {
     question: {}
   },
   setup(u) {
-    const t = I();
-    return H(u, t), (o, n) => (l(), r("div", {
+    const t = E();
+    return H(u, t), (o, n) => (l(), d("div", {
       class: _(o.question.cssClasses.root),
       onDragenter: n[5] || (n[5] = (...i) => o.question.onDragEnter && o.question.onDragEnter(...i)),
       onDragover: n[6] || (n[6] = (...i) => o.question.onDragOver && o.question.onDragOver(...i)),
@@ -1389,7 +1396,7 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
         onChange: n[0] || (n[0] = (...i) => o.question.onInputChange && o.question.onInputChange(...i)),
         onBlur: n[1] || (n[1] = (...i) => o.question.onInputBlur && o.question.onInputBlur(...i)),
         placeholder: o.question.renderedPlaceholder
-      }, null, 42, ct),
+      }, null, 42, vt),
       a("input", {
         type: "file",
         disabled: o.question.isInputReadOnly,
@@ -1404,51 +1411,51 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
         tabindex: -1,
         accept: o.question.acceptedTypes,
         onChange: n[2] || (n[2] = (...i) => o.question.onFileInputChange && o.question.onFileInputChange(...i))
-      }, null, 42, vt),
+      }, null, 42, pt),
       a("div", {
         class: _(o.question.cssClasses.buttonsContainer)
       }, [
-        h((l(), r("button", {
+        h((l(), d("button", {
           type: "button",
           class: _(o.question.cssClasses.clearButton),
           disabled: o.question.getIsClearButtonDisabled(),
           onClick: n[3] || (n[3] = (...i) => o.question.doClean && o.question.doClean(...i))
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: o.question.cssClasses.clearButtonIcon,
             size: "auto",
             title: o.question.clearButtonCaption
           }, null, 8, ["iconName", "title"])
-        ], 10, pt)), [
+        ], 10, mt)), [
           [s(N)]
         ]),
-        h((l(), r("label", {
+        h((l(), d("label", {
           role: "button",
           class: _(o.question.getChooseButtonCss()),
           for: o.question.inputId,
           "aria-label": o.question.chooseButtonCaption,
           onClick: n[4] || (n[4] = (...i) => o.question.chooseFiles && o.question.chooseFiles(...i))
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: o.question.cssClasses.chooseButtonIcon,
             size: "auto",
             title: o.question.chooseButtonCaption
           }, null, 8, ["iconName", "title"])
-        ], 10, mt)), [
+        ], 10, _t)), [
           [s(N)]
         ])
       ], 2)
     ], 34));
   }
-}), gt = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], bt = ["disabled"], yt = ["disabled"], ht = /* @__PURE__ */ g({
+}), bt = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], yt = ["disabled"], ht = ["disabled"], Ct = /* @__PURE__ */ g({
   __name: "SpinEditor",
   props: {
     question: {}
   },
   setup(u) {
-    return H(u, I()), (e, o) => (l(), r("div", {
+    return H(u, E()), (e, o) => (l(), d("div", {
       class: _(e.question.cssClasses.root),
       onKeydown: o[16] || (o[16] = (...n) => e.question.onKeyDown && e.question.onKeyDown(...n))
     }, [
@@ -1469,7 +1476,7 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
         onBeforeinput: o[5] || (o[5] = (...n) => e.question.onBeforeInput && e.question.onBeforeInput(...n)),
         value: e.question.renderedValue,
         class: _(e.question.cssClasses.control)
-      }, null, 42, gt),
+      }, null, 42, bt),
       a("span", {
         class: _(e.question.cssClasses.buttonsContainer)
       }, [
@@ -1483,12 +1490,12 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
           onFocus: o[10] || (o[10] = (...n) => e.question.onFocus && e.question.onFocus(...n)),
           tabindex: "-1"
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: e.question.cssClasses.decreaseButtonIcon,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 42, bt),
+        ], 42, yt),
         a("button", {
           disabled: e.question.isInputReadOnly,
           class: _(e.question.cssClasses.arrowButton),
@@ -1499,12 +1506,12 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
           onFocus: o[15] || (o[15] = (...n) => e.question.onFocus && e.question.onFocus(...n)),
           tabindex: "-1"
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: e.question.cssClasses.increaseButtonIcon,
             size: "auto"
           }, null, 8, ["iconName"])
-        ], 42, yt)
+        ], 42, ht)
       ], 2)
     ], 34));
   }
@@ -1515,10 +1522,10 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = () => "survey-" + t.question.wrappedQuestionTemplate;
-    return H(t, I()), (o, n) => (l(), r("div", {
+    return H(t, E()), (o, n) => (l(), d("div", {
       class: _(o.question.getRootClass())
     }, [
-      p(s(c), {
+      m(s(c), {
         is: e(),
         question: o.question
       }, null, 8, ["is", "question"]),
@@ -1528,7 +1535,7 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
         onClick: n[0] || (n[0] = (...i) => o.question.resetValueAdorner.resetValue && o.question.resetValueAdorner.resetValue(...i)),
         title: o.question.resetValueAdorner.caption
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           iconName: o.question.cssClasses.resetButtonIcon,
           size: "auto"
@@ -1536,32 +1543,32 @@ const ot = /* @__PURE__ */ Xs(Ys, [["render", et]]), st = /* @__PURE__ */ g({
       ], 10, qt)
     ], 2));
   }
-}), Ct = ["aria-required", "aria-label", "aria-invalid", "aria-errormessage"], wt = { class: "spg-boolean-switch__caption" }, kt = { class: "spg-boolean-switch__title" };
-ue.Instance.registerRenderer(
+}), kt = ["aria-required", "aria-label", "aria-invalid", "aria-errormessage"], ft = { class: "spg-boolean-switch__caption" }, wt = { class: "spg-boolean-switch__title" };
+ce.Instance.registerRenderer(
   "boolean",
   "switch",
   "sv-boolean-switch"
 );
-const ft = /* @__PURE__ */ g({
+const $t = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "BooleanSwitch",
   props: {
     question: {}
   },
   setup(u) {
-    const t = u, e = I(null);
+    const t = u, e = E(null);
     return H(t, e), (o, n) => {
       const i = x("key2click");
-      return l(), r("div", {
+      return l(), d("div", {
         class: "spg-boolean-switch",
         role: "checkbox",
         "aria-required": o.question.ariaRequired,
         "aria-label": o.question.ariaLabel,
         "aria-invalid": o.question.ariaInvalid,
         "aria-errormessage": o.question.ariaErrormessage,
-        onClick: n[0] || (n[0] = (d) => o.question.value = !o.question.value)
+        onClick: n[0] || (n[0] = (r) => o.question.value = !o.question.value)
       }, [
-        h((l(), r("div", {
+        h((l(), d("div", {
           class: _(["spg-boolean-switch__button", o.question.value ? "spg-boolean-switch__button--checked" : ""]),
           tabindex: "0"
         }, n[1] || (n[1] = [
@@ -1574,131 +1581,131 @@ const ft = /* @__PURE__ */ g({
         ]), 2)), [
           [i, { disableTabStop: !0 }]
         ]),
-        a("div", wt, [
-          a("div", kt, [
-            p(s(c), {
+        a("div", ft, [
+          a("div", wt, [
+            m(s(c), {
               is: "survey-string",
               locString: o.question.locTitle
             }, null, 8, ["locString"])
           ])
         ])
-      ], 8, Ct);
+      ], 8, kt);
     };
   }
-}), $t = { class: "svc-string-editor__content" }, Tt = { class: "svc-string-editor__input" }, Dt = ["textContent", "aria-placeholder", "contenteditable"], Nt = ["aria-placeholder", "contenteditable", "innerHTML"], Mt = {
+}), Tt = { class: "svc-string-editor__content" }, Dt = { class: "svc-string-editor__input" }, Nt = ["textContent", "aria-placeholder", "contenteditable"], Mt = ["aria-placeholder", "contenteditable", "innerHTML"], St = {
   key: 0,
   class: "svc-string-editor__error"
-}, St = /* @__PURE__ */ g({
+}, It = /* @__PURE__ */ g({
   __name: "StringEditor",
   props: {
     locString: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.locString.locStr), o = w(() => t.locString.creator), n = I(), i = I(), d = z(
+    const t = u, e = k(() => t.locString.locStr), o = k(() => t.locString.creator), n = E(), i = E(), r = z(
       () => {
-        const q = new $e(
+        const C = new Te(
           e.value,
           o.value
         );
-        return q.setLocString(e.value), q.blurEditor = () => {
+        return C.setLocString(e.value), C.blurEditor = () => {
           n.value && (n.value.blur(), n.value.spellcheck = !1);
-        }, q.getEditorElement = () => n.value, setTimeout(() => q.afterRender()), q;
+        }, C.getEditorElement = () => n.value, setTimeout(() => C.afterRender()), C;
       },
       [() => o.value, () => e.value],
-      (q) => {
-        q && (q.blurEditor = void 0, q.getEditorElement = void 0, q.dispose());
+      (C) => {
+        C && (C.blurEditor = void 0, C.getEditorElement = void 0, C.dispose());
       }
-    ), v = w(() => {
-      var q;
-      return (q = d.value) == null ? void 0 : q.errorText;
-    }), b = w(() => {
-      var q;
-      return (q = d.value) == null ? void 0 : q.className(e.value.renderedHtml);
-    }), y = w(() => {
-      var q;
-      return (q = d.value) == null ? void 0 : q.placeholder;
-    }), D = w(() => {
-      var q;
-      return (q = d.value) == null ? void 0 : q.contentEditable;
-    }), O = w(() => {
-      var q;
-      return (q = d.value) == null ? void 0 : q.characterCounter;
-    }), P = w(
+    ), p = k(() => {
+      var C;
+      return (C = r.value) == null ? void 0 : C.errorText;
+    }), b = k(() => {
+      var C;
+      return (C = r.value) == null ? void 0 : C.className(e.value.renderedHtml);
+    }), y = k(() => {
+      var C;
+      return (C = r.value) == null ? void 0 : C.placeholder;
+    }), D = k(() => {
+      var C;
+      return (C = r.value) == null ? void 0 : C.contentEditable;
+    }), O = k(() => {
+      var C;
+      return (C = r.value) == null ? void 0 : C.characterCounter;
+    }), P = k(
       () => {
-        var q;
-        return (q = d.value) == null ? void 0 : q.showCharacterCounter;
+        var C;
+        return (C = r.value) == null ? void 0 : C.showCharacterCounter;
       }
-    ), A = w(
+    ), A = k(
       () => {
-        var q;
-        return (q = d.value) == null ? void 0 : q.getCharacterCounterClass;
+        var C;
+        return (C = r.value) == null ? void 0 : C.getCharacterCounterClass;
       }
-    ), j = (q) => {
-      var f, E;
-      return n.value && (n.value.spellcheck = !1), e.value.__isEditing = !1, (f = d.value) == null || f.onBlur(q), (E = d.value) == null ? void 0 : E.errorText;
-    }, U = (q) => {
-      var f;
-      (f = d.value) == null || f.onFocus(q);
-    }, pe = (q) => {
-      var f;
-      (f = d.value) == null || f.onPaste(q);
-    }, ne = (q) => {
-      var f, E;
-      (f = n.value) == null || f.focus(), e.value.__isEditing = !0, (E = d.value) == null || E.onClick(q);
+    ), j = (C) => {
+      var w, I;
+      return n.value && (n.value.spellcheck = !1), e.value.__isEditing = !1, (w = r.value) == null || w.onBlur(C), (I = r.value) == null ? void 0 : I.errorText;
+    }, U = (C) => {
+      var w;
+      (w = r.value) == null || w.onFocus(C);
+    }, me = (C) => {
+      var w;
+      (w = r.value) == null || w.onPaste(C);
+    }, ne = (C) => {
+      var w, I;
+      (w = n.value) == null || w.focus(), e.value.__isEditing = !0, (I = r.value) == null || I.onClick(C);
     }, J = () => {
       i.value = e.value.renderedHtml;
-    }, me = G(
+    }, _e = G(
       () => e.value,
-      (q, f) => {
-        f && q.onStringChanged.remove(J), q && (q.onStringChanged.add(J), J());
+      (C, w) => {
+        w && C.onStringChanged.remove(J), C && (C.onStringChanged.add(J), J());
       },
       {
         immediate: !0
       }
     );
     return B(() => {
-      var q;
-      e.value.__isEditing && ((q = n.value) == null || q.focus());
-    }), K(() => {
-      me(), e.value.onStringChanged.remove(J);
-    }), (q, f) => (l(), r("span", {
+      var C;
+      e.value.__isEditing && ((C = n.value) == null || C.focus());
+    }), L(() => {
+      _e(), e.value.onStringChanged.remove(J);
+    }), (C, w) => (l(), d("span", {
       class: _(b.value)
     }, [
-      a("span", $t, [
-        f[11] || (f[11] = a("div", { class: "svc-string-editor__border svc-string-editor__border--hover" }, null, -1)),
-        f[12] || (f[12] = a("div", { class: "svc-string-editor__border svc-string-editor__border--focus" }, null, -1)),
-        a("span", Tt, [
-          e.value.hasHtml ? m("", !0) : (l(), r("span", {
+      a("span", Tt, [
+        w[11] || (w[11] = a("div", { class: "svc-string-editor__border svc-string-editor__border--hover" }, null, -1)),
+        w[12] || (w[12] = a("div", { class: "svc-string-editor__border svc-string-editor__border--focus" }, null, -1)),
+        a("span", Dt, [
+          e.value.hasHtml ? v("", !0) : (l(), d("span", {
             key: 0,
             role: "textbox",
             class: "sv-string-editor",
             spellcheck: "false",
             onFocus: U,
-            onPaste: pe,
+            onPaste: me,
             onBlur: j,
-            onInput: f[0] || (f[0] = (...E) => {
+            onInput: w[0] || (w[0] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onInput) && ((S = s(d)) == null ? void 0 : S.onInput(...E));
+              return ((M = s(r)) == null ? void 0 : M.onInput) && ((S = s(r)) == null ? void 0 : S.onInput(...I));
             }),
-            onKeydown: f[1] || (f[1] = (...E) => {
+            onKeydown: w[1] || (w[1] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onKeyDown) && ((S = s(d)) == null ? void 0 : S.onKeyDown(...E));
+              return ((M = s(r)) == null ? void 0 : M.onKeyDown) && ((S = s(r)) == null ? void 0 : S.onKeyDown(...I));
             }),
-            onKeyup: f[2] || (f[2] = (...E) => {
+            onKeyup: w[2] || (w[2] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onKeyUp) && ((S = s(d)) == null ? void 0 : S.onKeyUp(...E));
+              return ((M = s(r)) == null ? void 0 : M.onKeyUp) && ((S = s(r)) == null ? void 0 : S.onKeyUp(...I));
             }),
-            onCompositionstart: f[3] || (f[3] = (...E) => {
+            onCompositionstart: w[3] || (w[3] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onCompositionStart) && ((S = s(d)) == null ? void 0 : S.onCompositionStart(...E));
+              return ((M = s(r)) == null ? void 0 : M.onCompositionStart) && ((S = s(r)) == null ? void 0 : S.onCompositionStart(...I));
             }),
-            onCompositionend: f[4] || (f[4] = (...E) => {
+            onCompositionend: w[4] || (w[4] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onCompositionEnd) && ((S = s(d)) == null ? void 0 : S.onCompositionEnd(...E));
+              return ((M = s(r)) == null ? void 0 : M.onCompositionEnd) && ((S = s(r)) == null ? void 0 : S.onCompositionEnd(...I));
             }),
-            onMouseup: f[5] || (f[5] = (...E) => {
+            onMouseup: w[5] || (w[5] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onMouseUp) && ((S = s(d)) == null ? void 0 : S.onMouseUp(...E));
+              return ((M = s(r)) == null ? void 0 : M.onMouseUp) && ((S = s(r)) == null ? void 0 : S.onMouseUp(...I));
             }),
             onClick: ne,
             textContent: i.value,
@@ -1706,33 +1713,33 @@ const ft = /* @__PURE__ */ g({
             contenteditable: D.value,
             ref_key: "root",
             ref: n
-          }, null, 40, Dt)),
-          e.value.hasHtml ? (l(), r("span", {
+          }, null, 40, Nt)),
+          e.value.hasHtml ? (l(), d("span", {
             key: 1,
             role: "textbox",
             class: "sv-string-editor sv-string-editor--html",
             spellcheck: "false",
             onFocus: U,
             onBlur: j,
-            onKeydown: f[6] || (f[6] = (...E) => {
+            onKeydown: w[6] || (w[6] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onKeyDown) && ((S = s(d)) == null ? void 0 : S.onKeyDown(...E));
+              return ((M = s(r)) == null ? void 0 : M.onKeyDown) && ((S = s(r)) == null ? void 0 : S.onKeyDown(...I));
             }),
-            onKeyup: f[7] || (f[7] = (...E) => {
+            onKeyup: w[7] || (w[7] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onKeyUp) && ((S = s(d)) == null ? void 0 : S.onKeyUp(...E));
+              return ((M = s(r)) == null ? void 0 : M.onKeyUp) && ((S = s(r)) == null ? void 0 : S.onKeyUp(...I));
             }),
-            onCompositionstart: f[8] || (f[8] = (...E) => {
+            onCompositionstart: w[8] || (w[8] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onCompositionStart) && ((S = s(d)) == null ? void 0 : S.onCompositionStart(...E));
+              return ((M = s(r)) == null ? void 0 : M.onCompositionStart) && ((S = s(r)) == null ? void 0 : S.onCompositionStart(...I));
             }),
-            onCompositionend: f[9] || (f[9] = (...E) => {
+            onCompositionend: w[9] || (w[9] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onCompositionEnd) && ((S = s(d)) == null ? void 0 : S.onCompositionEnd(...E));
+              return ((M = s(r)) == null ? void 0 : M.onCompositionEnd) && ((S = s(r)) == null ? void 0 : S.onCompositionEnd(...I));
             }),
-            onMouseup: f[10] || (f[10] = (...E) => {
+            onMouseup: w[10] || (w[10] = (...I) => {
               var M, S;
-              return ((M = s(d)) == null ? void 0 : M.onMouseUp) && ((S = s(d)) == null ? void 0 : S.onMouseUp(...E));
+              return ((M = s(r)) == null ? void 0 : M.onMouseUp) && ((S = s(r)) == null ? void 0 : S.onMouseUp(...I));
             }),
             onClick: ne,
             "aria-placeholder": y.value,
@@ -1740,99 +1747,98 @@ const ft = /* @__PURE__ */ g({
             innerHTML: i.value,
             ref_key: "root",
             ref: n
-          }, null, 40, Nt)) : m("", !0),
-          P.value ? (l(), C(s(c), {
+          }, null, 40, Mt)) : v("", !0),
+          P.value ? (l(), q(s(c), {
             key: 2,
             is: "sv-character-counter",
             counter: O.value,
             remainingCharacterCounter: A.value
-          }, null, 8, ["counter", "remainingCharacterCounter"])) : m("", !0)
+          }, null, 8, ["counter", "remainingCharacterCounter"])) : v("", !0)
         ])
       ]),
-      v.value ? (l(), r("span", Mt, k(v.value), 1)) : m("", !0)
+      p.value ? (l(), d("span", St, f(p.value), 1)) : v("", !0)
     ], 2));
   }
 }), Et = {
   key: 0,
   class: "svc-toolbox__search-container"
-}, It = {
+}, Bt = {
   key: 1,
   class: "svc-toolbox__placeholder"
-}, Bt = {
+}, Pt = {
   key: 1,
   class: "svc-toolbox__category"
-}, Pt = /* @__PURE__ */ g({
+}, Rt = /* @__PURE__ */ g({
   __name: "AdaptiveToolbox",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.model.toolbox), o = I();
+    const t = u, e = k(() => t.model.toolbox), o = E();
     T(() => e.value);
     let n;
     B(() => {
-      e.value.setRootElement(o.value), n = new Ce(
+      e.value.setRootElement(o.value), n = new ke(
         e.value.containerElement,
-        e.value,
-        e.value.itemSelector
+        e.value
       );
-    }), K(() => {
+    }), L(() => {
       n == null || n.dispose(), e.value.setRootElement(void 0);
     });
-    const i = w(() => e.value.renderedActions);
-    return (d, v) => (l(), r("div", {
+    const i = k(() => e.value.renderedActions);
+    return (r, p) => (l(), d("div", {
       class: _(e.value.classNames),
       ref_key: "root",
       ref: o
     }, [
       a("div", {
-        onFocusout: v[0] || (v[0] = (b) => e.value.focusOut(b)),
+        onFocusout: p[0] || (p[0] = (b) => e.value.focusOut(b)),
         class: "svc-toolbox__panel"
       }, [
-        e.value.showSearch ? (l(), r("div", Et, [
-          e.value.isCompactRendered ? (l(), C(s(c), {
+        e.value.showSearch ? (l(), d("div", Et, [
+          e.value.isCompactRendered ? (l(), q(s(c), {
             is: "svc-toolbox-tool",
-            creator: d.model,
+            creator: r.model,
             key: "searchitem",
             item: e.value.searchItem,
             parentModel: e.value,
             isCompact: e.value.isCompactRendered
-          }, null, 8, ["creator", "item", "parentModel", "isCompact"])) : m("", !0),
-          p(s(c), {
+          }, null, 8, ["creator", "item", "parentModel", "isCompact"])) : v("", !0),
+          m(s(c), {
             is: "svc-search",
             model: e.value.searchManager
           }, null, 8, ["model"]),
-          v[1] || (v[1] = a("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1))
-        ])) : m("", !0),
-        e.value.showPlaceholder ? (l(), r("div", It, k(e.value.toolboxNoResultsFound), 1)) : m("", !0),
-        p(X, null, {
+          p[1] || (p[1] = a("div", { class: "svc-toolbox__category-separator svc-toolbox__category-separator--search" }, null, -1))
+        ])) : v("", !0),
+        e.value.showPlaceholder ? (l(), d("div", Bt, f(e.value.toolboxNoResultsFound), 1)) : v("", !0),
+        m(X, null, {
           default: Y(() => [
-            e.value.showInSingleCategory ? m("", !0) : (l(!0), r($, { key: 0 }, R(e.value.categories, (b, y) => (l(), C(s(c), {
+            e.value.showInSingleCategory ? v("", !0) : (l(!0), d($, { key: 0 }, R(e.value.categories, (b, y) => (l(), q(s(c), {
               is: "svc-toolbox-category",
               key: y,
               category: b,
               toolbox: e.value
             }, null, 8, ["category", "toolbox"]))), 128)),
-            e.value.showInSingleCategory ? (l(), r("div", Bt, [
-              (l(!0), r($, null, R(i.value, (b, y) => (l(), C(s(c), {
-                key: y,
+            e.value.showInSingleCategory ? (l(), d("div", Pt, [
+              (l(!0), d($, null, R(i.value, (b) => (l(), q(s(c), {
+                key: b.renderedId,
                 is: "svc-toolbox-tool",
-                creator: d.model,
+                creator: r.model,
                 item: b,
                 parentModel: e.value,
                 isCompact: e.value.isCompactRendered
               }, null, 8, ["creator", "item", "parentModel", "isCompact"]))), 128))
-            ])) : m("", !0)
+            ])) : v("", !0)
           ]),
           _: 1
         })
       ], 32)
     ], 2));
   }
-}), Rt = {
+}), Vt = {
   key: 0,
   class: "svc-toolbox__category-separator"
-}, Vt = /* @__PURE__ */ g({
+}, zt = /* @__PURE__ */ g({
   __name: "ToolboxTool",
   props: {
     creator: {},
@@ -1842,44 +1848,54 @@ const ft = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = z(
-      () => new Te(
+      () => new De(
         t.item,
         t.creator,
         t.parentModel
       ),
       [() => t.creator, () => t.item],
-      (o) => {
-        o.dispose();
+      (n) => {
+        n.dispose();
       }
-    );
-    return T(() => t.item), (o, n) => {
-      var i;
-      return l(), r("div", {
-        class: _(o.item.css)
+    ), o = E();
+    return B(() => {
+      const n = t.item;
+      n.updateModeCallback = (i, r) => {
+        n.mode = i, de(() => r(i, o.value));
+      }, n.afterRender();
+    }), L(() => {
+      const n = t.item;
+      n.updateModeCallback = void 0;
+    }), T(() => t.item), (n, i) => {
+      var r;
+      return l(), d("div", {
+        class: _(n.item.css),
+        ref_key: "root",
+        ref: o
       }, [
-        o.item.needSeparator && !o.creator.toolbox.showCategoryTitles ? (l(), r("div", Rt)) : m("", !0),
+        n.item.needSeparator && !n.creator.toolbox.showCategoryTitles ? (l(), d("div", Vt)) : v("", !0),
         a("div", {
           class: "svc-toolbox__tool-content sv-action__content",
-          onPointerdown: n[0] || (n[0] = (...d) => {
-            var v, b;
-            return ((v = s(e)) == null ? void 0 : v.onPointerDown) && ((b = s(e)) == null ? void 0 : b.onPointerDown(...d));
+          onPointerdown: i[0] || (i[0] = (...p) => {
+            var b, y;
+            return ((b = s(e)) == null ? void 0 : b.onPointerDown) && ((y = s(e)) == null ? void 0 : y.onPointerDown(...p));
           })
         }, [
-          p(s(c), {
+          m(s(c), {
             viewModel: s(e),
-            is: (i = s(e)) == null ? void 0 : i.itemComponent,
-            item: o.item,
-            creator: o.creator,
-            isCompact: o.isCompact
+            is: (r = s(e)) == null ? void 0 : r.itemComponent,
+            item: n.item,
+            creator: n.creator,
+            isCompact: n.isCompact
           }, null, 8, ["viewModel", "is", "item", "creator", "isCompact"])
         ], 32)
       ], 2);
     };
   }
-}), zt = ["aria-label", "title"], At = { class: "svc-toolbox__item-container" }, Lt = {
+}), At = ["aria-label", "title"], Lt = { class: "svc-toolbox__item-container" }, Ft = {
   key: 0,
   class: "svc-toolbox__item-title"
-}, Ft = /* @__PURE__ */ g({
+}, Kt = /* @__PURE__ */ g({
   __name: "ToolboxItem",
   props: {
     creator: {},
@@ -1888,43 +1904,43 @@ const ft = /* @__PURE__ */ g({
     viewModel: {}
   },
   setup(u) {
-    return (t, e) => (l(), r($, null, [
-      h((l(), r("div", {
+    return (t, e) => (l(), d($, null, [
+      h((l(), d("div", {
         class: _(["svc-toolbox__item", t.item.renderedCss]),
         role: "button",
         "aria-label": t.item.tooltip,
         title: t.item.tooltip,
         onClick: e[0] || (e[0] = (o) => t.viewModel.click(o))
       }, [
-        a("span", At, [
-          t.item.iconName ? (l(), C(s(c), {
+        a("span", Lt, [
+          t.item.iconName ? (l(), q(s(c), {
             key: 0,
             is: "sv-svg-icon",
             iconName: t.item.iconName,
             size: "auto",
             class: "svc-toolbox__item-icon"
-          }, null, 8, ["iconName"])) : m("", !0)
+          }, null, 8, ["iconName"])) : v("", !0)
         ]),
-        t.isCompact ? m("", !0) : (l(), r("span", Lt, k(t.item.title), 1))
-      ], 10, zt)), [
+        t.isCompact ? v("", !0) : (l(), d("span", Ft, f(t.item.title), 1))
+      ], 10, At)), [
         [s(N)]
       ]),
-      t.isCompact ? (l(), r("span", {
+      t.isCompact ? (l(), d("span", {
         key: 0,
         class: "svc-toolbox__item-banner",
         onClick: e[1] || (e[1] = (o) => t.viewModel.click(o))
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           iconName: t.item.iconName,
           size: 24,
           class: "svc-toolbox__item-icon"
         }, null, 8, ["iconName"]),
-        a("span", null, k(t.item.title), 1)
-      ])) : m("", !0)
+        a("span", null, f(t.item.title), 1)
+      ])) : v("", !0)
     ], 64));
   }
-}), Kt = /* @__PURE__ */ g({
+}), Ut = /* @__PURE__ */ g({
   __name: "ToolboxItemGroup",
   props: {
     creator: {},
@@ -1938,8 +1954,8 @@ const ft = /* @__PURE__ */ g({
     }, o = (n) => {
       t.viewModel.onMouseLeave(t.item, n);
     };
-    return (n, i) => (l(), r($, null, [
-      p(s(c), {
+    return (n, i) => (l(), d($, null, [
+      m(s(c), {
         is: "svc-toolbox-item",
         viewModel: n.viewModel,
         item: n.item,
@@ -1951,22 +1967,22 @@ const ft = /* @__PURE__ */ g({
         onMouseover: e,
         onMouseleave: o
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           iconName: n.item.subitemsButtonIcon,
           size: "auto"
         }, null, 8, ["iconName"]),
-        p(s(c), {
+        m(s(c), {
           is: "sv-popup",
           model: n.item.popupModel
         }, null, 8, ["model"])
       ], 32)
     ], 64));
   }
-}), Ut = { class: "svc-toolbox__category-title" }, Ht = {
+}), Ht = { className: "svc-toolbox__category-header-wrapper" }, Ot = { class: "svc-toolbox__category-title" }, Qt = {
   key: 0,
   class: "svc-toolbox__category-header__controls"
-}, Ot = { className: "svc-toolbox__category-header-wrapper" }, Qt = /* @__PURE__ */ g({
+}, Gt = { className: "svc-toolbox__category-header-wrapper" }, Wt = /* @__PURE__ */ g({
   __name: "ToolboxCategory",
   props: {
     category: {},
@@ -1974,63 +1990,65 @@ const ft = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return T(() => t.category), (e, o) => (l(), r("div", {
+    return T(() => t.category), (e, o) => (l(), d("div", {
       class: _(["svc-toolbox__category", {
         "svc-toolbox__category--collapsed": e.category.collapsed,
         "svc-toolbox__category--empty": e.category.empty
       }])
     }, [
-      h((l(), r("div", {
-        class: _(["svc-toolbox__category-header", {
-          "svc-toolbox__category-header--collapsed": e.toolbox.canCollapseCategories
-        }]),
-        onClick: o[0] || (o[0] = (n) => e.category.toggleState())
-      }, [
-        a("span", Ut, k(e.category.title), 1),
-        e.toolbox.canCollapseCategories ? (l(), r("div", Ht, [
-          a("div", Ot, [
-            h(p(s(c), {
+      a("div", Ht, [
+        h((l(), d("div", {
+          class: _(["svc-toolbox__category-header", {
+            "svc-toolbox__category-header--collapsed": e.toolbox.canCollapseCategories
+          }]),
+          onClick: o[0] || (o[0] = (n) => e.category.toggleState())
+        }, [
+          a("span", Ot, f(e.category.title), 1),
+          e.toolbox.canCollapseCategories ? (l(), d("div", Qt, [
+            a("div", Gt, [
+              h(m(s(c), {
+                is: "sv-svg-icon",
+                iconName: "icon-arrow-down",
+                class: "svc-toolbox__category-header__button svc-string-editor__button--expand",
+                size: "auto"
+              }, null, 512), [
+                [F, e.category.collapsed]
+              ])
+            ]),
+            h(m(s(c), {
               is: "sv-svg-icon",
-              iconName: "icon-arrow-down",
-              class: "svc-toolbox__category-header__button svc-string-editor__button--expand",
+              iconName: "icon-arrow-up",
+              class: "svc-toolbox__category-header__button svc-string-editor__button--collapse",
               size: "auto"
             }, null, 512), [
-              [L, e.category.collapsed]
+              [F, !e.category.collapsed]
             ])
-          ]),
-          h(p(s(c), {
-            is: "sv-svg-icon",
-            iconName: "icon-arrow-up",
-            class: "svc-toolbox__category-header__button svc-string-editor__button--collapse",
-            size: "auto"
-          }, null, 512), [
-            [L, !e.category.collapsed]
-          ])
-        ])) : m("", !0)
-      ], 2)), [
-        [s(N)]
+          ])) : v("", !0)
+        ], 2)), [
+          [s(N)]
+        ])
       ]),
-      (l(!0), r($, null, R(e.category.items, (n, i) => (l(), C(s(c), {
+      (l(!0), d($, null, R(e.category.items, (n) => (l(), q(s(c), {
         is: "svc-toolbox-tool",
         item: n,
-        key: i,
+        key: n.renderedId,
         creator: e.toolbox.creator,
         parentModel: e.toolbox,
         isCompact: !1
       }, null, 8, ["item", "creator", "parentModel"]))), 128))
     ], 2));
   }
-}), Gt = /* @__PURE__ */ g({
+}), jt = /* @__PURE__ */ g({
   __name: "ToolboxList",
   props: {
     model: {},
     creator: {}
   },
   setup(u) {
-    return (t, e) => (l(), r("div", {
+    return (t, e) => (l(), d("div", {
       class: _(t.model.cssClasses.root)
     }, [
-      (l(!0), r($, null, R(t.model.renderedActions, (o, n) => (l(), C(s(c), {
+      (l(!0), d($, null, R(t.model.renderedActions, (o, n) => (l(), q(s(c), {
         key: n,
         is: "svc-toolbox-tool",
         creator: t.creator,
@@ -2040,64 +2058,64 @@ const ft = /* @__PURE__ */ g({
       }, null, 8, ["creator", "item", "parentModel"]))), 128))
     ], 2));
   }
-}), Wt = { class: "svc-flex-column" }, jt = { class: "svc-tab-designer_content" }, Jt = {
+}), Jt = { class: "svc-flex-column" }, Zt = { class: "svc-tab-designer_content" }, Xt = {
   key: 0,
   class: "svc-designer-header"
-}, Zt = {
+}, Yt = {
   class: "svc-designer__placeholder-container",
   "data-sv-drop-target-survey-element": "newGhostPage"
-}, Xt = {
+}, xt = {
   className: "svc-designer-placeholder-page",
   "data-sv-drop-target-survey-element": "newGhostPage"
-}, Yt = {
+}, en = {
   key: 0,
   class: "svc-designer-header"
-}, xt = ["data-sv-drop-target-survey-element", "data-sv-drop-target-page"], en = ["data-sv-drop-target-survey-element", "data-sv-drop-target-page"], on = {
+}, on = ["data-sv-drop-target-survey-element", "data-sv-drop-target-page"], sn = ["data-sv-drop-target-survey-element", "data-sv-drop-target-page"], tn = {
   key: 0,
   class: "svc-tab-designer__tools"
-}, sn = {
+}, nn = {
   key: 0,
   class: "svc-tab-designer__page-navigator"
-}, tn = {
+}, ln = {
   key: 1,
   class: "svc-tab-designer__toolbar"
-}, nn = /* @__PURE__ */ g({
+}, an = /* @__PURE__ */ g({
   __name: "Designer",
   props: {
     model: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.model.survey);
-    return T(() => t.model), T(() => e.value), (o, n) => (l(), r($, null, [
-      a("div", Wt, [
-        o.model.isToolboxVisible ? (l(), C(s(c), {
+    const t = u, e = k(() => t.model.survey);
+    return T(() => t.model), T(() => e.value), (o, n) => (l(), d($, null, [
+      a("div", Jt, [
+        o.model.isToolboxVisible ? (l(), q(s(c), {
           key: 0,
           is: "svc-toolbox",
           model: o.model.creator
-        }, null, 8, ["model"])) : m("", !0)
+        }, null, 8, ["model"])) : v("", !0)
       ]),
       a("div", {
         class: _(["svc-tab-designer", o.model.getRootCss()]),
         onClick: n[0] || (n[0] = (...i) => o.model.clickDesigner && o.model.clickDesigner(...i))
       }, [
-        p(X, null, {
+        m(X, null, {
           default: Y(() => [
-            a("div", jt, [
-              o.model.showPlaceholder ? (l(), r($, { key: 0 }, [
-                o.model.creator.showHeaderInEmptySurvey && o.model.creator.allowEditSurveyTitle ? (l(), r("div", Jt, [
-                  p(s(c), {
+            a("div", Zt, [
+              o.model.showPlaceholder ? (l(), d($, { key: 0 }, [
+                o.model.creator.showHeaderInEmptySurvey && o.model.creator.allowEditSurveyTitle ? (l(), d("div", Xt, [
+                  m(s(c), {
                     is: "survey-header",
                     survey: o.model.creator.survey
                   }, null, 8, ["survey"])
-                ])) : m("", !0),
-                a("div", Zt, [
-                  p(W, {
+                ])) : v("", !0),
+                a("div", Yt, [
+                  m(W, {
                     name: "designer",
                     placeholderTitleText: o.model.placeholderTitleText,
                     placeholderDescriptionText: o.model.placeholderDescriptionText
                   }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"]),
-                  a("div", Xt, [
-                    p(s(c), {
+                  a("div", xt, [
+                    m(s(c), {
                       is: "svc-page",
                       survey: o.model.creator.survey,
                       creator: o.model.creator,
@@ -2106,64 +2124,64 @@ const ft = /* @__PURE__ */ g({
                     }, null, 8, ["survey", "creator", "page"])
                   ])
                 ])
-              ], 64)) : m("", !0),
-              o.model.showPlaceholder ? m("", !0) : (l(), r($, { key: 1 }, [
+              ], 64)) : v("", !0),
+              o.model.showPlaceholder ? v("", !0) : (l(), d($, { key: 1 }, [
                 a("div", {
                   class: _(o.model.designerCss),
-                  style: F([
+                  style: K([
                     { maxWidth: o.model.survey.renderedWidth },
                     o.model.surveyThemeVariables
                   ])
                 }, [
-                  o.model.creator.allowEditSurveyTitle ? (l(), r("div", Yt, [
-                    p(s(c), {
+                  o.model.creator.allowEditSurveyTitle ? (l(), d("div", en, [
+                    m(s(c), {
                       is: "survey-header",
                       survey: o.model.creator.survey
                     }, null, 8, ["survey"])
-                  ])) : m("", !0),
-                  o.model.creator.pageEditMode !== "bypage" ? (l(!0), r($, { key: 1 }, R(o.model.pages, (i) => (l(), r("div", {
+                  ])) : v("", !0),
+                  o.model.creator.pageEditMode !== "bypage" ? (l(!0), d($, { key: 1 }, R(o.model.pages, (i) => (l(), d("div", {
                     key: i.id,
                     class: "svc-page",
                     "data-sv-drop-target-survey-element": i != o.model.newPage ? i.name : "newGhostPage",
                     "data-sv-drop-target-page": i.name
                   }, [
-                    p(s(c), {
+                    m(s(c), {
                       is: "svc-page",
                       survey: o.model.creator.survey,
                       creator: o.model.creator,
                       page: i,
                       isGhost: i == o.model.newPage
                     }, null, 8, ["survey", "creator", "page", "isGhost"])
-                  ], 8, xt))), 128)) : m("", !0),
-                  o.model.pagesController.page2Display && o.model.creator.pageEditMode === "bypage" ? (l(), r("div", {
+                  ], 8, on))), 128)) : v("", !0),
+                  o.model.pagesController.page2Display && o.model.creator.pageEditMode === "bypage" ? (l(), d("div", {
                     key: 2,
                     class: "svc-page",
                     "data-sv-drop-target-survey-element": o.model.displayPageDropTarget,
                     "data-sv-drop-target-page": o.model.pagesController.page2Display.name
                   }, [
-                    p(s(c), {
+                    m(s(c), {
                       is: "svc-page",
                       page: o.model.pagesController.page2Display,
                       creator: o.model.creator,
                       isGhost: o.model.pagesController.page2Display == o.model.newPage
                     }, null, 8, ["page", "creator", "isGhost"])
-                  ], 8, en)) : m("", !0)
+                  ], 8, sn)) : v("", !0)
                 ], 6),
-                o.model.showSurfaceTools ? (l(), r("div", on, [
-                  o.model.creator.showPageNavigator ? (l(), r("div", sn, [
-                    p(s(c), {
+                o.model.showSurfaceTools ? (l(), d("div", tn, [
+                  o.model.creator.showPageNavigator ? (l(), d("div", nn, [
+                    m(s(c), {
                       is: "svc-page-navigator",
                       pagesController: o.model.pagesController,
                       pageEditMode: o.model.creator.pageEditMode
                     }, null, 8, ["pagesController", "pageEditMode"])
-                  ])) : m("", !0),
-                  o.model.showSurfaceToolbar ? (l(), r("div", tn, [
-                    p(s(c), {
+                  ])) : v("", !0),
+                  o.model.showSurfaceToolbar ? (l(), d("div", ln, [
+                    m(s(c), {
                       is: "sv-action-bar",
                       model: o.model.surfaceToolbar
                     }, null, 8, ["model"])
-                  ])) : m("", !0)
-                ])) : m("", !0)
+                  ])) : v("", !0)
+                ])) : v("", !0)
               ], 64))
             ])
           ]),
@@ -2172,13 +2190,13 @@ const ft = /* @__PURE__ */ g({
       ], 2)
     ], 64));
   }
-}), ln = ["id", "data-sv-drop-target-survey-page"], an = { class: "svc-page__content-actions" }, rn = {
+}), rn = ["id", "data-sv-drop-target-survey-page"], dn = { class: "svc-page__content-actions" }, un = {
   key: 1,
   class: "svc-page__content-actions"
-}, dn = {
+}, cn = {
   key: 2,
   class: "svc-page__placeholder_frame"
-}, un = { class: "svc-panel__placeholder_frame" }, cn = { class: "svc-panel__placeholder" }, vn = /* @__PURE__ */ g({
+}, vn = { class: "svc-panel__placeholder_frame" }, pn = { class: "svc-panel__placeholder" }, mn = /* @__PURE__ */ g({
   __name: "Page",
   props: {
     creator: {},
@@ -2187,9 +2205,9 @@ const ft = /* @__PURE__ */ g({
     isGhost: { type: Boolean }
   },
   setup(u) {
-    const t = u, e = I(), o = z(
+    const t = u, e = E(), o = z(
       () => {
-        const i = new De(t.creator, t.page);
+        const i = new Ne(t.creator, t.page);
         return i.isGhost = t.isGhost, i;
       },
       [() => t.page],
@@ -2210,28 +2228,28 @@ const ft = /* @__PURE__ */ g({
     const n = (i) => {
       o.value.hover(i, i.currentTarget);
     };
-    return (i, d) => s(o).page ? h((l(), r("div", {
+    return (i, r) => s(o).page ? h((l(), d("div", {
       key: s(o).page.id,
       id: s(o).page.id,
       class: _(["svc-page__content", s(o).css]),
       "data-sv-drop-target-survey-page": s(o).dropTargetName,
-      onClick: d[1] || (d[1] = (v) => {
-        s(o).select(s(o), v), v.stopPropagation();
+      onClick: r[1] || (r[1] = (p) => {
+        s(o).select(s(o), p), p.stopPropagation();
       }),
       ref_key: "root",
       ref: e,
-      onDblclick: d[2] || (d[2] = (v) => s(o).dblclick(v)),
+      onDblclick: r[2] || (r[2] = (p) => s(o).dblclick(p)),
       onMouseover: n,
       onMouseleave: n
     }, [
-      d[3] || (d[3] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
-      d[4] || (d[4] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
-      s(o).allowDragging && !s(o).isGhost ? (l(), r("div", {
+      r[3] || (r[3] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
+      r[4] || (r[4] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
+      s(o).allowDragging && !s(o).isGhost ? (l(), d("div", {
         key: 0,
         class: "svc-question__drag-area",
-        onPointerdown: d[0] || (d[0] = (v) => s(o).onPointerDown(v))
+        onPointerdown: r[0] || (r[0] = (p) => s(o).onPointerDown(p))
       }, [
-        p(s(c), V({
+        m(s(c), V({
           is: "sv-svg-icon",
           class: "svc-question__drag-element"
         }, {
@@ -2239,38 +2257,48 @@ const ft = /* @__PURE__ */ g({
           iconName: "icon-drag-area-indicator_24x16",
           size: "auto"
         }), null, 16),
-        a("div", an, [
-          p(s(c), {
+        a("div", dn, [
+          m(s(c), {
             is: "sv-action-bar",
             model: s(o).actionContainer
-          }, null, 8, ["model"])
+          }, null, 8, ["model"]),
+          s(o).topActionContainer.hasActions ? (l(), q(s(c), {
+            key: 0,
+            is: "sv-action-bar",
+            model: s(o).topActionContainer
+          }, null, 8, ["model"])) : v("", !0)
         ])
-      ], 32)) : m("", !0),
-      !s(o).allowDragging || s(o).isGhost ? (l(), r("div", rn, [
-        p(s(c), {
+      ], 32)) : v("", !0),
+      !s(o).allowDragging || s(o).isGhost ? (l(), d("div", un, [
+        m(s(c), {
           is: "sv-action-bar",
           model: s(o).actionContainer
-        }, null, 8, ["model"])
-      ])) : m("", !0),
-      p(s(c), {
+        }, null, 8, ["model"]),
+        s(o).topActionContainer.hasActions ? (l(), q(s(c), {
+          key: 0,
+          is: "sv-action-bar",
+          model: s(o).topActionContainer
+        }, null, 8, ["model"])) : v("", !0)
+      ])) : v("", !0),
+      m(s(c), {
         is: "survey-page",
         survey: s(o).creator.survey,
         page: s(o).page
       }, null, 8, ["survey", "page"]),
-      s(o).showPlaceholder ? (l(), r("div", dn, [
-        a("div", un, [
-          a("div", cn, k(s(o).placeholderText), 1)
+      s(o).showPlaceholder ? (l(), d("div", cn, [
+        a("div", vn, [
+          a("div", pn, f(s(o).placeholderText), 1)
         ])
-      ])) : m("", !0),
-      p(s(c), {
+      ])) : v("", !0),
+      m(s(c), {
         is: "sv-action-bar",
         model: s(o).footerActionsBar
       }, null, 8, ["model"])
-    ], 42, ln)), [
+    ], 42, rn)), [
       [s(N)]
-    ]) : m("", !0);
+    ]) : v("", !0);
   }
-}), pn = { class: "svc-add-new-item-button__text" }, mn = /* @__PURE__ */ g({
+}), _n = { class: "svc-add-new-item-button__text" }, gn = /* @__PURE__ */ g({
   __name: "AddQuestion",
   props: {
     item: {},
@@ -2280,32 +2308,32 @@ const ft = /* @__PURE__ */ g({
   setup(u) {
     const t = u;
     T(() => t.item.data);
-    const e = w(() => "svc-element__add-new-question " + (t.buttonClass || "svc-btn")), o = w(() => t.renderPopup === void 0 || t.renderPopup !== !1);
-    return (n, i) => (l(), r($, null, [
-      h((l(), r("div", {
+    const e = k(() => "svc-element__add-new-question " + (t.buttonClass || "svc-btn")), o = k(() => t.renderPopup === void 0 || t.renderPopup !== !1);
+    return (n, i) => (l(), d($, null, [
+      h((l(), d("div", {
         class: _(e.value),
-        onClick: i[0] || (i[0] = (d) => {
-          n.item.data.addNewQuestion(n.item, d), d.stopPropagation();
+        onClick: i[0] || (i[0] = (r) => {
+          n.item.data.addNewQuestion(n.item, r), r.stopPropagation();
         }),
-        onMouseover: i[1] || (i[1] = (d) => n.item.data.hoverStopper && n.item.data.hoverStopper(d, d.currentTarget))
+        onMouseover: i[1] || (i[1] = (r) => n.item.data.hoverStopper && n.item.data.hoverStopper(r, r.currentTarget))
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           class: "svc-panel__add-new-question-icon",
           iconName: "icon-add_24x24",
           size: "auto"
         }),
-        a("span", pn, k(n.item.data.addNewQuestionText), 1),
-        o.value ? (l(), C(s(c), {
+        a("span", _n, f(n.item.data.addNewQuestionText), 1),
+        o.value ? (l(), q(s(c), {
           key: 0,
           is: "svc-add-question-type-selector",
           questionTypeSelectorModel: n.item.data.questionTypeSelectorModel,
           renderPopup: o.value
-        }, null, 8, ["questionTypeSelectorModel", "renderPopup"])) : m("", !0)
+        }, null, 8, ["questionTypeSelectorModel", "renderPopup"])) : v("", !0)
       ], 34)), [
         [s(N)]
       ]),
-      o.value ? m("", !0) : (l(), C(s(c), {
+      o.value ? v("", !0) : (l(), q(s(c), {
         key: 0,
         is: "svc-add-question-type-selector",
         questionTypeSelectorModel: n.item.data.questionTypeSelectorModel,
@@ -2313,7 +2341,7 @@ const ft = /* @__PURE__ */ g({
       }, null, 8, ["questionTypeSelectorModel", "renderPopup"]))
     ], 64));
   }
-}), _n = ["title", "aria-label"], gn = /* @__PURE__ */ g({
+}), bn = ["title", "aria-label"], yn = /* @__PURE__ */ g({
   __name: "AddQuestionTypeSelector",
   props: {
     questionTypeSelectorModel: {},
@@ -2321,7 +2349,7 @@ const ft = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return T(() => t.questionTypeSelectorModel), (e, o) => h((l(), r("button", {
+    return T(() => t.questionTypeSelectorModel), (e, o) => h((l(), d("button", {
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
         e.questionTypeSelectorModel.action(), n.stopPropagation();
@@ -2330,7 +2358,7 @@ const ft = /* @__PURE__ */ g({
       "aria-label": e.questionTypeSelectorModel.title,
       class: "svc-element__question-type-selector"
     }, [
-      p(s(c), V({
+      m(s(c), V({
         is: "sv-svg-icon",
         class: "svc-element__question-type-selector-icon"
       }, {
@@ -2338,23 +2366,23 @@ const ft = /* @__PURE__ */ g({
         size: "auto",
         title: e.questionTypeSelectorModel.title
       }), null, 16),
-      e.renderPopup ? (l(), C(s(c), {
+      e.renderPopup ? (l(), q(s(c), {
         key: 0,
         is: "sv-popup",
         model: e.questionTypeSelectorModel.popupModel
-      }, null, 8, ["model"])) : m("", !0)
-    ], 8, _n)), [
+      }, null, 8, ["model"])) : v("", !0)
+    ], 8, bn)), [
       [s(N)]
     ]);
   }
-}), bn = /* @__PURE__ */ g({
+}), hn = /* @__PURE__ */ g({
   __name: "Row",
   props: {
     componentData: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.componentData.creator), o = w(() => t.componentData.row), n = z(
-      () => new Ne(e.value, o.value, void 0),
+    const t = u, e = k(() => t.componentData.creator), o = k(() => t.componentData.row), n = z(
+      () => new Me(e.value, o.value, void 0),
       [() => e.value, () => o.value],
       (i) => {
         i.dispose();
@@ -2362,20 +2390,20 @@ const ft = /* @__PURE__ */ g({
     );
     return B(() => {
       n.value && n.value.subscribeElementChanges();
-    }), K(() => {
+    }), L(() => {
       n.value && n.value.unsubscribeElementChanges();
-    }), (i, d) => (l(), r("div", {
+    }), (i, r) => (l(), d("div", {
       class: _(s(n).cssClasses)
     }, [
-      d[0] || (d[0] = a("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--top" }, null, -1)),
-      d[1] || (d[1] = a("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }, null, -1)),
+      r[0] || (r[0] = a("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--top" }, null, -1)),
+      r[1] || (r[1] = a("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }, null, -1)),
       Z(i.$slots, "default")
     ], 2));
   }
-}), yn = ["data-sv-drop-target-survey-element"], hn = { class: "svc-fake-title" }, qn = { class: "svc-question__top-actions" }, Cn = {
+}), Cn = ["data-sv-drop-target-survey-element"], qn = { class: "svc-fake-title" }, kn = { class: "svc-question__top-actions" }, fn = {
   key: 0,
   class: "svc-panel__placeholder_frame-wrapper"
-}, wn = { class: "svc-panel__placeholder_frame" }, kn = {
+}, wn = { class: "svc-panel__placeholder_frame" }, $n = {
   class: "svc-panel__placeholder",
   "data-bind": "text: placeholderText"
 }, te = /* @__PURE__ */ g({
@@ -2391,13 +2419,13 @@ const ft = /* @__PURE__ */ g({
     componentData: {}
   },
   setup(u) {
-    const t = u, e = I(), o = z(
+    const t = u, e = E(), o = z(
       () => t.createModel(),
       [() => t.componentName, () => t.componentData],
-      (d) => {
-        d.dispose();
+      (r) => {
+        r.dispose();
       }
-    ), n = w(
+    ), n = k(
       () => o.value.isBannerShowing ? o.value.createBannerParams() : null
     );
     oe(() => {
@@ -2405,51 +2433,51 @@ const ft = /* @__PURE__ */ g({
     }), B(() => {
       e.value && o.value && (o.value.rootElement = e.value);
     });
-    const i = (d) => {
-      o.value.select(o.value, d), d.stopPropagation();
+    const i = (r) => {
+      o.value.select(o.value, r), r.stopPropagation();
     };
-    return (d, v) => s(o) ? (l(), r("div", {
+    return (r, p) => s(o) ? (l(), d("div", {
       key: 0,
       class: _(["svc-question__adorner", s(o).rootCss()]),
       ref_key: "root",
       ref: e,
-      onDblclick: v[2] || (v[2] = (b) => s(o).dblclick(b)),
-      onMouseover: v[3] || (v[3] = (b) => s(o).hover(b, b.currentTarget)),
-      onMouseleave: v[4] || (v[4] = (b) => s(o).hover(b, b.currentTarget)),
+      onDblclick: p[2] || (p[2] = (b) => s(o).dblclick(b)),
+      onMouseover: p[3] || (p[3] = (b) => s(o).hover(b, b.currentTarget)),
+      onMouseleave: p[4] || (p[4] = (b) => s(o).hover(b, b.currentTarget)),
       "data-sv-drop-target-survey-element": s(o).element.name || null,
       "data-bind": "css: rootCss(), attr: { 'data-sv-drop-target-survey-element': element.name || null }, event: { mouseover: function(m, e) { hover(e, $element); }, mouseleave: function(m, e) { hover(e, $element); } }"
     }, [
-      s(o).showHiddenTitle ? (l(), r("div", {
+      s(o).showHiddenTitle ? (l(), d("div", {
         key: 0,
         class: _(s(o).cssCollapsedHiddenHeader)
       }, [
-        d.element.hasTitle ? (l(), C(s(c), {
+        r.element.hasTitle ? (l(), q(s(c), {
           key: 0,
           is: "survey-element-title",
-          element: d.element
-        }, null, 8, ["element"])) : (l(), r("div", {
+          element: r.element
+        }, null, 8, ["element"])) : (l(), d("div", {
           key: 1,
           class: _(s(o).cssCollapsedHiddenTitle)
         }, [
-          a("span", hn, k(d.element.name), 1)
+          a("span", qn, f(r.element.name), 1)
         ], 2))
-      ], 2)) : m("", !0),
-      h((l(), r("div", {
-        onClick: v[1] || (v[1] = (b) => {
+      ], 2)) : v("", !0),
+      h((l(), d("div", {
+        onClick: p[1] || (p[1] = (b) => {
           s(o).select(s(o), b), b.stopPropagation();
         }),
         class: _(s(o).css())
       }, [
-        v[5] || (v[5] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1)),
-        v[6] || (v[6] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1)),
-        v[7] || (v[7] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
-        v[8] || (v[8] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
-        s(o).allowDragging ? (l(), r("div", {
+        p[5] || (p[5] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1)),
+        p[6] || (p[6] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1)),
+        p[7] || (p[7] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
+        p[8] || (p[8] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
+        s(o).allowDragging ? (l(), d("div", {
           key: 0,
           class: "svc-question__drag-area",
-          onPointerdown: v[0] || (v[0] = (b) => s(o).onPointerDown(b))
+          onPointerdown: p[0] || (p[0] = (b) => s(o).onPointerDown(b))
         }, [
-          p(s(c), V({
+          m(s(c), V({
             is: "sv-svg-icon",
             class: "svc-question__drag-element"
           }, {
@@ -2457,58 +2485,58 @@ const ft = /* @__PURE__ */ g({
             iconName: "icon-drag-area-indicator_24x16",
             size: "auto"
           }), null, 16),
-          a("div", qn, [
-            p(s(c), {
+          a("div", kn, [
+            m(s(c), {
               is: "sv-action-bar",
               model: s(o).topActionContainer,
               handleClick: !1
             }, null, 8, ["model"])
           ])
-        ], 32)) : m("", !0),
-        s(o).needToRenderContent ? (l(), r($, { key: 1 }, [
-          p(s(c), {
+        ], 32)) : v("", !0),
+        s(o).needToRenderContent ? (l(), d($, { key: 1 }, [
+          m(s(c), {
             is: "sv-template-renderer",
-            componentName: d.componentName,
-            componentData: d.componentData
+            componentName: r.componentName,
+            componentData: r.componentData
           }, null, 8, ["componentName", "componentData"]),
-          s(o).isEmptyElement && !d.showPlaceholderComponent ? (l(), r("div", Cn, [
+          s(o).isEmptyElement && !r.showPlaceholderComponent ? (l(), d("div", fn, [
             a("div", wn, [
-              a("div", kn, k(s(o).placeholderText), 1)
+              a("div", $n, f(s(o).placeholderText), 1)
             ])
-          ])) : m("", !0),
-          s(o).isEmptyElement && d.showPlaceholderComponent ? (l(), C(s(c), V(
+          ])) : v("", !0),
+          s(o).isEmptyElement && r.showPlaceholderComponent ? (l(), q(s(c), V(
             {
               key: 1,
-              is: d.placeholderComponent
+              is: r.placeholderComponent
             },
-            d.getPlaceholderComponentData && d.getPlaceholderComponentData(s(o))
-          ), null, 16, ["is"])) : m("", !0),
-          d.adornerComponent ? (l(), C(s(c), {
+            r.getPlaceholderComponentData && r.getPlaceholderComponentData(s(o))
+          ), null, 16, ["is"])) : v("", !0),
+          r.adornerComponent ? (l(), q(s(c), {
             key: 2,
-            is: d.adornerComponent,
+            is: r.adornerComponent,
             model: s(o),
-            element: d.element
-          }, null, 8, ["is", "model", "element"])) : m("", !0),
-          s(o).isBannerShowing ? (l(), C(s(c), {
+            element: r.element
+          }, null, 8, ["is", "model", "element"])) : v("", !0),
+          s(o).isBannerShowing ? (l(), q(s(c), {
             key: 3,
             is: "svc-question-banner",
             model: n.value
-          }, null, 8, ["model"])) : m("", !0),
+          }, null, 8, ["model"])) : v("", !0),
           a("div", {
             class: "svc-question__content-actions",
             onFocusin: i
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-action-bar",
               model: s(o).actionContainer,
               handleClick: !1
             }, null, 8, ["model"])
           ], 32)
-        ], 64)) : m("", !0)
+        ], 64)) : v("", !0)
       ], 2)), [
         [s(N), { disableTabStop: !0 }]
       ])
-    ], 42, yn)) : m("", !0);
+    ], 42, Cn)) : v("", !0);
   }
 }), ie = /* @__PURE__ */ g({
   __name: "Question",
@@ -2522,28 +2550,28 @@ const ft = /* @__PURE__ */ g({
       t.componentData.element,
       null
     );
-    return (o, n) => (l(), C(te, {
+    return (o, n) => (l(), q(te, {
       createModel: e,
       element: o.componentData.element,
       "component-name": o.componentName,
       "component-data": o.componentData
     }, null, 8, ["element", "component-name", "component-data"]));
   }
-}), fn = /* @__PURE__ */ g({
+}), Tn = /* @__PURE__ */ g({
   __name: "QuestionImage",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = () => new Me(
+    const t = u, e = () => new Se(
       t.componentData.data,
       t.componentData.element,
       null
     ), o = (n) => ({
       question: n == null ? void 0 : n.filePresentationModel
     });
-    return (n, i) => (l(), C(te, {
+    return (n, i) => (l(), q(te, {
       "create-model": e,
       element: t.componentData.element,
       "show-placeholder-component": !0,
@@ -2554,35 +2582,35 @@ const ft = /* @__PURE__ */ g({
       "adorner-component": "svc-image-question-adorner"
     }, null, 8, ["element", "component-data", "component-name"]));
   }
-}), $n = {
+}), Dn = {
   key: 0,
   class: "svc-image-question-controls"
-}, Tn = ["accept"], Dn = {
+}, Nn = ["accept"], Mn = {
   class: "svc-context-button",
   title: void 0,
   "aria-label": void 0
-}, Nn = {
+}, Sn = {
   key: 1,
   class: "svc-image-question__loading-placeholder"
-}, Mn = { class: "svc-image-question__loading" }, Sn = /* @__PURE__ */ g({
+}, In = { class: "svc-image-question__loading" }, En = /* @__PURE__ */ g({
   __name: "Image",
   props: {
     model: {},
     element: {}
   },
   setup(u) {
-    return (t, e) => (l(), r($, null, [
-      !t.model.isUploading && !t.model.isEmptyElement ? (l(), r("div", $n, [
-        t.model.allowEdit ? (l(), r($, { key: 0 }, [
+    return (t, e) => (l(), d($, null, [
+      !t.model.isUploading && !t.model.isEmptyElement ? (l(), d("div", Dn, [
+        t.model.allowEdit ? (l(), d($, { key: 0 }, [
           a("input", {
             type: "file",
             "aria-hidden": "true",
             tabindex: "-1",
             accept: t.model.acceptedTypes,
             class: "svc-choose-file-input"
-          }, null, 8, Tn),
-          h((l(), r("span", Dn, [
-            p(s(c), {
+          }, null, 8, Nn),
+          h((l(), d("span", Mn, [
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-choosefile",
               size: "auto",
@@ -2591,16 +2619,16 @@ const ft = /* @__PURE__ */ g({
           ])), [
             [s(N)]
           ])
-        ], 64)) : m("", !0)
-      ])) : m("", !0),
-      t.model.isUploading && !t.model.isEmptyElement ? (l(), r("div", Nn, [
-        a("div", Mn, [
-          p(s(c), { is: "sv-loading-indicator" })
+        ], 64)) : v("", !0)
+      ])) : v("", !0),
+      t.model.isUploading && !t.model.isEmptyElement ? (l(), d("div", Sn, [
+        a("div", In, [
+          m(s(c), { is: "sv-loading-indicator" })
         ])
-      ])) : m("", !0)
+      ])) : v("", !0)
     ], 64));
   }
-}), En = { class: "svc-rating-question-content" }, In = /* @__PURE__ */ g({
+}), Bn = { class: "svc-rating-question-content" }, Pn = /* @__PURE__ */ g({
   __name: "Rating",
   props: {
     componentData: {},
@@ -2608,7 +2636,7 @@ const ft = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = z(
-      () => new Se(
+      () => new Ie(
         t.componentData.data,
         t.componentData.question,
         null
@@ -2616,12 +2644,12 @@ const ft = /* @__PURE__ */ g({
       [() => t.componentData.data, () => t.componentData.question]
     );
     return (o, n) => {
-      var i, d, v, b, y, D, O, P, A;
-      return l(), r("div", En, [
+      var i, r, p, b, y, D, O, P, A;
+      return l(), d("div", Bn, [
         a("div", {
           class: _((i = s(e)) == null ? void 0 : i.controlsClassNames)
         }, [
-          (d = s(e)) != null && d.allowRemove ? h((l(), C(s(c), {
+          (r = s(e)) != null && r.allowRemove ? h((l(), q(s(c), {
             key: 0,
             is: "sv-svg-icon",
             iconName: "icon-remove_16x16",
@@ -2630,13 +2658,13 @@ const ft = /* @__PURE__ */ g({
               var U;
               return (U = s(e)) == null ? void 0 : U.removeItem(s(e));
             }),
-            class: _((v = s(e)) == null ? void 0 : v.removeClassNames),
+            class: _((p = s(e)) == null ? void 0 : p.removeClassNames),
             title: (b = s(e)) == null ? void 0 : b.removeTooltip,
             "aria-label": (y = s(e)) == null ? void 0 : y.removeTooltip
           }, null, 8, ["class", "title", "aria-label"])), [
             [s(N)]
-          ]) : m("", !0),
-          (D = s(e)) != null && D.allowAdd ? h((l(), C(s(c), {
+          ]) : v("", !0),
+          (D = s(e)) != null && D.allowAdd ? h((l(), q(s(c), {
             key: 1,
             is: "sv-svg-icon",
             iconName: "icon-add_16x16",
@@ -2650,30 +2678,30 @@ const ft = /* @__PURE__ */ g({
             "aria-label": (A = s(e)) == null ? void 0 : A.addTooltip
           }, null, 8, ["class", "title", "aria-label"])), [
             [s(N)]
-          ]) : m("", !0)
+          ]) : v("", !0)
         ], 2),
         Z(o.$slots, "default")
       ]);
     };
   }
-}), Bn = {
+}), Rn = {
   key: 0,
   class: "svc-matrix-cell__question-controls"
-}, Pn = /* @__PURE__ */ g({
+}, Vn = /* @__PURE__ */ g({
   __name: "MatrixCell",
   props: {
     componentData: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.componentData.creator), o = w(() => t.componentData.row), n = w(() => t.componentData.column), i = w(() => t.componentData.element), d = w(
+    const t = u, e = k(() => t.componentData.creator), o = k(() => t.componentData.row), n = k(() => t.componentData.column), i = k(() => t.componentData.element), r = k(
       () => t.componentData.question
-    ), v = z(
+    ), p = z(
       () => {
         var b;
         return t.componentData ? new Ee(
           e.value,
           i.value,
-          d.value,
+          r.value,
           o.value,
           n.value || ((b = i.value.cell) == null ? void 0 : b.column)
         ) : void 0;
@@ -2682,37 +2710,37 @@ const ft = /* @__PURE__ */ g({
         () => e.value,
         () => o.value,
         () => n.value,
-        () => d.value
+        () => r.value
       ]
     );
     return (b, y) => {
       var D, O;
-      return l(), r("div", {
+      return l(), d("div", {
         tabindex: "-1",
         class: "svc-matrix-cell",
         onClick: y[1] || (y[1] = (P) => {
           var A;
-          return (A = s(v)) == null ? void 0 : A.selectContext(s(v), P);
+          return (A = s(p)) == null ? void 0 : A.selectContext(s(p), P);
         }),
         onMouseover: y[2] || (y[2] = (P) => {
           var A;
-          return (A = s(v)) == null ? void 0 : A.hover(P, P.currentTarget);
+          return (A = s(p)) == null ? void 0 : A.hover(P, P.currentTarget);
         }),
         onMouseleave: y[3] || (y[3] = (P) => {
           var A;
-          return (A = s(v)) == null ? void 0 : A.hover(P, P.currentTarget);
+          return (A = s(p)) == null ? void 0 : A.hover(P, P.currentTarget);
         })
       }, [
         a("div", {
-          class: _(["svc-matrix-cell--selected", { "svc-visible": (D = s(v)) == null ? void 0 : D.isSelected }])
+          class: _(["svc-matrix-cell--selected", { "svc-visible": (D = s(p)) == null ? void 0 : D.isSelected }])
         }, null, 2),
         Z(b.$slots, "default"),
-        (O = s(v)) != null && O.isSupportCellEditor ? (l(), r("div", Bn, [
-          h((l(), r("span", {
+        (O = s(p)) != null && O.isSupportCellEditor ? (l(), d("div", Rn, [
+          h((l(), d("span", {
             class: "svc-matrix-cell__question-controls-button svc-context-button",
-            onClick: y[0] || (y[0] = (P) => s(v).editQuestion(s(v), P))
+            onClick: y[0] || (y[0] = (P) => s(p).editQuestion(s(p), P))
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-edit",
               size: "auto"
@@ -2720,33 +2748,33 @@ const ft = /* @__PURE__ */ g({
           ])), [
             [s(N)]
           ])
-        ])) : m("", !0)
+        ])) : v("", !0)
       ], 32);
     };
   }
-}), Rn = { class: "svc-question__adorner" }, Vn = { class: "svc-question__content svc-question__content--in-popup" }, zn = /* @__PURE__ */ g({
+}), zn = { class: "svc-question__adorner" }, An = { class: "svc-question__content svc-question__content--in-popup" }, Ln = /* @__PURE__ */ g({
   __name: "CellQuestion",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = w(
+    const t = u, e = k(
       () => t.componentData.element
     );
-    return T(() => e.value), (o, n) => (l(), r("div", Rn, [
-      a("div", Vn, [
-        p(s(c), V({ is: o.componentName }, o.componentData), null, 16, ["is"])
+    return T(() => e.value), (o, n) => (l(), d("div", zn, [
+      a("div", An, [
+        m(s(c), V({ is: o.componentName }, o.componentData), null, 16, ["is"])
       ])
     ]));
   }
-}), An = ["data-sv-drop-target-survey-element"], Ln = { class: "svc-fake-title" }, Fn = { class: "svc-question__top-actions" }, Kn = {
+}), Fn = ["data-sv-drop-target-survey-element"], Kn = { class: "svc-fake-title" }, Un = { class: "svc-question__top-actions" }, Hn = {
   key: 0,
   class: "svc-panel__placeholder_frame-wrapper"
-}, Un = { class: "svc-panel__placeholder_frame" }, Hn = { class: "svc-panel__placeholder" }, On = { class: "svc-add-new-item-button__text" }, Qn = {
+}, On = { class: "svc-panel__placeholder_frame" }, Qn = { class: "svc-panel__placeholder" }, Gn = { class: "svc-add-new-item-button__text" }, Wn = {
   key: 1,
   class: "svc-panel__add-new-question-container"
-}, Gn = { class: "svc-panel__question-type-selector-popup" }, Wn = { class: "svc-panel__add-new-question-wrapper" }, jn = /* @__PURE__ */ g({
+}, jn = { class: "svc-panel__question-type-selector-popup" }, Jn = { class: "svc-panel__add-new-question-wrapper" }, Zn = /* @__PURE__ */ g({
   __name: "Panel",
   props: {
     componentName: {},
@@ -2766,123 +2794,123 @@ const ft = /* @__PURE__ */ g({
     ), o = (n) => {
       n.stopPropagation(), e.value.addNewQuestion();
     };
-    return (n, i) => s(e) && !s(e).isDisposed ? (l(), r("div", {
+    return (n, i) => s(e) && !s(e).isDisposed ? (l(), d("div", {
       key: 0,
       class: _(["svc-question__adorner", s(e).rootCss()]),
-      onDblclick: i[3] || (i[3] = (d) => s(e).dblclick(d)),
-      onMouseover: i[4] || (i[4] = (d) => s(e).hover(d, d.currentTarget)),
-      onMouseleave: i[5] || (i[5] = (d) => s(e).hover(d, d.currentTarget)),
+      onDblclick: i[3] || (i[3] = (r) => s(e).dblclick(r)),
+      onMouseover: i[4] || (i[4] = (r) => s(e).hover(r, r.currentTarget)),
+      onMouseleave: i[5] || (i[5] = (r) => s(e).hover(r, r.currentTarget)),
       "data-sv-drop-target-survey-element": s(e).element.name || null,
       ref: "root"
     }, [
-      s(e).showHiddenTitle ? (l(), r("div", {
+      s(e).showHiddenTitle ? (l(), d("div", {
         key: 0,
         class: _(s(e).cssCollapsedHiddenHeader)
       }, [
-        s(e).element.hasTitle ? (l(), C(s(c), {
+        s(e).element.hasTitle ? (l(), q(s(c), {
           key: 0,
           is: "survey-element-title",
           element: s(e).element
-        }, null, 8, ["element"])) : (l(), r("div", {
+        }, null, 8, ["element"])) : (l(), d("div", {
           key: 1,
           class: _(s(e).cssCollapsedHiddenTitle)
         }, [
-          a("span", Ln, k(s(e).element.name), 1)
+          a("span", Kn, f(s(e).element.name), 1)
         ], 2))
-      ], 2)) : m("", !0),
-      h((l(), r("div", {
+      ], 2)) : v("", !0),
+      h((l(), d("div", {
         class: _(s(e).css()),
-        onClick: i[2] || (i[2] = (d) => s(e).element.isInteractiveDesignElement ? s(e).select(s(e), d) : null)
+        onClick: i[2] || (i[2] = (r) => s(e).element.isInteractiveDesignElement ? s(e).select(s(e), r) : null)
       }, [
         i[6] || (i[6] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1)),
         i[7] || (i[7] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1)),
         i[8] || (i[8] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
         i[9] || (i[9] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
-        s(e).allowDragging && s(e).element.isInteractiveDesignElement ? (l(), r("div", {
+        s(e).allowDragging && s(e).element.isInteractiveDesignElement ? (l(), d("div", {
           key: 0,
           class: "svc-question__drag-area",
-          onPointerdown: i[0] || (i[0] = (d) => s(e).onPointerDown(d))
+          onPointerdown: i[0] || (i[0] = (r) => s(e).onPointerDown(r))
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             class: "svc-question__drag-element",
             iconName: "icon-drag-area-indicator_24x16",
             size: "auto"
           }),
-          a("div", Fn, [
-            p(s(c), {
+          a("div", Un, [
+            m(s(c), {
               is: "sv-action-bar",
               model: s(e).topActionContainer,
               handleClick: !1
             }, null, 8, ["model"])
           ])
-        ], 32)) : m("", !0),
-        s(e).needToRenderContent ? (l(), r($, { key: 1 }, [
-          p(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
-          s(e).isEmptyElement ? (l(), r("div", Kn, [
-            a("div", Un, [
-              a("div", Hn, k(s(e).placeholderText), 1),
-              s(e).showAddQuestionButton ? h((l(), r("div", {
+        ], 32)) : v("", !0),
+        s(e).needToRenderContent ? (l(), d($, { key: 1 }, [
+          m(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
+          s(e).isEmptyElement ? (l(), d("div", Hn, [
+            a("div", On, [
+              a("div", Qn, f(s(e).placeholderText), 1),
+              s(e).showAddQuestionButton ? h((l(), d("div", {
                 key: 0,
                 class: "svc-panel__add-new-question svc-action-button",
                 onClick: o
               }, [
-                p(s(c), {
+                m(s(c), {
                   is: "sv-svg-icon",
                   class: "svc-panel__add-new-question-icon",
                   iconName: "icon-add_24x24",
                   size: "auto"
                 }),
-                a("span", On, k(s(e).addNewQuestionText), 1)
+                a("span", Gn, f(s(e).addNewQuestionText), 1)
               ])), [
                 [s(N)]
-              ]) : m("", !0)
+              ]) : v("", !0)
             ])
-          ])) : m("", !0),
-          !s(e).isEmptyElement && s(e).showAddQuestionButton ? (l(), r("div", Qn, [
-            a("div", Gn, [
-              p(s(c), {
+          ])) : v("", !0),
+          !s(e).isEmptyElement && s(e).showAddQuestionButton ? (l(), d("div", Wn, [
+            a("div", jn, [
+              m(s(c), {
                 is: "sv-popup",
                 model: s(e).questionTypeSelectorModel.popupModel
               }, null, 8, ["model"])
             ]),
-            a("div", Wn, [
-              p(s(c), {
+            a("div", Jn, [
+              m(s(c), {
                 is: "svc-add-new-question-btn",
                 item: { data: s(e) },
                 buttonClass: "svc-action-button",
                 renderPopup: !1
               }, null, 8, ["item"])
             ])
-          ])) : m("", !0),
-          s(e).element.isInteractiveDesignElement ? (l(), r("div", {
+          ])) : v("", !0),
+          s(e).element.isInteractiveDesignElement ? (l(), d("div", {
             key: 2,
             class: "svc-question__content-actions",
-            onFocusin: i[1] || (i[1] = (d) => s(e).select(s(e), d))
+            onFocusin: i[1] || (i[1] = (r) => s(e).select(s(e), r))
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-action-bar",
               model: s(e).actionContainer,
               handleClick: !1
             }, null, 8, ["model"])
-          ], 32)) : m("", !0)
-        ], 64)) : m("", !0)
+          ], 32)) : v("", !0)
+        ], 64)) : v("", !0)
       ], 2)), [
         [s(N), { disableTabStop: !0 }]
       ])
-    ], 42, An)) : m("", !0);
+    ], 42, Fn)) : v("", !0);
   }
-}), Jn = ["data-sv-drop-target-item-value"], Zn = { class: "svc-item-value-controls" }, Xn = {
+}), Xn = ["data-sv-drop-target-item-value"], Yn = { class: "svc-item-value-controls" }, xn = {
   key: 0,
   class: "svc-item-value-controls__button svc-item-value-controls__drag"
-}, Yn = /* @__PURE__ */ g({
+}, el = /* @__PURE__ */ g({
   __name: "ItemValue",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = I(), e = u, o = w(() => e.componentData.data.creator), n = w(() => e.componentData.question), i = w(() => e.componentData.item), d = G(
+    const t = E(), e = u, o = k(() => e.componentData.data.creator), n = k(() => e.componentData.question), i = k(() => e.componentData.item), r = G(
       () => i.value,
       (b, y) => {
         b && t.value && b.setRootElement(t.value), y && y.setRootElement(void 0);
@@ -2890,49 +2918,49 @@ const ft = /* @__PURE__ */ g({
     );
     B(() => {
       t.value && i.value && i.value.setRootElement(t.value);
-    }), K(() => {
+    }), L(() => {
       i.value.setRootElement(void 0);
     });
-    const v = z(
-      () => new Ie(o.value, n.value, i.value),
+    const p = z(
+      () => new Be(o.value, n.value, i.value),
       [() => o.value, () => n.value, () => i.value],
       (b) => {
         b.dispose();
       }
     );
     return ee(() => {
-      d();
-    }), (b, y) => (l(), r("div", {
+      r();
+    }), (b, y) => (l(), d("div", {
       class: _(["svc-item-value-wrapper", {
-        "svc-item-value--new": s(v).isNew,
-        "svc-item-value--dragging": s(v).isDragging,
-        "svc-item-value--ghost": s(v).isDragDropGhost,
-        "svc-item-value--movedown": s(v).isDragDropMoveDown,
-        "svc-item-value--moveup": s(v).isDragDropMoveUp
+        "svc-item-value--new": s(p).isNew,
+        "svc-item-value--dragging": s(p).isDragging,
+        "svc-item-value--ghost": s(p).isDragDropGhost,
+        "svc-item-value--movedown": s(p).isDragDropMoveDown,
+        "svc-item-value--moveup": s(p).isDragDropMoveUp
       }]),
-      onPointerdown: y[4] || (y[4] = (D) => s(v).onPointerDown(D)),
-      "data-sv-drop-target-item-value": s(v).isDraggable ? i.value.value : null,
+      onPointerdown: y[4] || (y[4] = (D) => s(p).onPointerDown(D)),
+      "data-sv-drop-target-item-value": s(p).isDraggable ? i.value.value : null,
       ref_key: "root",
       ref: t
     }, [
       y[5] || (y[5] = a("div", { class: "svc-item-value__ghost" }, null, -1)),
-      a("div", Zn, [
-        s(v).isDraggable ? (l(), r("span", Xn, [
-          p(s(c), {
+      a("div", Yn, [
+        s(p).isDraggable ? (l(), d("span", xn, [
+          m(s(c), {
             is: "sv-svg-icon",
             class: "svc-item-value-controls__drag-icon",
             iconName: "icon-drag-24x24",
             size: "auto",
-            title: s(v).dragTooltip
+            title: s(p).dragTooltip
           }, null, 8, ["title"])
-        ])) : m("", !0),
-        s(v).allowAdd ? h((l(), r("span", {
+        ])) : v("", !0),
+        s(p).allowAdd ? h((l(), d("span", {
           key: 1,
           class: "svc-item-value-controls__button svc-item-value-controls__add",
-          onClick: y[0] || (y[0] = (D) => s(v).add(s(v))),
+          onClick: y[0] || (y[0] = (D) => s(p).add(s(p))),
           "aria-label": void 0
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: "icon-add_16x16",
             size: "auto",
@@ -2940,15 +2968,15 @@ const ft = /* @__PURE__ */ g({
           })
         ])), [
           [s(N)]
-        ]) : m("", !0),
-        s(v).allowRemove ? h((l(), r("span", {
+        ]) : v("", !0),
+        s(p).allowRemove ? h((l(), d("span", {
           key: 2,
           class: "svc-item-value-controls__button svc-item-value-controls__remove",
-          onClick: y[1] || (y[1] = (D) => s(v).remove(s(v))),
-          onBlur: y[2] || (y[2] = (D) => s(v).onFocusOut(D)),
+          onClick: y[1] || (y[1] = (D) => s(p).remove(s(p))),
+          onBlur: y[2] || (y[2] = (D) => s(p).onFocusOut(D)),
           "aria-label": void 0
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             iconName: "icon-remove_16x16",
             size: "auto",
@@ -2956,35 +2984,35 @@ const ft = /* @__PURE__ */ g({
           })
         ], 32)), [
           [s(N)]
-        ]) : m("", !0)
+        ]) : v("", !0)
       ]),
       a("div", {
         class: "svc-item-value__item",
-        onClick: y[3] || (y[3] = (D) => s(v).select(s(v), D))
+        onClick: y[3] || (y[3] = (D) => s(p).select(s(p), D))
       }, [
-        p(s(c), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
+        m(s(c), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
       ])
-    ], 42, Jn));
+    ], 42, Xn));
   }
-}), xn = ["data-sv-drop-target-item-value"], el = { class: "svc-image-item-value-wrapper__content" }, ol = ["accept"], sl = {
+}), ol = ["data-sv-drop-target-item-value"], sl = { class: "svc-image-item-value-wrapper__content" }, tl = ["accept"], nl = {
   key: 0,
   class: "svc-image-item-value__item"
-}, tl = {
+}, ll = {
   key: 2,
   class: "svc-context-container svc-image-item-value-controls"
-}, nl = { class: "sd-imagepicker__item sd-imagepicker__item--inline" }, ll = { class: "sd-imagepicker__label" }, il = {
+}, il = { class: "sd-imagepicker__item sd-imagepicker__item--inline" }, al = { class: "sd-imagepicker__label" }, rl = {
   key: 0,
   class: "svc-image-item-value__loading"
-}, al = /* @__PURE__ */ g({
+}, dl = /* @__PURE__ */ g({
   __name: "ImageItemValue",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.componentData.data.creator), o = w(() => t.componentData.question), n = w(() => t.componentData.item), i = I(), d = z(
+    const t = u, e = k(() => t.componentData.data.creator), o = k(() => t.componentData.question), n = k(() => t.componentData.item), i = E(), r = z(
       () => {
-        const b = new Be(
+        const b = new Pe(
           e.value,
           o.value,
           n.value,
@@ -2997,102 +3025,102 @@ const ft = /* @__PURE__ */ g({
       (b) => {
         b.dispose();
       }
-    ), v = w(() => {
-      const b = !d.value.getIsNewItemSingle();
+    ), p = k(() => {
+      const b = !r.value.getIsNewItemSingle();
       return {
         width: b ? o.value.renderedImageWidth + "px" : void 0,
         height: b ? o.value.renderedImageHeight + "px" : void 0
       };
     });
     return B(() => {
-      i.value && (d.value.itemsRoot = i.value);
-    }), (b, y) => (l(), r("div", {
-      onPointerdown: y[8] || (y[8] = (D) => s(d).onPointerDown(D)),
-      class: _(s(d).getRootCss()),
-      "data-sv-drop-target-item-value": s(d).isDraggable ? n.value.value : null,
+      i.value && (r.value.itemsRoot = i.value);
+    }), (b, y) => (l(), d("div", {
+      onPointerdown: y[8] || (y[8] = (D) => s(r).onPointerDown(D)),
+      class: _(s(r).getRootCss()),
+      "data-sv-drop-target-item-value": s(r).isDraggable ? n.value.value : null,
       ref_key: "root",
       ref: i
     }, [
       a("div", {
         class: "svc-image-item-value-wrapper__ghost",
-        style: F(v.value)
+        style: K(p.value)
       }, null, 4),
-      a("div", el, [
+      a("div", sl, [
         a("input", {
           type: "file",
           "aria-hidden": "true",
           tabindex: "-1",
-          accept: s(d).acceptedTypes,
+          accept: s(r).acceptedTypes,
           class: "svc-choose-file-input"
-        }, null, 8, ol),
-        !s(d).isNew && !s(d).isUploading ? (l(), r($, { key: 0 }, [
-          s(d).isNew ? m("", !0) : (l(), r("div", sl, [
-            p(s(c), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
+        }, null, 8, tl),
+        !s(r).isNew && !s(r).isUploading ? (l(), d($, { key: 0 }, [
+          s(r).isNew ? v("", !0) : (l(), d("div", nl, [
+            m(s(c), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
           ])),
-          s(d).isDraggable && s(d).canRenderControls ? (l(), r("span", {
+          s(r).isDraggable && s(r).canRenderControls ? (l(), d("span", {
             key: 1,
             class: "svc-context-button svc-image-item-value-controls__drag-area-indicator",
-            onPointerdown: y[0] || (y[0] = (D) => s(d).onPointerDown(D)),
+            onPointerdown: y[0] || (y[0] = (D) => s(r).onPointerDown(D)),
             title: void 0,
             "aria-label": void 0
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-drag-24x24",
               size: "auto"
             })
-          ], 32)) : m("", !0),
-          s(d).canRenderControls ? (l(), r("div", tl, [
-            h((l(), r("span", {
+          ], 32)) : v("", !0),
+          s(r).canRenderControls ? (l(), d("div", ll, [
+            h((l(), d("span", {
               class: "svc-context-button",
-              onClick: y[1] || (y[1] = (D) => s(d).chooseFile(s(d))),
+              onClick: y[1] || (y[1] = (D) => s(r).chooseFile(s(r))),
               title: void 0,
               "aria-label": void 0
             }, [
-              p(s(c), {
+              m(s(c), {
                 is: "sv-svg-icon",
                 role: "button",
                 iconName: "icon-choosefile",
                 size: "auto",
-                title: s(d).selectFileTitle
+                title: s(r).selectFileTitle
               }, null, 8, ["title"])
             ])), [
               [s(N)]
             ]),
-            h((l(), r("span", {
+            h((l(), d("span", {
               class: "svc-context-button svc-context-button--danger",
-              onClick: y[2] || (y[2] = (D) => s(d).remove(s(d))),
+              onClick: y[2] || (y[2] = (D) => s(r).remove(s(r))),
               title: void 0,
               "aria-label": void 0
             }, [
-              p(s(c), {
+              m(s(c), {
                 is: "sv-svg-icon",
                 role: "button",
                 iconName: "icon-delete",
                 size: "auto",
-                title: s(d).removeFileTitle
+                title: s(r).removeFileTitle
               }, null, 8, ["title"])
             ])), [
               [s(N)]
             ])
-          ])) : m("", !0)
-        ], 64)) : m("", !0),
-        s(d).isNew || s(d).isUploading ? (l(), r($, { key: 1 }, [
+          ])) : v("", !0)
+        ], 64)) : v("", !0),
+        s(r).isNew || s(r).isUploading ? (l(), d($, { key: 1 }, [
           a("div", {
             class: "svc-image-item-value__item",
-            onDragover: y[3] || (y[3] = (D) => s(d).onDragOver(D)),
-            onDragleave: y[4] || (y[4] = (D) => s(d).onDragLeave(D)),
-            onDrop: y[5] || (y[5] = (D) => s(d).onDrop(D))
+            onDragover: y[3] || (y[3] = (D) => s(r).onDragOver(D)),
+            onDragleave: y[4] || (y[4] = (D) => s(r).onDragLeave(D)),
+            onDrop: y[5] || (y[5] = (D) => s(r).onDrop(D))
           }, [
-            a("div", nl, [
-              a("label", ll, [
+            a("div", il, [
+              a("label", al, [
                 a("div", {
-                  style: F(v.value),
+                  style: K(p.value),
                   class: "sd-imagepicker__image"
                 }, [
-                  s(d).isUploading ? (l(), r("div", il, [
-                    p(s(c), { is: "sv-loading-indicator" })
-                  ])) : m("", !0)
+                  s(r).isUploading ? (l(), d("div", rl, [
+                    m(s(c), { is: "sv-loading-indicator" })
+                  ])) : v("", !0)
                 ], 4)
               ])
             ])
@@ -3101,85 +3129,85 @@ const ft = /* @__PURE__ */ g({
             class: "svc-image-item-value-controls",
             onPointerdown: y[7] || (y[7] = (D) => D.stopPropagation())
           }, [
-            s(d).allowAdd && !s(d).isUploading ? h((l(), r("span", {
+            s(r).allowAdd && !s(r).isUploading ? h((l(), d("span", {
               key: 0,
               class: "svc-context-button svc-image-item-value-controls__add",
-              onClick: y[6] || (y[6] = (D) => s(d).chooseNewFile(s(d))),
+              onClick: y[6] || (y[6] = (D) => s(r).chooseNewFile(s(r))),
               title: void 0,
               "aria-label": void 0
             }, [
-              p(s(c), {
+              m(s(c), {
                 is: "sv-svg-icon",
                 iconName: "icon-add-lg",
                 size: "auto",
-                title: s(d).addFileTitle
+                title: s(r).addFileTitle
               }, null, 8, ["title"])
             ])), [
               [s(N)]
-            ]) : m("", !0)
+            ]) : v("", !0)
           ], 32)
-        ], 64)) : m("", !0)
+        ], 64)) : v("", !0)
       ])
-    ], 42, xn));
+    ], 42, ol));
   }
-}), rl = /* @__PURE__ */ g({
+}), ul = /* @__PURE__ */ g({
   __name: "QuestionEditor",
   props: {
     survey: {}
   },
   setup(u) {
-    const t = u, e = w(() => {
+    const t = u, e = k(() => {
       var i;
       return (i = t.survey) == null ? void 0 : i.getAllQuestions()[0];
-    }), o = w(() => {
+    }), o = k(() => {
       const i = t.survey;
       if (i && e.value) {
-        const d = i.getElementWrapperComponentName(e.value);
-        if (d)
-          return d;
+        const r = i.getElementWrapperComponentName(e.value);
+        if (r)
+          return r;
       }
       return "survey-question";
-    }), n = w(() => {
+    }), n = k(() => {
       const i = t.survey;
-      let d;
-      return i && e.value && (d = i.getElementWrapperComponentData(e.value)), {
+      let r;
+      return i && e.value && (r = i.getElementWrapperComponentData(e.value)), {
         componentName: "survey-question",
         componentData: {
           element: e.value,
-          data: d
+          data: r
         }
       };
     });
-    return (i, d) => (l(), C(s(c), V({ is: o.value }, n.value), null, 16, ["is"]));
+    return (i, r) => (l(), q(s(c), V({ is: o.value }, n.value), null, 16, ["is"]));
   }
-}), dl = ["accept"], ul = { class: "svc-context-container svc-logo-image-controls" }, cl = {
+}), cl = ["accept"], vl = { class: "svc-context-container svc-logo-image-controls" }, pl = {
   key: 2,
   class: "svc-logo-image__loading"
-}, vl = /* @__PURE__ */ g({
+}, ml = /* @__PURE__ */ g({
   __name: "Logo",
   props: {
     data: {}
   },
   setup(u) {
-    const t = u, e = w(() => t.data), o = w(() => e.value.survey), n = I(), i = z(
-      () => new Pe(e.value, null),
+    const t = u, e = k(() => t.data), o = k(() => e.value.survey), n = E(), i = z(
+      () => new Re(e.value, null),
       [() => e.value]
-    ), d = I(), v = () => {
-      d.value = o.value.locLogo.renderedHtml;
+    ), r = E(), p = () => {
+      r.value = o.value.locLogo.renderedHtml;
     };
     return G(
       () => o.value.locLogo,
       (b, y) => {
-        v(), b && b.onStringChanged.add(v), y && b.onStringChanged.remove(v);
+        p(), b && b.onStringChanged.add(p), y && b.onStringChanged.remove(p);
       },
       {
         immediate: !0
       }
     ), B(() => {
       n.value && (i.value.root = n.value);
-    }), K(() => {
+    }), L(() => {
       i.value && (i.value.root = void 0);
-    }), (b, y) => (l(), r("div", {
+    }), (b, y) => (l(), d("div", {
       class: "svc-logo-image",
       ref_key: "root",
       ref: n
@@ -3190,9 +3218,9 @@ const ft = /* @__PURE__ */ g({
         tabindex: "-1",
         accept: s(i).acceptedTypes,
         class: "svc-choose-file-input"
-      }, null, 8, dl),
-      d.value ? m("", !0) : (l(), r($, { key: 0 }, [
-        s(i).allowEdit && !s(i).isUploading ? h((l(), r("div", {
+      }, null, 8, cl),
+      r.value ? v("", !0) : (l(), d($, { key: 0 }, [
+        s(i).allowEdit && !s(i).isUploading ? h((l(), d("div", {
           key: 0,
           class: "svc-logo-image-placeholder",
           onClick: y[0] || (y[0] = (D) => s(i).chooseFile(s(i)))
@@ -3202,20 +3230,20 @@ const ft = /* @__PURE__ */ g({
           ], -1)
         ]))), [
           [s(N)]
-        ]) : m("", !0)
+        ]) : v("", !0)
       ], 64)),
-      d.value && !s(i).isUploading ? (l(), r("div", {
+      r.value && !s(i).isUploading ? (l(), d("div", {
         key: 1,
         class: _(s(i).containerCss)
       }, [
-        a("div", ul, [
-          h((l(), r("span", {
+        a("div", vl, [
+          h((l(), d("span", {
             class: "svc-context-button",
             onClick: y[1] || (y[1] = (D) => s(i).chooseFile(s(i))),
             title: void 0,
             "aria-label": void 0
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-choosefile",
               size: "auto"
@@ -3223,13 +3251,13 @@ const ft = /* @__PURE__ */ g({
           ])), [
             [s(N)]
           ]),
-          h((l(), r("span", {
+          h((l(), d("span", {
             class: "svc-context-button svc-context-button--danger",
             onClick: y[2] || (y[2] = (D) => s(i).remove(s(i))),
             title: void 0,
             "aria-label": void 0
           }, [
-            p(s(c), {
+            m(s(c), {
               is: "sv-svg-icon",
               iconName: "icon-clear",
               size: "auto"
@@ -3238,20 +3266,20 @@ const ft = /* @__PURE__ */ g({
             [s(N)]
           ])
         ]),
-        p(s(c), {
+        m(s(c), {
           is: "sv-logo-image",
           data: o.value
         }, null, 8, ["data"])
-      ], 2)) : m("", !0),
-      s(i).isUploading ? (l(), r("div", cl, [
-        p(s(c), { is: "sv-loading-indicator" })
-      ])) : m("", !0)
+      ], 2)) : v("", !0),
+      s(i).isUploading ? (l(), d("div", pl, [
+        m(s(c), { is: "sv-loading-indicator" })
+      ])) : v("", !0)
     ], 512));
   }
-}), pl = {
+}), _l = {
   key: 0,
   class: "svc-search"
-}, ml = { class: "svc-search__search-icon" }, _l = ["aria-label", "placeholder"], gl = { class: "svc-search__toolbar" }, bl = { class: "svc-search__toolbar-counter" }, yl = /* @__PURE__ */ g({
+}, gl = { class: "svc-search__search-icon" }, bl = ["aria-label", "placeholder"], yl = { class: "svc-search__toolbar" }, hl = { class: "svc-search__toolbar-counter" }, Cl = /* @__PURE__ */ g({
   __name: "Search",
   props: {
     model: {}
@@ -3259,16 +3287,16 @@ const ft = /* @__PURE__ */ g({
   setup(u) {
     const t = u;
     T(() => t.model);
-    const e = w({
+    const e = k({
       get: () => t.model.filterString,
       set: (o) => {
         const n = t.model;
         n.filterString = o;
       }
     });
-    return (o, n) => o.model.isVisible ? (l(), r("div", pl, [
-      a("div", ml, [
-        p(s(c), {
+    return (o, n) => o.model.isVisible ? (l(), d("div", _l, [
+      a("div", gl, [
+        m(s(c), {
           is: "sv-svg-icon",
           iconName: "icon-search",
           size: "auto"
@@ -3280,19 +3308,19 @@ const ft = /* @__PURE__ */ g({
         "onUpdate:modelValue": n[0] || (n[0] = (i) => e.value = i),
         "aria-label": o.model.filterStringPlaceholder,
         placeholder: o.model.filterStringPlaceholder
-      }, null, 8, _l), [
-        [de, e.value]
+      }, null, 8, bl), [
+        [ue, e.value]
       ]),
-      a("div", gl, [
-        a("div", bl, k(o.model.matchCounterText), 1),
-        p(s(c), {
+      a("div", yl, [
+        a("div", hl, f(o.model.matchCounterText), 1),
+        m(s(c), {
           is: "sv-action-bar",
           model: o.model.searchActionBar
         }, null, 8, ["model"])
       ])
-    ])) : m("", !0);
+    ])) : v("", !0);
   }
-}), hl = ["title"], ql = /* @__PURE__ */ g({
+}), ql = ["title"], kl = /* @__PURE__ */ g({
   __name: "PageNavigator",
   props: {
     pagesController: {},
@@ -3300,9 +3328,9 @@ const ft = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = z(
-      () => new Re(t.pagesController, t.pageEditMode),
+      () => new Ve(t.pagesController, t.pageEditMode),
       [() => t.pagesController, () => t.pageEditMode]
-    ), o = I();
+    ), o = E();
     return B(() => {
       if (t.pageEditMode !== "bypage") {
         const n = o.value;
@@ -3312,43 +3340,43 @@ const ft = /* @__PURE__ */ g({
       o.value;
       const n = e.value;
       n.stopItemsContainerHeightObserver(), n.setScrollableContainer(void 0);
-    }), K(() => {
+    }), L(() => {
       e.value.dispose();
-    }), (n, i) => h((l(), r("div", {
+    }), (n, i) => h((l(), d("div", {
       class: "svc-page-navigator",
       ref_key: "root",
       ref: o
     }, [
-      h((l(), r("div", {
+      h((l(), d("div", {
         class: _(["svc-page-navigator__selector svc-page-navigator__button", { "svc-page-navigator__button--pressed": s(e).isPopupOpened }]),
-        onClick: i[0] || (i[0] = (d) => s(e).togglePageSelector(d)),
+        onClick: i[0] || (i[0] = (r) => s(e).togglePageSelector(r)),
         title: s(e).pageSelectorCaption
       }, [
-        p(s(c), {
+        m(s(c), {
           is: "sv-svg-icon",
           class: "svc-page-navigator__button-icon",
           iconName: s(e).icon,
           size: "auto"
         }, null, 8, ["iconName"]),
-        p(s(c), {
+        m(s(c), {
           is: "sv-popup",
           model: s(e).popupModel
         }, null, 8, ["model"])
-      ], 10, hl)), [
+      ], 10, ql)), [
         [s(N)]
       ]),
       a("div", null, [
-        (l(!0), r($, null, R(s(e).visibleItems, (d) => (l(), C(s(c), {
+        (l(!0), d($, null, R(s(e).visibleItems, (r) => (l(), q(s(c), {
           is: "svc-page-navigator-item",
-          key: d.id,
-          model: d
+          key: r.id,
+          model: r
         }, null, 8, ["model"]))), 128))
       ])
     ], 512)), [
-      [L, s(e).visible]
+      [F, s(e).visible]
     ]);
   }
-}), Cl = { class: "svc-page-navigator-item" }, wl = ["title"], kl = { class: "svc-page-navigator-item__banner" }, fl = { class: "svc-page-navigator-item__text" }, $l = /* @__PURE__ */ g({
+}), fl = { class: "svc-page-navigator-item" }, wl = ["title"], $l = { class: "svc-page-navigator-item__banner" }, Tl = { class: "svc-page-navigator-item__text" }, Dl = /* @__PURE__ */ g({
   __name: "PageNavigatorItem",
   props: {
     model: {}
@@ -3359,8 +3387,8 @@ const ft = /* @__PURE__ */ g({
     const e = (o) => {
       t.model.action(), o.stopPropagation(), o.preventDefault();
     };
-    return (o, n) => (l(), r("div", Cl, [
-      h((l(), r("div", {
+    return (o, n) => (l(), d("div", fl, [
+      h((l(), d("div", {
         class: _(["svc-page-navigator-item-content", {
           "svc-page-navigator-item--selected": o.model.active,
           "svc-page-navigator-item--disabled": o.model.disabled
@@ -3373,8 +3401,8 @@ const ft = /* @__PURE__ */ g({
         }, n[1] || (n[1] = [
           a("div", { class: "svc-page-navigator-item__dot-content" }, null, -1)
         ]), 8, wl),
-        a("div", kl, [
-          a("span", fl, k(o.model.title), 1),
+        a("div", $l, [
+          a("span", Tl, f(o.model.title), 1),
           n[2] || (n[2] = a("span", { class: "svc-page-navigator-item__dot" }, [
             a("span", { class: "svc-page-navigator-item__dot-content" })
           ], -1))
@@ -3384,7 +3412,7 @@ const ft = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Tl = { class: "svc-question__dropdown-choices--wrapper" }, Dl = { class: "svc-question__dropdown-choices" }, Nl = /* @__PURE__ */ g({
+}), Nl = { class: "svc-question__dropdown-choices--wrapper" }, Ml = { class: "svc-question__dropdown-choices" }, Sl = /* @__PURE__ */ g({
   __name: "Dropdown",
   props: {
     model: {},
@@ -3399,42 +3427,42 @@ const ft = /* @__PURE__ */ g({
         data: t.element.getItemValueWrapperComponentData(n)
       }
     });
-    return (n, i) => (l(), r("div", Tl, [
+    return (n, i) => (l(), d("div", Nl, [
       a("div", null, [
-        a("div", Dl, [
-          (l(!0), r($, null, R(n.model.getRenderedItems(), (d) => (l(), r("div", {
-            key: d.value,
+        a("div", Ml, [
+          (l(!0), d($, null, R(n.model.getRenderedItems(), (r) => (l(), d("div", {
+            key: r.value,
             class: _(n.model.getChoiceCss())
           }, [
-            p(s(c), V({
-              is: e(d),
+            m(s(c), V({
+              is: e(r),
               ref_for: !0
-            }, o(d)), null, 16, ["is"])
+            }, o(r)), null, 16, ["is"])
           ], 2))), 128))
         ]),
-        n.model.needToCollapse ? (l(), C(s(c), {
+        n.model.needToCollapse ? (l(), q(s(c), {
           key: 0,
           is: "svc-action-button",
           text: n.model.getButtonText(),
           click: n.model.switchCollapse.bind(n.model),
           allowBubble: !0
-        }, null, 8, ["text", "click"])) : m("", !0)
+        }, null, 8, ["text", "click"])) : v("", !0)
       ])
     ]));
   }
-}), Ml = /* @__PURE__ */ g({
+}), Il = /* @__PURE__ */ g({
   __name: "QuestionDropdown",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = () => new Ve(
+    const t = u, e = () => new ze(
       t.componentData.data,
       t.componentData.element,
       null
     );
-    return (o, n) => (l(), C(te, {
+    return (o, n) => (l(), q(te, {
       "create-model": e,
       element: o.componentData.element,
       "component-name": o.componentName,
@@ -3442,14 +3470,14 @@ const ft = /* @__PURE__ */ g({
       "adorner-component": "svc-dropdown-question-adorner"
     }, null, 8, ["element", "component-name", "component-data"]));
   }
-}), Sl = { class: "svc-question__adorner" }, El = { class: "svc-question__content svc-question__content--in-popup" }, Il = { class: "svc-question__dropdown-choices" }, ae = "survey-radiogroup-item", Bl = /* @__PURE__ */ g({
+}), El = { class: "svc-question__adorner" }, Bl = { class: "svc-question__content svc-question__content--in-popup" }, Pl = { class: "svc-question__dropdown-choices" }, ae = "survey-radiogroup-item", Rl = /* @__PURE__ */ g({
   __name: "CellQuestionDropdown",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = w(
+    const t = u, e = k(
       () => t.componentData.element
     ), o = (i) => e.value.getItemValueWrapperComponentName(i) || ae, n = (i) => ({
       componentName: ae,
@@ -3459,37 +3487,37 @@ const ft = /* @__PURE__ */ g({
         data: e.value.getItemValueWrapperComponentData(i)
       }
     });
-    return T(() => e.value), (i, d) => (l(), r("div", Sl, [
-      a("div", El, [
-        p(s(c), V({ is: i.componentName }, i.componentData), null, 16, ["is"]),
-        a("div", Il, [
-          (l(!0), r($, null, R(e.value.visibleChoices, (v) => (l(), r("div", {
-            key: v.value,
+    return T(() => e.value), (i, r) => (l(), d("div", El, [
+      a("div", Bl, [
+        m(s(c), V({ is: i.componentName }, i.componentData), null, 16, ["is"]),
+        a("div", Pl, [
+          (l(!0), d($, null, R(e.value.visibleChoices, (p) => (l(), d("div", {
+            key: p.value,
             class: "svc-question__dropdown-choice"
           }, [
-            p(s(c), V({
-              is: o(v),
+            m(s(c), V({
+              is: o(p),
               ref_for: !0
-            }, n(v)), null, 16, ["is"])
+            }, n(p)), null, 16, ["is"])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Pl = ["data-sv-drop-target-survey-element"], Rl = { class: "svc-widget__content" }, Vl = {
+}), Vl = ["data-sv-drop-target-survey-element"], zl = { class: "svc-widget__content" }, Al = {
   key: 1,
   class: "svc-panel__placeholder_frame"
-}, zl = { class: "svc-question__content-actions" }, Al = {
+}, Ll = { class: "svc-question__content-actions" }, Fl = {
   key: 0,
   class: "svc-panel__placeholder_frame"
-}, Ll = { class: "svc-panel__placeholder" }, Fl = /* @__PURE__ */ g({
+}, Kl = { class: "svc-panel__placeholder" }, Ul = /* @__PURE__ */ g({
   __name: "CustomWidget",
   props: {
     componentName: {},
     componentData: {}
   },
   setup(u) {
-    const t = u, e = I(), o = z(
+    const t = u, e = E(), o = z(
       () => new se(
         t.componentData.data,
         t.componentData.element,
@@ -3504,48 +3532,48 @@ const ft = /* @__PURE__ */ g({
       e.value && o.value && (o.value.rootElement = e.value);
     }), B(() => {
       e.value && o.value && (o.value.rootElement = e.value);
-    }), (n, i) => s(o) ? (l(), r("div", {
+    }), (n, i) => s(o) ? (l(), d("div", {
       key: 0,
       class: _(["svc-question__adorner", s(o).rootCss()]),
-      onMouseover: i[2] || (i[2] = (d) => s(o).hover(d, d.currentTarget)),
-      onMouseleave: i[3] || (i[3] = (d) => s(o).hover(d, d.currentTarget)),
+      onMouseover: i[2] || (i[2] = (r) => s(o).hover(r, r.currentTarget)),
+      onMouseleave: i[3] || (i[3] = (r) => s(o).hover(r, r.currentTarget)),
       "data-sv-drop-target-survey-element": s(o).element.name || null,
       ref_key: "root",
       ref: e
     }, [
-      s(o).element.isInteractiveDesignElement ? h((l(), r("div", {
+      s(o).element.isInteractiveDesignElement ? h((l(), d("div", {
         key: 0,
         class: _(["svc-question__content", s(o).css()]),
-        onClick: i[1] || (i[1] = (d) => s(o).select(s(o), d)),
+        onClick: i[1] || (i[1] = (r) => s(o).select(s(o), r)),
         "data-bind": "clickBubble: false"
       }, [
         i[5] || (i[5] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1)),
         i[6] || (i[6] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1)),
         i[7] || (i[7] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1)),
         i[8] || (i[8] = a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1)),
-        s(o).allowDragging ? (l(), r("div", {
+        s(o).allowDragging ? (l(), d("div", {
           key: 0,
           class: "svc-question__drag-area",
-          onPointerdown: i[0] || (i[0] = (d) => s(o).onPointerDown(d))
+          onPointerdown: i[0] || (i[0] = (r) => s(o).onPointerDown(r))
         }, [
-          p(s(c), {
+          m(s(c), {
             is: "sv-svg-icon",
             class: "svc-question__drag-element",
             iconName: "icon-drag-area-indicator_24x16",
             size: "auto"
           })
-        ], 32)) : m("", !0),
-        a("div", Rl, [
-          p(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"])
+        ], 32)) : v("", !0),
+        a("div", zl, [
+          m(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"])
         ]),
-        s(o).isEmptyElement ? (l(), r("div", Vl, i[4] || (i[4] = [
+        s(o).isEmptyElement ? (l(), d("div", Al, i[4] || (i[4] = [
           a("div", {
             class: "svc-panel__placeholder",
             "data-bind": "text: placeholderText"
           }, null, -1)
-        ]))) : m("", !0),
-        a("div", zl, [
-          p(s(c), {
+        ]))) : v("", !0),
+        a("div", Ll, [
+          m(s(c), {
             is: "sv-action-bar",
             model: s(o).actionContainer,
             handleClick: !1
@@ -3553,26 +3581,26 @@ const ft = /* @__PURE__ */ g({
         ])
       ], 2)), [
         [s(N)]
-      ]) : m("", !0),
-      s(o).element.isInteractiveDesignElement ? m("", !0) : (l(), r($, { key: 1 }, [
-        p(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
-        s(o).isEmptyElement ? (l(), r("div", Al, [
-          a("div", Ll, k(s(o).placeholderText), 1)
-        ])) : m("", !0)
+      ]) : v("", !0),
+      s(o).element.isInteractiveDesignElement ? v("", !0) : (l(), d($, { key: 1 }, [
+        m(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
+        s(o).isEmptyElement ? (l(), d("div", Fl, [
+          a("div", Kl, f(s(o).placeholderText), 1)
+        ])) : v("", !0)
       ], 64))
-    ], 42, Pl)) : m("", !0);
+    ], 42, Vl)) : v("", !0);
   }
-}), Kl = { class: "svc-carry-forward-panel-wrapper" }, Ul = { class: "svc-carry-forward-panel" }, Hl = { class: "svc-carry-forward-panel__link" }, Ol = /* @__PURE__ */ g({
+}), Hl = { class: "svc-carry-forward-panel-wrapper" }, Ol = { class: "svc-carry-forward-panel" }, Ql = { class: "svc-carry-forward-panel__link" }, Gl = /* @__PURE__ */ g({
   __name: "QuestionBanner",
   props: {
     model: {}
   },
   setup(u) {
-    return (t, e) => (l(), r("div", Kl, [
-      a("div", Ul, [
-        a("span", null, k(t.model.text) + k(" "), 1),
-        a("span", Hl, [
-          p(s(c), {
+    return (t, e) => (l(), d("div", Hl, [
+      a("div", Ol, [
+        a("span", null, f(t.model.text) + f(" "), 1),
+        a("span", Ql, [
+          m(s(c), {
             is: "svc-action-button",
             text: t.model.actionText,
             click: t.model.onClick.bind(t.model)
@@ -3582,27 +3610,27 @@ const ft = /* @__PURE__ */ g({
     ]));
   }
 });
-function Ql(u, t, e) {
+function Wl(u, t, e) {
   u(t, e);
 }
-function ve(u) {
-  const t = Ql.bind(
+function pe(u) {
+  const t = Wl.bind(
     void 0,
     u
   );
-  t("svc-tabbed-menu", Je), t("svc-tabbed-menu-item-wrapper", Xe), t("svc-tabbed-menu-item", Ye), t("svc-side-bar", so), t("svc-side-bar-default-header", io), t("svc-side-bar-page", ao), t("svc-tabs", vo), t("svc-tab-control", yo), t("svc-tab-button", ko), t("svc-property-grid-placeholder", No), t("svc-side-bar-header", Po), t("svc-side-bar-property-grid-header", Ko), t("svc-property-grid", co), t("svc-object-selector", ro), t("svc-search", yl), t("svc-scroll", X), t("svc-switcher", Xo), t("svc-action-button", Wo), t("svc-question-error", Uo), t("survey-embeddedsurvey", Os), t("sv-logic-operator", Hs), t("survey-linkvalue", Qs), t("survey-color", dt), t("color-item", ut), t("sv-boolean-switch", ft), t("survey-fileedit", _t), t("survey-spinedit", ht), t("survey-textwithreset", le), t("survey-commentwithreset", le), t("survey-widget", Q), t("survey-simulator", es), t("svc-tab-test", as), t("svc-complete-page", ds), t("survey-results", qs), t("survey-results-table-row", ws), t("json-error-item", Rs), t("svc-tab-json-editor-textarea", Es), t("svc-tab-json-editor-ace", Ts), t("svc-tab-translation", Zs), t("sd-translation-line-skeleton", ot), t("svc-translate-from-action", st), t("svc-tab-logic", Fs), t("svc-tab-theme", it), t("svc-toolbox", Pt), t("svc-toolbox-list", Gt), t("svc-toolbox-category", Qt), t("svc-toolbox-tool", Vt), t("svc-toolbox-item", Ft), t("svc-toolbox-item-group", Kt), t(ze, St), t("svc-tab-designer", nn), t("svc-page-navigator", ql), t("svc-page-navigator-item", $l), t("svc-page", vn), t("svc-row", bn), t("svc-add-new-question-btn", mn), t("svc-add-question-type-selector", gn), t("svc-question", ie), t("svc-rating-question", ie), t("svc-rating-question-content", In), t("svc-image-question", fn), t("svc-image-question-adorner", Sn), t("svc-matrix-cell", Pn), t("svc-cell-question", zn), t("svc-cell-dropdown-question", Bl), t("svc-question-editor-content", rl), t("svc-logo-image", vl), t("svc-panel", jn), t("svc-item-value", Yn), t("svc-image-item-value", al), t("svc-dropdown-question", Ml), t("svc-dropdown-question-adorner", Nl), t("svc-widget-question", Fl), t("svc-question-banner", Ol);
+  t("svc-tabbed-menu", Ze), t("svc-tabbed-menu-item-wrapper", Ye), t("svc-tabbed-menu-item", xe), t("svc-side-bar", to), t("svc-side-bar-default-header", ao), t("svc-side-bar-page", ro), t("svc-tabs", po), t("svc-tab-control", ho), t("svc-tab-button", wo), t("svc-property-grid-placeholder", Mo), t("svc-side-bar-header", Ro), t("svc-side-bar-property-grid-header", Uo), t("svc-property-grid", vo), t("svc-object-selector", uo), t("svc-search", Cl), t("svc-scroll", X), t("svc-switcher", Yo), t("svc-action-button", jo), t("svc-question-error", Ho), t("survey-embeddedsurvey", Qs), t("sv-logic-operator", Os), t("survey-linkvalue", Gs), t("survey-color", ut), t("color-item", ct), t("sv-boolean-switch", $t), t("survey-fileedit", gt), t("survey-spinedit", Ct), t("survey-textwithreset", le), t("survey-commentwithreset", le), t("survey-widget", Q), t("survey-simulator", os), t("svc-tab-preview", rs), t("svc-complete-page", us), t("survey-results", qs), t("survey-results-table-row", fs), t("json-error-item", Vs), t("svc-tab-json-editor-textarea", Es), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Xs), t("sd-translation-line-skeleton", st), t("svc-translate-from-action", tt), t("svc-tab-logic", Ks), t("svc-tab-theme", at), t("svc-toolbox", Rt), t("svc-toolbox-list", jt), t("svc-toolbox-category", Wt), t("svc-toolbox-tool", zt), t("svc-toolbox-item", Kt), t("svc-toolbox-item-group", Ut), t(Ae, It), t("svc-tab-designer", an), t("svc-page-navigator", kl), t("svc-page-navigator-item", Dl), t("svc-page", mn), t("svc-row", hn), t("svc-add-new-question-btn", gn), t("svc-add-question-type-selector", yn), t("svc-question", ie), t("svc-rating-question", ie), t("svc-rating-question-content", Pn), t("svc-image-question", Tn), t("svc-image-question-adorner", En), t("svc-matrix-cell", Vn), t("svc-cell-question", Ln), t("svc-cell-dropdown-question", Rl), t("svc-question-editor-content", ul), t("svc-logo-image", ml), t("svc-panel", Zn), t("svc-item-value", el), t("svc-image-item-value", dl), t("svc-dropdown-question", Il), t("svc-dropdown-question-adorner", Sl), t("svc-widget-question", Ul), t("svc-question-banner", Gl);
 }
-ve(
+pe(
   (u, t) => re.Instance.registerComponent(u, t)
 );
-const Zl = {
+const Yl = {
   install(u) {
-    u.component("SurveyCreatorComponent", je), ve((t, e) => {
+    u.component("SurveyCreatorComponent", Je), pe((t, e) => {
       u.component(t, e), re.Instance.registerComponent(t, t);
     });
   }
 };
 export {
-  je as SurveyCreatorComponent,
-  Zl as surveyCreatorPlugin
+  Je as SurveyCreatorComponent,
+  Yl as surveyCreatorPlugin
 };