@useinsider/guido 1.0.3-beta.6d7cd41 → 1.0.3-beta.70cf127

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

@@ -1,17 +1,17 @@
-var F = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(F || {}), A = class o {
+var tt = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(tt || {}), M = class d {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
   constructor(e, r) {
-    if (r !== o) {
-      o.validatedClasses.has(r) || this.validateImplementation(e, r);
-      const s = o.validationErrors.get(r);
+    if (r !== d) {
+      d.validatedClasses.has(r) || this.validateImplementation(e, r);
+      const s = d.validationErrors.get(r);
       if (s && s.length > 0)
         throw new Error(
           `${r.name} has validation errors:
-${s.map((i) => `  - ${i}`).join(`
+${s.map((o) => `  - ${o}`).join(`
 `)}`
         );
     }
@@ -21,22 +21,22 @@ ${s.map((i) => `  - ${i}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(e, r) {
-    var E;
-    const s = [], i = r.name, l = Object.getPrototypeOf(this);
-    e.forEach((a) => {
-      if (typeof this[a] != "function") {
-        s.push(`Method ${a}() is not defined`);
+    var I;
+    const s = [], o = r.name, T = Object.getPrototypeOf(this);
+    e.forEach((E) => {
+      if (typeof this[E] != "function") {
+        s.push(`Method ${E}() is not defined`);
         return;
       }
-      l[a] === r.prototype[a] && s.push(`Method ${a}() must be implemented (currently using base class error-throwing implementation)`);
-    }), o.validatedClasses.add(r), s.length > 0 ? (o.validationErrors.set(r, s), console.error(`[${i} Validation] ${i} validation failed:`, s)) : typeof process < "u" && ((E = process.env) == null ? void 0 : E.NODE_ENV) === "development" && console.log(`[${i} Validation] ✅ ${i} validated successfully`);
+      T[E] === r.prototype[E] && s.push(`Method ${E}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
 };
-A.validatedClasses = /* @__PURE__ */ new Set();
-A.validationErrors = /* @__PURE__ */ new Map();
-var n = A, M = class d extends n {
+M.validatedClasses = /* @__PURE__ */ new Set();
+M.validationErrors = /* @__PURE__ */ new Map();
+var a = M, y = class c extends a {
   constructor() {
-    super(d.REQUIRED_METHODS, d);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -185,10 +185,10 @@ var n = A, M = class d extends n {
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-M.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var Ct = M, k = class h extends n {
+y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var pt = y, et = class _ extends a {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -203,10 +203,10 @@ var Ct = M, k = class h extends n {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-k.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var Q = class u extends n {
+et.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var rt = class h extends a {
   constructor() {
-    super(u.REQUIRED_METHODS, u);
+    super(h.REQUIRED_METHODS, h);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -221,31 +221,152 @@ var Q = class u extends n {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-Q.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var V = "esd-block-button", $ = "esd-block-text", X = "esd-block-image", G = "esd-structure", f = "esd-block-video", Y = "esd-block-social", W = "esd-block-banner", j = "esd-block-timer", z = "esd-block-menu", q = "esd-block-html", Z = "esd-block-spacer", J = "esd-container-frame", tt = "esd-stripe", et = "esd-amp-form", rt = ((t) => (t.BUTTON = `.${V}`, t.TEXT = `.${$}`, t.IMAGE = `.${X}`, t.STRUCTURE = `.${G}`, t.VIDEO = `.${f}`, t.SOCIAL = `.${Y}`, t.BANNER = `.${W}`, t.TIMER = `.${j}`, t.MENU = `.${z}`, t.HTML = `.${q}`, t.SPACER = `.${Z}`, t.CONTAINER = `.${J}`, t.STRIPE = `.${tt}`, t.FORM = `.${et}`, t))(rt || {}), st = /* @__PURE__ */ ((t) => (t.BLOCK_IMAGE = "BLOCK_IMAGE", t.BLOCK_TEXT = "BLOCK_TEXT", t.BLOCK_BUTTON = "BLOCK_BUTTON", t.BLOCK_SPACER = "BLOCK_SPACER", t.BLOCK_VIDEO = "BLOCK_VIDEO", t.BLOCK_SOCIAL = "BLOCK_SOCIAL", t.BLOCK_BANNER = "BLOCK_BANNER", t.BLOCK_TIMER = "BLOCK_TIMER", t.BLOCK_MENU = "BLOCK_MENU", t.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", t.BLOCK_HTML = "BLOCK_HTML", t.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", t.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", t.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", t.CONTAINER = "CONTAINER", t.FORM_CONTAINER = "FORM_CONTAINER", t.STRUCTURE = "STRUCTURE", t.STRIPE = "STRIPE", t.EMPTY_CONTAINER = "EMPTY_CONTAINER", t.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", t.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", t.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", t))(st || {}), nt = /* @__PURE__ */ ((t) => (t.HIDDEN_NODE = "hiddenNodeText", t.PARAGRAPH_STYLE = "paragraphStyleForm", t.ALIGN = "textAlignmentForm", t.ANCHOR_CONTAINER = "textAnchorForm", t.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", t.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", t.FONT_COLOR = "textBlockFontColor", t.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", t.FONT_FAMILY = "textFontFamily", t.FONT_SIZE = "textBlockFontSize", t.DIRECTION = "textBlockDirectionForm", t.INSERT_FORM = "textBlockInsertForm", t.LINK_DATA = "textBlockLinkDataForm", t.FORMAT = "textBlockTextFormatForm", t.FIXED_HEIGHT_CONTAINER = "textFixedHeightContainerForm", t.INTERNAL_INDENTS = "textInternalIndents", t.LINE_HEIGHT = "textLineHeightForm", t.LINKS_COLOR = "textLinksFontColorForm", t.MIME_TYPE = "textMimeTypeForm", t.NO_LINE_WRAPS = "textNoLineWrapsForm", t))(nt || {}), it = /* @__PURE__ */ ((t) => (t.BACKGROUND_COLOR = "containerBackgroundColorForm", t.BORDER_FORM = "containerBorderForm", t.BORDER_RADIUS = "containerBorderRadiusForm", t.EXTERNAL_INDENTS = "containerExternalIndentsForm", t.IMAGE_CONTAINER = "containerImageContainerForm", t.MIME_TYPE = "containerMimeTypeForm", t.DISPLAY_CONDITIONS = "displayConditions", t.HIDDEN_NODE = "containerHiddenNodeForm", t))(it || {}), at = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(at || {}), D = {
+rt.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var nt = {
+  src: "src",
+  alt: "alt",
+  href: "href",
+  width: "width"
+}, Kt = {
+  BLOCK_IMAGE: nt
+}, U = "esd-block-button", p = "esd-block-text", K = "esd-block-image", st = "esd-structure", at = "esd-block-video", it = "esd-block-social", ot = "esd-block-banner", Et = "esd-block-timer", lt = "esd-block-menu", dt = "esd-block-html", ut = "esd-block-spacer", It = "esd-container-frame", Ot = "esd-stripe", Tt = "esd-amp-form", O = ((t) => (t.BUTTON = `.${U}`, t.TEXT = `.${p}`, t.IMAGE = `.${K}`, t.STRUCTURE = `.${st}`, t.VIDEO = `.${at}`, t.SOCIAL = `.${it}`, t.BANNER = `.${ot}`, t.TIMER = `.${Et}`, t.MENU = `.${lt}`, t.HTML = `.${dt}`, t.SPACER = `.${ut}`, t.CONTAINER = `.${It}`, t.STRIPE = `.${Ot}`, t.FORM = `.${Tt}`, t))(O || {}), ct = /* @__PURE__ */ ((t) => (t.BLOCK_IMAGE = "BLOCK_IMAGE", t.BLOCK_TEXT = "BLOCK_TEXT", t.BLOCK_BUTTON = "BLOCK_BUTTON", t.BLOCK_SPACER = "BLOCK_SPACER", t.BLOCK_VIDEO = "BLOCK_VIDEO", t.BLOCK_SOCIAL = "BLOCK_SOCIAL", t.BLOCK_BANNER = "BLOCK_BANNER", t.BLOCK_TIMER = "BLOCK_TIMER", t.BLOCK_MENU = "BLOCK_MENU", t.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", t.BLOCK_HTML = "BLOCK_HTML", t.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", t.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", t.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", t.CONTAINER = "CONTAINER", t.FORM_CONTAINER = "FORM_CONTAINER", t.STRUCTURE = "STRUCTURE", t.STRIPE = "STRIPE", t.EMPTY_CONTAINER = "EMPTY_CONTAINER", t.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", t.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", t.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", t))(ct || {}), w = /* @__PURE__ */ ((t) => (t.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", t.APPLY_CONDITION = "applyCondition", t.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", t.BACKGROUND_COLOR = "backgroundColor", t.BACKGROUND_IMAGE = "generalImageContainer", t.TEXT_COLOR = "textColor", t.TEXT_STYLE = "textStyle", t.TEXT_SIZE = "textSize", t.TEXT_LINE_SPACING = "textLineSpacing", t.TEXT_ALIGN = "textAlign", t.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", t.HIDDEN_NODE = "hiddenNode", t.SMART_BLOCK = "smartBlock", t.SYNCHRONIZED_MODULE = "synchronizedModuleForm", t.FONT_FAMILY = "generalFontFamilyForm", t.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", t.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", t))(w || {}), F = /* @__PURE__ */ ((t) => (t.ADJUST_TO_WIDTH = "adjustToWidth", t.ALIGNMENT = "buttonAlignment", t.BORDER = "buttonBorder", t.BORDER_RADIUS = "buttonBorderRadius", t.COLOR = "buttonColor", t.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", t.EXTERNAL_INDENTS = "buttonExternalIndents", t.FIXED_HEIGHT = "buttonFixedHeightForm", t.FONT_COLOR = "buttonFontColor", t.FONT_FAMILY = "buttonFontFamily", t.FONT_SIZE = "buttonFontSize", t.ICON = "buttonIconContainer", t.ICON_ALIGN = "buttonIconAlign", t.ICON_INDENT = "buttonIconIndent", t.ICON_WIDTH = "buttonIconWidth", t.IMAGE = "buttonImageForm", t.INTERNAL_INDENTS = "buttonInternalIndents", t.LINK = "buttonLink", t.MIME_TYPE = "buttonMimeTypeForm", t.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", t.TEXT = "buttonText", t.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", t.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", t.HOVERED_COLOR = "hoveredButtonColorForm", t.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", t))(F || {}), P = /* @__PURE__ */ ((t) => (t.HIDDEN_NODE = "hiddenNodeText", t.PARAGRAPH_STYLE = "paragraphStyleForm", t.ALIGN = "textAlignmentForm", t.ANCHOR_CONTAINER = "textAnchorForm", t.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", t.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", t.FONT_COLOR = "textBlockFontColor", t.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", t.FONT_FAMILY = "textFontFamily", t.FONT_SIZE = "textBlockFontSize", t.DIRECTION = "textBlockDirectionForm", t.INSERT_FORM = "textBlockInsertForm", t.LINK_DATA = "textBlockLinkDataForm", t.FORMAT = "textBlockTextFormatForm", t.FIXED_HEIGHT = "textFixedHeightForm", t.INTERNAL_INDENTS = "textInternalIndents", t.LINE_HEIGHT = "textLineHeightForm", t.LINKS_COLOR = "textLinksFontColorForm", t.MIME_TYPE = "textMimeTypeForm", t.NO_LINE_WRAPS = "textNoLineWrapsForm", t))(P || {}), H = /* @__PURE__ */ ((t) => (t.ALT_TEXT = "altText", t.LINK = "blockLink", t.ALIGNMENT = "imageAlignment", t.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", t.BORDER_RADIUS = "imageBorderRadiusForm", t.IMAGE = "imageImageForm", t.EXTERNAL_INDENTS = "imageExternalIndents", t.MIME_TYPE = "imageMimeTypeForm", t.RESPONSIVE = "imageResponsive", t.ROLLOVER_IMAGE = "imageRolloverImageForm", t.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", t.SIZE = "imageSizeContainer", t))(H || {}), _t = /* @__PURE__ */ ((t) => (t.BACKGROUND_COLOR = "containerBackgroundColorForm", t.BORDER_FORM = "containerBorderForm", t.BORDER_RADIUS = "containerBorderRadiusForm", t.EXTERNAL_INDENTS = "containerExternalIndentsForm", t.IMAGE_CONTAINER = "containerImageContainerForm", t.MIME_TYPE = "containerMimeTypeForm", t.DISPLAY_CONDITIONS = "displayConditions", t.HIDDEN_NODE = "containerHiddenNodeForm", t))(_t || {}), n = {
+  BLOCK_BUTTON: F,
+  BLOCK_TEXT: P,
+  BLOCK_IMAGE: H,
+  GENERAL: w
+}, ht = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(ht || {}), l = {
   name: "name",
   disabled: "disabled"
-}, ot = {
-  ...D,
-  caption: "caption"
-}, Et = {
-  ...D,
+}, Rt = {
+  ...l,
+  caption: "caption",
+  icon: "icon"
+}, Lt = {
+  ...l,
+  minValue: "min-value",
+  maxValue: "max-value",
+  step: "step"
+}, gt = {
+  ...l,
   text: "text"
-}, lt = {
-  ...D,
+}, mt = {
+  ...l
+}, Ct = {
+  ...l,
   placeholder: "placeholder",
   items: "items"
-}, dt = {
+}, bt = {
   text: "text",
   value: "value"
-}, gt = {
-  BUTTON: ot,
-  LABEL: Et,
-  SELECTPICKER: lt,
-  SELECT_ITEM: dt
-}, ht = /* @__PURE__ */ ((t) => (t.BUTTON = "UE-BUTTON", t.CHECKBOX = "UE-CHECKBOX", t.CHECK_BUTTONS = "UE-CHECK-BUTTONS", t.COLOR = "UE-COLOR", t.COUNTER = "UE-COUNTER", t.DATEPICKER = "UE-DATEPICKER", t.LABEL = "UE-LABEL", t.MESSAGE = "UE-MESSAGE", t.RADIO_BUTTONS = "UE-RADIO-BUTTONS", t.SELECTPICKER = "UE-SELECT", t.SWITCHER = "UE-SWITCHER", t.TEXT = "UE-TEXT", t.TEXTAREA = "UE-TEXTAREA", t.CHECK_ITEM = "UE-CHECK-ITEM", t.RADIO_ITEM = "UE-RADIO-ITEM", t.SELECT_ITEM = "UE-SELECT-ITEM", t.ICON = "UE-ICON", t.MERGETAGS = "UE-MERGETAGS", t.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", t.NESTED_CONTROL = "UE-NESTED-CONTROL", t.EXPANDABLE = "UE-EXPANDABLE", t.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", t.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", t))(ht || {}), S = class c extends n {
+}, Nt = {
+  text: "text",
+  icon: "icon",
+  value: "value"
+}, At = {
+  ...l
+}, wt = {
+  BUTTON: Rt,
+  COUNTER: Lt,
+  LABEL: gt,
+  RADIO_BUTTONS: mt,
+  SELECTPICKER: Ct,
+  SWITCHER: l,
+  TEXT: At,
+  SELECT_ITEM: bt,
+  RADIO_ITEM: Nt
+}, Dt = /* @__PURE__ */ ((t) => (t.BUTTON = "UE-BUTTON", t.CHECKBOX = "UE-CHECKBOX", t.CHECK_BUTTONS = "UE-CHECK-BUTTONS", t.COLOR = "UE-COLOR", t.COUNTER = "UE-COUNTER", t.DATEPICKER = "UE-DATEPICKER", t.LABEL = "UE-LABEL", t.MESSAGE = "UE-MESSAGE", t.RADIO_BUTTONS = "UE-RADIO-BUTTONS", t.SELECTPICKER = "UE-SELECT", t.SWITCHER = "UE-SWITCHER", t.TEXT = "UE-TEXT", t.TEXTAREA = "UE-TEXTAREA", t.CHECK_ITEM = "UE-CHECK-ITEM", t.RADIO_ITEM = "UE-RADIO-ITEM", t.SELECT_ITEM = "UE-SELECT-ITEM", t.ICON = "UE-ICON", t.MERGETAGS = "UE-MERGETAGS", t.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", t.NESTED_CONTROL = "UE-NESTED-CONTROL", t.EXPANDABLE = "UE-EXPANDABLE", t.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", t.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", t.ORDERABLE = "UE-ORDERABLE", t.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", t.ORDERABLE_ICON = "UE-ORDERABLE-ICON", t))(Dt || {}), x = class {
+  /**
+   * @description returns map of nodes parent control operates on
+   */
+  getTargetNodes(t) {
+    return [t];
+  }
+  /**
+   * @description returns map of labels used by parent control UI
+   */
+  getLabels() {
+  }
+  /**
+   * @description returns custom description for parent modifications
+   */
+  getModificationDescription() {
+  }
+  /**
+   * @description returns custom modifications to be included in the parent control patch
+   */
+  getAdditionalModifications(t) {
+  }
+  /**
+   * Determines whether the specified HTML node is visible.
+   *
+   * @param _node - The HTML node to evaluate for visibility, provided as an immutable object.
+   * @return A boolean value indicating whether the node is visible. Returns `true` if the node is visible, otherwise `false`.
+   */
+  isVisible(t) {
+    return !0;
+  }
+}, i = class extends x {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, Ft = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.BORDER_RADIUS;
+  }
+  getLabels() {
+  }
+}, Pt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.ALIGNMENT;
+  }
+}, Ht = class extends i {
+  getParentControlId() {
+    return n.GENERAL.BACKGROUND_COLOR;
+  }
+}, Xt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.BORDER;
+  }
+  getLabels() {
+  }
+}, kt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.COLOR;
+  }
+}, Vt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
+  }
+}, Gt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.FONT_FAMILY;
+  }
+}, Qt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
+  }
+}, ft = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.INTERNAL_INDENTS;
+  }
+}, Yt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.TEXT;
+  }
+}, $t = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.FONT_SIZE;
+  }
+}, Wt = class extends i {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
+  }
+  getLabels() {
+  }
+}, X = class R extends a {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(R.REQUIRED_METHODS, R);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -290,18 +411,38 @@ var V = "esd-block-button", $ = "esd-block-text", X = "esd-block-image", G = "es
    */
   onTemplateNodeUpdated(e) {
   }
+  /**
+   * Lifecycle hook called when any part of the document template has changed.
+   * This can be frequent; use cautiously for performance-sensitive operations.
+   * @param _node - The immutable HTML node representing current node instance
+   */
+  onDocumentChanged(e) {
+  }
 };
-S.REQUIRED_METHODS = ["getId", "getTemplate"];
-var It = S, N = class m extends n {
+X.REQUIRED_METHODS = ["getId", "getTemplate"];
+var zt = X, k = class extends x {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, Zt = class extends k {
+  getParentControlId() {
+    return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
+  }
+}, jt = class extends k {
+  getParentControlId() {
+    return n.BLOCK_IMAGE.SIZE;
+  }
+}, V = class L extends a {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(L.REQUIRED_METHODS, L);
   }
   registerBlockControls(e) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-N.REQUIRED_METHODS = ["registerBlockControls"];
-var _t = N, Lt = class {
+V.REQUIRED_METHODS = ["registerBlockControls"];
+var qt = V, Jt = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -324,9 +465,38 @@ var _t = N, Lt = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, ut = class {
-  constructor(t, e, r = [], s, i = [], l, E = [], a = [], T, v, p, w, B, K, P, H) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = p, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = i, this.settingsPanelRegistry = l, this.contextActions = E, this.blocks = a, this.externalSmartElementsLibrary = T, this.externalImageLibrary = v, this.externalAiAssistant = w, this.externalDisplayConditionsLibrary = B, this.externalVideoLibrary = K, this.blocksPanel = P, this.iconsRegistry = H, this.id = Math.random().toString(36).substring(2);
+}, u = class extends x {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, te = class extends u {
+  getParentControlId() {
+    return n.GENERAL.TEXT_ALIGN;
+  }
+}, ee = class extends u {
+  getParentControlId() {
+    return n.GENERAL.TEXT_COLOR;
+  }
+}, re = class extends u {
+  getParentControlId() {
+    return n.BLOCK_TEXT.FONT_FAMILY;
+  }
+}, ne = class extends u {
+  getParentControlId() {
+    return n.BLOCK_TEXT.INTERNAL_INDENTS;
+  }
+}, se = class extends u {
+  getParentControlId() {
+    return n.GENERAL.TEXT_SIZE;
+  }
+}, ae = class extends u {
+  getParentControlId() {
+    return n.GENERAL.TEXT_STYLE;
+  }
+}, St = class {
+  constructor(t, e, r = [], s, o = [], T, I = [], E = [], v, Y, $, W, z, Z, j, q, J) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = $, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = o, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = E, this.externalSmartElementsLibrary = v, this.externalImageLibrary = Y, this.externalImageLibraryTab = J, this.externalAiAssistant = W, this.externalDisplayConditionsLibrary = z, this.externalVideoLibrary = Z, this.blocksPanel = j, this.iconsRegistry = q, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -364,6 +534,9 @@ var _t = N, Lt = class {
   getExternalImageLibrary() {
     return this.externalImageLibrary;
   }
+  getExternalImageLibraryTab() {
+    return this.externalImageLibraryTab;
+  }
   getExternalAiAssistant() {
     return this.externalAiAssistant;
   }
@@ -379,7 +552,7 @@ var _t = N, Lt = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, At = class {
+}, ie = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -422,6 +595,9 @@ var _t = N, Lt = class {
   withExternalImageLibrary(t) {
     return this.externalImageLibrary = t, this;
   }
+  withExternalImageLibraryTab(t) {
+    return this.externalImageLibraryTab = t, this;
+  }
   withExternalAiAssistant(t) {
     return this.externalAiAssistant = t, this;
   }
@@ -441,7 +617,7 @@ var _t = N, Lt = class {
     return this.iconsRegistry = t, this;
   }
   build() {
-    return new ut(
+    return new St(
       this.i18n,
       (this.styles || []).map((t) => t.trim()).join(`
 `),
@@ -458,21 +634,22 @@ var _t = N, Lt = class {
       this.externalDisplayConditionsLibrary,
       this.externalVideoLibrary,
       this.blocksPanel,
-      this.iconsRegistry
+      this.iconsRegistry,
+      this.externalImageLibraryTab
     );
   }
-}, ct = class O extends n {
+}, Bt = class g extends a {
   constructor() {
-    super(O.REQUIRED_METHODS, O);
+    super(g.REQUIRED_METHODS, g);
   }
-  openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: i }) {
+  openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: o }) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-ct.REQUIRED_METHODS = ["openAiAssistant"];
-var mt = class b extends n {
+Bt.REQUIRED_METHODS = ["openAiAssistant"];
+var Mt = class m extends a {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    super(m.REQUIRED_METHODS, m);
   }
   /**
    * Retrieves the name of the category.
@@ -510,44 +687,65 @@ var mt = class b extends n {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-mt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ot = class R extends n {
+Mt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var xt = class C extends a {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(C.REQUIRED_METHODS, C);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Ot.REQUIRED_METHODS = ["openImageLibrary"];
-var bt = class C extends n {
+xt.REQUIRED_METHODS = ["openImageLibrary"];
+var vt = class b extends a {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(b.REQUIRED_METHODS, b);
+  }
+  /**
+   * @description Returns the translated name/label for the tab
+   * @returns Translation key or text to display as tab label
+   */
+  getName() {
+    throw new Error("Method getName() must be implemented by the subclass");
+  }
+  /**
+   * @description Opens the external image library tab and provides a container for rendering
+   * @param _container - DOM element container where the external library UI should be rendered
+   * @param _onImageSelectCallback - Callback to invoke when an image is selected
+   */
+  openImageLibraryTab(e, r) {
+    throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
+  }
+};
+vt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var yt = class N extends a {
+  constructor() {
+    super(N.REQUIRED_METHODS, N);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-bt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Rt = class g extends n {
+yt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ut = class A extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(A.REQUIRED_METHODS, A);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-Rt.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var y = class I extends n {
+Ut.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var G = class D extends a {
   constructor() {
-    super(I.REQUIRED_METHODS, I);
+    super(D.REQUIRED_METHODS, D);
   }
   registerIconsSvg(e) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["registerIconsSvg"];
-var Dt = y, Tt = class {
+G.REQUIRED_METHODS = ["registerIconsSvg"];
+var oe = G, Ee = class {
   constructor(t) {
     this.key = t;
   }
@@ -560,9 +758,9 @@ var Dt = y, Tt = class {
       params: this.params
     };
   }
-}, x = class _ extends n {
+}, Q = class S extends a {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(S.REQUIRED_METHODS, S);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -615,34 +813,60 @@ var Dt = y, Tt = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-x.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var Mt = x, U = class L extends n {
+Q.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var le = Q, f = class B extends a {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(B.REQUIRED_METHODS, B);
   }
   registerUiElements(e) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-U.REQUIRED_METHODS = ["registerUiElements"];
-var St = U;
+f.REQUIRED_METHODS = ["registerUiElements"];
+var de = f;
 export {
-  Ct as Block,
-  F as BlockCompositionType,
-  rt as BlockSelector,
-  st as BlockType,
-  it as ContainerControls,
-  It as Control,
-  ut as Extension,
-  At as ExtensionBuilder,
-  Dt as IconsRegistry,
-  Tt as ModificationDescription,
-  _t as SettingsPanelRegistry,
-  Lt as SettingsPanelTab,
-  at as SettingsTab,
-  nt as TextControls,
-  gt as UEAttr,
-  Mt as UIElement,
-  St as UIElementTagRegistry,
-  ht as UIElementType
+  pt as Block,
+  Kt as BlockAttr,
+  tt as BlockCompositionType,
+  O as BlockSelector,
+  ct as BlockType,
+  x as BuiltInControl,
+  n as BuiltInControlTypes,
+  Pt as ButtonAlignBuiltInControl,
+  Ht as ButtonBackgroundColorBuiltInControl,
+  Xt as ButtonBorderBuiltInControl,
+  Ft as ButtonBorderRadiusBuiltInControl,
+  kt as ButtonColorBuiltInControl,
+  F as ButtonControls,
+  Vt as ButtonFitToContainerBuiltInControl,
+  Gt as ButtonFontFamilyBuiltInControl,
+  Qt as ButtonMarginsBuiltInControl,
+  ft as ButtonPaddingsBuiltInControl,
+  Yt as ButtonTextBuiltInControl,
+  $t as ButtonTextSizeBuiltInControl,
+  Wt as ButtonTextStyleAndFontColorBuiltInControl,
+  _t as ContainerControls,
+  zt as Control,
+  St as Extension,
+  ie as ExtensionBuilder,
+  w as GeneralControls,
+  oe as IconsRegistry,
+  H as ImageControls,
+  Zt as ImageMarginsBuiltInControl,
+  jt as ImageSizeBuiltInControl,
+  Ee as ModificationDescription,
+  qt as SettingsPanelRegistry,
+  Jt as SettingsPanelTab,
+  ht as SettingsTab,
+  te as TextAlignBuiltInControl,
+  ee as TextColorBuiltInControl,
+  P as TextControls,
+  re as TextFontFamilyBuiltInControl,
+  ne as TextPaddingsBuiltInControl,
+  se as TextSizeBuiltInControl,
+  ae as TextStyleBuiltInControl,
+  wt as UEAttr,
+  le as UIElement,
+  de as UIElementTagRegistry,
+  Dt as UIElementType
 };

package/dist/package.json.js

@@ -0,0 +1,7 @@
+const o = { stripo: { version: "2.42.0" } }, s = {
+  guido: o
+};
+export {
+  s as default,
+  o as guido
+};

package/dist/services/recommendationApi.js

@@ -0,0 +1,37 @@
+import { useHttp as c } from "../composables/useHttp.js";
+import { URLS as a } from "../enums/extensions/recommendationBlock.js";
+const R = () => {
+  const { get: o } = c();
+  return {
+    fetchRecommendationCreateData: async () => {
+      try {
+        return (await o("/newsletter/recommendations/create-data")).data;
+      } catch (e) {
+        throw console.error("fetchUserModalState error:", e), e;
+      }
+    },
+    fetchRecommendationFilters: async () => {
+      try {
+        const { data: e } = await o("/stripo/email-recommendation-attributes");
+        return e;
+      } catch (e) {
+        throw console.error("fetchRecommendationFilters error:", e), e;
+      }
+    },
+    fetchRecommendationProducts: async (e, n) => {
+      try {
+        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
+        console.debug("🏁 Recommendation API Query:", t);
+        const r = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+        );
+        return (r == null ? void 0 : r.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
+      }
+    }
+  };
+};
+export {
+  R as useRecommendationApi
+};

package/dist/{@types → src/@types}/generic.d.ts

@@ -55,4 +55,8 @@ export type MergeTag = {
     label: string;
     value: string;
 };
+export type TextValueObject = {
+    text: string;
+    value: string;
+};
 export {};

package/dist/src/components/organisms/extensions/recommendation/FilterItem.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Filter } from '@@/Types/recommendation';
+type __VLS_Props = {
+    filter: Filter;
+    index: number;
+    hasLogicAdapter?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "delete-filter": (filter: Filter) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};