@useinsider/guido 1.0.3-beta.2df2106 → 1.0.3-beta.2f6a74d

package/dist/extensions/Blocks/Unsubscribe/block.js

@@ -1,17 +1,17 @@
-var d = Object.defineProperty;
-var _ = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
-var u = (n, i, e) => _(n, typeof i != "symbol" ? i + "" : i, e);
+var _ = Object.defineProperty;
+var d = (n, i, e) => i in n ? _(n, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[i] = e;
+var u = (n, i, e) => d(n, typeof i != "symbol" ? i + "" : i, e);
 import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
 import { useUnsubscribeStore as c } from "../../../stores/unsubscribe.js";
-import { Block as h, BlockCompositionType as S, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { Block as S, BlockCompositionType as h, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { getDefaultTemplate as L } from "./template.js";
 import { UNSUBSCRIBE_EVENTS as a, DATA_ATTRIBUTES as o } from "./utils/constants.js";
-import { parsePageList as p } from "./utils/utils.js";
-const g = "unsubscribe-block", v = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", T = {
+import { parsePageList as m } from "./utils/utils.js";
+const v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', B = ".unsubscribe-block-v2", f = "{{ins-unsubscribe-link}}", C = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class R extends h {
+class D extends S {
   constructor() {
     super();
     u(this, "selectEventListener", null);
@@ -19,13 +19,13 @@ class R extends h {
     u(this, "currentNode");
   }
   getId() {
-    return g;
+    return v;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return S.BLOCK;
+    return h.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -36,8 +36,11 @@ class R extends h {
   getTemplate() {
     return L();
   }
+  onCreated(e) {
+    "getAttribute" in e && e.getAttribute("data-migration") || (this.currentNode = e, this._resetStoreState(), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
+  }
   onSelect(e) {
-    this.currentNode = e, !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
+    this.currentNode = e, this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener();
   }
   onDelete(e) {
     this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
@@ -47,8 +50,8 @@ class R extends h {
   }
   _setupSelectEventListener() {
     this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const s = e, { collectionType: t, selectedPages: r } = s.detail;
-      this._updateBlock(t, r.join(","));
+      const r = e, { collectionType: t, selectedPages: s } = r.detail;
+      this._updateBlock(t, s.join(","));
     }, document.addEventListener(a.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
@@ -63,45 +66,38 @@ class R extends h {
     this.cancelEventListener && (document.removeEventListener(a.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
   }
   _handleCancel() {
-    try {
-      if (!this.currentNode)
-        return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
-    } catch (e) {
-      console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
-    }
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
   }
   _removeEventListeners() {
     this._removeSelectEventListener(), this._removeCancelEventListener();
   }
-  _updateBlock(e, s) {
+  _updateBlock(e, r) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const t = this.currentNode.querySelector(v);
+    const t = this.currentNode.querySelector(g);
     if (!t)
       return;
-    const r = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", r).apply(new b(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, s).apply(new b("Updated unsubscribe block metadata"));
+    const s = this._getMergeTag(e);
+    this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", s).apply(new b(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(o.PAGE_TYPE, e.toString()).setAttribute(o.PAGE_LIST, r).apply(new b("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return T[e] ?? B;
+    return C[e] ?? f;
   }
   _openDrawer() {
-    if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
-      try {
-        const e = c();
-        e.typeSelectionDrawerStatus = !0;
-      } catch (e) {
-        console.error("[UnsubscribeBlock] Failed to open drawer:", e);
-      }
+    try {
+      const e = c();
+      e.typeSelectionDrawerStatus = !0;
+    } catch (e) {
+      console.error("[UnsubscribeBlock] Failed to open drawer:", e);
+    }
   }
   _checkExistingBlocks() {
     const e = c();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(f).forEach((t) => {
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((t) => {
       if ("getAttribute" in t) {
-        const r = t.getAttribute(o.PAGE_TYPE);
-        if (r) {
-          const l = Number(r);
+        const s = t.getAttribute(o.PAGE_TYPE);
+        if (s) {
+          const l = Number(s);
           l === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : l === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
         }
       }
@@ -110,11 +106,11 @@ class R extends h {
   _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const s = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
-    if (!s || !t)
+    const r = e.getAttribute(o.PAGE_TYPE), t = e.getAttribute(o.PAGE_LIST);
+    if (!r || !t)
       return;
-    const r = c(), l = Number(s), m = p(t);
-    r.setCollectionWithoutAutoSelection(l), r.loadSelectedTemplates(m);
+    const s = c(), l = Number(r), p = m(t);
+    s.setCollectionWithoutAutoSelection(l), s.loadSelectedTemplates(p);
   }
   _resetStoreState() {
     c().$reset();
@@ -122,14 +118,14 @@ class R extends h {
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const s = e.getAttribute(o.PAGE_LIST);
-    if (!s)
+    const r = e.getAttribute(o.PAGE_LIST);
+    if (!r)
       return;
-    const t = c(), r = p(s);
-    t.removeUnsubscribePages(r);
+    const t = c(), s = m(r);
+    t.removeUnsubscribePages(s);
   }
 }
 export {
-  g as UNSUBSCRIBE_BLOCK_ID,
-  R as UnsubscribeBlock
+  v as UNSUBSCRIBE_BLOCK_ID,
+  D as UnsubscribeBlock
 };

package/dist/extensions/Blocks/common-control.js

@@ -1,135 +1,78 @@
-var c = Object.defineProperty;
-var I = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
-import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class _ extends O {
+var u = Object.defineProperty;
+var C = (o, n, E) => n in o ? u(o, n, { enumerable: !0, configurable: !0, writable: !0, value: E }) : o[n] = E;
+var a = (o, n, E) => C(o, typeof n != "symbol" ? n + "" : n, E);
+import { Control as R, UIElementType as $, UEAttr as e } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class N extends R {
   constructor() {
     super(...arguments);
-    l(this, "currentNode");
-    l(this, "lastBlockInstanceId", null);
+    a(this, "currentNode");
   }
   getContainer() {
-    var e;
-    return (e = document.querySelector("ui-editor")) == null ? void 0 : e.shadowRoot;
+    var E;
+    return (E = document.querySelector("ui-editor")) == null ? void 0 : E.shadowRoot;
   }
-  onTemplateNodeUpdated(e) {
-    this.currentNode = e;
+  onTemplateNodeUpdated(E) {
+    this.currentNode = E;
   }
-  onDestroy() {
-    this.lastBlockInstanceId = null;
-  }
-  /**
-   * Gets the config block element from the current node.
-   * @returns The config block element or null if not found
-   */
-  getConfigBlock() {
-    if (!this.currentNode)
-      return null;
-    const e = this.currentNode.closest(".items-block-v2");
-    return e ? e.querySelector("esd-config-block") : null;
-  }
-  /**
-   * Gets the current block instance ID from the config block.
-   * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-   * @returns The block instance ID or null if not found
-   */
-  getBlockInstanceId(e = "data-block-instance-id") {
-    const n = this.getConfigBlock();
-    return n ? n.getAttribute(e) : null;
-  }
-  /**
-   * Handles block instance change detection and syncing.
-   * This is a helper method for controls that need to sync attributes when switching between block instances.
-   * @param syncFunction - Function to call when block instance changes (to sync from attributes)
-   * @param updateUI - Function to call to update the UI (called both on change and when same block)
-   * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-   * @returns true if block instance changed, false otherwise
-   */
-  handleBlockInstanceChange(e, n, E = "data-block-instance-id") {
-    const o = this.getBlockInstanceId(E);
-    if (!o)
-      return !1;
-    const T = o !== this.lastBlockInstanceId;
-    return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
-  }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
-    return `
-            <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
-                ${$.LABEL.text}="${e}" 
-                ${$.LABEL.name}="${n || `${e} Label`}">
-            </${t.LABEL}>
-        `;
-  }
-  _GuToggle(e) {
+  _GuLabel({ text: E, name: t = "", position: T = "top" }) {
     return `
-            <${t.SWITCHER}
-                ${$.SWITCHER.name}="${e}">
-            </${t.SWITCHER}>
+            <${$.LABEL} 
+                style="${T === "top" ? "margin-bottom: 8px;" : ""}"
+                ${e.LABEL.text}="${E}" 
+                ${e.LABEL.name}="${t || `${E} Label`}">
+            </${$.LABEL}>
         `;
   }
-  _GuSelectItem({ text: e, value: n }) {
+  _GuToggle(E) {
     return `
-            <${t.SELECT_ITEM} 
-                ${$.SELECT_ITEM.text}="${e}" 
-                ${$.SELECT_ITEM.value}="${n}">
-            </${t.SELECT_ITEM}>`;
-  }
-  _GuSelect({ name: e, placeholder: n, options: E, className: o = "es-180w" }) {
-    return `
-            <${t.SELECTPICKER}
-                class="${o}"
-                ${$.SELECTPICKER.name}="${e}"
-                ${$.SELECTPICKER.placeholder}="${n}">
-                    ${E.map((T) => this._GuSelectItem(T)).join("")}
-            </${t.SELECTPICKER}>
+            <${$.SWITCHER}
+                ${e.SWITCHER.name}="${E}">
+            </${$.SWITCHER}>
         `;
   }
-  _GuTextInput({ name: e, placeholder: n, className: E = "", disabled: o = !1 }) {
+  _GuSelectItem({ text: E, value: t }) {
     return `
-            <${t.TEXT}
-                class=${E}
-                ${$.TEXT.name}="${e}"
-                placeholder="${n || e}"
-                ${o ? `${$.TEXT.disabled}="true"` : ""}>
-            </${t.TEXT}>
-        `;
+            <${$.SELECT_ITEM} 
+                ${e.SELECT_ITEM.text}="${E}" 
+                ${e.SELECT_ITEM.value}="${t}">
+            </${$.SELECT_ITEM}>`;
   }
-  _GuCounter({ name: e, maxValue: n, minValue: E = 1, step: o = 1 }) {
+  _GuSelect({ name: E, placeholder: t, options: T, className: r = "es-180w" }) {
     return `
-            <${t.COUNTER}
-                ${$.COUNTER.name}="${e}"
-                ${$.COUNTER.minValue}="${E}"
-                ${$.COUNTER.maxValue}="${n}"
-                ${$.COUNTER.step}="${o}">
-            </${t.COUNTER}>
+            <${$.SELECTPICKER}
+                class="${r}"
+                ${e.SELECTPICKER.name}="${E}"
+                ${e.SELECTPICKER.placeholder}="${t}">
+                    ${T.map((O) => this._GuSelectItem(O)).join("")}
+            </${$.SELECTPICKER}>
         `;
   }
-  _GuRadioButtonItem({ text: e, value: n, icon: E }) {
+  _GuTextInput({ name: E, placeholder: t, className: T = "" }) {
     return `
-            <${t.RADIO_ITEM}
-                ${$.RADIO_ITEM.value}="${n}"
-                ${e ? `${$.RADIO_ITEM.text}="${e}"` : ""}
-                ${E ? `${$.RADIO_ITEM.icon}="${E}"` : ""}>
-            </${t.RADIO_ITEM}>
+            <${$.TEXT}
+                class=${T}
+                ${e.TEXT.name}="${E}"
+                placeholder="${t || E}">
+            </${$.TEXT}>
         `;
   }
-  _GuRadioButton({ name: e, buttons: n, id: E = "" }) {
+  _GuCounter({ name: E, maxValue: t, minValue: T = 1, step: r = 1 }) {
     return `
-            <${t.RADIO_BUTTONS}
-                ${E ? `id="${E}"` : ""}
-                ${$.RADIO_BUTTONS.name}="${e}">
-                ${n.map((o) => this._GuRadioButtonItem(o)).join("")}
-            </${t.RADIO_BUTTONS}>
+            <${$.COUNTER}
+                ${e.COUNTER.name}="${E}"
+                ${e.COUNTER.minValue}="${T}"
+                ${e.COUNTER.maxValue}="${t}"
+                ${e.COUNTER.step}="${r}">
+            </${$.COUNTER}>
         `;
   }
-  _GuButton({ name: e, label: n, id: E = "" }) {
+  _GuButton({ name: E, label: t, id: T = "" }) {
     return `
-            <${t.BUTTON}
-                ${$.BUTTON.name}="${e}"
-                ${E ? `id="${E}"` : ""}
-                ${$.BUTTON.caption}="${n}"}>
-            </${t.BUTTON}>
+            <${$.BUTTON}
+                ${e.BUTTON.name}="${E}"
+                ${T ? `id="${T}"` : ""}
+                ${e.BUTTON.caption}="${t}"}>
+            </${$.BUTTON}>
         `;
   }
   /**
@@ -137,26 +80,19 @@ class _ extends O {
    * @param param0
    * @returns It returns a button with an icon.
    */
-  _GuIconButton({ name: e, icon: n, className: E = "" }) {
+  _GuIconButton({ name: E, icon: t, className: T = "" }) {
     return `
-            <${t.BUTTON}
-                class="${E}"
-                ${$.BUTTON.name}="${e}"
-                ${$.BUTTON.icon}="${n}">
-            </${t.BUTTON}>
-        `;
-  }
-  _GuOneColumn(e, n = "") {
-    return `
-            <div class="container one-column ${n}">
-                ${e.join("")}
-            </div>
+            <${$.BUTTON}
+                class="${T}"
+                ${e.BUTTON.name}="${E}"
+                ${e.BUTTON.icon}="${t}">
+            </${$.BUTTON}>
         `;
   }
-  _GuTwoColumns(e, n = "") {
+  _GuTwoColumns(E) {
     return `
-            <div class="container two-columns ${n}">
-                ${e.join("")}
+            <div class="checkbox-select-container container two-columns">
+                ${E.join("")}
             </div>
         `;
   }
@@ -167,82 +103,82 @@ class _ extends O {
    * @param itemLabels - Optional array of objects with key and label properties for display
    * @returns HTML string for the orderable control
    */
-  _GuOrderable(e, n) {
-    let E = "";
-    n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
-      E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
-                    ${T.content}
-                </${t.ORDERABLE_ITEM}>
+  _GuOrderable(E, t) {
+    let T = "";
+    t.forEach((O) => {
+      const L = e.ORDERABLE_ITEM && "name" in e.ORDERABLE_ITEM ? e.ORDERABLE_ITEM.name : "name";
+      T += `
+                <${$.ORDERABLE_ITEM} ${L}="${O.key}">
+                    ${O.content}
+                </${$.ORDERABLE_ITEM}>
             `;
     });
-    const o = $.ORDERABLE && "name" in $.ORDERABLE ? $.ORDERABLE.name : "name";
+    const r = e.ORDERABLE && "name" in e.ORDERABLE ? e.ORDERABLE.name : "name";
     return `
-            <${t.ORDERABLE} ${o}="${e}">
-                ${E}
-            </${t.ORDERABLE}>
+            <${$.ORDERABLE} ${r}="${E}">
+                ${T}
+            </${$.ORDERABLE}>
         `;
   }
-  _GuNestedControl(e, n) {
+  _GuNestedControl(E, t) {
     return `
-            <${t.NESTED_CONTROL} ${$.NESTED_CONTROL.controlId}="${e}">
-                ${n}
-            </${t.NESTED_CONTROL}>
+            <${$.NESTED_CONTROL} ${e.NESTED_CONTROL.controlId}="${E}">
+                ${t}
+            </${$.NESTED_CONTROL}>
         `;
   }
-  _GuExpandable(e, n) {
+  _GuExpandable(E, t) {
     return `
-            <${t.EXPANDABLE}>
-                <${t.EXPANDABLE_HEADER}>
-                    <${t.LABEL} ${$.LABEL.text}="${e}"></${t.LABEL}>
-                </${t.EXPANDABLE_HEADER}>
-                <${t.EXPANDABLE_CONTENT}>
+            <${$.EXPANDABLE}>
+                <${$.EXPANDABLE_HEADER}>
+                    <${$.LABEL} ${e.LABEL.text}="${E}"></${$.LABEL}>
+                </${$.EXPANDABLE_HEADER}>
+                <${$.EXPANDABLE_CONTENT}>
 
-                    ${n}
+                    ${t}
 
-                </${t.EXPANDABLE_CONTENT}>
-            </${t.EXPANDABLE}>
+                </${$.EXPANDABLE_CONTENT}>
+            </${$.EXPANDABLE}>
         `;
   }
-  _GuColorPicker(e) {
+  _GuColorPicker(E) {
     return `
-            <${t.COLOR}
-                ${$.COLOR.name}="${e}">
-            </${t.COLOR}>
+            <${$.COLOR}
+                ${e.COLOR.name}="${E}">
+            </${$.COLOR}>
         `;
   }
-  _GuFontFamily(e, n = "Select Font") {
+  _GuFontFamily(E, t = "Select Font") {
     return `
-            <${t.FONT_FAMILY_SELECT}
-                ${$.FONT_FAMILY_SELECT.name}="${e}"
-                ${$.FONT_FAMILY_SELECT.placeholder}="${n}">
-            </${t.FONT_FAMILY_SELECT}>
+            <${$.FONT_FAMILY_SELECT}
+                ${e.FONT_FAMILY_SELECT.name}="${E}"
+                ${e.FONT_FAMILY_SELECT.placeholder}="${t}">
+            </${$.FONT_FAMILY_SELECT}>
         `;
   }
-  _GuRadioButtons(e, n) {
-    const E = n.map((o) => `
-                <${t.RADIO_ITEM}
-                    ${$.RADIO_ITEM.text}="${o.text}"
-                    ${$.RADIO_ITEM.value}="${o.value}">
-                </${t.RADIO_ITEM}>
+  _GuRadioButtons(E, t) {
+    const T = t.map((r) => `
+                <${$.RADIO_ITEM}
+                    ${e.RADIO_ITEM.text}="${r.text}"
+                    ${e.RADIO_ITEM.value}="${r.value}">
+                </${$.RADIO_ITEM}>
             `).join("");
     return `
-            <${t.RADIO_BUTTONS}
-                ${$.RADIO_BUTTONS.name}="${e}">
-                ${E}
-            </${t.RADIO_BUTTONS}>
+            <${$.RADIO_BUTTONS}
+                ${e.RADIO_BUTTONS.name}="${E}">
+                ${T}
+            </${$.RADIO_BUTTONS}>
         `;
   }
-  _GuCheckbox(e, n) {
+  _GuCheckbox(E, t) {
     return `
-            <${t.CHECKBOX}
-                ${$.CHECKBOX.name}="${e}"
-                ${$.CHECKBOX.caption}="${n}">
-            </${t.CHECKBOX}>
+            <${$.CHECKBOX}
+                ${e.CHECKBOX.name}="${E}"
+                ${e.CHECKBOX.caption}="${t}">
+            </${$.CHECKBOX}>
         `;
   }
 }
 export {
-  _ as CommonControl
+  N as CommonControl
 };

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

@@ -1,33 +1,27 @@
-var d = Object.defineProperty;
-var m = (t, e, n) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var c = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
-class C {
+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() {
-    c(this, "selectedDynamicContent", null);
-    c(this, "dataSelectCallback", () => {
+    a(this, "selectedDynamicContent", null);
+    a(this, "dataSelectCallback", () => {
     });
-    c(this, "closeDynamicContentHandler", null);
   }
-  /**
-   * 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, l) {
-    this.closeDynamicContentHandler && (document.removeEventListener("dynamic-content:close", this.closeDynamicContentHandler), this.closeDynamicContentHandler = null), this.dataSelectCallback = n, this.selectedDynamicContent = e;
-    const o = {
-      attribute: e,
-      position: l
-    }, s = new CustomEvent("dynamic-content:open", {
-      detail: o
+  openMergeTagsLibrary(e, n) {
+    this.dataSelectCallback = n, this.selectedDynamicContent = e;
+    const s = new CustomEvent("dynamic-content:open", {
+      detail: {
+        attribute: e
+      }
     });
-    document.dispatchEvent(s), this.closeDynamicContentHandler = (i) => {
-      const a = i.detail;
-      this.selectedDynamicContent = a, a.text && a.value && this.dataSelectCallback(a);
-    }, document.addEventListener("dynamic-content:close", this.closeDynamicContentHandler);
+    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 {
-  C as ExternalMergeTagsLibrary
+  y as ExternalMergeTagsLibrary
 };