survey-creator-vue 2.4.0 → 2.4.1

package/survey-creator-vue.es.js

@@ -1,6 +1,6 @@
-import { useBase as w, SvComponent as c, key2ClickDirective as M, SurveyComponent as O, useQuestion as Q, ComponentFactory as ie } from "survey-vue3-ui";
-import { defineComponent as g, computed as k, toRaw as _e, ref as P, onMounted as R, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as D, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as A, createBlock as b, onUpdated as G, nextTick as re, withDirectives as h, toDisplayString as f, vShow as H, withCtx as X, createTextVNode as ge, shallowRef as be, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as V, renderSlot as x } from "vue";
-import { editorLocalization as ce, SurveyResultsModel as ye, initLogicOperator as he, StringEditorViewModelBase as Ce, ToolboxToolViewModel as qe, PageAdorner as $e, RowViewModel as ke, QuestionAdornerViewModel as ee, QuestionImageAdornerViewModel as fe, QuestionRatingAdornerViewModel as we, MatrixCellWrapperViewModel as De, ItemValueWrapperViewModel as Te, ImageItemValueWrapperViewModel as Ne, LogoImageViewModel as Me, PageNavigatorViewModel as Se, QuestionDropdownAdornerViewModel as Be, editableStringRendererName as Ie } from "survey-creator-core";
+import { useBase as f, SvComponent as c, key2ClickDirective as M, SurveyComponent as O, useQuestion as Q, ComponentFactory as ie } from "survey-vue3-ui";
+import { defineComponent as g, computed as k, toRaw as _e, ref as P, onMounted as R, onUnmounted as K, openBlock as a, createElementBlock as i, Fragment as w, createVNode as v, unref as s, createElementVNode as d, normalizeClass as m, normalizeStyle as F, createCommentVNode as p, renderList as A, createBlock as b, onUpdated as G, nextTick as re, withDirectives as h, toDisplayString as T, vShow as H, withCtx as X, createTextVNode as ge, shallowRef as be, watch as W, onBeforeUnmount as Y, vModelText as de, mergeProps as V, renderSlot as x } from "vue";
+import { editorLocalization as ce, SurveyResultsModel as ye, initLogicOperator as he, StringEditorViewModelBase as Ce, ToolboxToolViewModel as qe, PageAdorner as $e, RowViewModel as ke, QuestionAdornerViewModel as ee, QuestionImageAdornerViewModel as fe, QuestionRatingAdornerViewModel as we, MatrixCellWrapperViewModel as Te, ItemValueWrapperViewModel as De, ImageItemValueWrapperViewModel as Ne, LogoImageViewModel as Me, PageNavigatorViewModel as Se, QuestionDropdownAdornerViewModel as Be, editableStringRendererName as Ie } from "survey-creator-core";
 import { CssClassBuilder as Ee, RendererFactory as ue, DropdownListModel as Pe } from "survey-core";
 const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" }, Ve = { class: "svc-top-bar" }, Ae = {
   key: 0,
@@ -18,7 +18,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u, e = k(() => _e(t.model)), o = P();
-    return w(
+    return f(
       () => e.value,
       (n, r) => {
         r && r.unsubscribeRootElement(), n && o.value && n.setRootElement(o.value);
@@ -27,7 +27,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       o.value && t.model.setRootElement(o.value);
     }), K(() => {
       t.model.unsubscribeRootElement();
-    }), (n, r) => e.value.isCreatorDisposed ? p("", !0) : (a(), i(D, { key: 0 }, [
+    }), (n, r) => e.value.isCreatorDisposed ? p("", !0) : (a(), i(w, { key: 0 }, [
       v(s(c), { is: "survey-popup-modal" }),
       d("div", {
         class: m(e.value.getRootCss()),
@@ -73,7 +73,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
                 }])
               }, [
                 d("div", Le, [
-                  (a(!0), i(D, null, A(e.value.tabs, (l) => (a(), i(D, null, [
+                  (a(!0), i(w, null, A(e.value.tabs, (l) => (a(), i(w, null, [
                     e.value.viewType == l.id && l.visible ? (a(), i("div", {
                       role: "tabpanel",
                       class: m(["svc-creator-tab", {
@@ -130,7 +130,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u, e = P();
-    return w(() => t.model), G(() => {
+    return f(() => t.model), G(() => {
       t.model.initResponsivityManager(e.value);
     }), R(() => {
       t.model.initResponsivityManager(e.value);
@@ -143,7 +143,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       role: "tablist",
       style: F(o.model.getRootStyle())
     }, [
-      (a(!0), i(D, null, A(o.model.renderedActions, (r) => (a(), b(s(c), {
+      (a(!0), i(w, null, A(o.model.renderedActions, (r) => (a(), b(s(c), {
         key: r.renderedId,
         is: "svc-tabbed-menu-item-wrapper",
         item: r
@@ -157,7 +157,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = P(), e = u;
-    return w(() => e.item), R(() => {
+    return f(() => e.item), R(() => {
       const o = e.item;
       o.updateModeCallback = (n, r) => {
         o.mode = n, re(() => r(n, t.value));
@@ -185,7 +185,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.item), (e, o) => h((a(), i("div", {
+    return f(() => t.item), (e, o) => h((a(), i("div", {
       role: "tab",
       id: "tab-" + e.item.id,
       "aria-selected": e.item.active,
@@ -197,7 +197,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       e.item.hasTitle ? (a(), i("span", {
         key: 0,
         class: m(e.item.getTitleCss())
-      }, f(e.item.title), 3)) : p("", !0),
+      }, T(e.item.title), 3)) : p("", !0),
       e.item.hasIcon ? (a(), b(s(c), {
         key: 1,
         is: "sv-svg-icon",
@@ -217,7 +217,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u, e = P();
-    return w(() => t.model), R(() => {
+    return f(() => t.model), R(() => {
       t.model.initResizeManager(e.value);
     }), K(() => {
       t.model.resetResizeManager();
@@ -242,7 +242,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
               model: o.model.header.componentModel
             }, null, 8, ["is", "model"]),
             d("div", xe, [
-              (a(!0), i(D, null, A(o.model.pages, (r, l) => (a(), b(s(c), {
+              (a(!0), i(w, null, A(o.model.pages, (r, l) => (a(), b(s(c), {
                 key: l,
                 is: "svc-side-bar-page",
                 model: r
@@ -272,14 +272,14 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", oo, [
+    return f(() => t.model), (e, o) => (a(), i("div", oo, [
       d("div", so, [
         v(s(c), {
           is: "sv-action-bar",
           model: e.model.toolbar
         }, null, 8, ["model"])
       ]),
-      e.model.title ? (a(), i("div", to, f(e.model.title), 1)) : p("", !0)
+      e.model.title ? (a(), i("div", to, T(e.model.title), 1)) : p("", !0)
     ]));
   }
 }), ao = /* @__PURE__ */ g({
@@ -289,7 +289,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => e.model.visible ? (a(), b(s(c), {
+    return f(() => t.model), (e, o) => e.model.visible ? (a(), b(s(c), {
       key: 0,
       is: e.model.componentName,
       model: e.model.componentData
@@ -302,7 +302,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => e.model.isVisible ? (a(), b(s(c), {
+    return f(() => t.model), (e, o) => e.model.isVisible ? (a(), b(s(c), {
       key: 0,
       is: "sv-list",
       model: e.model.list
@@ -315,7 +315,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(e.model.rootCss)
     }, [
       v(s(c), {
@@ -335,7 +335,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(!0), i(D, null, A(e.model.actions, (n, r) => (a(), b(s(c), {
+    return f(() => t.model), (e, o) => (a(!0), i(w, null, A(e.model.actions, (n, r) => (a(), b(s(c), {
       key: r,
       is: "svc-tab-button",
       model: n
@@ -350,7 +350,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(e.model.sideBarClassName)
     }, [
       d("div", co, [
@@ -393,7 +393,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => e.model.visible ? (a(), i("div", bo, [
+    return f(() => t.model), (e, o) => e.model.visible ? (a(), i("div", bo, [
       h((a(), i("div", {
         class: m(e.model.buttonClassName),
         title: e.model.tooltip,
@@ -413,19 +413,19 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       ])
     ])) : p("", !0);
   }
-}), $o = { class: "svc-property-grid-placeholder" }, ko = { class: "svc-property-grid-placeholder__header" }, fo = { class: "svc-property-grid-placeholder__title" }, wo = { class: "svc-property-grid-placeholder__description" }, Do = /* @__PURE__ */ d("div", { class: "svc-property-grid-placeholder__content" }, [
+}), $o = { class: "svc-property-grid-placeholder" }, ko = { class: "svc-property-grid-placeholder__header" }, fo = { class: "svc-property-grid-placeholder__title" }, wo = { class: "svc-property-grid-placeholder__description" }, To = /* @__PURE__ */ d("div", { class: "svc-property-grid-placeholder__content" }, [
   /* @__PURE__ */ d("div", { class: "svc-property-grid-placeholder__gap" }),
   /* @__PURE__ */ d("div", { class: "svc-property-grid-placeholder__image" })
-], -1), To = /* @__PURE__ */ g({
+], -1), Do = /* @__PURE__ */ g({
   __name: "PropertyGridPlaceholder",
   setup(u) {
     const t = ce;
     return (e, o) => (a(), i("div", $o, [
       d("div", ko, [
-        d("span", fo, f(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
-        d("span", wo, f(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
+        d("span", fo, T(s(t).getString("ed.propertyGridPlaceholderTitle")), 1),
+        d("span", wo, T(s(t).getString("ed.propertyGridPlaceholderDescription")), 1)
       ]),
-      Do
+      To
     ]));
   }
 }), No = { class: "svc-side-bar__container-header svc-sidebar__header-container" }, Mo = {
@@ -441,11 +441,11 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", No, [
-      e.model.subTitle ? p("", !0) : (a(), i("div", Mo, f(e.model.title), 1)),
+    return f(() => t.model), (e, o) => (a(), i("div", No, [
+      e.model.subTitle ? p("", !0) : (a(), i("div", Mo, T(e.model.title), 1)),
       e.model.subTitle ? (a(), i("div", So, [
-        d("span", Bo, f(e.model.title), 1),
-        d("span", Io, f(e.model.subTitle), 1)
+        d("span", Bo, T(e.model.title), 1),
+        d("span", Io, T(e.model.subTitle), 1)
       ])) : p("", !0)
     ]));
   }
@@ -456,7 +456,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", Po, [
+    return f(() => t.model), (e, o) => (a(), i("div", Po, [
       d("div", Ro, [
         d("div", Vo, [
           h((a(), i("div", {
@@ -464,8 +464,8 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
             onClick: o[0] || (o[0] = (n) => e.model.action())
           }, [
             d("div", Ao, [
-              d("span", zo, f(e.model.title), 1),
-              d("span", Lo, f(e.model.tooltip), 1)
+              d("span", zo, T(e.model.title), 1),
+              d("span", Lo, T(e.model.tooltip), 1)
             ])
           ], 2)), [
             [s(M), { processEsc: !1 }]
@@ -522,25 +522,25 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
     const t = u, e = (n) => {
       t.click(), t.allowBubble || n.stopPropagation();
     }, o = () => new Ee().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) => (a(), i(D, null, [
-      n.iconName ? p("", !0) : (a(), i(D, { key: 0 }, [
+    return (n, r) => (a(), i(w, null, [
+      n.iconName ? p("", !0) : (a(), i(w, { key: 0 }, [
         n.disabled ? (a(), i("span", {
           key: 0,
           class: m(["svc-action-button svc-action-button--disabled", n.classes]),
           title: n.title
-        }, f(n.text), 11, Uo)) : p("", !0),
+        }, T(n.text), 11, Uo)) : p("", !0),
         h((a(), i("span", {
           role: "button",
           class: m(["svc-action-button", o()]),
           onClick: e,
           title: n.title
         }, [
-          ge(f(n.text), 1)
+          ge(T(n.text), 1)
         ], 10, Ho)), [
           [s(M)]
         ])
       ], 64)),
-      n.iconName ? (a(), i(D, { key: 1 }, [
+      n.iconName ? (a(), i(w, { key: 1 }, [
         n.disabled ? (a(), i("span", {
           key: 0,
           class: m(o()),
@@ -584,7 +584,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.item), (e, o) => h((a(), i("button", {
+    return f(() => t.item), (e, o) => h((a(), i("button", {
       class: m(e.item.getActionBarItemCss()),
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
@@ -602,7 +602,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
       d("div", {
         class: m(e.item.getSwitcherIconCss())
       }, Jo, 2),
-      e.item.hasTitle ? (a(), i("span", Zo, f(e.item.title), 1)) : p("", !0)
+      e.item.hasTitle ? (a(), i("span", Zo, T(e.item.title), 1)) : p("", !0)
     ], 42, Wo)), [
       [s(M), { processEsc: !1, disableTabStop: e.item.disableTabStop }]
     ]);
@@ -617,7 +617,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    w(() => t.model);
+    f(() => t.model);
     const e = k(() => t.model.simulatorFrame), o = () => {
       t.model.device !== "desktop" && t.model.activateZoom();
     }, n = () => {
@@ -676,8 +676,8 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
         class: m(["svc-surface-placeholder__image", "svc-surface-placeholder__image--" + e.name])
       }, null, 2),
       d("div", ts, [
-        d("div", ns, f(t.placeholderTitleText), 1),
-        d("div", as, f(t.placeholderDescriptionText), 1)
+        d("div", ns, T(t.placeholderTitleText), 1),
+        d("div", as, T(t.placeholderDescriptionText), 1)
       ])
     ]));
   }
@@ -691,7 +691,7 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(["svc-creator-tab__content svc-test-tab__content", {
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
@@ -733,12 +733,12 @@ const Re = { class: "svc-flex-column svc-flex-row__element svc-flex-row__element
   },
   setup(u) {
     const t = u, e = k(() => t.model.testAgainAction);
-    return w(() => e.value), (o, n) => h((a(), i("div", {
+    return f(() => e.value), (o, n) => h((a(), i("div", {
       role: "button",
       class: "svc-preview__test-again svc-btn",
       onClick: n[0] || (n[0] = (r) => e.value.action())
     }, [
-      d("span", rs, f(e.value.title), 1)
+      d("span", rs, T(e.value.title), 1)
     ])), [
       [s(M)]
     ]);
@@ -754,7 +754,7 @@ function z(u, t, e) {
       immediate: !0
     }
   );
-  return w(() => o.value, void 0, e), Y(() => {
+  return f(() => o.value, void 0, e), Y(() => {
     n();
   }), o;
 }
@@ -774,7 +774,7 @@ const cs = {
     return (o, n) => s(e) ? (a(), i("div", cs, [
       d("div", us, [
         d("div", ps, [
-          d("div", vs, f(s(e).surveyResultsText), 1),
+          d("div", vs, T(s(e).surveyResultsText), 1),
           d("div", ms, [
             v(s(c), {
               is: "svc-action-button",
@@ -793,7 +793,7 @@ const cs = {
           ])
         ]),
         h(d("div", _s, [
-          d("div", null, f(s(e).resultText), 1)
+          d("div", null, T(s(e).resultText), 1)
         ], 512), [
           [H, s(e).resultViewType === "text"]
         ]),
@@ -801,12 +801,12 @@ const cs = {
           d("table", null, [
             d("thead", null, [
               d("tr", bs, [
-                d("th", ys, f(s(e).resultsTitle), 1),
-                d("th", hs, f(s(e).resultsDisplayValue), 1)
+                d("th", ys, T(s(e).resultsTitle), 1),
+                d("th", hs, T(s(e).resultsDisplayValue), 1)
               ])
             ]),
             d("tbody", null, [
-              (a(!0), i(D, null, A(s(e).resultData, (r, l) => (a(), b(s(c), {
+              (a(!0), i(w, null, A(s(e).resultData, (r, l) => (a(), b(s(c), {
                 is: "survey-results-table-row",
                 model: r,
                 key: l
@@ -826,7 +826,7 @@ const cs = {
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i(D, null, [
+    return f(() => t.model), (e, o) => (a(), i(w, null, [
       h((a(), i("tr", {
         onClick: o[0] || (o[0] = //@ts-ignore
         (...n) => e.model.toggle && e.model.toggle(...n))
@@ -850,32 +850,32 @@ const cs = {
             key: 1,
             is: "survey-string",
             locString: e.model.question.locTitle
-          }, null, 8, ["locString"])) : (a(), i("span", qs, f(e.model.title), 1))
+          }, null, 8, ["locString"])) : (a(), i("span", qs, T(e.model.title), 1))
         ], 4),
         d("td", {
           class: m({
             "svd-test-results__node-value": e.model.isNode,
             "svd-dark-border-color": !e.model.isNode
           })
-        }, f(e.model.getString(e.model.displayValue)), 3)
+        }, T(e.model.getString(e.model.displayValue)), 3)
       ])), [
         [s(M)]
       ]),
-      e.model.isNode && !e.model.collapsed ? (a(!0), i(D, { key: 0 }, A(e.model.data, (n, r) => (a(), b(s(c), {
+      e.model.isNode && !e.model.collapsed ? (a(!0), i(w, { key: 0 }, A(e.model.data, (n, r) => (a(), b(s(c), {
         is: "survey-results-table-row",
         model: n,
         key: r + 1
       }, null, 8, ["model"]))), 128)) : p("", !0)
     ], 64));
   }
-}), ks = { class: "svc-creator-tab__content" }, fs = { class: "svc-json-editor-tab__content" }, ws = { class: "svc-json-editor-tab__errros_list" }, Ds = /* @__PURE__ */ g({
+}), ks = { class: "svc-creator-tab__content" }, fs = { class: "svc-json-editor-tab__content" }, ws = { class: "svc-json-editor-tab__errros_list" }, Ts = /* @__PURE__ */ g({
   __name: "JsonEditorAce",
   props: {
     model: {}
   },
   setup(u) {
     const t = u, e = P();
-    return w(() => t.model), R(() => t.model.init(window.ace.edit(e.value))), (o, n) => (a(), i("div", ks, [
+    return f(() => t.model), R(() => t.model.init(window.ace.edit(e.value))), (o, n) => (a(), i("div", ks, [
       d("div", fs, [
         d("div", {
           class: "svc-json-editor-tab__ace-editor",
@@ -893,17 +893,17 @@ const cs = {
       ])
     ]));
   }
-}), Ts = { class: "svc-creator-tab__content" }, Ns = { class: "svc-json-editor-tab__content" }, Ms = ["aria-label", "disabled"], Ss = { class: "svc-json-editor-tab__errros_list" }, Bs = /* @__PURE__ */ g({
+}), 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" }, Bs = /* @__PURE__ */ g({
   __name: "JsonEditorTextArea",
   props: {
     model: {}
   },
   setup(u) {
     const t = u, e = P(), o = t.model;
-    return o.canShowErrors = !1, w(() => t.model), R(() => {
+    return o.canShowErrors = !1, f(() => t.model), R(() => {
       const n = t.model;
       n.textElement = e.value;
-    }), (n, r) => (a(), i("div", Ts, [
+    }), (n, r) => (a(), i("div", Ds, [
       d("div", Ns, [
         h(d("textarea", {
           class: "svc-json-editor-tab__content-area",
@@ -935,11 +935,11 @@ const cs = {
   },
   setup(u) {
     const t = u;
-    w(() => t.item);
+    f(() => t.item);
     const e = (o) => {
       o.stopPropagation(), t.item.data.fixError();
     };
-    return (o, n) => (a(), i(D, null, [
+    return (o, n) => (a(), i(w, null, [
       v(s(c), {
         is: "sv-svg-icon",
         iconName: o.item.iconName,
@@ -979,7 +979,7 @@ const cs = {
   },
   setup(u) {
     const t = u;
-    w(() => t.model);
+    f(() => t.model);
     const e = (o) => {
       o.stopPropagation(), t.model.action();
     };
@@ -990,7 +990,7 @@ const cs = {
       }]),
       onClick: e
     }, [
-      d("span", Vs, f(o.model.title), 1)
+      d("span", Vs, T(o.model.title), 1)
     ], 2)), [
       [s(M)]
     ]);
@@ -1005,11 +1005,11 @@ const cs = {
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", As, [
+    return f(() => t.model), (e, o) => (a(), i("div", As, [
       d("div", {
         class: m(["svc-plugin-tab__content svc-logic-tab__content", { "svc-logic-tab--empty": !e.model.hasItems }])
       }, [
-        e.model.hasItems ? (a(), i(D, { key: 0 }, [
+        e.model.hasItems ? (a(), i(w, { key: 0 }, [
           v(s(O), {
             model: e.model.itemsSurvey
           }, null, 8, ["model"]),
@@ -1058,7 +1058,7 @@ const Us = /* @__PURE__ */ g({
     return (l, _) => (a(), i("div", {
       class: m(l.question.cssClasses.selectWrapper)
     }, [
-      l.question.isReadOnly ? p("", !0) : (a(), i(D, { key: 0 }, [
+      l.question.isReadOnly ? p("", !0) : (a(), i(w, { key: 0 }, [
         d("div", {
           class: m(l.question.getControlClass()),
           onClick: n,
@@ -1129,7 +1129,7 @@ const Us = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = P(), o = ce.getString("pe.clear");
-    return Q(t, e), (n, r) => (a(), i(D, null, [
+    return Q(t, e), (n, r) => (a(), i(w, null, [
       v(s(c), {
         is: "svc-action-button",
         text: n.question.linkValueText,
@@ -1160,7 +1160,7 @@ const Us = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(["svc-creator-tab__content svc-translation-tab", e.model.isEmpty ? "svc-translation-tab--empty" : ""])
     }, [
       e.model.isEmpty ? (a(), b(j, {
@@ -1205,7 +1205,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
     }, [
       d("span", {
         class: m(t.item.data.additionalTitleCss)
-      }, f(t.item.data.additionalTitle), 3),
+      }, T(t.item.data.additionalTitle), 3),
       v(s(c), {
         is: "sv-action-bar-item-dropdown",
         item: t.item
@@ -1225,7 +1225,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(["svc-creator-tab__content svc-test-tab__content", {
         "svc-creator-tab__content--with-toolbar": e.model.isPageToolbarVisible
       }])
@@ -1311,7 +1311,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
         value: e.question.renderedValue,
         class: m(e.question.cssClasses.control)
       }, null, 42, lt),
-      e.question.showDropdownAction ? (a(), i(D, { key: 0 }, [
+      e.question.showDropdownAction ? (a(), i(w, { key: 0 }, [
         d("div", {
           "aria-hidden": "true",
           class: m(e.question.cssClasses.choicesButtonWrapper)
@@ -1336,9 +1336,9 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    w(() => t.item);
+    f(() => t.item);
     const e = () => ({ backgroundColor: t.item.value });
-    return (o, n) => (a(), i(D, null, [
+    return (o, n) => (a(), i(w, null, [
       d("span", {
         class: "spg-color-editor__color-swatch",
         style: F(e())
@@ -1534,7 +1534,7 @@ const et = /* @__PURE__ */ Zs(Xs, [["render", xs]]), ot = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = () => "survey-" + t.question.wrappedQuestionTemplate;
-    return Q(t, P()), w(() => {
+    return Q(t, P()), f(() => {
       var o;
       return (o = t.question) == null ? void 0 : o.resetValueAdorner;
     }), (o, n) => (a(), i("div", {
@@ -1620,7 +1620,7 @@ const wt = /* @__PURE__ */ g({
       ])
     ], 8, ht));
   }
-}), Dt = { class: "svc-string-editor__content" }, Tt = /* @__PURE__ */ d("div", { class: "svc-string-editor__border svc-string-editor__border--hover" }, null, -1), Nt = /* @__PURE__ */ d("div", { class: "svc-string-editor__border svc-string-editor__border--focus" }, null, -1), Mt = { class: "svc-string-editor__input" }, St = ["textContent", "aria-placeholder", "aria-label", "contenteditable", "tabindex"], Bt = ["aria-placeholder", "aria-label", "contenteditable", "tabindex", "innerHTML"], It = {
+}), Tt = { class: "svc-string-editor__content" }, Dt = /* @__PURE__ */ d("div", { class: "svc-string-editor__border svc-string-editor__border--hover" }, null, -1), Nt = /* @__PURE__ */ d("div", { class: "svc-string-editor__border svc-string-editor__border--focus" }, null, -1), Mt = { class: "svc-string-editor__input" }, St = ["textContent", "aria-placeholder", "aria-label", "contenteditable", "tabindex"], Bt = ["aria-placeholder", "aria-label", "contenteditable", "tabindex", "innerHTML"], It = {
   key: 0,
   class: "svc-string-editor__error"
 }, Et = /* @__PURE__ */ g({
@@ -1669,23 +1669,23 @@ const wt = /* @__PURE__ */ g({
         return (y = l.value) == null ? void 0 : y.getCharacterCounterClass;
       }
     ), J = (y) => {
-      var T, E;
-      return n.value && (n.value.spellcheck = !1), e.value.__isEditing = !1, (T = l.value) == null || T.onBlur(y), (E = l.value) == null ? void 0 : E.errorText;
+      var D, E;
+      return n.value && (n.value.spellcheck = !1), e.value.__isEditing = !1, (D = l.value) == null || D.onBlur(y), (E = l.value) == null ? void 0 : E.errorText;
     }, U = (y) => {
-      var T;
-      (T = l.value) == null || T.onFocus(y);
+      var D;
+      (D = l.value) == null || D.onFocus(y);
     }, ve = (y) => {
-      var T;
-      (T = l.value) == null || T.onPaste(y);
+      var D;
+      (D = l.value) == null || D.onPaste(y);
     }, se = (y) => {
-      var T, E;
-      (T = n.value) == null || T.focus(), e.value.__isEditing = !0, (E = l.value) == null || E.onClick(y);
+      var D, E;
+      (D = n.value) == null || D.focus(), e.value.__isEditing = !0, (E = l.value) == null || E.onClick(y);
     }, Z = () => {
       r.value = e.value.renderedHtml;
     }, me = W(
       () => e.value,
-      (y, T) => {
-        T && y.onStringChanged.remove(Z), y && (y.onStringChanged.add(Z), Z());
+      (y, D) => {
+        D && y.onStringChanged.remove(Z), y && (y.onStringChanged.add(Z), Z());
       },
       {
         immediate: !0
@@ -1696,11 +1696,11 @@ const wt = /* @__PURE__ */ g({
       e.value.__isEditing && ((y = n.value) == null || y.focus());
     }), K(() => {
       me(), e.value.onStringChanged.remove(Z);
-    }), (y, T) => (a(), i("span", {
+    }), (y, D) => (a(), i("span", {
       class: m(N.value)
     }, [
-      d("span", Dt, [
-        Tt,
+      d("span", Tt, [
+        Dt,
         Nt,
         d("span", Mt, [
           e.value.hasHtml ? p("", !0) : (a(), i("span", {
@@ -1711,37 +1711,37 @@ const wt = /* @__PURE__ */ g({
             onFocus: U,
             onPaste: ve,
             onBlur: J,
-            onInput: T[0] || (T[0] = //@ts-ignore
+            onInput: D[0] || (D[0] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onInput) && ((B = s(l)) == null ? void 0 : B.onInput(...E));
             }),
-            onBeforeinput: T[1] || (T[1] = //@ts-ignore
+            onBeforeinput: D[1] || (D[1] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onBeforeInput) && ((B = s(l)) == null ? void 0 : B.onBeforeInput(...E));
             }),
-            onKeydown: T[2] || (T[2] = //@ts-ignore
+            onKeydown: D[2] || (D[2] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onKeyDown) && ((B = s(l)) == null ? void 0 : B.onKeyDown(...E));
             }),
-            onKeyup: T[3] || (T[3] = //@ts-ignore
+            onKeyup: D[3] || (D[3] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onKeyUp) && ((B = s(l)) == null ? void 0 : B.onKeyUp(...E));
             }),
-            onCompositionstart: T[4] || (T[4] = //@ts-ignore
+            onCompositionstart: D[4] || (D[4] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onCompositionStart) && ((B = s(l)) == null ? void 0 : B.onCompositionStart(...E));
             }),
-            onCompositionend: T[5] || (T[5] = //@ts-ignore
+            onCompositionend: D[5] || (D[5] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onCompositionEnd) && ((B = s(l)) == null ? void 0 : B.onCompositionEnd(...E));
             }),
-            onMouseup: T[6] || (T[6] = //@ts-ignore
+            onMouseup: D[6] || (D[6] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onMouseUp) && ((B = s(l)) == null ? void 0 : B.onMouseUp(...E));
@@ -1762,27 +1762,27 @@ const wt = /* @__PURE__ */ g({
             spellcheck: "false",
             onFocus: U,
             onBlur: J,
-            onKeydown: T[7] || (T[7] = //@ts-ignore
+            onKeydown: D[7] || (D[7] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onKeyDown) && ((B = s(l)) == null ? void 0 : B.onKeyDown(...E));
             }),
-            onKeyup: T[8] || (T[8] = //@ts-ignore
+            onKeyup: D[8] || (D[8] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onKeyUp) && ((B = s(l)) == null ? void 0 : B.onKeyUp(...E));
             }),
-            onCompositionstart: T[9] || (T[9] = //@ts-ignore
+            onCompositionstart: D[9] || (D[9] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onCompositionStart) && ((B = s(l)) == null ? void 0 : B.onCompositionStart(...E));
             }),
-            onCompositionend: T[10] || (T[10] = //@ts-ignore
+            onCompositionend: D[10] || (D[10] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onCompositionEnd) && ((B = s(l)) == null ? void 0 : B.onCompositionEnd(...E));
             }),
-            onMouseup: T[11] || (T[11] = //@ts-ignore
+            onMouseup: D[11] || (D[11] = //@ts-ignore
             (...E) => {
               var S, B;
               return ((S = s(l)) == null ? void 0 : S.onMouseUp) && ((B = s(l)) == null ? void 0 : B.onMouseUp(...E));
@@ -1804,7 +1804,7 @@ const wt = /* @__PURE__ */ g({
           }, null, 8, ["counter", "remainingCharacterCounter"])) : p("", !0)
         ])
       ]),
-      _.value ? (a(), i("span", It, f(_.value), 1)) : p("", !0)
+      _.value ? (a(), i("span", It, T(_.value), 1)) : p("", !0)
     ], 2));
   }
 }), Pt = {
@@ -1823,7 +1823,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = k(() => t.model.toolbox), o = P();
-    w(() => e.value), G(() => {
+    f(() => e.value), G(() => {
       e.value.afterRender(o.value);
     }), R(() => {
       e.value.afterRender(o.value);
@@ -1856,17 +1856,17 @@ const wt = /* @__PURE__ */ g({
           }, null, 8, ["model"]),
           Rt
         ])) : p("", !0),
-        e.value.showPlaceholder ? (a(), i("div", Vt, f(e.value.toolboxNoResultsFound), 1)) : p("", !0),
+        e.value.showPlaceholder ? (a(), i("div", Vt, T(e.value.toolboxNoResultsFound), 1)) : p("", !0),
         v(s(c), { is: "sv-scroll" }, {
           default: X(() => [
-            e.value.showInSingleCategory ? p("", !0) : (a(!0), i(D, { key: 0 }, A(e.value.categories, (_, N) => (a(), b(s(c), {
+            e.value.showInSingleCategory ? p("", !0) : (a(!0), i(w, { key: 0 }, A(e.value.categories, (_, N) => (a(), b(s(c), {
               is: "svc-toolbox-category",
               key: N,
               category: _,
               toolbox: e.value
             }, null, 8, ["category", "toolbox"]))), 128)),
             e.value.showInSingleCategory ? (a(), i("div", At, [
-              (a(!0), i(D, null, A(n.value, (_) => (a(), b(s(c), {
+              (a(!0), i(w, null, A(n.value, (_) => (a(), b(s(c), {
                 key: _.renderedId,
                 is: "svc-toolbox-tool",
                 creator: r.model,
@@ -1912,7 +1912,7 @@ const wt = /* @__PURE__ */ g({
     }), K(() => {
       const n = t.item;
       n.updateModeCallback = void 0;
-    }), w(() => t.item), (n, r) => {
+    }), f(() => t.item), (n, r) => {
       var l;
       return a(), i("div", {
         class: m(n.item.css),
@@ -1951,7 +1951,7 @@ const wt = /* @__PURE__ */ g({
     viewModel: {}
   },
   setup(u) {
-    return (t, e) => (a(), i(D, null, [
+    return (t, e) => (a(), i(w, null, [
       h((a(), i("div", {
         class: m(["svc-toolbox__item", t.item.renderedCss]),
         role: "button",
@@ -1968,7 +1968,7 @@ const wt = /* @__PURE__ */ g({
             class: "svc-toolbox__item-icon"
           }, null, 8, ["iconName"])) : p("", !0)
         ]),
-        t.isCompact ? p("", !0) : (a(), i("span", Ht, f(t.item.title), 1))
+        t.isCompact ? p("", !0) : (a(), i("span", Ht, T(t.item.title), 1))
       ], 10, Kt)), [
         [s(M), { disableTabStop: !t.viewModel.toolboxItem.enabled }]
       ]),
@@ -1983,7 +1983,7 @@ const wt = /* @__PURE__ */ g({
           size: 24,
           class: "svc-toolbox__item-icon"
         }, null, 8, ["iconName"]),
-        d("span", null, f(t.item.title), 1)
+        d("span", null, T(t.item.title), 1)
       ])) : p("", !0)
     ], 64));
   }
@@ -2001,7 +2001,7 @@ const wt = /* @__PURE__ */ g({
     }, o = (n) => {
       t.viewModel.onMouseLeave(t.item, n);
     };
-    return (n, r) => (a(), i(D, null, [
+    return (n, r) => (a(), i(w, null, [
       v(s(c), {
         is: "svc-toolbox-item",
         viewModel: n.viewModel,
@@ -2037,7 +2037,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return w(() => t.category), (e, o) => (a(), i("div", {
+    return f(() => t.category), (e, o) => (a(), i("div", {
       class: m(["svc-toolbox__category", {
         "svc-toolbox__category--collapsed": e.category.collapsed,
         "svc-toolbox__category--empty": e.category.empty
@@ -2050,7 +2050,12 @@ const wt = /* @__PURE__ */ g({
           }]),
           onClick: o[0] || (o[0] = (n) => e.category.toggleState())
         }, [
-          d("span", Wt, f(e.category.title), 1),
+          d("span", Wt, [
+            v(s(c), {
+              is: "survey-string",
+              locString: e.category.locTitle
+            }, null, 8, ["locString"])
+          ]),
           e.toolbox.canCollapseCategories ? (a(), i("div", jt, [
             v(s(c), {
               is: "sv-svg-icon",
@@ -2063,7 +2068,7 @@ const wt = /* @__PURE__ */ g({
           [s(M)]
         ])
       ]),
-      (a(!0), i(D, null, A(e.category.items, (n) => (a(), b(s(c), {
+      (a(!0), i(w, null, A(e.category.items, (n) => (a(), b(s(c), {
         is: "svc-toolbox-tool",
         item: n,
         key: n.renderedId,
@@ -2081,10 +2086,10 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return w(() => t.model), (e, o) => (a(), i("div", {
+    return f(() => t.model), (e, o) => (a(), i("div", {
       class: m(e.model.cssClasses.root)
     }, [
-      (a(!0), i(D, null, A(e.model.renderedActions, (n, r) => (a(), b(s(c), {
+      (a(!0), i(w, null, A(e.model.renderedActions, (n, r) => (a(), b(s(c), {
         key: r,
         is: "svc-toolbox-tool",
         creator: e.creator,
@@ -2122,7 +2127,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u, e = k(() => t.model.survey);
-    return w(() => t.model), w(() => e.value), w(() => t.model.pagesController), (o, n) => (a(), i(D, null, [
+    return f(() => t.model), f(() => e.value), f(() => t.model.pagesController), (o, n) => (a(), i(w, null, [
       d("div", Xt, [
         o.model.isToolboxVisible ? (a(), b(s(c), {
           key: 0,
@@ -2138,7 +2143,7 @@ const wt = /* @__PURE__ */ g({
         v(s(c), { is: "sv-scroll" }, {
           default: X(() => [
             d("div", Yt, [
-              o.model.showPlaceholder ? (a(), i(D, { key: 0 }, [
+              o.model.showPlaceholder ? (a(), i(w, { key: 0 }, [
                 o.model.creator.showHeaderInEmptySurvey && o.model.creator.showSurveyHeader ? (a(), i("div", xt, [
                   v(s(c), {
                     is: "survey-header",
@@ -2162,7 +2167,7 @@ const wt = /* @__PURE__ */ g({
                   ])
                 ])
               ], 64)) : p("", !0),
-              o.model.showPlaceholder ? p("", !0) : (a(), i(D, { key: 1 }, [
+              o.model.showPlaceholder ? p("", !0) : (a(), i(w, { key: 1 }, [
                 d("div", {
                   class: m(o.model.designerCss),
                   style: F([
@@ -2176,7 +2181,7 @@ const wt = /* @__PURE__ */ g({
                       survey: o.model.creator.survey
                     }, null, 8, ["survey"])
                   ])) : p("", !0),
-                  o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(D, { key: 1 }, A(o.model.pages, (r) => (a(), i("div", {
+                  o.model.creator.pageEditMode !== "bypage" ? (a(!0), i(w, { key: 1 }, A(o.model.pages, (r) => (a(), i("div", {
                     key: r.id,
                     class: "svc-page",
                     "data-sv-drop-target-survey-element": r != o.model.newPage ? r.name : "newGhostPage",
@@ -2295,7 +2300,7 @@ const wt = /* @__PURE__ */ g({
       ])),
       s(o).showPlaceholder ? (a(), i("div", mn, [
         d("div", _n, [
-          d("div", gn, f(s(o).placeholderText), 1)
+          d("div", gn, T(s(o).placeholderText), 1)
         ])
       ])) : p("", !0),
       s(o).allowDragging && !s(o).isGhost ? (a(), i("div", {
@@ -2351,13 +2356,13 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    w(() => t.item.data);
+    f(() => t.item.data);
     const e = k(
       () => "svc-element__add-new-question " + (t.buttonClass || "svc-btn")
     ), o = k(
       () => t.renderPopup === void 0 || t.renderPopup !== !1
     );
-    return (n, r) => (a(), i(D, null, [
+    return (n, r) => (a(), i(w, null, [
       h((a(), i("div", {
         class: m(e.value),
         onClick: r[0] || (r[0] = (l) => {
@@ -2371,7 +2376,7 @@ const wt = /* @__PURE__ */ g({
           iconName: "icon-add_24x24",
           size: "auto"
         }),
-        d("span", Cn, f(n.item.data.addNewQuestionText), 1),
+        d("span", Cn, T(n.item.data.addNewQuestionText), 1),
         o.value ? (a(), b(s(c), {
           key: 0,
           is: "svc-add-question-type-selector",
@@ -2397,7 +2402,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    return w(() => t.questionTypeSelectorModel), (e, o) => h((a(), i("button", {
+    return f(() => t.questionTypeSelectorModel), (e, o) => h((a(), i("button", {
       type: "button",
       onClick: o[0] || (o[0] = (n) => {
         e.questionTypeSelectorModel.action(), n.stopPropagation();
@@ -2423,7 +2428,7 @@ const wt = /* @__PURE__ */ g({
       [s(M)]
     ]);
   }
-}), fn = /* @__PURE__ */ d("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--top" }, null, -1), wn = /* @__PURE__ */ d("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }, null, -1), Dn = /* @__PURE__ */ g({
+}), fn = /* @__PURE__ */ d("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--top" }, null, -1), wn = /* @__PURE__ */ d("div", { class: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }, null, -1), Tn = /* @__PURE__ */ g({
   __name: "Row",
   props: {
     componentData: {}
@@ -2448,7 +2453,7 @@ const wt = /* @__PURE__ */ g({
       x(r.$slots, "default")
     ], 2));
   }
-}), Tn = ["data-sv-drop-target-survey-element"], Nn = { class: "svc-fake-title" }, Mn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1), Sn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1), Bn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), In = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), En = { class: "svc-question__top-actions" }, Pn = {
+}), Dn = ["data-sv-drop-target-survey-element"], Nn = { class: "svc-fake-title" }, Mn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--left" }, null, -1), Sn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--right" }, null, -1), Bn = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--top" }, null, -1), In = /* @__PURE__ */ d("div", { class: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }, null, -1), En = { class: "svc-question__top-actions" }, Pn = {
   key: 0,
   class: "svc-panel__placeholder_frame-wrapper"
 }, Rn = { class: "svc-panel__placeholder_frame" }, Vn = {
@@ -2508,7 +2513,7 @@ const wt = /* @__PURE__ */ g({
           key: 1,
           class: m(s(o).cssCollapsedHiddenTitle)
         }, [
-          d("span", Nn, f(l.element.name), 1)
+          d("span", Nn, T(l.element.name), 1)
         ], 2))
       ], 2)) : p("", !0),
       h((a(), i("div", {
@@ -2542,7 +2547,7 @@ const wt = /* @__PURE__ */ g({
             }, null, 8, ["model"])
           ])
         ], 32)) : p("", !0),
-        s(o).needToRenderContent ? (a(), i(D, { key: 1 }, [
+        s(o).needToRenderContent ? (a(), i(w, { key: 1 }, [
           v(s(c), {
             is: "sv-template-renderer",
             componentName: l.componentName,
@@ -2550,7 +2555,7 @@ const wt = /* @__PURE__ */ g({
           }, null, 8, ["componentName", "componentData"]),
           s(o).isEmptyElement && !l.showPlaceholderComponent ? (a(), i("div", Pn, [
             d("div", Rn, [
-              d("div", Vn, f(s(o).placeholderText), 1)
+              d("div", Vn, T(s(o).placeholderText), 1)
             ])
           ])) : p("", !0),
           s(o).isEmptyElement && l.showPlaceholderComponent ? (a(), b(s(c), V(
@@ -2585,7 +2590,7 @@ const wt = /* @__PURE__ */ g({
       ], 2)), [
         [s(M), { disableTabStop: !0 }]
       ])
-    ], 42, Tn)) : p("", !0);
+    ], 42, Dn)) : p("", !0);
   }
 }), ae = /* @__PURE__ */ g({
   __name: "Question",
@@ -2648,9 +2653,9 @@ const wt = /* @__PURE__ */ g({
     element: {}
   },
   setup(u) {
-    return (t, e) => (a(), i(D, null, [
+    return (t, e) => (a(), i(w, null, [
       !t.model.isUploading && !t.model.isEmptyElement ? (a(), i("div", zn, [
-        t.model.allowEdit ? (a(), i(D, { key: 0 }, [
+        t.model.allowEdit ? (a(), i(w, { key: 0 }, [
           d("input", {
             type: "file",
             "aria-hidden": "true",
@@ -2755,7 +2760,7 @@ const wt = /* @__PURE__ */ g({
     ), _ = z(
       () => {
         var N;
-        return t.componentData ? new De(
+        return t.componentData ? new Te(
           e.value,
           r.value,
           l.value,
@@ -2819,7 +2824,7 @@ const wt = /* @__PURE__ */ g({
     const t = u, e = k(
       () => t.componentData.element
     );
-    return w(() => e.value), (o, n) => (a(), i("div", Zn, [
+    return f(() => e.value), (o, n) => (a(), i("div", Zn, [
       d("div", Xn, [
         v(s(c), V({ is: o.componentName }, o.componentData), null, 16, ["is"])
       ])
@@ -2873,7 +2878,7 @@ const wt = /* @__PURE__ */ g({
           key: 1,
           class: m(s(e).cssCollapsedHiddenTitle)
         }, [
-          d("span", ea, f(s(e).element.name), 1)
+          d("span", ea, T(s(e).element.name), 1)
         ], 2))
       ], 2)) : p("", !0),
       h((a(), i("div", {
@@ -2903,11 +2908,11 @@ const wt = /* @__PURE__ */ g({
             }, null, 8, ["model"])
           ])
         ], 32)) : p("", !0),
-        s(e).needToRenderContent ? (a(), i(D, { key: 1 }, [
+        s(e).needToRenderContent ? (a(), i(w, { key: 1 }, [
           v(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
           s(e).isEmptyElement ? (a(), i("div", la, [
             d("div", ia, [
-              d("div", ra, f(s(e).placeholderText), 1),
+              d("div", ra, T(s(e).placeholderText), 1),
               s(e).showAddQuestionButton ? h((a(), i("div", {
                 key: 0,
                 class: "svc-panel__add-new-question svc-action-button",
@@ -2919,7 +2924,7 @@ const wt = /* @__PURE__ */ g({
                   iconName: "icon-add_24x24",
                   size: "auto"
                 }),
-                d("span", da, f(s(e).addNewQuestionText), 1)
+                d("span", da, T(s(e).addNewQuestionText), 1)
               ])), [
                 [s(M)]
               ]) : p("", !0)
@@ -2983,7 +2988,7 @@ const wt = /* @__PURE__ */ g({
       r.value.setRootElement(void 0);
     });
     const _ = z(
-      () => new Te(o.value, n.value, r.value),
+      () => new De(o.value, n.value, r.value),
       [() => o.value, () => n.value, () => r.value],
       (q) => {
         q.dispose();
@@ -3011,7 +3016,7 @@ const wt = /* @__PURE__ */ g({
         }
       };
     };
-    return (q, C) => (a(), i(D, null, [
+    return (q, C) => (a(), i(w, null, [
       d("div", {
         class: m(["svc-item-value-wrapper", {
           "svc-item-value--new": s(_).isNew,
@@ -3101,10 +3106,10 @@ const wt = /* @__PURE__ */ g({
 }), $a = ["data-sv-drop-target-item-value"], ka = { class: "svc-image-item-value-wrapper__content" }, fa = ["accept"], wa = {
   key: 0,
   class: "svc-image-item-value__item"
-}, Da = {
+}, Ta = {
   key: 2,
   class: "svc-context-container svc-image-item-value-controls"
-}, Ta = { class: "svc-image-item-value__item" }, Na = { class: "sd-imagepicker__item sd-imagepicker__item--inline" }, Ma = { class: "sd-imagepicker__label" }, Sa = {
+}, Da = { class: "svc-image-item-value__item" }, Na = { class: "sd-imagepicker__item sd-imagepicker__item--inline" }, Ma = { class: "sd-imagepicker__label" }, Sa = {
   key: 0,
   class: "svc-image-item-value__loading"
 }, Ba = {
@@ -3167,7 +3172,7 @@ const wt = /* @__PURE__ */ g({
           accept: s(l).acceptedTypes,
           class: "svc-choose-file-input"
         }, null, 8, fa),
-        !s(l).isNew && !s(l).isUploading ? (a(), i(D, { key: 0 }, [
+        !s(l).isNew && !s(l).isUploading ? (a(), i(w, { key: 0 }, [
           s(l).isNew ? p("", !0) : (a(), i("div", wa, [
             v(s(c), V({ is: $.componentName }, $.componentData), null, 16, ["is"])
           ])),
@@ -3184,7 +3189,7 @@ const wt = /* @__PURE__ */ g({
               size: "auto"
             })
           ], 32)) : p("", !0),
-          s(l).canRenderControls ? (a(), i("div", Da, [
+          s(l).canRenderControls ? (a(), i("div", Ta, [
             h((a(), i("span", {
               class: "svc-context-button",
               onClick: q[1] || (q[1] = (C) => s(l).chooseFile(s(l))),
@@ -3218,8 +3223,8 @@ const wt = /* @__PURE__ */ g({
               [s(M)]
             ])
           ])) : p("", !0)
-        ], 64)) : (a(), i(D, { key: 1 }, [
-          d("div", Ta, [
+        ], 64)) : (a(), i(w, { key: 1 }, [
+          d("div", Da, [
             d("div", Na, [
               d("label", Ma, [
                 d("div", {
@@ -3238,7 +3243,7 @@ const wt = /* @__PURE__ */ g({
             class: "svc-image-item-value-controls",
             onPointerdown: q[4] || (q[4] = (C) => C.stopPropagation())
           }, [
-            s(l).showPlaceholder ? (a(), i("span", Ba, f(s(l).placeholderText), 1)) : p("", !0),
+            s(l).showPlaceholder ? (a(), i("span", Ba, T(s(l).placeholderText), 1)) : p("", !0),
             h((a(), i("span", {
               class: m(s(l).addButtonCss),
               onClick: q[3] || (q[3] = (C) => s(l).chooseNewFile(s(l)))
@@ -3249,7 +3254,7 @@ const wt = /* @__PURE__ */ g({
                 iconName: "icon-add-lg",
                 size: "auto",
                 title: s(l).addFileTitle
-              }, null, 8, ["title"])) : (a(), i("span", Ia, f(s(l).chooseImageText), 1))
+              }, null, 8, ["title"])) : (a(), i("span", Ia, T(s(l).chooseImageText), 1))
             ], 2)), [
               [s(M)]
             ])
@@ -3336,7 +3341,7 @@ const wt = /* @__PURE__ */ g({
         accept: s(r).acceptedTypes,
         class: "svc-choose-file-input"
       }, null, 8, Ra),
-      l.value ? p("", !0) : (a(), i(D, { key: 0 }, [
+      l.value ? p("", !0) : (a(), i(w, { key: 0 }, [
         s(r).allowEdit && !s(r).isUploading ? h((a(), i("div", {
           key: 0,
           class: "svc-logo-image-placeholder",
@@ -3399,7 +3404,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    w(() => t.model);
+    f(() => t.model);
     const e = k({
       get: () => t.model.filterString,
       set: (o) => {
@@ -3426,7 +3431,7 @@ const wt = /* @__PURE__ */ g({
         [de, e.value]
       ]),
       d("div", Qa, [
-        d("div", Oa, f(o.model.matchCounterText), 1),
+        d("div", Oa, T(o.model.matchCounterText), 1),
         v(s(c), {
           is: "sv-action-bar",
           model: o.model.searchActionBar
@@ -3482,7 +3487,7 @@ const wt = /* @__PURE__ */ g({
         }, null, 8, ["model"])
       ]),
       d("div", null, [
-        (a(!0), i(D, null, A(s(e).visibleItems, (l) => (a(), b(s(c), {
+        (a(!0), i(w, null, A(s(e).visibleItems, (l) => (a(), b(s(c), {
           is: "svc-page-navigator-item",
           key: l.id,
           model: l
@@ -3503,7 +3508,7 @@ const wt = /* @__PURE__ */ g({
   },
   setup(u) {
     const t = u;
-    w(() => t.model);
+    f(() => t.model);
     const e = (o) => {
       t.model.action(), o.stopPropagation(), o.preventDefault();
     };
@@ -3521,7 +3526,7 @@ const wt = /* @__PURE__ */ g({
           title: o.model.title
         }, Ya, 8, Za),
         d("div", xa, [
-          d("span", el, f(o.model.title), 1),
+          d("span", el, T(o.model.title), 1),
           ol
         ])
       ], 2)), [
@@ -3547,7 +3552,7 @@ const wt = /* @__PURE__ */ g({
     return (n, r) => (a(), i("div", tl, [
       d("div", null, [
         d("div", nl, [
-          (a(!0), i(D, null, A(n.model.getRenderedItems(), (l) => (a(), i("div", {
+          (a(!0), i(w, null, A(n.model.getRenderedItems(), (l) => (a(), i("div", {
             key: l.value,
             class: m(n.model.getChoiceCss())
           }, [
@@ -3603,11 +3608,11 @@ const wt = /* @__PURE__ */ g({
         data: e.value.getItemValueWrapperComponentData(r)
       }
     });
-    return w(() => e.value), (r, l) => (a(), i("div", il, [
+    return f(() => e.value), (r, l) => (a(), i("div", il, [
       d("div", rl, [
         v(s(c), V({ is: r.componentName }, r.componentData), null, 16, ["is"]),
         d("div", dl, [
-          (a(!0), i(D, null, A(e.value.visibleChoices, (_) => (a(), i("div", {
+          (a(!0), i(w, null, A(e.value.visibleChoices, (_) => (a(), i("div", {
             key: _.value,
             class: "svc-question__dropdown-choice"
           }, [
@@ -3697,15 +3702,15 @@ const wt = /* @__PURE__ */ g({
       ], 2)), [
         [s(M)]
       ]) : p("", !0),
-      s(o).element.isInteractiveDesignElement ? p("", !0) : (a(), i(D, { key: 1 }, [
+      s(o).element.isInteractiveDesignElement ? p("", !0) : (a(), i(w, { key: 1 }, [
         v(s(c), V({ is: n.componentName }, n.componentData), null, 16, ["is"]),
         s(o).isEmptyElement ? (a(), i("div", ql, [
-          d("div", $l, f(s(o).placeholderText), 1)
+          d("div", $l, T(s(o).placeholderText), 1)
         ])) : p("", !0)
       ], 64))
     ], 42, ul)) : p("", !0);
   }
-}), fl = { class: "svc-carry-forward-panel-wrapper" }, wl = { class: "svc-carry-forward-panel" }, Dl = { class: "svc-carry-forward-panel__link" }, Tl = /* @__PURE__ */ g({
+}), fl = { class: "svc-carry-forward-panel-wrapper" }, wl = { class: "svc-carry-forward-panel" }, Tl = { class: "svc-carry-forward-panel__link" }, Dl = /* @__PURE__ */ g({
   __name: "QuestionBanner",
   props: {
     model: {}
@@ -3713,8 +3718,8 @@ const wt = /* @__PURE__ */ g({
   setup(u) {
     return (t, e) => (a(), i("div", fl, [
       d("div", wl, [
-        d("span", null, f(t.model.text) + f(" "), 1),
-        d("span", Dl, [
+        d("span", null, T(t.model.text) + T(" "), 1),
+        d("span", Tl, [
           v(s(c), {
             is: "svc-action-button",
             text: t.model.actionText,
@@ -3733,7 +3738,7 @@ function pe(u) {
     void 0,
     u
   );
-  t("svc-tabbed-menu", Ge), t("svc-tabbed-menu-item-wrapper", je), t("svc-tabbed-menu-item", Ze), t("svc-side-bar", eo), t("svc-side-bar-default-header", no), t("svc-side-bar-page", ao), t("svc-tabs", ro), t("svc-tab-control", go), t("svc-tab-button", qo), t("svc-property-grid-placeholder", To), t("svc-side-bar-header", Eo), t("svc-side-bar-property-grid-header", Fo), t("svc-property-grid", io), t("svc-object-selector", lo), t("svc-search", Ga), t("svc-switcher", Yo), t("svc-action-button", Go), t("svc-question-error", Ko), t("survey-embeddedsurvey", Hs), t("sv-logic-operator", Us), t("survey-linkvalue", Qs), t("survey-color", it), t("color-item", rt), t("sv-boolean-switch", wt), t("survey-fileedit", vt), t("survey-spinedit", bt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", os), t("svc-tab-preview", is), t("svc-complete-page", ds), t("survey-results", Cs), t("survey-results-table-row", $s), t("json-error-item", Rs), t("svc-tab-json-editor-textarea", Bs), t("svc-tab-json-editor-ace", Ds), t("svc-tab-translation", Js), t("sd-translation-line-skeleton", et), t("svc-translate-from-action", ot), t("svc-tab-logic", Ls), t("svc-tab-theme", nt), t("svc-toolbox", zt), t("svc-toolbox-list", Zt), t("svc-toolbox-category", Jt), t("svc-toolbox-tool", Ft), t("svc-toolbox-item", Qt), t("svc-toolbox-item-group", Ot), t(Ie, Et), t("svc-tab-designer", dn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", hn), t("svc-row", Dn), t("svc-add-new-question-btn", qn), t("svc-add-question-type-selector", kn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Wn), t("svc-image-question", An), t("svc-image-question-adorner", Hn), t("svc-matrix-cell", Jn), t("svc-cell-question", Yn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", va), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Tl);
+  t("svc-tabbed-menu", Ge), t("svc-tabbed-menu-item-wrapper", je), t("svc-tabbed-menu-item", Ze), t("svc-side-bar", eo), t("svc-side-bar-default-header", no), t("svc-side-bar-page", ao), t("svc-tabs", ro), t("svc-tab-control", go), t("svc-tab-button", qo), t("svc-property-grid-placeholder", Do), t("svc-side-bar-header", Eo), t("svc-side-bar-property-grid-header", Fo), t("svc-property-grid", io), t("svc-object-selector", lo), t("svc-search", Ga), t("svc-switcher", Yo), t("svc-action-button", Go), t("svc-question-error", Ko), t("survey-embeddedsurvey", Hs), t("sv-logic-operator", Us), t("survey-linkvalue", Qs), t("survey-color", it), t("color-item", rt), t("sv-boolean-switch", wt), t("survey-fileedit", vt), t("survey-spinedit", bt), t("survey-textwithreset", ne), t("survey-commentwithreset", ne), t("survey-widget", O), t("survey-simulator", os), t("svc-tab-preview", is), t("svc-complete-page", ds), t("survey-results", Cs), t("survey-results-table-row", $s), t("json-error-item", Rs), t("svc-tab-json-editor-textarea", Bs), t("svc-tab-json-editor-ace", Ts), t("svc-tab-translation", Js), t("sd-translation-line-skeleton", et), t("svc-translate-from-action", ot), t("svc-tab-logic", Ls), t("svc-tab-theme", nt), t("svc-toolbox", zt), t("svc-toolbox-list", Zt), t("svc-toolbox-category", Jt), t("svc-toolbox-tool", Ft), t("svc-toolbox-item", Qt), t("svc-toolbox-item-group", Ot), t(Ie, Et), t("svc-tab-designer", dn), t("svc-page-navigator", ja), t("svc-page-navigator-item", sl), t("svc-page", hn), t("svc-row", Tn), t("svc-add-new-question-btn", qn), t("svc-add-question-type-selector", kn), t("svc-question", ae), t("svc-rating-question", ae), t("svc-rating-question-content", Wn), t("svc-image-question", An), t("svc-image-question-adorner", Hn), t("svc-matrix-cell", Jn), t("svc-cell-question", Yn), t("svc-cell-dropdown-question", cl), t("svc-question-editor-content", Pa), t("svc-logo-image", Fa), t("svc-panel", va), t("svc-item-value", qa), t("svc-image-item-value", Ea), t("svc-dropdown-question", ll), t("svc-dropdown-question-adorner", al), t("svc-widget-question", kl), t("svc-question-banner", Dl);
 }
 pe(
   (u, t) => ie.Instance.registerComponent(u, t)