@useinsider/guido 1.0.3-beta.c8da346 → 1.0.3-beta.cc03cd5

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,19 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
+import o from "./OnboardingWrapper.vue2.js";
+import _ from "../../../_virtual/_plugin-vue2_normalizer.js";
 var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
-    } } });
+  var n = this, e = n._self._c, t = n._self._setupProxy;
+  return e("div", n._l(t.visibleOnboardings, function(r) {
+    return e(r.component, { key: r.type, tag: "component" });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
+}, a = [], p = /* @__PURE__ */ _(
+  o,
   s,
-  _,
+  a,
   !1,
   null,
   null
 );
-const d = a.exports;
+const m = p.exports;
 export {
-  d as default
+  m as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,25 +1,24 @@
-import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
-import { usePartner as u } from "../../../composables/usePartner.js";
-import { useEditorStore as v } from "../../../stores/editor.js";
-import { useOnboardingStore as l } from "../../../stores/onboarding.js";
-import { usePreviewStore as y } from "../../../stores/preview.js";
-import S from "./AMPOnboarding.vue.js";
-import h from "./GenericOnboarding.vue.js";
+import { defineComponent as g, computed as e, onMounted as b, watch as t } from "vue";
+import { usePartner as O } from "../../../composables/usePartner.js";
+import { useEditorStore as u } from "../../../stores/editor.js";
+import { useOnboardingStore as v } from "../../../stores/onboarding.js";
+import { usePreviewStore as l } from "../../../stores/preview.js";
+import y from "./AMPOnboarding.vue.js";
+import S from "./GenericOnboarding.vue.js";
 import w from "./NewVersionPopup.vue.js";
 import P from "./TextBlockOnboarding.vue.js";
-import _ from "./VersionHistoryOnboarding.vue.js";
-const F = /* @__PURE__ */ b({
+import h from "./VersionHistoryOnboarding.vue.js";
+const E = /* @__PURE__ */ g({
   __name: "OnboardingWrapper",
-  emits: ["onboarding-finished"],
-  setup(A, { emit: f }) {
-    const o = l(), r = v(), s = y(), { isTestPartner: a } = u(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+  setup(_) {
+    const o = v(), r = u(), s = l(), { isTestPartner: a } = O(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
       { type: "newVersionPopup", component: w },
-      { type: "genericOnboarding", component: h },
+      { type: "genericOnboarding", component: S },
       { type: "textBlockOnboarding", component: P },
-      { type: "versionHistoryOnboarding", component: _ },
-      { type: "ampOnboarding", component: S }
-    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
-    return O(async () => {
+      { type: "versionHistoryOnboarding", component: h },
+      { type: "ampOnboarding", component: y }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), f = e(() => m.filter((n) => c(n.type)));
+    return b(async () => {
       await o.fetchUserModalState();
     }), t(
       () => r.isVersionHistoryOpen,
@@ -36,9 +35,9 @@ const F = /* @__PURE__ */ b({
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: f };
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/composables/useStripo.js

@@ -1,24 +1,28 @@
-import { useActionsApi as y } from "./useActionsApi.js";
-import { useBlocksConfig as E } from "./useBlocksConfig.js";
-import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as h } from "./useStripoEventHandler.js";
-import { useToaster as b } from "./useToaster.js";
-import { displayConditions as k } from "../enums/displayConditions.js";
-import { useStripoApi as B } from "../services/stripoApi.js";
-import V from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { dynamicContentToMergeTags as F } from "../utils/genericUtil.js";
+import { useActionsApi as f } from "./useActionsApi.js";
+import { useCustomInterfaceAppearance as S } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
+import { useToaster as C } from "./useToaster.js";
+import { displayConditions as y } from "../enums/displayConditions.js";
+import h from "../extensions/Blocks/Checkbox/extension.js";
+import w from "../extensions/Blocks/CouponBlock/extension.js";
+import b from "../extensions/Blocks/RadioButton/extension.js";
+import V from "../extensions/Blocks/Unsubscribe/extension.js";
+import _ from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+import B from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as F } from "../stores/editor.js";
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
 import A from "../package.json.js";
-const L = (d) => {
-  const { handleError: u } = b(), { getToken: p, getCustomFonts: m } = B(), { handleEvent: g } = h(), { getStripoBlocksConfig: f } = E(), S = async (r, i = []) => {
-    const t = _(), { html: n, css: l, forceRecreate: a } = r, { baseBlocks: e, extensions: c } = await f();
+const N = (a) => {
+  const { handleError: d } = C(), { getToken: u, getCustomFonts: m } = k(), { handleEvent: p } = E(), l = (r, i = []) => {
+    const t = F(), { html: n, css: c, forceRecreate: s } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: d,
+        metadata: a,
         html: n,
-        css: l,
-        forceRecreate: a,
+        css: c,
+        forceRecreate: s,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -28,14 +32,13 @@ const L = (d) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: V,
+        customViewStyles: B,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: k,
+        conditionCategories: y,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         selectBlockAfterDropFromSettingsPanel: !0,
-        ...e ? { baseBlocks: e } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -43,25 +46,25 @@ const L = (d) => {
         },
         mergeTags: [
           {
-            entries: F(d.preselectedDynamicContentList)
+            entries: x(a.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const s = await p();
-            o(s);
-          } catch (s) {
-            u(s, "Failed to refresh token");
+            const e = await u();
+            o(e);
+          } catch (e) {
+            d(e, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = w(), { activateCustomViewStyles: s } = y();
-            o(), s(), d.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = S(), { activateCustomViewStyles: e } = f();
+            o(), e(), a.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
               t.hasChanges = !1;
             }, 1e3);
           } catch (o) {
-            u(o, "Failed to load custom interface appearance");
+            d(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
@@ -76,35 +79,41 @@ const L = (d) => {
         onDataChanged() {
           t.hasChanges = !0;
         },
-        onEvent: g,
+        onEvent: p,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: c
+        extensions: [
+          _,
+          h,
+          b,
+          V,
+          w
+        ]
       }
     );
-  }, C = (r) => new Promise((i, t) => {
-    var c;
+  }, g = (r) => new Promise((i, t) => {
+    var e;
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
     }
-    const n = A.guido, a = `https://email-static.useinsider.com/guido/${(c = n == null ? void 0 : n.stripo) == null ? void 0 : c.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
+    const n = A.guido, s = `https://email-static.useinsider.com/guido/${(e = n == null ? void 0 : n.stripo) == null ? void 0 : e.version}/UIEditor.js`, o = document.createElement("script");
+    o.id = "UiEditorScript", o.type = "module", o.src = s, o.onload = () => {
       r(), i();
-    }, e.onerror = () => {
-      t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(e);
+    }, o.onerror = () => {
+      t(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+    }, document.body.appendChild(o);
   });
   return { initPlugin: async (r) => {
-    await C(async () => {
+    await g(async () => {
       const i = await m();
-      await S(r, i);
+      l(r, i);
     });
   } };
 };
 export {
-  L as useStripo
+  N as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,12 +1,11 @@
-import { migrateCheckbox as m } from "./checkboxMigrator.js";
-import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateRecommendation as e } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
-const s = async (t) => {
+import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
+const c = async (t) => {
   let r = t;
-  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
+  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
 };
 export {
-  s as migrate
+  c as migrate
 };

package/dist/enums/defaults.js

@@ -1,6 +1,5 @@
-const e = {
+const a = {
   translationsPath: "window.trans.en",
-  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -8,24 +7,18 @@ const e = {
   extensions: {
     unsubscribe: !0
   },
-  blocks: {
-    excludeDefaults: [],
-    includeCustoms: []
-  },
   features: {
     dynamicContent: !0,
     saveAsTemplate: !0,
-    versionHistory: !0,
-    testMessage: !0
+    versionHistory: !0
   },
   useHeader: !0
 }, t = {
   promotional: 1,
   transactional: 2
-}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = {
+}, e = "email", o = "Guido User", n = t.promotional, s = 2, i = {
   email: 60,
-  architect: 49,
-  unsubscribePages: 97
+  architect: 49
 }, u = [
   "alfredtesting",
   "electio",
@@ -59,11 +52,11 @@ const e = {
   "stripoeditorlivetest"
 ];
 export {
-  e as DefaultGuidoConfig,
-  s as DefaultMessageType,
-  a as DefaultProductType,
+  a as DefaultGuidoConfig,
+  n as DefaultMessageType,
+  e as DefaultProductType,
   o as DefaultUsername,
-  n as EditorType,
+  s as EditorType,
   i as ProductIds,
   u as TEST_PARTNER_LIST,
   t as TemplateTypes

package/dist/enums/onboarding.js

@@ -2,8 +2,7 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-], t = "https://academy.useinsider.com/docs/email-drag-drop-editor";
+];
 export {
-  t as ACADEMY_LINK,
   e as SERVICE_HOVER_SELECTORS
 };

package/dist/extensions/Blocks/Checkbox/extension.js

@@ -3,7 +3,7 @@ import { CheckboxBlock as t } from "./block.js";
 import { CheckboxControl as e } from "./control.js";
 import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
 import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+const k = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
 export {
-  d as default
+  k as default
 };

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -2,7 +2,7 @@ import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-edito
 import { CouponBlock as t } from "./block.js";
 import { CouponIconsRegistry as i } from "./iconsRegistry.js";
 import { CouponBlockSettings as n } from "./settingsPanel.js";
-const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+const m = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
 export {
-  p as default
+  m as default
 };

package/dist/extensions/Blocks/RadioButton/template.js

@@ -12,12 +12,12 @@ const e = {
                     <td align="left" width="70%" style="vertical-align: top;">
                         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
                             <tbody>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-TITLE-}-}
-                                </${t.BLOCK_TEXT}>
-                                <${t.BLOCK_TEXT}>
-                                    {-{-DESCRIPTION-}-}
-                                </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-TITLE-}-}
+                                    </${t.BLOCK_TEXT}>
+                                    <${t.BLOCK_TEXT}>
+                                        {-{-DESCRIPTION-}-}
+                                    </${t.BLOCK_TEXT}>
                             </tbody>
                         </table>
                     </td>

package/dist/extensions/DynamicContent/dynamic-content-modal.js

@@ -1,34 +1,27 @@
-var m = Object.defineProperty;
-var r = (t, e, n) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var a = (t, e, n) => r(t, typeof e != "symbol" ? e + "" : e, n);
-class v {
+var i = Object.defineProperty;
+var d = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var a = (t, e, n) => d(t, typeof e != "symbol" ? e + "" : e, n);
+class y {
   constructor() {
     a(this, "selectedDynamicContent", null);
     a(this, "dataSelectCallback", () => {
     });
   }
-  /**
-   * Opens the merge tags library modal
-   * @param dynamicContent - Currently selected dynamic content (if any)
-   * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-   * @param position - Optional position data to place the modal
-   */
-  openMergeTagsLibrary(e, n, s) {
+  openMergeTagsLibrary(e, n) {
     this.dataSelectCallback = n, this.selectedDynamicContent = e;
-    const l = {
-      attribute: e,
-      position: s
-    }, i = new CustomEvent("dynamic-content:open", {
-      detail: l
+    const s = new CustomEvent("dynamic-content:open", {
+      detail: {
+        attribute: e
+      }
     });
-    document.dispatchEvent(i);
-    const o = (d) => {
-      const c = d.detail;
+    document.dispatchEvent(s);
+    const o = (l) => {
+      const c = l.detail;
       this.selectedDynamicContent = c, c.text && c.value && this.dataSelectCallback(c), document.removeEventListener("dynamic-content:close", o);
     };
     document.addEventListener("dynamic-content:close", o);
   }
 }
 export {
-  v as ExternalMergeTagsLibrary
+  y as ExternalMergeTagsLibrary
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,173 +1,61 @@
-var l = Object.defineProperty;
-var g = (r, o, t) => o in r ? l(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var s = (r, o, t) => g(r, typeof o != "symbol" ? o + "" : o, t);
-import { dynamicContentToMergeTags as d } from "../../utils/genericUtil.js";
-import { UIElement as u, UIElementType as a, UEAttr as m, UIElementTagRegistry as h } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var o = Object.defineProperty;
+var g = (n, t, e) => t in n ? o(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => g(n, typeof t != "symbol" ? t + "" : t, e);
+import { dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
+import { UIElement as c, UIElementType as r, UEAttr as l, UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ExternalMergeTagsLibrary as T } from "./dynamic-content-modal.js";
-const c = "external-dynamic-content-ui-element", y = "button-add-dynamic-content";
-class C extends h {
-  registerUiElements(o) {
-    o[a.MERGETAGS] = c;
+const a = "external-dynamic-content-ui-element", y = "button-add-dynamic-content";
+class p extends d {
+  registerUiElements(t) {
+    t[r.MERGETAGS] = a;
   }
 }
-class E extends u {
+class C extends c {
   constructor() {
     super(...arguments);
-    s(this, "mergeTagsButton", null);
-    s(this, "mergeTagsLibrary", null);
-    s(this, "clickListener", null);
-    s(this, "lastClickedPosition");
-    s(this, "mousedownListener", null);
+    i(this, "mergeTagsButton", null);
+    i(this, "listener", () => {
+    });
+    i(this, "mergeTagsLibrary", null);
+    i(this, "selectedDynamicContent", { value: "", text: "" });
   }
   getId() {
-    return c;
+    return a;
   }
-  onRender(t) {
-    var e;
-    this.mergeTagsButton = t.querySelector("#guido__btn-add-dynamic-content"), this.clickListener = this._onClick.bind(this), (e = this.mergeTagsButton) == null || e.addEventListener("click", this.clickListener), this._setupCoordinateTracking();
+  onRender(e) {
+    var s;
+    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
   }
   onDestroy() {
-    var t;
-    this.clickListener && ((t = this.mergeTagsButton) == null || t.removeEventListener("click", this.clickListener)), this._cleanupCoordinateTracking(), this.mergeTagsButton = null, this.clickListener = null, this.lastClickedPosition = void 0;
+    var e;
+    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
   }
   _onClick() {
     this.openMergeTagLibrary();
   }
-  /**
-   * Called when Stripo detects merge tag interactions
-   * This is the key method that receives notifications about merge tag clicks
-   * @param name - Attribute name (e.g., 'mergeTag')
-   * @param value - MergeTag object with label, value, selStart, selEnd, etc.
-   */
-  onAttributeUpdated(t, e) {
-    if (t !== "mergeTag" || !e)
-      return;
-    const n = {
-      text: e.label,
-      value: e.value
-    }, i = this.lastClickedPosition;
-    this.lastClickedPosition = void 0, this._openDynamicContentLibrary(n, i);
-  }
   openMergeTagLibrary() {
-    const t = this._getButtonPosition(), e = { value: "", text: "" };
-    this._openDynamicContentLibrary(e, t);
-  }
-  /**
-   * Opens the dynamic content library for external apps
-   * Dispatches event with dynamic content data and position
-   */
-  _openDynamicContentLibrary(t, e) {
-    this._ensureMergeTagsLibrary(), this.mergeTagsLibrary.openMergeTagsLibrary(
-      t,
-      (n) => {
-        this.api.triggerValueChange(d([n])[0]);
-      },
-      e
-    );
-  }
-  /**
-   * Ensures merge tags library is initialized
-   */
-  _ensureMergeTagsLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new T());
-  }
-  /**
-   * Gets the button's position on the screen
-   * Used to position the modal near the button
-   */
-  _getButtonPosition() {
-    const t = this.mergeTagsButton.getBoundingClientRect();
-    return {
-      x: t.left,
-      y: t.top,
-      width: t.width,
-      height: t.height
-    };
-  }
-  /**
-   * Sets up coordinate tracking for merge tag clicks in the iframe
-   * Workaround for Stripo intercepting click events - tracks mousedown events instead
-   */
-  // TODO: Check possibilities with baseApi to get the position of the merge tag and its values
-  _setupCoordinateTracking() {
-    const t = () => {
-      const e = this._getEditorFrame();
-      if (!e) {
-        setTimeout(t, 100);
-        return;
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new T()), this.mergeTagsLibrary.openMergeTagsLibrary(
+      this.selectedDynamicContent,
+      (e) => {
+        this.api.onValueChanged(m([e])[0]);
       }
-      this.mousedownListener = (n) => {
-        const i = this._findMergeTagElement(n.target);
-        i && (this.lastClickedPosition = this._calculateAbsolutePosition(e, i));
-      }, e.contentWindow.document.addEventListener("mousedown", this.mousedownListener);
-    };
-    t();
-  }
-  /**
-   * Gets the editor iframe element
-   */
-  _getEditorFrame() {
-    var n;
-    const t = document.querySelector("ui-editor");
-    if (!(t != null && t.shadowRoot))
-      return null;
-    const e = t.shadowRoot.querySelector("iframe");
-    return (n = e == null ? void 0 : e.contentWindow) != null && n.document ? e : null;
-  }
-  /**
-   * Finds merge tag element in the element tree
-   */
-  _findMergeTagElement(t) {
-    var n, i;
-    let e = t;
-    for (; e; ) {
-      if ((n = e.classList) != null && n.contains("target") || (i = e.classList) != null && i.contains("esd-merge-tag"))
-        return e;
-      e = e.parentElement;
-    }
-    return null;
-  }
-  /**
-   * Calculates absolute position of element relative to page
-   */
-  _calculateAbsolutePosition(t, e) {
-    const n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
-    return {
-      x: n.x + i.x,
-      y: n.y + i.y,
-      width: i.width,
-      height: i.height
-    };
-  }
-  /**
-   * Cleans up the coordinate tracking event listener
-   */
-  _cleanupCoordinateTracking() {
-    var e;
-    if (!this.mousedownListener)
-      return;
-    const t = this._getEditorFrame();
-    (e = t == null ? void 0 : t.contentWindow) != null && e.document && t.contentWindow.document.removeEventListener("mousedown", this.mousedownListener), this.mousedownListener = null;
+    );
   }
-  /**
-   * Returns the HTML template for the "Add Dynamic Content" button
-   * This button is placed in the merge tags selector UI
-   */
   getTemplate() {
     return `
             <div>
-                <${a.BUTTON} 
+                <${r.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${m.BUTTON.name}="${y}">
-                        <${a.ICON} src="plus" class="icon icon-button color-primary">
-                        </${a.ICON}>
+                    ${l.BUTTON.name}="${y}">
+                        <${r.ICON} src="plus" class="icon icon-button color-primary">
+                        </${r.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
-                </${a.BUTTON}>
+                </${r.BUTTON}>
             </div>`;
   }
 }
 export {
-  C as DynamicContentTagRegistry,
-  E as DynamicContentUiElementExtension
+  p as DynamicContentTagRegistry,
+  C as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-0502bceb] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-9fb62152],.guido-editor__container[data-v-9fb62152]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-9fb62152]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+[data-v-2c168944] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-96687c1d],.guido-editor__container[data-v-96687c1d]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-96687c1d]{height:calc(100vh - 75px)}[data-v-70835920] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}