@useinsider/guido 1.0.3-beta.bedc181 → 1.0.3-beta.bf31272

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "48a9b534"
+  "98181b5a"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,24 +1,23 @@
-import { defineComponent as z, defineAsyncComponent as L, ref as K, computed as W, watch as j, onMounted as q, onUnmounted as J } from "vue";
-import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
-import { usePartner as V } from "../composables/usePartner.js";
-import { useStripo as X } from "../composables/useStripo.js";
-import { useTimerClone as Y } from "../composables/useTimerClone.js";
-import { migrate as _ } from "../config/migrator/index.js";
-import { DefaultUsername as Z, DefaultMessageType as $, DefaultGuidoConfig as ee } from "../enums/defaults.js";
-import oe from "./organisms/base/Toaster.vue.js";
-import te from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ne from "./organisms/header/HeaderWrapper.vue.js";
-import re from "./organisms/LoadingWrapper.vue.js";
-import ie from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ae } from "../services/stripoApi.js";
-import { useConfigStore as ce } from "../stores/config.js";
-import { useDynamicContentStore as me } from "../stores/dynamic-content.js";
-import { useEditorStore as de } from "../stores/editor.js";
-import { usePreviewStore as le } from "../stores/preview.js";
-import { useUnsubscribeStore as ue } from "../stores/unsubscribe.js";
-import pe from "../node_modules/lodash-es/merge.js";
-const Ae = /* @__PURE__ */ z({
+import { defineComponent as O, defineAsyncComponent as I, ref as z, computed as U, watch as B, onMounted as K, onUnmounted as j } from "vue";
+import { provideGuidoActions as q } from "../composables/useGuidoActions.js";
+import { usePartner as J } from "../composables/usePartner.js";
+import { useStripo as Q } from "../composables/useStripo.js";
+import { migrate as L } from "../config/migrator/index.js";
+import { DefaultUsername as V, DefaultMessageType as X, DefaultGuidoConfig as Y } from "../enums/defaults.js";
+import Z from "./organisms/base/Toaster.vue.js";
+import $ from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ee from "./organisms/header/HeaderWrapper.vue.js";
+import oe from "./organisms/LoadingWrapper.vue.js";
+import te from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ne from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as re } from "../services/stripoApi.js";
+import { useConfigStore as ie } from "../stores/config.js";
+import { useDynamicContentStore as se } from "../stores/dynamic-content.js";
+import { useEditorStore as ae } from "../stores/editor.js";
+import { usePreviewStore as ce } from "../stores/preview.js";
+import { useUnsubscribeStore as me } from "../stores/unsubscribe.js";
+import de from "../node_modules/lodash-es/merge.js";
+const Ue = /* @__PURE__ */ O({
   __name: "Guido",
   props: {
     templateId: null,
@@ -33,34 +32,34 @@ const Ae = /* @__PURE__ */ z({
     templateConfig: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(A, { expose: N, emit: o }) {
-    const u = A, F = L(
+  setup(W, { expose: _, emit: o }) {
+    const u = W, A = I(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), H = L(
+    ), N = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), p = K(), i = me(), g = ue(), f = ce(), s = de(), O = le(), n = W(() => s.hasChanges), { getPartnerName: y, getProductType: v, isTestPartner: R } = V(), h = () => {
+    ), p = z(), i = se(), g = me(), f = ie(), s = ae(), F = ce(), n = U(() => s.hasChanges), { getPartnerName: y, getProductType: v, isTestPartner: H } = J(), b = () => {
       var e;
       return (e = p.value) == null ? void 0 : e.handleSave(!0);
     }, {
       templateId: a,
-      userId: b,
-      guidoConfig: C,
+      userId: C,
+      guidoConfig: h,
       templateConfig: t,
       html: r = "",
       css: S = "",
       partnerName: c = y(),
       productType: m = v(),
-      messageType: w = $,
-      username: D = Z
+      messageType: w = X,
+      username: D = V
     } = u, d = (t == null ? void 0 : t.preselectedDynamicContentList) || [];
-    s.templateId = a, window.GuidoConfig = pe(ee, C), window.GuidoConfig.partner = {
+    s.templateId = a, window.GuidoConfig = de(Y, h), window.GuidoConfig.partner = {
       partnerName: c,
       productType: m,
       messageType: w
     }, f.templateConfig = t;
-    const { initPlugin: T } = X({
+    const { initPlugin: E } = Q({
       emailId: a,
-      userId: b,
+      userId: C,
       username: D,
       partnerName: c,
       productType: m,
@@ -68,11 +67,11 @@ const Ae = /* @__PURE__ */ z({
       onReady: () => {
         console.debug("guido:ready"), o("ready");
       }
-    }), { getDefaultTemplate: E } = ae(), { cloneTimersOnSave: k, hasTimerBlocks: P } = Y(), x = W(() => {
+    }), { getDefaultTemplate: T } = re(), R = U(() => {
       var e;
       return !((e = window.GuidoConfig) != null && e.useHeader);
     });
-    Q({
+    q({
       onBack: () => {
         console.debug("guido:back"), o("back");
       },
@@ -86,50 +85,50 @@ const Ae = /* @__PURE__ */ z({
         console.debug("guido:test-email:click"), o("test-email:click");
       }
     });
-    const G = (e) => {
+    const P = (e) => {
       console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, I = () => {
+    }, k = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    j(() => n.value, () => {
+    B(() => n.value, () => {
       o("on-change", n.value);
     });
     const l = (e) => {
-      const U = e, { attribute: B, position: M } = U.detail;
-      console.debug("dynamic-content:open", U.detail), o("dynamic-content:open", B, M);
+      const G = e, { attribute: x, position: M } = G.detail;
+      console.debug("dynamic-content:open", G.detail), o("dynamic-content:open", x, M);
     };
-    return q(async () => {
+    return K(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
         let e = {
-          html: r && await _(r),
+          html: r && await L(r),
           css: S,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await E(), e.html = await _(e.html)), P(e.html) && (e.html = await k(e.html)), await T(e), i.selectedDynamicContentList = d;
+        e.html || (e = await T(), e.html = await L(e.html)), await E(e), i.selectedDynamicContentList = d;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
       document.addEventListener("dynamic-content:open", l);
-    }), J(() => {
+    }), j(() => {
       document.removeEventListener("dynamic-content:open", l);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-    }), N({
+    }), _({
       dynamicContent: {
-        insert: G,
-        close: I
+        insert: P,
+        close: k
       },
       hasChanges: n,
-      saveSilent: h
-    }), { __sfc: !0, PreviewContainer: F, OnboardingWrapper: H, headerWrapperRef: p, dynamicContentStore: i, unsubscribeStore: g, props: u, configStore: f, editorStore: s, previewStore: O, hasChanges: n, getPartnerName: y, getProductType: v, isTestPartner: R, saveSilent: h, templateId: a, userId: b, guidoConfig: C, templateConfig: t, html: r, css: S, partnerName: c, productType: m, messageType: w, username: D, preselectedDynamicContentList: d, emit: o, initPlugin: T, getDefaultTemplate: E, cloneTimersOnSave: k, hasTimerBlocks: P, noHeader: x, insertDynamicContent: G, closeDynamicContent: I, handleDynamicContentOpen: l, Toaster: oe, FilterSelectionDrawer: te, HeaderWrapper: ne, LoadingWrapper: re, SaveAsTemplateDrawer: ie, UnsubscribeWrapper: se };
+      saveSilent: b
+    }), { __sfc: !0, PreviewContainer: A, OnboardingWrapper: N, headerWrapperRef: p, dynamicContentStore: i, unsubscribeStore: g, props: u, configStore: f, editorStore: s, previewStore: F, hasChanges: n, getPartnerName: y, getProductType: v, isTestPartner: H, saveSilent: b, templateId: a, userId: C, guidoConfig: h, templateConfig: t, html: r, css: S, partnerName: c, productType: m, messageType: w, username: D, preselectedDynamicContentList: d, emit: o, initPlugin: E, getDefaultTemplate: T, noHeader: R, insertDynamicContent: P, closeDynamicContent: k, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: $, HeaderWrapper: ee, LoadingWrapper: oe, SaveAsTemplateDrawer: te, UnsubscribeWrapper: ne };
   }
 });
 export {
-  Ae as default
+  Ue as default
 };

package/dist/components/organisms/LoadingWrapper.vue.js

@@ -10,7 +10,7 @@ var s = function() {
   n,
   !1,
   null,
-  "dced5582"
+  "07c4b2d8"
 );
 const l = _.exports;
 export {

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as p, computed as _ } from "vue";
+import { defineComponent as H, ref as m, computed as _ } from "vue";
 import { useConfig as h } from "../../../composables/useConfig.js";
 import { useExport as V } from "../../../composables/useExport.js";
 import { useTestEmailClick as x } from "../../../composables/useGuidoActions.js";
@@ -10,25 +10,25 @@ import { getTooltipOptions as O } from "../../../utils/tooltipUtils.js";
 import { InButtonV2 as A } from "@useinsider/design-system-vue";
 const J = /* @__PURE__ */ H({
   __name: "RightSlot",
-  setup(k, { expose: m }) {
-    const { config: c } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), t = C(), o = T(), e = p(!1), s = p(!1), u = x(), f = () => {
-      if (t.isVersionHistoryOpen) {
+  setup(k, { expose: c }) {
+    const { config: u } = h(), { exportHtml: r } = V(), { save: n } = E(), { openVersionHistory: i, closeVersionHistory: a } = w(), o = C(), t = T(), e = m(!1), s = m(!1), f = x(), v = () => {
+      if (o.isVersionHistoryOpen) {
         a();
         return;
       }
       i();
-    }, v = async () => {
+    }, d = async () => {
       e.value = !0, await r(), e.value = !1;
-    }, d = () => {
-      t.isSaveAsTemplateDrawerOpen = !0;
-    }, y = _(() => t.isVersionHistoryOpen ? o("newsletter.close-version-history") : o("newsletter.version-history")), l = async (S) => {
-      s.value = !0, t.loadingStatus = !0;
-      const g = await n(S);
-      return s.value = !1, t.loadingStatus = !1, g;
+    }, y = () => {
+      o.isSaveAsTemplateDrawerOpen = !0;
+    }, S = _(() => o.isVersionHistoryOpen ? t("newsletter.close-version-history") : t("newsletter.version-history")), l = async (p) => {
+      s.value = !0, o.loadingStatus = !0;
+      const g = await n(p);
+      return s.value = !1, p && (o.loadingStatus = !1), g;
     };
-    return m({
+    return c({
       handleSave: l
-    }), { __sfc: !0, config: c, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: t, trans: o, isExporting: e, isSaving: s, testEmailClick: u, handleVersionHistory: f, handleExport: v, handleSaveAs: d, versionHistoryTooltipText: y, handleSave: l, getTooltipOptions: O, InButtonV2: A };
+    }), { __sfc: !0, config: u, exportHtml: r, save: n, openVersionHistory: i, closeVersionHistory: a, editorStore: o, trans: t, isExporting: e, isSaving: s, testEmailClick: f, handleVersionHistory: v, handleExport: d, handleSaveAs: y, versionHistoryTooltipText: S, handleSave: l, getTooltipOptions: O, InButtonV2: A };
   }
 });
 export {

package/dist/composables/useActionsApi.js

@@ -1,6 +1,6 @@
-import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const { handleError: l } = w(), m = (e = {}) => new Promise((t, a) => {
+import { useToaster as g } from "./useToaster.js";
+const A = () => {
+  const { handleError: l } = g(), n = (t = {}) => new Promise((e, a) => {
     const i = { ...{
       minimize: !0,
       utmEntity: {
@@ -20,72 +20,60 @@ const S = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...e }, s = {
-      callback: (n, p, c, d, u) => {
-        n ? a(n) : t({
-          html: p,
-          ampHtml: c,
-          ampErrors: d,
-          displayConditions: u
+    }, ...t }, m = {
+      callback: (s, c, p, u, d) => {
+        s ? a(s) : e({
+          html: c,
+          ampHtml: p,
+          ampErrors: u,
+          displayConditions: d
         });
       },
       ...i
     };
-    window.StripoEditorApi.actionsApi.compileEmail(s);
+    window.StripoEditorApi.actionsApi.compileEmail(m);
   });
   return {
-    getCompiledEmail: m,
-    getTemplateData: () => new Promise((e) => {
-      const t = ({ html: a, css: o, width: i, height: r, utmParams: s, syncModulesIds: n }) => e({
+    getCompiledEmail: n,
+    getTemplateData: () => new Promise((t) => {
+      const e = ({ html: a, css: o, width: i, height: r, utmParams: m, syncModulesIds: s }) => t({
         html: a,
         css: o,
         width: i,
         height: r,
-        utmParams: s,
-        syncModulesIds: n
+        utmParams: m,
+        syncModulesIds: s
       });
-      window.StripoEditorApi.actionsApi.getTemplateData(t);
+      window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
-    activateCustomViewStyles: (e = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(e);
+    activateCustomViewStyles: (t = !0) => {
+      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
     },
-    getPreviewData: async (e) => {
+    getPreviewData: async (t) => {
       try {
         const {
-          html: t,
+          html: e,
           displayConditions: a,
           ampHtml: o = "",
           ampErrors: i = []
-        } = await m({ minimize: !1, resetDataSavedFlag: !1, ...e });
+        } = await n({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
-          html: t,
+          html: e,
           ampHtml: o,
           ampErrors: i,
           displayConditions: a
         };
-      } catch (t) {
-        return l(t, "Error loading preview"), {
+      } catch (e) {
+        return l(e, "Error loading preview"), {
           html: "",
           ampHtml: "",
           ampErrors: [],
           displayConditions: []
         };
       }
-    },
-    updateTimerInClonedTemplate: () => new Promise((e) => {
-      try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((t, a) => {
-          t ? (l(t, "Failed to update timer in cloned template"), e(null)) : e(a || null);
-        });
-      } catch (t) {
-        l(t, "Failed to call updateTimerInClonedTemplate"), e(null);
-      }
-    }),
-    updateHtmlAndCss: (e, t) => {
-      window.StripoEditorApi.actionsApi.updateHtmlAndCss(e, t);
     }
   };
 };
 export {
-  S as useActionsApi
+  A as useActionsApi
 };

package/dist/composables/useStripo.js

@@ -1,19 +1,19 @@
-import { useActionsApi as b } from "./useActionsApi.js";
-import { useBlocksConfig as k } from "./useBlocksConfig.js";
-import { useConfig as T } from "./useConfig.js";
+import { useActionsApi as w } from "./useActionsApi.js";
+import { useBlocksConfig as b } from "./useBlocksConfig.js";
+import { useConfig as k } from "./useConfig.js";
 import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
 import { useStripoEventHandler as _ } from "./useStripoEventHandler.js";
 import { useToaster as B } from "./useToaster.js";
-import { displayConditions as A } from "../enums/displayConditions.js";
-import { useStripoApi as F } from "../services/stripoApi.js";
-import v from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as I } from "../stores/editor.js";
-import { dynamicContentToMergeTags as M } from "../utils/genericUtil.js";
-import U from "../package.json.js";
-const N = (c) => {
-  const { config: l } = T(), { handleError: u } = B(), { getToken: f, getCustomFonts: y } = F(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = k(), E = async (i, r = []) => {
+import { displayConditions as T } from "../enums/displayConditions.js";
+import { useStripoApi as A } from "../services/stripoApi.js";
+import F from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as M } from "../stores/editor.js";
+import { dynamicContentToMergeTags as U } from "../utils/genericUtil.js";
+import v from "../package.json.js";
+const J = (c) => {
+  const { config: u } = k(), { handleError: l } = B(), { getToken: f, getCustomFonts: y } = A(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = b(), E = async (i, r = []) => {
     var m, g;
-    const e = I(), { html: n, css: p, forceRecreate: a } = i, { baseBlocks: t, extensions: d } = await C();
+    const t = M(), { html: n, css: p, forceRecreate: a } = i, { baseBlocks: e, extensions: d } = await C();
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -30,10 +30,10 @@ const N = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: v,
-        conditionsEnabled: ((m = l.features) == null ? void 0 : m.displayConditions) ?? !0,
-        customConditionsEnabled: ((g = l.features) == null ? void 0 : g.displayConditions) ?? !0,
-        conditionCategories: A,
+        customViewStyles: F,
+        conditionsEnabled: ((m = u.features) == null ? void 0 : m.displayConditions) ?? !0,
+        customConditionsEnabled: ((g = u.features) == null ? void 0 : g.displayConditions) ?? !0,
+        conditionCategories: T,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -41,7 +41,7 @@ const N = (c) => {
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...t ? { baseBlocks: t } : {},
+        ...e ? { baseBlocks: e } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -49,7 +49,7 @@ const N = (c) => {
         },
         mergeTags: [
           {
-            entries: M(c.preselectedDynamicContentList)
+            entries: U(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
@@ -57,30 +57,30 @@ const N = (c) => {
             const s = await f();
             o(s);
           } catch (s) {
-            u(s, "Failed to refresh token");
+            l(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = V(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: w } = b();
-            o(), s(), w(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: o } = V(), { activateCustomViewStyles: s } = w();
+            o(), s(), c.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+              t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
-            u(o, "Failed to load custom interface appearance");
+            l(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+          t.isCodeEditorOpen = o;
         },
         onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+          t.editorVisualMode = o.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+          t.isVersionHistoryOpen = o;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          t.hasChanges = !0;
         },
         onEvent: S,
         ignoreClickOutsideSelectors: [
@@ -91,18 +91,18 @@ const N = (c) => {
         extensions: d
       }
     );
-  }, h = (i) => new Promise((r, e) => {
+  }, h = (i) => new Promise((r, t) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const n = U.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
+    const n = v.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
       i(), r();
-    }, t.onerror = () => {
-      e(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(t);
+    }, e.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(e);
   });
   return { initPlugin: async (i) => {
     await h(async () => {
@@ -112,5 +112,5 @@ const N = (c) => {
   } };
 };
 export {
-  N as useStripo
+  J as useStripo
 };

package/dist/enums/defaults.js

@@ -23,11 +23,11 @@ const e = {
 }, t = {
   promotional: 1,
   transactional: 2
-}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = {
+}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = 13, u = {
   email: 60,
   architect: 49,
   unsubscribePages: 97
-}, u = [
+}, r = [
   "alfredtesting",
   "electio",
   "eurekatest",
@@ -65,7 +65,8 @@ export {
   a as DefaultProductType,
   o as DefaultUsername,
   n as EditorType,
-  i as ProductIds,
-  u as TEST_PARTNER_LIST,
+  i as MAX_DEFAULT_TEMPLATE_ID,
+  u as ProductIds,
+  r as TEST_PARTNER_LIST,
   t as TemplateTypes
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,70 +1,70 @@
 var d = Object.defineProperty;
 var h = (i, t, e) => t in i ? d(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => h(i, typeof t != "symbol" ? t + "" : t, e);
-import { ModificationDescription as n, UIElementType as a, UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var n = (i, t, e) => h(i, typeof t != "symbol" ? t + "" : t, e);
+import { ModificationDescription as a, UIElementType as l, UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { ItemsBlockControlId as l } from "../../enums/controlEnums.js";
+import { ItemsBlockControlId as p } from "../../enums/controlEnums.js";
 import { SETTINGS_ENUMS as I } from "../../enums/settingsEnums.js";
 import { useItemsBlockStore as N } from "../../store/items-block.js";
-import { syncNameTrimmingFromAttributes as y } from "../../utils/syncAttributesFromConfigBlock.js";
-import { updateConfigBlockAttributes as M } from "../../utils/updateAttributes.js";
-const f = l.NAME_TRIMMING, r = {
+import { syncNameTrimmingFromAttributes as M } from "../../utils/syncAttributesFromConfigBlock.js";
+import { updateConfigBlockAttributes as u } from "../../utils/updateAttributes.js";
+const y = p.NAME_TRIMMING, o = {
   TRIMMING: "trimming"
 };
-class R extends c {
+class _ extends c {
   constructor() {
     super(...arguments);
-    s(this, "store", N());
+    n(this, "store", N());
   }
   getId() {
-    return f;
+    return y;
   }
   getTemplate() {
     return `
-            <div class="${l.NAME_TRIMMING}">
+            <div class="${p.NAME_TRIMMING}">
                 ${this._getTextTrimming()}
             </div>
         `;
   }
   onRender() {
-    this.api.updateValues({ [r.TRIMMING]: this.store.nameTrimming }), this.api.onValueChanged(r.TRIMMING, (e) => {
+    this.api.updateValues({ [o.TRIMMING]: this.store.nameTrimming }), this.api.onValueChanged(o.TRIMMING, (e) => {
       this._onTrimmingChange(e);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
-      () => y(this.currentNode),
+      () => M(this.currentNode),
       () => {
-        this.api.updateValues({ [r.TRIMMING]: this.store.nameTrimming });
+        this.api.updateValues({ [o.TRIMMING]: this.store.nameTrimming });
       }
-    ), this.store.nameTrimming && this._applyTrimmingStyles();
+    );
   }
   _onTrimmingChange(e) {
-    this.store.setNameTrimming(e), M(this.currentNode, this.api), this.api.updateValues({ [r.TRIMMING]: e }), this._applyTrimmingStyles(e);
+    this.store.setNameTrimming(e), u(this.currentNode, this.api), this.api.updateValues({ [o.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    var m;
-    const o = (m = this.currentNode) == null ? void 0 : m.querySelector("p > a");
-    if (!o)
+    var s;
+    const r = (s = this.currentNode) == null ? void 0 : s.querySelector("p > a");
+    if (!r)
       return;
-    const p = e !== void 0 ? e : this.store.nameTrimming, T = this.store.orientation === I.ORIENTATION.VERTICAL;
-    p ? this.api.getDocumentModifier().modifyHtml(o).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", T ? "130px" : "550px").apply(new n("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(o).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").apply(new n("Text Trimming Disabled"));
+    const T = e !== void 0 ? e : this.store.nameTrimming, m = this.store.orientation === I.ORIENTATION.VERTICAL;
+    T ? this.api.getDocumentModifier().modifyHtml(r).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", m ? "130px" : "520px").apply(new a("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(r).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").setStyle("max-width", m ? "130px" : "520px").apply(new a("Text Trimming Disabled"));
   }
   _getTextTrimming() {
     return `
             <div class="container">
                 <div class="display-flex align-items-center justify-content-between">
-                    <${a.LABEL} 
+                    <${l.LABEL} 
                         ${g.LABEL.text}="${this.api.translate("Text Trimming")}"
                     >
-                    </${a.LABEL}>
-                    ${this._GuToggle(r.TRIMMING)}
+                    </${l.LABEL}>
+                    ${this._GuToggle(o.TRIMMING)}
                 </div>
             </div>
         `;
   }
 }
 export {
-  f as CONTROL_BLOCK_ID,
-  R as NameTrimmingControl
+  y as CONTROL_BLOCK_ID,
+  _ as NameTrimmingControl
 };