@useinsider/guido 3.1.1-beta.fd0bd89 → 3.2.0-beta.2a61d0e

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

@@ -3,15 +3,15 @@ var h = (n, i, e) => i in n ? d(n, i, { enumerable: !0, configurable: !0, writab
 var u = (n, i, e) => h(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 _, BlockCompositionType as S, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as L } from "./template.js";
+import { Block as _, BlockCompositionType as S, BlockType as L, ModificationDescription as b } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as v } 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 v = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", T = "{{ins-unsubscribe-link}}", B = {
+const g = "unsubscribe-block", T = 'a[data-unsubscribe-link="true"]', f = ".unsubscribe-block-v2", B = "{{ins-unsubscribe-link}}", C = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class R extends _ {
+class I extends _ {
   constructor() {
     super();
     u(this, "selectEventListener", null);
@@ -19,7 +19,7 @@ class R extends _ {
     u(this, "currentNode");
   }
   getId() {
-    return v;
+    return g;
   }
   getIcon() {
     return "unsubscribe-icon";
@@ -34,7 +34,7 @@ class R extends _ {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return L();
+    return v();
   }
   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());
@@ -66,7 +66,7 @@ class R extends _ {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).delete().apply(new b("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${L.EMPTY_CONTAINER}/>`).apply(new b("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
@@ -77,14 +77,14 @@ class R extends _ {
   _updateBlock(e, r) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const s = this.currentNode.querySelector(g);
+    const s = this.currentNode.querySelector(T);
     if (!s)
       return;
     const t = this._getMergeTag(e);
     this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", t).apply(new b(`Updated unsubscribe link to ${t}`)), 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 B[e] ?? T;
+    return C[e] ?? B;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
@@ -130,6 +130,6 @@ class R extends _ {
   }
 }
 export {
-  v as UNSUBSCRIBE_BLOCK_ID,
-  R as UnsubscribeBlock
+  g as UNSUBSCRIBE_BLOCK_ID,
+  I as UnsubscribeBlock
 };

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -4,13 +4,13 @@ var B = class d {
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
-  constructor(t, a) {
-    if (a !== d) {
-      d.validatedClasses.has(a) || this.validateImplementation(t, a);
-      const i = d.validationErrors.get(a);
+  constructor(t, n) {
+    if (n !== d) {
+      d.validatedClasses.has(n) || this.validateImplementation(t, n);
+      const i = d.validationErrors.get(n);
       if (i && i.length > 0)
         throw new Error(
-          `${a.name} has validation errors:
+          `${n.name} has validation errors:
 ${i.map((o) => `  - ${o}`).join(`
 `)}`
         );
@@ -20,30 +20,23 @@ ${i.map((o) => `  - ${o}`).join(`
    * Validates that all required methods are properly implemented in the subclass.
    * This validation runs only once per class type and results are cached.
    */
-  validateImplementation(t, a) {
-    var v;
-    const i = [], o = a.name, $ = Object.getPrototypeOf(this);
+  validateImplementation(t, n) {
+    var x;
+    const i = [], o = n.name, Y = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
         i.push(`Method ${u}() is not defined`);
         return;
       }
-      $[u] === a.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), d.validatedClasses.add(a), i.length > 0 ? (d.validationErrors.set(a, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((v = process.env) == null ? void 0 : v.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
-  }
-  /**
-   * Lifecycle method for cleaning up resources (e.g., removing DOM artifacts from document.body).
-   * Override this method in subclasses to implement custom cleanup logic.
-   * Called when the editor is reinitialized or the extension is uninstalled.
-   */
-  destroy() {
+      Y[u] === n.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(n), i.length > 0 ? (d.validationErrors.set(n, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((x = process.env) == null ? void 0 : x.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
 };
 B.validatedClasses = /* @__PURE__ */ new Set();
 B.validationErrors = /* @__PURE__ */ new Map();
-var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(W || {}), y = class T extends s {
+var s = B, $ = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.STRUCTURE = "STRUCTURE", e.CONTAINER = "CONTAINER", e))($ || {}), v = class c extends s {
   constructor() {
-    super(T.REQUIRED_METHODS, T);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -140,14 +133,6 @@ var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   shouldDisplayQuickAddIcon() {
     return !1;
   }
-  /**
-   * Determines if the block should be shown in the blocks panel.
-   * Override to hide the block from the blocks panel while keeping it available elsewhere.
-   * @returns True if the block should appear in the blocks panel. Defaults to true.
-   */
-  shouldDisplayInBlocksPanel() {
-    return !0;
-  }
   /**
    * @description Determines if nested blocks selection allowed in extension of type {@link BlockCompositionType.STRUCTURE}
    */
@@ -176,14 +161,6 @@ var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   getTemplate() {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
-  /**
-   * Gets a CSS template string that contains the custom styles that apply to the block.
-   * This CSS will be used when a block is dragged into the editor and removed when the last block is deleted.
-   * @returns An CSS string.
-   */
-  getTemplateStyles() {
-    return "";
-  }
   /**
    * Gets the URL or path to the icon representing this block in the editor's block panel.
    * @returns A string representing the icon source (e.g., URL, data URI).
@@ -218,10 +195,10 @@ var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var $e = y, z = class I extends s {
+v.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var Qe = v, W = class T extends s {
   constructor() {
-    super(I.REQUIRED_METHODS, I);
+    super(T.REQUIRED_METHODS, T);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -236,8 +213,8 @@ var $e = y, z = class I extends s {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var We = class {
+W.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var fe = class {
   /**
    * Generates HTML representation for a block item
    * @param block - The block item to generate HTML for
@@ -255,13 +232,6 @@ var We = class {
   isBlockHintVisible(e) {
     return !0;
   }
-  /**
-   * Determines whether a draggable handle should be displayed in modules panel
-   * @returns True if the block panel should be reorderable
-   */
-  isPanelPlacementChangeEnabled() {
-    return !0;
-  }
   /**
    * Gets the hint text for a block
    * @param block - The block item to get hint for
@@ -311,7 +281,7 @@ var We = class {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getModulesTabIconName(e) {
   }
-}, Z = class b extends s {
+}, z = class b extends s {
   constructor() {
     super(b.REQUIRED_METHODS, b);
   }
@@ -328,85 +298,85 @@ var We = class {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-Z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var j = {
+z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var Z = {
   src: "src",
   alt: "alt",
   href: "href",
   width: "width",
   height: "height"
-}, ze = {
-  BLOCK_IMAGE: j
-}, P = "esd-block-button", U = "esd-block-text", w = "esd-block-image", q = "esd-structure", J = "esd-block-video", ee = "esd-block-social", te = "esd-block-banner", re = "esd-block-timer", ae = "esd-block-menu", ne = "esd-block-html", se = "esd-block-spacer", ie = "esd-container-frame", le = "esd-stripe", Ee = "esd-amp-form", c = ((e) => (e.BUTTON = `.${P}`, e.TEXT = `.${U}`, e.IMAGE = `.${w}`, e.STRUCTURE = `.${q}`, e.VIDEO = `.${J}`, e.SOCIAL = `.${ee}`, e.BANNER = `.${te}`, e.TIMER = `.${re}`, e.MENU = `.${ae}`, e.HTML = `.${ne}`, e.SPACER = `.${se}`, e.CONTAINER = `.${ie}`, e.STRIPE = `.${le}`, e.FORM = `.${Ee}`, e))(c || {}), oe = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(oe || {}), K = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(k || {}), de = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(de || {}), n = {
-  BLOCK_BUTTON: F,
-  BLOCK_TEXT: H,
-  BLOCK_IMAGE: k,
-  GENERAL: K
-}, ue = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(ue || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Te || {}), r = {
+}, Ye = {
+  BLOCK_IMAGE: Z
+}, y = "esd-block-button", U = "esd-block-text", P = "esd-block-image", j = "esd-structure", q = "esd-block-video", J = "esd-block-social", ee = "esd-block-banner", te = "esd-block-timer", re = "esd-block-menu", ne = "esd-block-html", ae = "esd-block-spacer", se = "esd-container-frame", ie = "esd-stripe", le = "esd-amp-form", I = ((e) => (e.BUTTON = `.${y}`, e.TEXT = `.${U}`, e.IMAGE = `.${P}`, e.STRUCTURE = `.${j}`, e.VIDEO = `.${q}`, e.SOCIAL = `.${J}`, e.BANNER = `.${ee}`, e.TIMER = `.${te}`, e.MENU = `.${re}`, e.HTML = `.${ne}`, e.SPACER = `.${ae}`, e.CONTAINER = `.${se}`, e.STRIPE = `.${ie}`, e.FORM = `.${le}`, e))(I || {}), Ee = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(Ee || {}), w = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(w || {}), K = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.LINKS_COLOR = "textLinksFontColorForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(H || {}), oe = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(oe || {}), a = {
+  BLOCK_BUTTON: K,
+  BLOCK_TEXT: F,
+  BLOCK_IMAGE: H,
+  GENERAL: w
+}, de = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(de || {}), ue = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ue || {}), Ie = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Ie || {}), r = {
   name: "name",
   disabled: "disabled"
-}, Ie = {
+}, ce = {
   ...r,
   caption: "caption",
   icon: "icon"
-}, be = {
+}, Te = {
   ...r,
   caption: "caption"
-}, he = {
+}, be = {
   ...r,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, me = {
+}, Oe = {
   ...r,
   placeholder: "placeholder",
   minDate: "min-date"
-}, ge = {
+}, he = {
   ...r,
   text: "text",
   hint: "hint"
-}, Oe = {
+}, ge = {
   ...r,
   type: "type"
-}, Re = {
+}, me = {
   ...r,
   buttons: "buttons"
-}, p = {
+}, k = {
   ...r,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, Le = {
-  ...p,
+}, Re = {
+  ...k,
   addCustomFontOption: "add-custom-font-option"
-}, _e = {
+}, Le = {
   ...r,
   text: "text",
   value: "value"
-}, Ce = {
+}, _e = {
   ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Ae = {
+}, Ce = {
   ...r,
   buttons: "buttons"
-}, Ne = {
+}, Ae = {
   ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, De = {
+}, Ne = {
   ...r,
   placeholder: "placeholder"
-}, Se = {
+}, De = {
   ...r,
   resizable: "resizable",
   placeholder: "placeholder"
-}, Me = {
+}, Se = {
   ...r,
   img: "img",
   src: "src",
@@ -420,51 +390,47 @@ var j = {
 }, Be = {
   ...r,
   controlId: "control-id"
-}, xe = {
+}, Me = {
   ...r,
   expanded: "expanded"
-}, ve = {
+}, xe = {
   ...r,
   icon: "icon",
   position: "position"
-}, ye = {
+}, ve = {
   ...r
-}, Pe = {
+}, ye = {
   ...r,
   icon: "icon"
 }, Ue = {
   ...r
-}, we = {
-  ...r,
-  blockId: "block-id"
-}, Ze = {
+}, $e = {
   DEFAULT: r,
-  BUTTON: Ie,
-  CHECKBOX: be,
-  CHECK_BUTTONS: Ae,
+  BUTTON: ce,
+  CHECKBOX: Te,
+  CHECK_BUTTONS: Ce,
   COLOR: r,
-  COUNTER: he,
-  DATEPICKER: me,
-  LABEL: ge,
-  MESSAGE: Oe,
-  RADIO_BUTTONS: Re,
-  SELECTPICKER: p,
-  FONT_FAMILY_SELECT: Le,
+  COUNTER: be,
+  DATEPICKER: Oe,
+  LABEL: he,
+  MESSAGE: ge,
+  RADIO_BUTTONS: me,
+  SELECTPICKER: k,
+  FONT_FAMILY_SELECT: Re,
   SWITCHER: r,
-  TEXT: De,
-  TEXTAREA: Se,
-  ICON: Me,
-  CHECK_ITEM: Ce,
-  SELECT_ITEM: _e,
-  RADIO_ITEM: Ne,
+  TEXT: Ne,
+  TEXTAREA: De,
+  ICON: Se,
+  CHECK_ITEM: _e,
+  SELECT_ITEM: Le,
+  RADIO_ITEM: Ae,
   NESTED_CONTROL: Be,
-  EXPANDABLE: xe,
-  ORDERABLE: ve,
-  ORDERABLE_ITEM: ye,
-  ORDERABLE_ICON: Pe,
-  REPEATABLE: Ue,
-  DRAGGABLE_BLOCK: we
-}, Ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e))(Ke || {}), x = class {
+  EXPANDABLE: Me,
+  ORDERABLE: xe,
+  ORDERABLE_ITEM: ve,
+  ORDERABLE_ICON: ye,
+  REPEATABLE: Ue
+}, Pe = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e))(Pe || {}), M = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -495,68 +461,68 @@ var j = {
   isVisible(e) {
     return !0;
   }
-}, l = class extends x {
+}, l = class extends M {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.BUTTON), a = e.asElement().hasClass(P) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(I.BUTTON), n = e.asElement().hasClass(y) ? [e] : [];
+    return t.length ? t : n;
   }
-}, je = class extends l {
+}, We = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.BORDER_RADIUS;
+    return a.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, qe = class extends l {
+}, ze = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.ALIGNMENT;
+    return a.BLOCK_BUTTON.ALIGNMENT;
   }
-}, Je = class extends l {
+}, Ze = class extends l {
   getParentControlId() {
-    return n.GENERAL.BACKGROUND_COLOR;
+    return a.GENERAL.BACKGROUND_COLOR;
   }
-}, et = class extends l {
+}, je = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.BORDER;
+    return a.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, tt = class extends l {
+}, qe = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.COLOR;
+    return a.BLOCK_BUTTON.COLOR;
   }
-}, rt = class extends l {
+}, Je = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
+    return a.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, at = class extends l {
+}, et = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.FONT_FAMILY;
+    return a.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, nt = class extends l {
+}, tt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
+    return a.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, st = class extends l {
+}, rt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.INTERNAL_INDENTS;
+    return a.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, it = class extends l {
+}, nt = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.TEXT;
+    return a.BLOCK_BUTTON.TEXT;
   }
-}, lt = class extends l {
+}, at = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.FONT_SIZE;
+    return a.BLOCK_BUTTON.FONT_SIZE;
   }
-}, Et = class extends l {
+}, st = class extends l {
   getParentControlId() {
-    return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
+    return a.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, X = class h extends s {
+}, X = class O extends s {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(O.REQUIRED_METHODS, O);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -610,9 +576,9 @@ var j = {
   }
 };
 X.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ot = X, Fe = class m extends s {
+var it = X, we = class h extends s {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(h.REQUIRED_METHODS, h);
   }
   /**
    * Gets the unique identifier for this tab.
@@ -679,95 +645,30 @@ var ot = X, Fe = class m extends s {
   onDestroy() {
   }
 };
-Fe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var G = class extends x {
+we.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var p = class extends M {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.IMAGE), a = e.asElement().hasClass(w) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(I.IMAGE), n = e.asElement().hasClass(P) ? [e] : [];
+    return t.length ? t : n;
   }
-}, dt = class extends G {
+}, lt = class extends p {
   getParentControlId() {
-    return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
+    return a.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ut = class extends G {
+}, Et = class extends p {
   getParentControlId() {
-    return n.BLOCK_IMAGE.SIZE;
+    return a.BLOCK_IMAGE.SIZE;
   }
-}, He = class g extends s {
+}, G = class g extends s {
   constructor() {
     super(g.REQUIRED_METHODS, g);
   }
-  /**
-   * Gets the unique identifier for this tab.
-   * This ID is used for registration.
-   * @returns A unique string ID.
-   */
-  getId() {
-    throw new Error("Method getId() must be implemented by the subclass");
-  }
-  /**
-   * Gets the icon key representing this tab in the header.
-   * @returns A string representing the icon key from the IconsRegistry
-   */
-  getIcon() {
-    throw new Error("Method getIcon() must be implemented by the subclass");
-  }
-  /**
-   * Retrieves the index of the tab associated with the panel.
-   * The index represents the position/order of the tab in the UI.
-   *
-   * @returns {number} The index of the tab.
-   */
-  getTabIndex() {
-    throw new Error("Method getTabIndex() must be implemented by the subclass");
-  }
-  /**
-   * Gets the display name of the tab shown to the user in the header hint.
-   * Use `this.api.translate()` for localization.
-   * @returns The localized tab name string.
-   */
-  getName() {
-    throw new Error("Method getName() must be implemented by the subclass");
-  }
-  /**
-   * Determines if the tab should be available for use in the editor.
-   * Override to provide custom logic based on the editor state or configuration.
-   * @returns True if the tab is enabled, false otherwise. Defaults to true.
-   */
-  isEnabled() {
-    return !0;
-  }
-  /**
-   * Gets the HTML template string that defines the initial structure of this tab.
-   * @returns An HTML string.
-   */
-  getTemplate() {
-    throw new Error("Method getTemplate() must be implemented by the subclass");
-  }
-  /**
-   * Optional hook called when the modules panel tab is initially rendered.
-   * Use this for setup tasks like attaching event listeners to the panel's template elements.
-   */
-  onRender() {
-  }
-  /**
-   * Lifecycle hook called when any part of the document template has changed.
-   * This can be frequent; use cautiously for performance-sensitive operations.
-   */
-  onDocumentChanged() {
-  }
-};
-He.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var V = class O extends s {
-  constructor() {
-    super(O.REQUIRED_METHODS, O);
-  }
   registerBlockControls(t) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var ct = V, Tt = class {
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var ot = G, dt = class {
   constructor(e, t) {
     this.tabId = e, this.controlsIds = t;
   }
@@ -790,42 +691,42 @@ var ct = V, Tt = class {
     const t = this.controlsIds.indexOf(e);
     t !== -1 && this.controlsIds.splice(t, 1);
   }
-}, E = class extends x {
+}, E = class extends M {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.TEXT), a = e.asElement().hasClass(U) ? [e] : [];
-    return t.length ? t : a;
+    const t = e.querySelectorAll(I.TEXT), n = e.asElement().hasClass(U) ? [e] : [];
+    return t.length ? t : n;
   }
-}, It = class extends E {
+}, ut = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_ALIGN;
+    return a.GENERAL.TEXT_ALIGN;
   }
-}, bt = class extends E {
+}, It = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_COLOR;
+    return a.GENERAL.TEXT_COLOR;
   }
-}, ht = class extends E {
+}, ct = class extends E {
   getParentControlId() {
-    return n.BLOCK_TEXT.FONT_FAMILY;
+    return a.BLOCK_TEXT.FONT_FAMILY;
   }
-}, mt = class extends E {
+}, Tt = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_LINE_SPACING;
+    return a.GENERAL.TEXT_LINE_SPACING;
   }
-}, gt = class extends E {
+}, bt = class extends E {
   getParentControlId() {
-    return n.BLOCK_TEXT.INTERNAL_INDENTS;
+    return a.BLOCK_TEXT.INTERNAL_INDENTS;
   }
 }, Ot = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_SIZE;
+    return a.GENERAL.TEXT_SIZE;
   }
-}, Rt = class extends E {
+}, ht = class extends E {
   getParentControlId() {
-    return n.GENERAL.TEXT_STYLE;
+    return a.GENERAL.TEXT_STYLE;
   }
-}, ke = class {
+}, Ke = class {
   constructor(e) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.modulesPanelTabs = (e == null ? void 0 : e.modulesPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -884,12 +785,9 @@ var ct = V, Tt = class {
   getGeneralPanelTabs() {
     return this.generalPanelTabs;
   }
-  getModulesPanelTabs() {
-    return this.modulesPanelTabs;
-  }
-}, Lt = class {
+}, gt = class {
   constructor() {
-    this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [];
+    this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [];
   }
   withLocalization(e) {
     return this.i18n = e, this;
@@ -954,11 +852,8 @@ var ct = V, Tt = class {
   addGeneralPanelTab(e) {
     return this.generalPanelTabs.push(e), this;
   }
-  addModulesPanelTab(e) {
-    return this.modulesPanelTabs.push(e), this;
-  }
   build() {
-    return new ke({
+    return new Ke({
       i18n: this.i18n,
       styles: this.styles.map((e) => e.trim()).join(`
 `),
@@ -977,22 +872,21 @@ var ct = V, Tt = class {
       blocksPanel: this.blocksPanel,
       iconsRegistry: this.iconsRegistry,
       externalImageLibraryTab: this.externalImageLibraryTab,
-      generalPanelTabs: this.generalPanelTabs,
-      modulesPanelTabs: this.modulesPanelTabs
+      generalPanelTabs: this.generalPanelTabs
     });
   }
-}, pe = class R extends s {
+}, Fe = class m extends s {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(m.REQUIRED_METHODS, m);
   }
   openAiAssistant(t) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-pe.REQUIRED_METHODS = ["openAiAssistant"];
-var Xe = class L extends s {
+Fe.REQUIRED_METHODS = ["openAiAssistant"];
+var He = class R extends s {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(R.REQUIRED_METHODS, R);
   }
   /**
    * Retrieves the name of the category.
@@ -1009,7 +903,7 @@ var Xe = class L extends s {
    * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
    * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
    */
-  openExternalDisplayConditionsDialog(t, a, i) {
+  openExternalDisplayConditionsDialog(t, n, i) {
     throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
   }
   /**
@@ -1030,19 +924,19 @@ var Xe = class L extends s {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-Xe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ge = class _ extends s {
+He.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var ke = class L extends s {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(L.REQUIRED_METHODS, L);
   }
-  openImageLibrary(t, a, i) {
+  openImageLibrary(t, n, i) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Ge.REQUIRED_METHODS = ["openImageLibrary"];
-var Ve = class C extends s {
+ke.REQUIRED_METHODS = ["openImageLibrary"];
+var Xe = class _ extends s {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * @description Returns the translated name/label for the tab
@@ -1057,39 +951,39 @@ var Ve = class C extends s {
    * @param _onImageSelectCallback - Callback to invoke when an image is selected
    * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
    */
-  openImageLibraryTab(t, a, i) {
+  openImageLibraryTab(t, n, i) {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-Ve.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Qe = class A extends s {
+Xe.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var pe = class C extends s {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(C.REQUIRED_METHODS, C);
   }
-  openSmartElementsLibrary(t, a) {
+  openSmartElementsLibrary(t, n) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-Qe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var fe = class N extends s {
+pe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ge = class A extends s {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
-  openExternalVideosLibraryDialog(t, a, i) {
+  openExternalVideosLibraryDialog(t, n, i) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-fe.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var Q = class D extends s {
+Ge.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var V = class N extends s {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(N.REQUIRED_METHODS, N);
   }
   registerIconsSvg(t) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
-Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var _t = Q, Ct = class {
+V.REQUIRED_METHODS = ["registerIconsSvg"];
+var mt = V, Rt = class {
   constructor(e) {
     this.key = e;
   }
@@ -1102,9 +996,9 @@ var _t = Q, Ct = class {
       params: this.params
     };
   }
-}, f = class S extends s {
+}, Q = class D extends s {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(D.REQUIRED_METHODS, D);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -1139,7 +1033,7 @@ var _t = Q, Ct = class {
    * @param name - The name of the attribute that was updated.
    * @param value - The new value of the attribute.
    */
-  onAttributeUpdated(t, a) {
+  onAttributeUpdated(t, n) {
   }
   /**
    * Gets the unique identifier for this UI element type.
@@ -1157,64 +1051,64 @@ var _t = Q, Ct = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var At = f, Y = class M extends s {
+Q.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var Lt = Q, f = class S extends s {
   constructor() {
-    super(M.REQUIRED_METHODS, M);
+    super(S.REQUIRED_METHODS, S);
   }
   registerUiElements(t) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-Y.REQUIRED_METHODS = ["registerUiElements"];
-var Nt = Y;
+f.REQUIRED_METHODS = ["registerUiElements"];
+var _t = f;
 export {
-  $e as Block,
-  ze as BlockAttr,
-  W as BlockCompositionType,
-  c as BlockSelector,
-  oe as BlockType,
-  We as BlocksPanel,
-  x as BuiltInControl,
-  n as BuiltInControlTypes,
-  qe as ButtonAlignBuiltInControl,
-  Je as ButtonBackgroundColorBuiltInControl,
-  et as ButtonBorderBuiltInControl,
-  je as ButtonBorderRadiusBuiltInControl,
-  tt as ButtonColorBuiltInControl,
-  F as ButtonControls,
-  rt as ButtonFitToContainerBuiltInControl,
-  at as ButtonFontFamilyBuiltInControl,
-  nt as ButtonMarginsBuiltInControl,
-  st as ButtonPaddingsBuiltInControl,
-  it as ButtonTextBuiltInControl,
-  lt as ButtonTextSizeBuiltInControl,
-  Et as ButtonTextStyleAndFontColorBuiltInControl,
-  de as ContainerControls,
-  ot as Control,
-  ue as EditorStatePropertyType,
-  ke as Extension,
-  Lt as ExtensionBuilder,
-  K as GeneralControls,
-  _t as IconsRegistry,
-  k as ImageControls,
-  dt as ImageMarginsBuiltInControl,
-  ut as ImageSizeBuiltInControl,
-  Ct as ModificationDescription,
-  ce as PreviewDeviceMode,
-  ct as SettingsPanelRegistry,
-  Tt as SettingsPanelTab,
-  Te as SettingsTab,
-  It as TextAlignBuiltInControl,
-  bt as TextColorBuiltInControl,
-  H as TextControls,
-  ht as TextFontFamilyBuiltInControl,
-  mt as TextLineSpacingBuiltInControl,
-  gt as TextPaddingsBuiltInControl,
+  Qe as Block,
+  Ye as BlockAttr,
+  $ as BlockCompositionType,
+  I as BlockSelector,
+  Ee as BlockType,
+  fe as BlocksPanel,
+  M as BuiltInControl,
+  a as BuiltInControlTypes,
+  ze as ButtonAlignBuiltInControl,
+  Ze as ButtonBackgroundColorBuiltInControl,
+  je as ButtonBorderBuiltInControl,
+  We as ButtonBorderRadiusBuiltInControl,
+  qe as ButtonColorBuiltInControl,
+  K as ButtonControls,
+  Je as ButtonFitToContainerBuiltInControl,
+  et as ButtonFontFamilyBuiltInControl,
+  tt as ButtonMarginsBuiltInControl,
+  rt as ButtonPaddingsBuiltInControl,
+  nt as ButtonTextBuiltInControl,
+  at as ButtonTextSizeBuiltInControl,
+  st as ButtonTextStyleAndFontColorBuiltInControl,
+  oe as ContainerControls,
+  it as Control,
+  de as EditorStatePropertyType,
+  Ke as Extension,
+  gt as ExtensionBuilder,
+  w as GeneralControls,
+  mt as IconsRegistry,
+  H as ImageControls,
+  lt as ImageMarginsBuiltInControl,
+  Et as ImageSizeBuiltInControl,
+  Rt as ModificationDescription,
+  ue as PreviewDeviceMode,
+  ot as SettingsPanelRegistry,
+  dt as SettingsPanelTab,
+  Ie as SettingsTab,
+  ut as TextAlignBuiltInControl,
+  It as TextColorBuiltInControl,
+  F as TextControls,
+  ct as TextFontFamilyBuiltInControl,
+  Tt as TextLineSpacingBuiltInControl,
+  bt as TextPaddingsBuiltInControl,
   Ot as TextSizeBuiltInControl,
-  Rt as TextStyleBuiltInControl,
-  Ze as UEAttr,
-  At as UIElement,
-  Nt as UIElementTagRegistry,
-  Ke as UIElementType
+  ht as TextStyleBuiltInControl,
+  $e as UEAttr,
+  Lt as UIElement,
+  _t as UIElementTagRegistry,
+  Pe as UIElementType
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.60.0" } }, s = {
+const o = { stripo: { version: "2.54.0" } }, s = {
   guido: o
 };
 export {

package/dist/static/styles/components/button.css.js

@@ -1,4 +1,4 @@
-const n = `.control-shadow-wrapper:has(.button) {
+const o = `.control-shadow-wrapper:has(.button) {
     border-radius: 0;
     box-shadow: none;
     background-color: transparent;
@@ -99,12 +99,18 @@ ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
     color: var(--guido-color-primary-500);
 }
 
+ue-select.full-width .button {
+    border: none !important;
+    background-color: var(--guido-color-neutral-200) !important;
+    color: var(--guido-color-neutral-800) !important;
+}
+
 ue-select.full-width .button .icon-button {
     color: var(--guido-color-gray-600) !important;
 }
 
 ue-select.full-width .button:hover:not(:disabled,.disabled) {
-    background-color: var(--guido-color-gray-0) !important;
+    background-color: var(--guido-color-neutral-100) !important;
 }
 
 ue-color {
@@ -124,20 +130,7 @@ ue-select-text-input .select-text-input-toggle .button {
     justify-content: center;
     background-color: transparent !important;
 }
-
-
-.control-shadow-wrapper,
-ue-button:not(.no-shadow,.flat-white),
-ue-toggle:not(.no-shadow,.flat-white),
-:is(ue-popover-toggler,ue-toggle-icon-picker,ue-emoji-toggle),
-.button-group,
-ue-counter:not(.no-shadow),
-:is(ue-select,ue-mergetags,ue-font-family-select):not(.no-shadow),
-ue-check-button:not(.no-shadow,.flat-white) {
-    background: none;
-    padding: 0;
-}
 `;
 export {
-  n as default
+  o as default
 };

package/dist/static/styles/components/narrow-panel.css.js

@@ -28,58 +28,6 @@ ue-stripe-thumb:hover:not(.disabled),
     border-color: var(--guido-color-primary-500);
 }
 
-/* Module search — initial */
-.module-search-container {
-    background-color: var(--guido-color-gray-0);
-    border: 1px solid var(--guido-color-gray-300);
-    border-radius: 4px;
-}
-
-.module-search-container .service-element {
-    background-color: unset;
-}
-
-.module-filter-toggle {
-    top: -1px !important;
-    right: -1px !important;
-}
-
-.module-filter-toggle > .button,
-.module-search-container:hover .module-filter-toggle > .button {
-    border: none;
-    background: transparent;
-}
-
-/* Module search — hover */
-.module-search-container:has(.module-search-chip-input:hover) {
-    border-color: var(--guido-color-primary-500);
-}
-
-.module-search-container .module-search-chip-input .service-element:hover {
-    background-color: var(--guido-color-gray-0);
-    border-radius: 4px;
-}
-
-.module-search-container .module-filter-toggle:hover > .button {
-    background-color: var(--guido-color-gray-1);
-}
-
-/* Module search — selected (.on) */
-.module-search-container:has(.module-search-chip-input.on),
-.module-search-container:has(.module-search-chip-input.on):hover {
-    border-color: var(--guido-color-primary-500);
-    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
-}
-
-.module-search-container .module-search-chip-input.on .input-section {
-    background-color: unset;
-    box-shadow: unset;
-}
-
-.module-categories-list .menu-item {
-    padding: 8px 20px !important;
-}
-
 .modules-layout-wrapper {
     padding: 0 16px 16px;
     grid-row-gap: 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.fd0bd89",
+  "version": "3.2.0-beta.2a61d0e",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -32,7 +32,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.7.0",
+    "@stripoinc/ui-editor-extensions": "3.5.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.60.0"
+      "version": "2.54.0"
     }
   }
 }