survey-creator-vue 2.0.0-rc.9 → 2.0.1

package/survey-creator-vue.es.js

@@ -1,7 +1,7 @@
 import { useBase as f, SvComponent as u, key2ClickDirective as D, SurveyComponent as Q, useQuestion as H, ComponentFactory as re } from "survey-vue3-ui";
-import { defineComponent as g, computed as $, toRaw as ge, ref as B, onMounted as E, onUnmounted as L, openBlock as l, createElementBlock as i, Fragment as k, createVNode as v, unref as s, createElementVNode as a, normalizeClass as _, normalizeStyle as K, createCommentVNode as p, renderList as R, createBlock as h, nextTick as de, withDirectives as C, toDisplayString as w, vShow as F, renderSlot as X, withCtx as Y, createTextVNode as be, shallowRef as ye, watch as G, onBeforeUnmount as x, vModelText as ce, onUpdated as ee, mergeProps as V } from "vue";
+import { defineComponent as g, computed as $, toRaw as ge, ref as B, onMounted as E, onUnmounted as L, openBlock as l, createElementBlock as i, Fragment as w, createVNode as v, unref as s, createElementVNode as a, normalizeClass as _, normalizeStyle as K, createCommentVNode as p, renderList as R, createBlock as C, nextTick as de, withDirectives as h, toDisplayString as k, vShow as F, renderSlot as X, withCtx as Y, createTextVNode as be, shallowRef as ye, watch as G, onBeforeUnmount as x, vModelText as ce, onUpdated as ee, mergeProps as V } from "vue";
 import { ResponsivityManager as he, CssClassBuilder as Ce, RendererFactory as ue, DropdownListModel as qe, VerticalResponsivityManager as $e } from "survey-core";
-import { ScrollViewModel as we, editorLocalization as pe, SurveyResultsModel as ke, initLogicOperator as fe, StringEditorViewModelBase as Te, ToolboxToolViewModel as De, PageAdorner as Ne, RowViewModel as Me, QuestionAdornerViewModel as oe, QuestionImageAdornerViewModel as Se, QuestionRatingAdornerViewModel as Ie, MatrixCellWrapperViewModel as Be, ItemValueWrapperViewModel as Ee, ImageItemValueWrapperViewModel as Pe, LogoImageViewModel as Re, PageNavigatorViewModel as Ve, QuestionDropdownAdornerViewModel as Ae, editableStringRendererName as ze } from "survey-creator-core";
+import { ScrollViewModel as ke, editorLocalization as pe, SurveyResultsModel as we, initLogicOperator as fe, StringEditorViewModelBase as Te, ToolboxToolViewModel as De, PageAdorner as Ne, RowViewModel as Me, QuestionAdornerViewModel as oe, QuestionImageAdornerViewModel as Se, QuestionRatingAdornerViewModel as Ie, MatrixCellWrapperViewModel as Be, ItemValueWrapperViewModel as Ee, ImageItemValueWrapperViewModel as Pe, LogoImageViewModel as Re, PageNavigatorViewModel as Ve, QuestionDropdownAdornerViewModel as Ae, editableStringRendererName as ze } 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"
@@ -27,7 +27,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       o.value && t.model.setRootElement(o.value);
     }), L(() => {
       t.model.unsubscribeRootElement();
-    }), (n, r) => e.value.isCreatorDisposed ? p("", !0) : (l(), i(k, { key: 0 }, [
+    }), (n, r) => e.value.isCreatorDisposed ? p("", !0) : (l(), i(w, { key: 0 }, [
       v(s(u), { is: "survey-popup-modal" }),
       a("div", {
         class: _(e.value.getRootCss()),
@@ -73,7 +73,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
                 }])
               }, [
                 a("div", He, [
-                  (l(!0), i(k, null, R(e.value.tabs, (d) => (l(), i(k, null, [
+                  (l(!0), i(w, null, R(e.value.tabs, (d) => (l(), i(w, null, [
                     e.value.viewType == d.id && d.visible ? (l(), i("div", {
                       class: _(["svc-creator-tab", {
                         "svc-creator__toolbox--right": e.value.toolboxLocation == "right"
@@ -101,7 +101,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
                 ], 8, Ge)
               ])) : p("", !0)
             ]),
-            e.value.sidebar ? (l(), h(s(u), {
+            e.value.sidebar ? (l(), C(s(u), {
               key: 0,
               is: "svc-side-bar",
               model: e.value.sidebar
@@ -139,7 +139,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ref_key: "container",
       ref: o
     }, [
-      (l(!0), i(k, null, R(n.model.renderedActions, (d) => (l(), h(s(u), {
+      (l(!0), i(w, null, R(n.model.renderedActions, (d) => (l(), C(s(u), {
         key: d.renderedId,
         is: "svc-tabbed-menu-item-wrapper",
         item: d
@@ -181,7 +181,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c;
-    return f(() => t.item), (e, o) => C((l(), i("div", {
+    return f(() => t.item), (e, o) => h((l(), i("div", {
       class: _(["svc-tabbed-menu-item", e.item.getRootCss()]),
       onClick: o[0] || (o[0] = //@ts-ignore
       (...n) => e.item.action && e.item.action(...n))
@@ -189,8 +189,8 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       e.item.hasTitle ? (l(), i("span", {
         key: 0,
         class: _(e.item.getTitleCss())
-      }, w(e.item.title), 3)) : p("", !0),
-      e.item.hasIcon ? (l(), h(s(u), {
+      }, k(e.item.title), 3)) : p("", !0),
+      e.item.hasIcon ? (l(), C(s(u), {
         key: 1,
         is: "sv-svg-icon",
         iconName: e.item.iconName,
@@ -213,17 +213,17 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       t.model.initResizeManager(e.value);
     }), L(() => {
       t.model.resetResizeManager();
-    }), (o, n) => C((l(), i("div", {
+    }), (o, n) => h((l(), i("div", {
       class: _(["svc-side-bar", o.model.rootCss])
     }, [
-      C(a("div", {
+      h(a("div", {
         class: "svc-side-bar__shadow",
         onClick: n[0] || (n[0] = () => o.model.collapseSidebar())
       }, null, 512), [
         [F, o.model.renderContainer]
       ]),
       a("div", eo, [
-        C(a("div", oo, [
+        h(a("div", oo, [
           a("div", {
             class: "svc-side-bar__container",
             ref_key: "root",
@@ -234,7 +234,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
               model: o.model.header.componentModel
             }, null, 8, ["is", "model"]),
             a("div", so, [
-              (l(!0), i(k, null, R(o.model.pages, (r, d) => (l(), h(s(u), {
+              (l(!0), i(w, null, R(o.model.pages, (r, d) => (l(), C(s(u), {
                 key: d,
                 is: "svc-side-bar-page",
                 model: r
@@ -244,7 +244,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         ], 512), [
           [F, o.model.renderContainer]
         ]),
-        o.model.sideAreaComponentName ? (l(), h(s(u), {
+        o.model.sideAreaComponentName ? (l(), C(s(u), {
           key: 0,
           is: o.model.sideAreaComponentName,
           model: o.model.sideAreaComponentData
@@ -271,7 +271,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
           model: e.model.toolbar
         }, null, 8, ["model"])
       ]),
-      e.model.title ? (l(), i("div", ao, w(e.model.title), 1)) : p("", !0)
+      e.model.title ? (l(), i("div", ao, k(e.model.title), 1)) : p("", !0)
     ]));
   }
 }), ro = /* @__PURE__ */ g({
@@ -281,7 +281,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c;
-    return f(() => t.model), (e, o) => e.model.visible ? (l(), h(s(u), {
+    return f(() => t.model), (e, o) => e.model.visible ? (l(), C(s(u), {
       key: 0,
       is: e.model.componentName,
       model: e.model.componentData
@@ -294,7 +294,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c;
-    return f(() => t.model), (e, o) => e.model.isVisible ? (l(), h(s(u), {
+    return f(() => t.model), (e, o) => e.model.isVisible ? (l(), C(s(u), {
       key: 0,
       is: "sv-list",
       model: e.model.list
@@ -305,7 +305,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
 ], W = /* @__PURE__ */ g({
   __name: "Scroll",
   setup(c) {
-    const t = new we(), e = B();
+    const t = new ke(), e = B();
     return E(() => {
       t.setRootElement(e.value);
     }), L(() => {
@@ -345,7 +345,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       }, null, 8, ["model"]),
       v(W, null, {
         default: Y(() => [
-          e.model.survey ? (l(), h(s(Q), {
+          e.model.survey ? (l(), C(s(Q), {
             key: 0,
             survey: e.model.survey
           }, null, 8, ["survey"])) : p("", !0)
@@ -361,7 +361,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c;
-    return f(() => t.model), (e, o) => (l(!0), i(k, null, R(e.model.actions, (n, r) => (l(), h(s(u), {
+    return f(() => t.model), (e, o) => (l(!0), i(w, null, R(e.model.actions, (n, r) => (l(), C(s(u), {
       key: r,
       is: "svc-tab-button",
       model: n
@@ -409,15 +409,18 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ])
     ], 2));
   }
-}), wo = { class: "svc-menu-action" }, ko = ["title"], fo = { class: "svc-menu-action__icon" }, To = { class: "svc-menu-action__icon-container" }, Do = /* @__PURE__ */ g({
+}), ko = {
+  key: 0,
+  class: "svc-menu-action"
+}, wo = ["title"], fo = { class: "svc-menu-action__icon" }, To = { class: "svc-menu-action__icon-container" }, Do = /* @__PURE__ */ g({
   __name: "TabButton",
   props: {
     model: {}
   },
   setup(c) {
     const t = c;
-    return f(() => t.model), (e, o) => (l(), i("div", wo, [
-      C((l(), i("div", {
+    return f(() => t.model), (e, o) => e.model.visible ? (l(), i("div", ko, [
+      h((l(), i("div", {
         class: _(e.model.buttonClassName),
         title: e.model.tooltip,
         onClick: o[0] || (o[0] = (n) => e.model.action())
@@ -431,10 +434,10 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             }, null, 8, ["iconName"])
           ])
         ])
-      ], 10, ko)), [
+      ], 10, wo)), [
         [s(D), { processEsc: !1, disableTabStop: e.model.disableTabStop }]
       ])
-    ]));
+    ])) : p("", !0);
   }
 }), No = { class: "svc-property-grid-placeholder" }, Mo = { class: "svc-property-grid-placeholder__header" }, So = { class: "svc-property-grid-placeholder__title" }, Io = { class: "svc-property-grid-placeholder__description" }, Bo = /* @__PURE__ */ a("div", { class: "svc-property-grid-placeholder__content" }, [
   /* @__PURE__ */ a("div", { class: "svc-property-grid-placeholder__gap" }),
@@ -445,8 +448,8 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = pe;
     return (e, o) => (l(), i("div", No, [
       a("div", Mo, [
-        a("span", So, w(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
-        a("span", Io, w(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
+        a("span", So, k(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
+        a("span", Io, k(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
       ]),
       Bo
     ]));
@@ -465,10 +468,10 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   setup(c) {
     const t = c;
     return f(() => t.model), (e, o) => (l(), i("div", Po, [
-      e.model.subTitle ? p("", !0) : (l(), i("div", Ro, w(e.model.title), 1)),
+      e.model.subTitle ? p("", !0) : (l(), i("div", Ro, k(e.model.title), 1)),
       e.model.subTitle ? (l(), i("div", Vo, [
-        a("span", Ao, w(e.model.title), 1),
-        a("span", zo, w(e.model.subTitle), 1)
+        a("span", Ao, k(e.model.title), 1),
+        a("span", zo, k(e.model.subTitle), 1)
       ])) : p("", !0)
     ]));
   }
@@ -482,13 +485,13 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     return f(() => t.model), (e, o) => (l(), i("div", Fo, [
       a("div", Ko, [
         a("div", Uo, [
-          C((l(), i("div", {
+          h((l(), i("div", {
             class: _(e.model.buttonClassName),
             onClick: o[0] || (o[0] = (n) => e.model.action())
           }, [
             a("div", Ho, [
-              a("span", Oo, w(e.model.title), 1),
-              a("span", Qo, w(e.model.tooltip), 1)
+              a("span", Oo, k(e.model.title), 1),
+              a("span", Qo, k(e.model.tooltip), 1)
             ])
           ], 2)), [
             [s(D), { processEsc: !1 }]
@@ -545,25 +548,25 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = c, e = (n) => {
       t.click(), t.allowBubble || n.stopPropagation();
     }, 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, r) => (l(), i(k, null, [
-      n.iconName ? p("", !0) : (l(), i(k, { key: 0 }, [
+    return (n, r) => (l(), i(w, null, [
+      n.iconName ? p("", !0) : (l(), i(w, { key: 0 }, [
         n.disabled ? (l(), i("span", {
           key: 0,
           class: _(["svc-action-button svc-action-button--disabled", n.classes]),
           title: n.title
-        }, w(n.text), 11, jo)) : p("", !0),
-        C((l(), i("span", {
+        }, k(n.text), 11, jo)) : p("", !0),
+        h((l(), i("span", {
           role: "button",
           class: _(["svc-action-button", o()]),
           onClick: e,
           title: n.title
         }, [
-          be(w(n.text), 1)
+          be(k(n.text), 1)
         ], 10, Jo)), [
           [s(D)]
         ])
       ], 64)),
-      n.iconName ? (l(), i(k, { key: 1 }, [
+      n.iconName ? (l(), i(w, { key: 1 }, [
         n.disabled ? (l(), i("span", {
           key: 0,
           class: _(o()),
@@ -575,7 +578,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             size: "auto"
           }, null, 8, ["iconName"])
         ], 10, Zo)) : p("", !0),
-        C((l(), i("span", {
+        h((l(), i("span", {
           role: "button",
           onClick: e,
           class: _(o()),
@@ -607,7 +610,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c;
-    return f(() => t.item), (e, o) => C((l(), i("button", {
+    return f(() => t.item), (e, o) => h((l(), i("button", {
       class: _(e.item.getActionBarItemCss()),
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
@@ -625,7 +628,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       a("div", {
         class: _(e.item.getSwitcherIconCss())
       }, os, 2),
-      e.item.hasTitle ? (l(), i("span", ss, w(e.item.title), 1)) : p("", !0)
+      e.item.hasTitle ? (l(), i("span", ss, k(e.item.title), 1)) : p("", !0)
     ], 42, xo)), [
       [s(D), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
@@ -698,8 +701,8 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         class: _(["svc-surface-placeholder__image", "svc-surface-placeholder__image--" + t.name])
       }, null, 2),
       a("div", ds, [
-        a("div", cs, w(t.placeholderTitleText), 1),
-        a("div", us, w(t.placeholderDescriptionText), 1)
+        a("div", cs, k(t.placeholderTitleText), 1),
+        a("div", us, k(t.placeholderDescriptionText), 1)
       ])
     ]));
   }
@@ -718,7 +721,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
     }, [
-      e.model.survey.isEmpty ? (l(), h(j, {
+      e.model.survey.isEmpty ? (l(), C(j, {
         key: 0,
         name: "preview",
         placeholderTitleText: e.model.placeholderTitleText,
@@ -733,7 +736,7 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
           is: "survey-simulator",
           model: e.model.simulator
         }, null, 8, ["model"]),
-        e.model.showResults ? (l(), h(s(u), {
+        e.model.showResults ? (l(), C(s(u), {
           key: 0,
           is: "survey-results",
           survey: e.model.survey
@@ -755,12 +758,12 @@ const Le = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(c) {
     const t = c, e = $(() => t.model.testAgainAction);
-    return f(() => e.value), (o, n) => C((l(), i("div", {
+    return f(() => e.value), (o, n) => h((l(), i("div", {
       role: "button",
       class: "svc-preview__test-again svc-btn",
       onClick: n[0] || (n[0] = (r) => e.value.action())
     }, [
-      a("span", ms, w(e.value.title), 1)
+      a("span", ms, k(e.value.title), 1)
     ])), [
       [s(D)]
     ]);
@@ -783,20 +786,20 @@ function A(c, t, e) {
 const gs = {
   key: 0,
   class: "svd-test-results"
-}, bs = { class: "svd-test-results__content" }, ys = { class: "svd-test-results__header" }, hs = { class: "svd-test-results__header-text" }, Cs = { class: "svd-test-results__header-types" }, qs = { class: "svd-test-results__text svd-light-bg-color" }, $s = { class: "svd-test-results__table svd-light-bg-color" }, ws = { class: "svd-light-background-color" }, ks = { class: "svd-dark-border-color" }, fs = { class: "svd-dark-border-color" }, Ts = /* @__PURE__ */ g({
+}, bs = { class: "svd-test-results__content" }, ys = { class: "svd-test-results__header" }, hs = { class: "svd-test-results__header-text" }, Cs = { class: "svd-test-results__header-types" }, qs = { class: "svd-test-results__text svd-light-bg-color" }, $s = { class: "svd-test-results__table svd-light-bg-color" }, ks = { class: "svd-light-background-color" }, ws = { class: "svd-dark-border-color" }, fs = { class: "svd-dark-border-color" }, Ts = /* @__PURE__ */ g({
   __name: "SurveyResults",
   props: {
     survey: {}
   },
   setup(c) {
     const t = c, e = A(
-      () => t.survey ? new ke(t.survey) : void 0,
+      () => t.survey ? new we(t.survey) : void 0,
       [() => t.survey]
     );
     return (o, n) => s(e) ? (l(), i("div", gs, [
       a("div", bs, [
         a("div", ys, [
-          a("div", hs, w(s(e).surveyResultsText), 1),
+          a("div", hs, k(s(e).surveyResultsText), 1),
           a("div", Cs, [
             v(s(u), {
               is: "svc-action-button",
@@ -814,21 +817,21 @@ const gs = {
             }, null, 8, ["text", "click", "selected"])
           ])
         ]),
-        C(a("div", qs, [
-          a("div", null, w(s(e).resultText), 1)
+        h(a("div", qs, [
+          a("div", null, k(s(e).resultText), 1)
         ], 512), [
           [F, s(e).resultViewType === "text"]
         ]),
-        C(a("div", $s, [
+        h(a("div", $s, [
           a("table", null, [
             a("thead", null, [
-              a("tr", ws, [
-                a("th", ks, w(s(e).resultsTitle), 1),
-                a("th", fs, w(s(e).resultsDisplayValue), 1)
+              a("tr", ks, [
+                a("th", ws, k(s(e).resultsTitle), 1),
+                a("th", fs, k(s(e).resultsDisplayValue), 1)
               ])
             ]),
             a("tbody", null, [
-              (l(!0), i(k, null, R(s(e).resultData, (r, d) => (l(), h(s(u), {
+              (l(!0), i(w, null, R(s(e).resultData, (r, d) => (l(), C(s(u), {
                 is: "survey-results-table-row",
                 model: r,
                 key: d
@@ -848,8 +851,8 @@ const gs = {
   },
   setup(c) {
     const t = c;
-    return f(() => t.model), (e, o) => (l(), i(k, null, [
-      C((l(), i("tr", {
+    return f(() => t.model), (e, o) => (l(), i(w, null, [
+      h((l(), i("tr", {
         onClick: o[0] || (o[0] = //@ts-ignore
         (...n) => e.model.toggle && e.model.toggle(...n))
       }, [
@@ -868,22 +871,22 @@ const gs = {
               size: 16
             })
           ], 6)) : p("", !0),
-          e.model.question ? (l(), h(s(u), {
+          e.model.question ? (l(), C(s(u), {
             key: 1,
             is: "survey-string",
             locString: e.model.question.locTitle
-          }, null, 8, ["locString"])) : (l(), i("span", Ds, w(e.model.title), 1))
+          }, null, 8, ["locString"])) : (l(), i("span", Ds, k(e.model.title), 1))
         ], 4),
         a("td", {
           class: _({
             "svd-test-results__node-value": e.model.isNode,
             "svd-dark-border-color": !e.model.isNode
           })
-        }, w(e.model.getString(e.model.displayValue)), 3)
+        }, k(e.model.getString(e.model.displayValue)), 3)
       ])), [
         [s(D)]
       ]),
-      e.model.isNode && !e.model.collapsed ? (l(!0), i(k, { key: 0 }, R(e.model.data, (n, r) => (l(), h(s(u), {
+      e.model.isNode && !e.model.collapsed ? (l(!0), i(w, { key: 0 }, R(e.model.data, (n, r) => (l(), C(s(u), {
         is: "survey-results-table-row",
         model: n,
         key: r + 1
@@ -904,7 +907,7 @@ const gs = {
           ref_key: "inputEl",
           ref: e
         }, null, 512),
-        C(a("div", Is, [
+        h(a("div", Is, [
           v(s(u), {
             is: "sv-list",
             model: o.model.errorList
@@ -927,7 +930,7 @@ const gs = {
       n.textElement = e.value;
     }), (n, r) => (l(), i("div", Es, [
       a("div", Ps, [
-        C(a("textarea", {
+        h(a("textarea", {
           class: "svc-json-editor-tab__content-area",
           "aria-label": s(o).ariaLabel,
           disabled: s(o).readOnly,
@@ -939,7 +942,7 @@ const gs = {
       `, 40, Rs), [
           [ce, s(o).text]
         ]),
-        C(a("div", Vs, [
+        h(a("div", Vs, [
           v(s(u), {
             is: "sv-list",
             model: s(o).errorList
@@ -961,7 +964,7 @@ const gs = {
     const e = (o) => {
       o.stopPropagation(), t.item.data.fixError();
     };
-    return (o, n) => (l(), i(k, null, [
+    return (o, n) => (l(), i(w, null, [
       v(s(u), {
         is: "sv-svg-icon",
         iconName: o.item.iconName,
@@ -975,7 +978,7 @@ const gs = {
             locString: o.item.locTitle
           }, null, 8, ["locString"])
         ]),
-        o.item.data.showFixButton ? C((l(), i("button", {
+        o.item.data.showFixButton ? h((l(), i("button", {
           key: 0,
           type: "button",
           onClick: e,
@@ -1005,14 +1008,14 @@ const gs = {
     const e = (o) => {
       o.stopPropagation(), t.model.action();
     };
-    return (o, n) => C((l(), i("div", {
+    return (o, n) => h((l(), i("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", Us, w(o.model.title), 1)
+      a("span", Us, k(o.model.title), 1)
     ], 2)), [
       [s(D)]
     ]);
@@ -1031,11 +1034,11 @@ const gs = {
       a("div", {
         class: _(["svc-plugin-tab__content svc-logic-tab__content", { "svc-logic-tab--empty": !e.model.hasItems }])
       }, [
-        e.model.hasItems ? (l(), i(k, { key: 0 }, [
+        e.model.hasItems ? (l(), i(w, { key: 0 }, [
           v(s(Q), {
             model: e.model.itemsSurvey
           }, null, 8, ["model"]),
-          e.model.readOnly ? p("", !0) : (l(), h(ne, {
+          e.model.readOnly ? p("", !0) : (l(), C(ne, {
             key: 0,
             model: e.model.addNewButton
           }, null, 8, ["model"]))
@@ -1046,7 +1049,7 @@ const gs = {
             placeholderTitleText: e.model.placeholderTitleText,
             placeholderDescriptionText: e.model.placeholderDescriptionText
           }, null, 8, ["placeholderTitleText", "placeholderDescriptionText"]),
-          e.model.readOnly ? p("", !0) : (l(), h(ne, {
+          e.model.readOnly ? p("", !0) : (l(), C(ne, {
             key: 0,
             model: e.model.addNewButton
           }, null, 8, ["model"]))
@@ -1083,7 +1086,7 @@ const js = /* @__PURE__ */ g({
     return (m, b) => (l(), i("div", {
       class: _(m.question.cssClasses.selectWrapper)
     }, [
-      m.question.isReadOnly ? p("", !0) : (l(), i(k, { key: 0 }, [
+      m.question.isReadOnly ? p("", !0) : (l(), i(w, { key: 0 }, [
         a("div", {
           class: _(m.question.getControlClass()),
           onClick: n,
@@ -1101,14 +1104,14 @@ const js = /* @__PURE__ */ g({
           a("div", {
             class: _(m.question.cssClasses.controlValue)
           }, [
-            m.question.selectedItemLocText ? (l(), h(s(u), {
+            m.question.selectedItemLocText ? (l(), C(s(u), {
               key: 0,
               is: "survey-string",
               locString: m.question.selectedItemLocText
             }, null, 8, ["locString"])) : p("", !0),
-            a("div", null, w(m.question.readOnlyText), 1)
+            a("div", null, k(m.question.readOnlyText), 1)
           ], 2),
-          m.question.allowClear && m.question.cssClasses.cleanButtonIconId ? C((l(), i("div", {
+          m.question.allowClear && m.question.cssClasses.cleanButtonIconId ? h((l(), i("div", {
             key: 0,
             class: _(m.question.cssClasses.cleanButton),
             onClick: r
@@ -1135,12 +1138,12 @@ const js = /* @__PURE__ */ g({
         class: _(m.question.getControlClass()),
         id: m.question.inputId
       }, [
-        m.question.selectedItemLocText ? (l(), h(s(u), {
+        m.question.selectedItemLocText ? (l(), C(s(u), {
           key: 0,
           is: "survey-string",
           locString: m.question.selectedItemLocText
         }, null, 8, ["locString"])) : p("", !0),
-        a("div", null, w(m.question.readOnlyText), 1)
+        a("div", null, k(m.question.readOnlyText), 1)
       ], 10, Ws)) : p("", !0)
     ], 2));
   }
@@ -1153,7 +1156,7 @@ const js = /* @__PURE__ */ g({
     const t = c, e = B();
     H(t, e);
     const o = $(() => t.question.embeddedSurvey);
-    return (n, r) => n.question && o.value && o.value.currentPage ? (l(), h(s(u), {
+    return (n, r) => n.question && o.value && o.value.currentPage ? (l(), C(s(u), {
       key: 0,
       is: "survey-page",
       page: o.value.currentPage,
@@ -1168,7 +1171,7 @@ const js = /* @__PURE__ */ g({
   },
   setup(c) {
     const t = c, e = B(), o = pe.getString("pe.clear");
-    return H(t, e), (n, r) => (l(), i(k, null, [
+    return H(t, e), (n, r) => (l(), i(w, null, [
       v(s(u), {
         is: "svc-action-button",
         text: n.question.linkValueText,
@@ -1179,7 +1182,7 @@ const js = /* @__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(), h(s(u), {
+      !n.question.isReadOnly && n.question.showClear ? (l(), C(s(u), {
         key: 0,
         is: "svc-action-button",
         text: s(o),
@@ -1202,7 +1205,7 @@ const js = /* @__PURE__ */ g({
     return f(() => t.model), (e, o) => (l(), i("div", {
       class: _(["svc-creator-tab__content svc-translation-tab", e.model.isEmpty ? "svc-translation-tab--empty" : ""])
     }, [
-      e.model.isEmpty ? (l(), h(j, {
+      e.model.isEmpty ? (l(), C(j, {
         key: 0,
         name: "translation",
         placeholderTitleText: e.model.placeholderTitleText,
@@ -1244,7 +1247,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
     }, [
       a("span", {
         class: _(t.item.data.additionalTitleCss)
-      }, w(t.item.data.additionalTitle), 3),
+      }, k(t.item.data.additionalTitle), 3),
       v(s(u), {
         is: "sv-action-bar-item-dropdown",
         item: t.item
@@ -1269,7 +1272,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
     }, [
-      e.model.survey.isEmpty ? (l(), h(j, {
+      e.model.survey.isEmpty ? (l(), C(j, {
         key: 0,
         name: "theme",
         placeholderTitleText: e.model.placeholderTitleText,
@@ -1280,7 +1283,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
           is: "survey-simulator",
           model: e.model.simulator
         }, null, 8, ["model"]),
-        e.model.showResults ? (l(), h(s(u), {
+        e.model.showResults ? (l(), C(s(u), {
           key: 0,
           is: "survey-results",
           survey: e.model.survey
@@ -1344,7 +1347,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
         value: e.question.renderedValue,
         class: _(e.question.cssClasses.control)
       }, null, 42, pt),
-      e.question.showDropdownAction ? (l(), i(k, { key: 0 }, [
+      e.question.showDropdownAction ? (l(), i(w, { key: 0 }, [
         v(s(u), {
           is: "sv-action-bar-item",
           item: e.question.dropdownAction
@@ -1366,7 +1369,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
     const t = c;
     f(() => t.item);
     const e = () => ({ backgroundColor: t.item.value });
-    return (o, n) => (l(), i(k, null, [
+    return (o, n) => (l(), i(w, null, [
       a("span", {
         class: "spg-color-editor__color-swatch",
         style: K(e())
@@ -1429,7 +1432,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
       a("div", {
         class: _(o.question.cssClasses.buttonsContainer)
       }, [
-        C((l(), i("button", {
+        h((l(), i("button", {
           type: "button",
           class: _(o.question.cssClasses.clearButton),
           disabled: o.question.getIsClearButtonDisabled(),
@@ -1445,7 +1448,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
         ], 10, bt)), [
           [s(D)]
         ]),
-        C((l(), i("label", {
+        h((l(), i("label", {
           role: "button",
           class: _(o.question.getChooseButtonCss()),
           for: o.question.inputId,
@@ -1465,7 +1468,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
       ], 2)
     ], 34));
   }
-}), Ct = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], qt = ["disabled"], $t = ["disabled"], wt = /* @__PURE__ */ g({
+}), Ct = ["disabled", "id", "placeholder", "aria-required", "aria-label", "aria-invalid", "aria-describedby", "value"], qt = ["disabled"], $t = ["disabled"], kt = /* @__PURE__ */ g({
   __name: "SpinEditor",
   props: {
     question: {}
@@ -1552,7 +1555,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
       ], 2)
     ], 34));
   }
-}), kt = ["disabled", "title"], le = /* @__PURE__ */ g({
+}), wt = ["disabled", "title"], le = /* @__PURE__ */ g({
   __name: "TextWithReset",
   props: {
     question: {}
@@ -1578,7 +1581,7 @@ const at = /* @__PURE__ */ st(tt, [["render", lt]]), it = /* @__PURE__ */ g({
           iconName: o.question.cssClasses.resetButtonIcon,
           size: "auto"
         }, null, 8, ["iconName"])
-      ], 10, kt)
+      ], 10, wt)
     ], 2));
   }
 }), ft = ["aria-required", "aria-label", "aria-invalid", "aria-errormessage"], Tt = /* @__PURE__ */ a("div", { class: "spg-boolean-switch__thumb" }, [
@@ -1611,7 +1614,7 @@ const It = /* @__PURE__ */ g({
       "aria-errormessage": o.question.ariaErrormessage,
       onClick: n[0] || (n[0] = (r) => o.question.value = !o.question.value)
     }, [
-      C((l(), i("div", {
+      h((l(), i("div", {
         class: _(["spg-boolean-switch__button", o.question.value ? "spg-boolean-switch__button--checked" : ""]),
         tabindex: "0"
       }, Nt, 2)), [
@@ -1794,7 +1797,7 @@ const It = /* @__PURE__ */ g({
             ref_key: "root",
             ref: n
           }, null, 40, At)) : p("", !0),
-          P.value ? (l(), h(s(u), {
+          P.value ? (l(), C(s(u), {
             key: 2,
             is: "sv-character-counter",
             counter: O.value,
@@ -1802,7 +1805,7 @@ const It = /* @__PURE__ */ g({
           }, null, 8, ["counter", "remainingCharacterCounter"])) : p("", !0)
         ])
       ]),
-      m.value ? (l(), i("span", zt, w(m.value), 1)) : p("", !0)
+      m.value ? (l(), i("span", zt, k(m.value), 1)) : p("", !0)
     ], 2));
   }
 }), Ft = {
@@ -1842,7 +1845,7 @@ const It = /* @__PURE__ */ g({
         class: "svc-toolbox__panel"
       }, [
         e.value.showSearch ? (l(), i("div", Ft, [
-          e.value.isCompactRendered ? (l(), h(s(u), {
+          e.value.isCompactRendered ? (l(), C(s(u), {
             is: "svc-toolbox-tool",
             creator: d.model,
             key: "searchitem",
@@ -1856,17 +1859,17 @@ const It = /* @__PURE__ */ g({
           }, null, 8, ["model"]),
           Kt
         ])) : p("", !0),
-        e.value.showPlaceholder ? (l(), i("div", Ut, w(e.value.toolboxNoResultsFound), 1)) : p("", !0),
+        e.value.showPlaceholder ? (l(), i("div", Ut, k(e.value.toolboxNoResultsFound), 1)) : p("", !0),
         v(W, null, {
           default: Y(() => [
-            e.value.showInSingleCategory ? p("", !0) : (l(!0), i(k, { key: 0 }, R(e.value.categories, (b, y) => (l(), h(s(u), {
+            e.value.showInSingleCategory ? p("", !0) : (l(!0), i(w, { key: 0 }, R(e.value.categories, (b, y) => (l(), C(s(u), {
               is: "svc-toolbox-category",
               key: y,
               category: b,
               toolbox: e.value
             }, null, 8, ["category", "toolbox"]))), 128)),
             e.value.showInSingleCategory ? (l(), i("div", Ht, [
-              (l(!0), i(k, null, R(r.value, (b) => (l(), h(s(u), {
+              (l(!0), i(w, null, R(r.value, (b) => (l(), C(s(u), {
                 key: b.renderedId,
                 is: "svc-toolbox-tool",
                 creator: d.model,
@@ -1951,8 +1954,8 @@ const It = /* @__PURE__ */ g({
     viewModel: {}
   },
   setup(c) {
-    return (t, e) => (l(), i(k, null, [
-      C((l(), i("div", {
+    return (t, e) => (l(), i(w, null, [
+      h((l(), i("div", {
         class: _(["svc-toolbox__item", t.item.renderedCss]),
         role: "button",
         "aria-label": t.item.tooltip,
@@ -1960,7 +1963,7 @@ const It = /* @__PURE__ */ g({
         onClick: e[0] || (e[0] = (o) => t.viewModel.click(o))
       }, [
         a("span", jt, [
-          t.item.iconName ? (l(), h(s(u), {
+          t.item.iconName ? (l(), C(s(u), {
             key: 0,
             is: "sv-svg-icon",
             iconName: t.item.iconName,
@@ -1968,7 +1971,7 @@ const It = /* @__PURE__ */ g({
             class: "svc-toolbox__item-icon"
           }, null, 8, ["iconName"])) : p("", !0)
         ]),
-        t.isCompact ? p("", !0) : (l(), i("span", Jt, w(t.item.title), 1))
+        t.isCompact ? p("", !0) : (l(), i("span", Jt, k(t.item.title), 1))
       ], 10, Wt)), [
         [s(D)]
       ]),
@@ -1983,7 +1986,7 @@ const It = /* @__PURE__ */ g({
           size: 24,
           class: "svc-toolbox__item-icon"
         }, null, 8, ["iconName"]),
-        a("span", null, w(t.item.title), 1)
+        a("span", null, k(t.item.title), 1)
       ])) : p("", !0)
     ], 64));
   }
@@ -2001,7 +2004,7 @@ const It = /* @__PURE__ */ g({
     }, o = (n) => {
       t.viewModel.onMouseLeave(t.item, n);
     };
-    return (n, r) => (l(), i(k, null, [
+    return (n, r) => (l(), i(w, null, [
       v(s(u), {
         is: "svc-toolbox-item",
         viewModel: n.viewModel,
@@ -2044,16 +2047,16 @@ const It = /* @__PURE__ */ g({
       }])
     }, [
       a("div", Yt, [
-        C((l(), i("div", {
+        h((l(), i("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", xt, w(e.category.title), 1),
+          a("span", xt, k(e.category.title), 1),
           e.toolbox.canCollapseCategories ? (l(), i("div", en, [
             a("div", on, [
-              C(v(s(u), {
+              h(v(s(u), {
                 is: "sv-svg-icon",
                 iconName: "icon-arrow-down",
                 class: "svc-toolbox__category-header__button svc-string-editor__button--expand",
@@ -2062,7 +2065,7 @@ const It = /* @__PURE__ */ g({
                 [F, e.category.collapsed]
               ])
             ]),
-            C(v(s(u), {
+            h(v(s(u), {
               is: "sv-svg-icon",
               iconName: "icon-arrow-up",
               class: "svc-toolbox__category-header__button svc-string-editor__button--collapse",
@@ -2075,7 +2078,7 @@ const It = /* @__PURE__ */ g({
           [s(D)]
         ])
       ]),
-      (l(!0), i(k, null, R(e.category.items, (n) => (l(), h(s(u), {
+      (l(!0), i(w, null, R(e.category.items, (n) => (l(), C(s(u), {
         is: "svc-toolbox-tool",
         item: n,
         key: n.renderedId,
@@ -2095,7 +2098,7 @@ const It = /* @__PURE__ */ g({
     return (t, e) => (l(), i("div", {
       class: _(t.model.cssClasses.root)
     }, [
-      (l(!0), i(k, null, R(t.model.renderedActions, (o, n) => (l(), h(s(u), {
+      (l(!0), i(w, null, R(t.model.renderedActions, (o, n) => (l(), C(s(u), {
         key: n,
         is: "svc-toolbox-tool",
         creator: t.creator,
@@ -2133,9 +2136,9 @@ const It = /* @__PURE__ */ g({
   },
   setup(c) {
     const t = c, e = $(() => t.model.survey);
-    return f(() => t.model), f(() => e.value), (o, n) => (l(), i(k, null, [
+    return f(() => t.model), f(() => e.value), (o, n) => (l(), i(w, null, [
       a("div", nn, [
-        o.model.isToolboxVisible ? (l(), h(s(u), {
+        o.model.isToolboxVisible ? (l(), C(s(u), {
           key: 0,
           is: "svc-toolbox",
           model: o.model.creator
@@ -2149,7 +2152,7 @@ const It = /* @__PURE__ */ g({
         v(W, null, {
           default: Y(() => [
             a("div", ln, [
-              o.model.showPlaceholder ? (l(), i(k, { key: 0 }, [
+              o.model.showPlaceholder ? (l(), i(w, { key: 0 }, [
                 o.model.creator.showHeaderInEmptySurvey && o.model.creator.allowEditSurveyTitle ? (l(), i("div", an, [
                   v(s(u), {
                     is: "survey-header",
@@ -2173,7 +2176,7 @@ const It = /* @__PURE__ */ g({
                   ])
                 ])
               ], 64)) : p("", !0),
-              o.model.showPlaceholder ? p("", !0) : (l(), i(k, { key: 1 }, [
+              o.model.showPlaceholder ? p("", !0) : (l(), i(w, { key: 1 }, [
                 a("div", {
                   class: _(o.model.designerCss),
                   style: K([
@@ -2187,7 +2190,7 @@ const It = /* @__PURE__ */ g({
                       survey: o.model.creator.survey
                     }, null, 8, ["survey"])
                   ])) : p("", !0),
-                  o.model.creator.pageEditMode !== "bypage" ? (l(!0), i(k, { key: 1 }, R(o.model.pages, (r) => (l(), i("div", {
+                  o.model.creator.pageEditMode !== "bypage" ? (l(!0), i(w, { key: 1 }, R(o.model.pages, (r) => (l(), i("div", {
                     key: r.id,
                     class: "svc-page",
                     "data-sv-drop-target-survey-element": r != o.model.newPage ? r.name : "newGhostPage",
@@ -2238,13 +2241,13 @@ const It = /* @__PURE__ */ g({
       ], 2)
     ], 64));
   }
-}), bn = ["id", "data-sv-drop-target-survey-page"], yn = /* @__PURE__ */ a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), hn = /* @__PURE__ */ a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), Cn = { class: "svc-page__content-actions" }, qn = {
-  key: 1,
-  class: "svc-page__content-actions"
-}, $n = {
-  key: 2,
+}), bn = ["id", "data-sv-drop-target-survey-page"], yn = /* @__PURE__ */ a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), hn = /* @__PURE__ */ a("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), Cn = {
+  key: 0,
   class: "svc-page__placeholder_frame"
-}, wn = { class: "svc-panel__placeholder_frame" }, kn = { class: "svc-panel__placeholder" }, fn = /* @__PURE__ */ g({
+}, qn = { class: "svc-panel__placeholder_frame" }, $n = { class: "svc-panel__placeholder" }, kn = { class: "svc-page__content-actions" }, wn = {
+  key: 2,
+  class: "svc-page__content-actions"
+}, fn = /* @__PURE__ */ g({
   __name: "Page",
   props: {
     creator: {},
@@ -2276,7 +2279,7 @@ const It = /* @__PURE__ */ g({
     const n = (r) => {
       o.value.hover(r, r.currentTarget);
     };
-    return (r, d) => s(o).page ? C((l(), i("div", {
+    return (r, d) => s(o).page ? h((l(), i("div", {
       key: s(o).page.id,
       id: s(o).page.id,
       class: _(["svc-page__content", s(o).css]),
@@ -2292,8 +2295,18 @@ const It = /* @__PURE__ */ g({
     }, [
       yn,
       hn,
+      v(s(u), {
+        is: "survey-page",
+        survey: s(o).creator.survey,
+        page: s(o).page
+      }, null, 8, ["survey", "page"]),
+      s(o).showPlaceholder ? (l(), i("div", Cn, [
+        a("div", qn, [
+          a("div", $n, k(s(o).placeholderText), 1)
+        ])
+      ])) : p("", !0),
       s(o).allowDragging && !s(o).isGhost ? (l(), i("div", {
-        key: 0,
+        key: 1,
         class: "svc-question__drag-area",
         onPointerdown: d[0] || (d[0] = (m) => s(o).onPointerDown(m))
       }, [
@@ -2305,39 +2318,29 @@ const It = /* @__PURE__ */ g({
           iconName: "icon-drag-area-indicator_24x16",
           size: "auto"
         }), null, 16),
-        a("div", Cn, [
+        a("div", kn, [
           v(s(u), {
             is: "sv-action-bar",
             model: s(o).actionContainer
           }, null, 8, ["model"]),
-          s(o).topActionContainer.hasActions ? (l(), h(s(u), {
+          s(o).topActionContainer.hasActions ? (l(), C(s(u), {
             key: 0,
             is: "sv-action-bar",
             model: s(o).topActionContainer
           }, null, 8, ["model"])) : p("", !0)
         ])
       ], 32)) : p("", !0),
-      !s(o).allowDragging || s(o).isGhost ? (l(), i("div", qn, [
+      !s(o).allowDragging || s(o).isGhost ? (l(), i("div", wn, [
         v(s(u), {
           is: "sv-action-bar",
           model: s(o).actionContainer
         }, null, 8, ["model"]),
-        s(o).topActionContainer.hasActions ? (l(), h(s(u), {
+        s(o).topActionContainer.hasActions ? (l(), C(s(u), {
           key: 0,
           is: "sv-action-bar",
           model: s(o).topActionContainer
         }, null, 8, ["model"])) : p("", !0)
       ])) : p("", !0),
-      v(s(u), {
-        is: "survey-page",
-        survey: s(o).creator.survey,
-        page: s(o).page
-      }, null, 8, ["survey", "page"]),
-      s(o).showPlaceholder ? (l(), i("div", $n, [
-        a("div", wn, [
-          a("div", kn, w(s(o).placeholderText), 1)
-        ])
-      ])) : p("", !0),
       v(s(u), {
         is: "sv-action-bar",
         model: s(o).footerActionsBar
@@ -2357,8 +2360,8 @@ const It = /* @__PURE__ */ g({
     const t = c;
     f(() => t.item.data);
     const e = $(() => "svc-element__add-new-question " + (t.buttonClass || "svc-btn")), o = $(() => t.renderPopup === void 0 || t.renderPopup !== !1);
-    return (n, r) => (l(), i(k, null, [
-      C((l(), i("div", {
+    return (n, r) => (l(), i(w, null, [
+      h((l(), i("div", {
         class: _(e.value),
         onClick: r[0] || (r[0] = (d) => {
           n.item.data.addNewQuestion(n.item, d), d.stopPropagation();
@@ -2371,8 +2374,8 @@ const It = /* @__PURE__ */ g({
           iconName: "icon-add_24x24",
           size: "auto"
         }),
-        a("span", Tn, w(n.item.data.addNewQuestionText), 1),
-        o.value ? (l(), h(s(u), {
+        a("span", Tn, k(n.item.data.addNewQuestionText), 1),
+        o.value ? (l(), C(s(u), {
           key: 0,
           is: "svc-add-question-type-selector",
           questionTypeSelectorModel: n.item.data.questionTypeSelectorModel,
@@ -2381,7 +2384,7 @@ const It = /* @__PURE__ */ g({
       ], 34)), [
         [s(D)]
       ]),
-      o.value ? p("", !0) : (l(), h(s(u), {
+      o.value ? p("", !0) : (l(), C(s(u), {
         key: 0,
         is: "svc-add-question-type-selector",
         questionTypeSelectorModel: n.item.data.questionTypeSelectorModel,
@@ -2397,7 +2400,7 @@ const It = /* @__PURE__ */ g({
   },
   setup(c) {
     const t = c;
-    return f(() => t.questionTypeSelectorModel), (e, o) => C((l(), i("button", {
+    return f(() => t.questionTypeSelectorModel), (e, o) => h((l(), i("button", {
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
         e.questionTypeSelectorModel.action(), n.stopPropagation();
@@ -2414,7 +2417,7 @@ const It = /* @__PURE__ */ g({
         size: "auto",
         title: e.questionTypeSelectorModel.title
       }), null, 16),
-      e.renderPopup ? (l(), h(s(u), {
+      e.renderPopup ? (l(), C(s(u), {
         key: 0,
         is: "sv-popup",
         model: e.questionTypeSelectorModel.popupModel
@@ -2499,7 +2502,7 @@ const It = /* @__PURE__ */ g({
         key: 0,
         class: _(s(o).cssCollapsedHiddenHeader)
       }, [
-        d.element.hasTitle ? (l(), h(s(u), {
+        d.element.hasTitle ? (l(), C(s(u), {
           key: 0,
           is: "survey-element-title",
           element: d.element
@@ -2507,10 +2510,10 @@ const It = /* @__PURE__ */ g({
           key: 1,
           class: _(s(o).cssCollapsedHiddenTitle)
         }, [
-          a("span", Pn, w(d.element.name), 1)
+          a("span", Pn, k(d.element.name), 1)
         ], 2))
       ], 2)) : p("", !0),
-      C((l(), i("div", {
+      h((l(), i("div", {
         onClick: m[1] || (m[1] = (b) => {
           s(o).select(s(o), b), b.stopPropagation();
         }),
@@ -2541,7 +2544,7 @@ const It = /* @__PURE__ */ g({
             }, null, 8, ["model"])
           ])
         ], 32)) : p("", !0),
-        s(o).needToRenderContent ? (l(), i(k, { key: 1 }, [
+        s(o).needToRenderContent ? (l(), i(w, { key: 1 }, [
           v(s(u), {
             is: "sv-template-renderer",
             componentName: d.componentName,
@@ -2549,23 +2552,23 @@ const It = /* @__PURE__ */ g({
           }, null, 8, ["componentName", "componentData"]),
           s(o).isEmptyElement && !d.showPlaceholderComponent ? (l(), i("div", Fn, [
             a("div", Kn, [
-              a("div", Un, w(s(o).placeholderText), 1)
+              a("div", Un, k(s(o).placeholderText), 1)
             ])
           ])) : p("", !0),
-          s(o).isEmptyElement && d.showPlaceholderComponent ? (l(), h(s(u), V(
+          s(o).isEmptyElement && d.showPlaceholderComponent ? (l(), C(s(u), V(
             {
               key: 1,
               is: d.placeholderComponent
             },
             d.getPlaceholderComponentData && d.getPlaceholderComponentData(s(o))
           ), null, 16, ["is"])) : p("", !0),
-          d.adornerComponent ? (l(), h(s(u), {
+          d.adornerComponent ? (l(), C(s(u), {
             key: 2,
             is: d.adornerComponent,
             model: s(o),
             element: d.element
           }, null, 8, ["is", "model", "element"])) : p("", !0),
-          s(o).isBannerShowing ? (l(), h(s(u), {
+          s(o).isBannerShowing ? (l(), C(s(u), {
             key: 3,
             is: "svc-question-banner",
             model: n.value
@@ -2598,7 +2601,7 @@ const It = /* @__PURE__ */ g({
       t.componentData.element,
       null
     );
-    return (o, n) => (l(), h(se, {
+    return (o, n) => (l(), C(se, {
       createModel: e,
       element: o.componentData.element,
       "component-name": o.componentName,
@@ -2619,7 +2622,7 @@ const It = /* @__PURE__ */ g({
     ), o = (n) => ({
       question: n == null ? void 0 : n.filePresentationModel
     });
-    return (n, r) => (l(), h(se, {
+    return (n, r) => (l(), C(se, {
       "create-model": e,
       element: t.componentData.element,
       "show-placeholder-component": !0,
@@ -2647,9 +2650,9 @@ const It = /* @__PURE__ */ g({
     element: {}
   },
   setup(c) {
-    return (t, e) => (l(), i(k, null, [
+    return (t, e) => (l(), i(w, null, [
       !t.model.isUploading && !t.model.isEmptyElement ? (l(), i("div", On, [
-        t.model.allowEdit ? (l(), i(k, { key: 0 }, [
+        t.model.allowEdit ? (l(), i(w, { key: 0 }, [
           a("input", {
             type: "file",
             "aria-hidden": "true",
@@ -2657,7 +2660,7 @@ const It = /* @__PURE__ */ g({
             accept: t.model.acceptedTypes,
             class: "svc-choose-file-input"
           }, null, 8, Qn),
-          C((l(), i("span", Gn, [
+          h((l(), i("span", Gn, [
             v(s(u), {
               is: "sv-svg-icon",
               iconName: "icon-choosefile",
@@ -2697,7 +2700,7 @@ const It = /* @__PURE__ */ g({
         a("div", {
           class: _((r = s(e)) == null ? void 0 : r.controlsClassNames)
         }, [
-          (d = s(e)) != null && d.allowRemove ? C((l(), h(s(u), {
+          (d = s(e)) != null && d.allowRemove ? h((l(), C(s(u), {
             key: 0,
             is: "sv-svg-icon",
             iconName: "icon-remove_16x16",
@@ -2712,7 +2715,7 @@ const It = /* @__PURE__ */ g({
           }, null, 8, ["class", "title", "aria-label"])), [
             [s(D)]
           ]) : p("", !0),
-          (N = s(e)) != null && N.allowAdd ? C((l(), h(s(u), {
+          (N = s(e)) != null && N.allowAdd ? h((l(), C(s(u), {
             key: 1,
             is: "sv-svg-icon",
             iconName: "icon-add_16x16",
@@ -2784,7 +2787,7 @@ const It = /* @__PURE__ */ g({
         }, null, 2),
         X(b.$slots, "default"),
         (O = s(m)) != null && O.isSupportCellEditor ? (l(), i("div", Yn, [
-          C((l(), i("span", {
+          h((l(), i("span", {
             class: "svc-matrix-cell__question-controls-button svc-context-button",
             onClick: y[0] || (y[0] = (P) => s(m).editQuestion(s(m), P))
           }, [
@@ -2855,7 +2858,7 @@ const It = /* @__PURE__ */ g({
         key: 0,
         class: _(s(e).cssCollapsedHiddenHeader)
       }, [
-        s(e).element.hasTitle ? (l(), h(s(u), {
+        s(e).element.hasTitle ? (l(), C(s(u), {
           key: 0,
           is: "survey-element-title",
           element: s(e).element
@@ -2863,10 +2866,10 @@ const It = /* @__PURE__ */ g({
           key: 1,
           class: _(s(e).cssCollapsedHiddenTitle)
         }, [
-          a("span", nl, w(s(e).element.name), 1)
+          a("span", nl, k(s(e).element.name), 1)
         ], 2))
       ], 2)) : p("", !0),
-      C((l(), i("div", {
+      h((l(), i("div", {
         class: _(s(e).css()),
         onClick: r[2] || (r[2] = (d) => s(e).element.isInteractiveDesignElement ? s(e).select(s(e), d) : null)
       }, [
@@ -2893,12 +2896,12 @@ const It = /* @__PURE__ */ g({
             }, null, 8, ["model"])
           ])
         ], 32)) : p("", !0),
-        s(e).needToRenderContent ? (l(), i(k, { key: 1 }, [
+        s(e).needToRenderContent ? (l(), i(w, { key: 1 }, [
           v(s(u), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
           s(e).isEmptyElement ? (l(), i("div", cl, [
             a("div", ul, [
-              a("div", pl, w(s(e).placeholderText), 1),
-              s(e).showAddQuestionButton ? C((l(), i("div", {
+              a("div", pl, k(s(e).placeholderText), 1),
+              s(e).showAddQuestionButton ? h((l(), i("div", {
                 key: 0,
                 class: "svc-panel__add-new-question svc-action-button",
                 onClick: o
@@ -2909,7 +2912,7 @@ const It = /* @__PURE__ */ g({
                   iconName: "icon-add_24x24",
                   size: "auto"
                 }),
-                a("span", vl, w(s(e).addNewQuestionText), 1)
+                a("span", vl, k(s(e).addNewQuestionText), 1)
               ])), [
                 [s(D)]
               ]) : p("", !0)
@@ -3002,7 +3005,7 @@ const It = /* @__PURE__ */ g({
             title: s(m).dragTooltip
           }, null, 8, ["title"])
         ])) : p("", !0),
-        s(m).allowAdd ? C((l(), i("span", {
+        s(m).allowAdd ? h((l(), i("span", {
           key: 1,
           class: "svc-item-value-controls__button svc-item-value-controls__add",
           onClick: y[0] || (y[0] = (N) => s(m).add(s(m))),
@@ -3017,7 +3020,7 @@ const It = /* @__PURE__ */ g({
         ])), [
           [s(D)]
         ]) : p("", !0),
-        s(m).allowRemove ? C((l(), i("span", {
+        s(m).allowRemove ? h((l(), i("span", {
           key: 2,
           class: "svc-item-value-controls__button svc-item-value-controls__remove",
           onClick: y[1] || (y[1] = (N) => s(m).remove(s(m))),
@@ -3042,7 +3045,7 @@ const It = /* @__PURE__ */ g({
       ])
     ], 42, yl));
   }
-}), wl = ["data-sv-drop-target-item-value"], kl = { class: "svc-image-item-value-wrapper__content" }, fl = ["accept"], Tl = {
+}), kl = ["data-sv-drop-target-item-value"], wl = { class: "svc-image-item-value-wrapper__content" }, fl = ["accept"], Tl = {
   key: 0,
   class: "svc-image-item-value__item"
 }, Dl = {
@@ -3093,7 +3096,7 @@ const It = /* @__PURE__ */ g({
         class: "svc-image-item-value-wrapper__ghost",
         style: K(m.value)
       }, null, 4),
-      a("div", kl, [
+      a("div", wl, [
         a("input", {
           type: "file",
           "aria-hidden": "true",
@@ -3101,7 +3104,7 @@ const It = /* @__PURE__ */ g({
           accept: s(d).acceptedTypes,
           class: "svc-choose-file-input"
         }, null, 8, fl),
-        !s(d).isNew && !s(d).isUploading ? (l(), i(k, { key: 0 }, [
+        !s(d).isNew && !s(d).isUploading ? (l(), i(w, { key: 0 }, [
           s(d).isNew ? p("", !0) : (l(), i("div", Tl, [
             v(s(u), V({ is: b.componentName }, b.componentData), null, 16, ["is"])
           ])),
@@ -3119,7 +3122,7 @@ const It = /* @__PURE__ */ g({
             })
           ], 32)) : p("", !0),
           s(d).canRenderControls ? (l(), i("div", Dl, [
-            C((l(), i("span", {
+            h((l(), i("span", {
               class: "svc-context-button",
               onClick: y[1] || (y[1] = (N) => s(d).chooseFile(s(d))),
               title: void 0,
@@ -3135,7 +3138,7 @@ const It = /* @__PURE__ */ g({
             ])), [
               [s(D)]
             ]),
-            C((l(), i("span", {
+            h((l(), i("span", {
               class: "svc-context-button svc-context-button--danger",
               onClick: y[2] || (y[2] = (N) => s(d).remove(s(d))),
               title: void 0,
@@ -3153,7 +3156,7 @@ const It = /* @__PURE__ */ g({
             ])
           ])) : p("", !0)
         ], 64)) : p("", !0),
-        s(d).isNew || s(d).isUploading ? (l(), i(k, { key: 1 }, [
+        s(d).isNew || s(d).isUploading ? (l(), i(w, { key: 1 }, [
           a("div", {
             class: "svc-image-item-value__item",
             onDragover: y[3] || (y[3] = (N) => s(d).onDragOver(N)),
@@ -3177,7 +3180,7 @@ const It = /* @__PURE__ */ g({
             class: "svc-image-item-value-controls",
             onPointerdown: y[7] || (y[7] = (N) => N.stopPropagation())
           }, [
-            s(d).allowAdd && !s(d).isUploading ? C((l(), i("span", {
+            s(d).allowAdd && !s(d).isUploading ? h((l(), i("span", {
               key: 0,
               class: "svc-context-button svc-image-item-value-controls__add",
               onClick: y[6] || (y[6] = (N) => s(d).chooseNewFile(s(d))),
@@ -3196,12 +3199,13 @@ const It = /* @__PURE__ */ g({
           ], 32)
         ], 64)) : p("", !0)
       ])
-    ], 42, wl));
+    ], 42, kl));
   }
 }), Bl = /* @__PURE__ */ g({
   __name: "QuestionEditor",
   props: {
-    survey: {}
+    survey: {},
+    style: {}
   },
   setup(c) {
     const t = c, e = $(() => {
@@ -3226,7 +3230,11 @@ const It = /* @__PURE__ */ g({
         }
       };
     });
-    return (r, d) => (l(), h(s(u), V({ is: o.value }, n.value), null, 16, ["is"]));
+    return (r, d) => (l(), i("div", {
+      style: K(t.style)
+    }, [
+      v(s(u), V({ is: o.value }, n.value), null, 16, ["is"])
+    ], 4));
   }
 }), El = ["accept"], Pl = /* @__PURE__ */ a("svg", null, [
   /* @__PURE__ */ a("use", { "xlink:href": "#icon-image-48x48" })
@@ -3271,8 +3279,8 @@ const It = /* @__PURE__ */ g({
         accept: s(r).acceptedTypes,
         class: "svc-choose-file-input"
       }, null, 8, El),
-      d.value ? p("", !0) : (l(), i(k, { key: 0 }, [
-        s(r).allowEdit && !s(r).isUploading ? C((l(), i("div", {
+      d.value ? p("", !0) : (l(), i(w, { key: 0 }, [
+        s(r).allowEdit && !s(r).isUploading ? h((l(), i("div", {
           key: 0,
           class: "svc-logo-image-placeholder",
           onClick: y[0] || (y[0] = (N) => s(r).chooseFile(s(r)))
@@ -3285,7 +3293,7 @@ const It = /* @__PURE__ */ g({
         class: _(s(r).containerCss)
       }, [
         a("div", Vl, [
-          C((l(), i("span", {
+          h((l(), i("span", {
             class: "svc-context-button",
             onClick: y[1] || (y[1] = (N) => s(r).chooseFile(s(r))),
             title: void 0,
@@ -3299,7 +3307,7 @@ const It = /* @__PURE__ */ g({
           ])), [
             [s(D)]
           ]),
-          C((l(), i("span", {
+          h((l(), i("span", {
             class: "svc-context-button svc-context-button--danger",
             onClick: y[2] || (y[2] = (N) => s(r).remove(s(r))),
             title: void 0,
@@ -3350,7 +3358,7 @@ const It = /* @__PURE__ */ g({
           size: "auto"
         })
       ]),
-      C(a("input", {
+      h(a("input", {
         type: "text",
         class: "svc-search__input",
         "onUpdate:modelValue": n[0] || (n[0] = (r) => e.value = r),
@@ -3360,7 +3368,7 @@ const It = /* @__PURE__ */ g({
         [ce, e.value]
       ]),
       a("div", Ul, [
-        a("div", Hl, w(o.model.matchCounterText), 1),
+        a("div", Hl, k(o.model.matchCounterText), 1),
         v(s(u), {
           is: "sv-action-bar",
           model: o.model.searchActionBar
@@ -3390,12 +3398,12 @@ const It = /* @__PURE__ */ g({
       n.stopItemsContainerHeightObserver(), n.setScrollableContainer(void 0);
     }), L(() => {
       e.value.dispose();
-    }), (n, r) => C((l(), i("div", {
+    }), (n, r) => h((l(), i("div", {
       class: "svc-page-navigator",
       ref_key: "root",
       ref: o
     }, [
-      C((l(), i("div", {
+      h((l(), i("div", {
         class: _(["svc-page-navigator__selector svc-page-navigator__button", { "svc-page-navigator__button--pressed": s(e).isPopupOpened }]),
         onClick: r[0] || (r[0] = (d) => s(e).togglePageSelector(d)),
         title: s(e).pageSelectorCaption
@@ -3414,7 +3422,7 @@ const It = /* @__PURE__ */ g({
         [s(D)]
       ]),
       a("div", null, [
-        (l(!0), i(k, null, R(s(e).visibleItems, (d) => (l(), h(s(u), {
+        (l(!0), i(w, null, R(s(e).visibleItems, (d) => (l(), C(s(u), {
           is: "svc-page-navigator-item",
           key: d.id,
           model: d
@@ -3440,7 +3448,7 @@ const It = /* @__PURE__ */ g({
       t.model.action(), o.stopPropagation(), o.preventDefault();
     };
     return (o, n) => (l(), i("div", Wl, [
-      C((l(), i("div", {
+      h((l(), i("div", {
         class: _(["svc-page-navigator-item-content", {
           "svc-page-navigator-item--selected": o.model.active,
           "svc-page-navigator-item--disabled": o.model.disabled
@@ -3452,7 +3460,7 @@ const It = /* @__PURE__ */ g({
           title: o.model.title
         }, Zl, 8, jl),
         a("div", Xl, [
-          a("span", Yl, w(o.model.title), 1),
+          a("span", Yl, k(o.model.title), 1),
           xl
         ])
       ], 2)), [
@@ -3478,7 +3486,7 @@ const It = /* @__PURE__ */ g({
     return (n, r) => (l(), i("div", oa, [
       a("div", null, [
         a("div", sa, [
-          (l(!0), i(k, null, R(n.model.getRenderedItems(), (d) => (l(), i("div", {
+          (l(!0), i(w, null, R(n.model.getRenderedItems(), (d) => (l(), i("div", {
             key: d.value,
             class: _(n.model.getChoiceCss())
           }, [
@@ -3487,7 +3495,7 @@ const It = /* @__PURE__ */ g({
             }, o(d)), null, 16, ["is"])
           ], 2))), 128))
         ]),
-        n.model.needToCollapse ? (l(), h(s(u), {
+        n.model.needToCollapse ? (l(), C(s(u), {
           key: 0,
           is: "svc-action-button",
           text: n.model.getButtonText(),
@@ -3509,7 +3517,7 @@ const It = /* @__PURE__ */ g({
       t.componentData.element,
       null
     );
-    return (o, n) => (l(), h(se, {
+    return (o, n) => (l(), C(se, {
       "create-model": e,
       element: o.componentData.element,
       "component-name": o.componentName,
@@ -3538,7 +3546,7 @@ const It = /* @__PURE__ */ g({
       a("div", aa, [
         v(s(u), V({ is: r.componentName }, r.componentData), null, 16, ["is"]),
         a("div", ia, [
-          (l(!0), i(k, null, R(e.value.visibleChoices, (m) => (l(), i("div", {
+          (l(!0), i(w, null, R(e.value.visibleChoices, (m) => (l(), i("div", {
             key: m.value,
             class: "svc-question__dropdown-choice"
           }, [
@@ -3592,7 +3600,7 @@ const It = /* @__PURE__ */ g({
       ref_key: "root",
       ref: e
     }, [
-      s(o).element.isInteractiveDesignElement ? C((l(), i("div", {
+      s(o).element.isInteractiveDesignElement ? h((l(), i("div", {
         key: 0,
         class: _(["svc-question__content", s(o).css()]),
         onClick: r[1] || (r[1] = (d) => s(o).select(s(o), d)),
@@ -3628,24 +3636,24 @@ const It = /* @__PURE__ */ g({
       ], 2)), [
         [s(D)]
       ]) : p("", !0),
-      s(o).element.isInteractiveDesignElement ? p("", !0) : (l(), i(k, { key: 1 }, [
+      s(o).element.isInteractiveDesignElement ? p("", !0) : (l(), i(w, { key: 1 }, [
         v(s(u), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
         s(o).isEmptyElement ? (l(), i("div", ha, [
-          a("div", Ca, w(s(o).placeholderText), 1)
+          a("div", Ca, k(s(o).placeholderText), 1)
         ])) : p("", !0)
       ], 64))
     ], 42, da)) : p("", !0);
   }
-}), $a = { class: "svc-carry-forward-panel-wrapper" }, wa = { class: "svc-carry-forward-panel" }, ka = { class: "svc-carry-forward-panel__link" }, fa = /* @__PURE__ */ g({
+}), $a = { class: "svc-carry-forward-panel-wrapper" }, ka = { class: "svc-carry-forward-panel" }, wa = { class: "svc-carry-forward-panel__link" }, fa = /* @__PURE__ */ g({
   __name: "QuestionBanner",
   props: {
     model: {}
   },
   setup(c) {
     return (t, e) => (l(), i("div", $a, [
-      a("div", wa, [
-        a("span", null, w(t.model.text) + w(" "), 1),
-        a("span", ka, [
+      a("div", ka, [
+        a("span", null, k(t.model.text) + k(" "), 1),
+        a("span", wa, [
           v(s(u), {
             is: "svc-action-button",
             text: t.model.actionText,
@@ -3664,7 +3672,7 @@ function ve(c) {
     void 0,
     c
   );
-  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", io), t("svc-side-bar-page", ro), t("svc-tabs", _o), t("svc-tab-control", $o), t("svc-tab-button", Do), t("svc-property-grid-placeholder", Eo), t("svc-side-bar-header", Lo), t("svc-side-bar-property-grid-header", Go), t("svc-property-grid", mo), t("svc-object-selector", co), t("svc-search", Ol), t("svc-scroll", W), t("svc-switcher", ns), t("svc-action-button", Yo), t("svc-question-error", Wo), t("survey-embeddedsurvey", Js), t("sv-logic-operator", js), t("survey-linkvalue", Zs), t("survey-color", vt), t("color-item", mt), t("sv-boolean-switch", It), t("survey-fileedit", ht), t("survey-spinedit", wt), t("survey-textwithreset", le), t("survey-commentwithreset", le), t("survey-widget", Q), t("survey-simulator", is), t("svc-tab-preview", vs), t("svc-complete-page", _s), t("survey-results", Ts), t("survey-results-table-row", Ns), t("json-error-item", Ks), t("svc-tab-json-editor-textarea", As), t("svc-tab-json-editor-ace", Bs), t("svc-tab-translation", ot), t("sd-translation-line-skeleton", at), t("svc-translate-from-action", it), t("svc-tab-logic", Qs), t("svc-tab-theme", ct), t("svc-toolbox", Ot), t("svc-toolbox-list", tn), t("svc-toolbox-category", sn), t("svc-toolbox-tool", Gt), t("svc-toolbox-item", Zt), t("svc-toolbox-item-group", Xt), t(ze, Lt), t("svc-tab-designer", gn), t("svc-page-navigator", Gl), t("svc-page-navigator-item", ea), t("svc-page", fn), t("svc-row", Bn), t("svc-add-new-question-btn", Dn), t("svc-add-question-type-selector", Mn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Xn), t("svc-image-question", Hn), t("svc-image-question-adorner", Jn), t("svc-matrix-cell", xn), t("svc-cell-question", sl), t("svc-cell-dropdown-question", ra), t("svc-question-editor-content", Bl), t("svc-logo-image", zl), t("svc-panel", bl), t("svc-item-value", $l), t("svc-image-item-value", Il), t("svc-dropdown-question", na), t("svc-dropdown-question-adorner", ta), t("svc-widget-question", qa), t("svc-question-banner", fa);
+  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", io), t("svc-side-bar-page", ro), t("svc-tabs", _o), t("svc-tab-control", $o), t("svc-tab-button", Do), t("svc-property-grid-placeholder", Eo), t("svc-side-bar-header", Lo), t("svc-side-bar-property-grid-header", Go), t("svc-property-grid", mo), t("svc-object-selector", co), t("svc-search", Ol), t("svc-scroll", W), t("svc-switcher", ns), t("svc-action-button", Yo), t("svc-question-error", Wo), t("survey-embeddedsurvey", Js), t("sv-logic-operator", js), t("survey-linkvalue", Zs), t("survey-color", vt), t("color-item", mt), t("sv-boolean-switch", It), t("survey-fileedit", ht), t("survey-spinedit", kt), t("survey-textwithreset", le), t("survey-commentwithreset", le), t("survey-widget", Q), t("survey-simulator", is), t("svc-tab-preview", vs), t("svc-complete-page", _s), t("survey-results", Ts), t("survey-results-table-row", Ns), t("json-error-item", Ks), t("svc-tab-json-editor-textarea", As), t("svc-tab-json-editor-ace", Bs), t("svc-tab-translation", ot), t("sd-translation-line-skeleton", at), t("svc-translate-from-action", it), t("svc-tab-logic", Qs), t("svc-tab-theme", ct), t("svc-toolbox", Ot), t("svc-toolbox-list", tn), t("svc-toolbox-category", sn), t("svc-toolbox-tool", Gt), t("svc-toolbox-item", Zt), t("svc-toolbox-item-group", Xt), t(ze, Lt), t("svc-tab-designer", gn), t("svc-page-navigator", Gl), t("svc-page-navigator-item", ea), t("svc-page", fn), t("svc-row", Bn), t("svc-add-new-question-btn", Dn), t("svc-add-question-type-selector", Mn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Xn), t("svc-image-question", Hn), t("svc-image-question-adorner", Jn), t("svc-matrix-cell", xn), t("svc-cell-question", sl), t("svc-cell-dropdown-question", ra), t("svc-question-editor-content", Bl), t("svc-logo-image", zl), t("svc-panel", bl), t("svc-item-value", $l), t("svc-image-item-value", Il), t("svc-dropdown-question", na), t("svc-dropdown-question-adorner", ta), t("svc-widget-question", qa), t("svc-question-banner", fa);
 }
 ve(
   (c, t) => re.Instance.registerComponent(c, t)