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

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 J = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(J || {}), B = class u {
   /**
    * 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 !== u) {
+      u.validatedClasses.has(r) || this.validateImplementation(e, r);
+      const s = u.validationErrors.get(r);
       if (s && s.length > 0)
         throw new Error(
           `${r.name} has validation errors:
-${s.map((i) => `  - ${i}`).join(`
+${s.map((E) => `  - ${E}`).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 O;
+    const s = [], E = r.name, T = Object.getPrototypeOf(this);
+    e.forEach((l) => {
+      if (typeof this[l] != "function") {
+        s.push(`Method ${l}() 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[l] === r.prototype[l] && s.push(`Method ${l}() must be implemented (currently using base class error-throwing implementation)`);
+    }), u.validatedClasses.add(r), s.length > 0 ? (u.validationErrors.set(r, s), console.error(`[${E} Validation] ${E} validation failed:`, s)) : typeof process < "u" && ((O = process.env) == null ? void 0 : O.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
   }
 };
-A.validatedClasses = /* @__PURE__ */ new Set();
-A.validationErrors = /* @__PURE__ */ new Map();
-var n = A, M = class d extends n {
+B.validatedClasses = /* @__PURE__ */ new Set();
+B.validationErrors = /* @__PURE__ */ new Map();
+var i = B, x = class c extends i {
   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 {
+x.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var wt = x, tt = class _ extends i {
   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 {
+tt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var et = class R extends i {
   constructor() {
-    super(u.REQUIRED_METHODS, u);
+    super(R.REQUIRED_METHODS, R);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -221,31 +221,170 @@ 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 = {
+et.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+var rt = {
+  src: "src",
+  alt: "alt",
+  href: "href"
+}, nt = {
+  href: "href"
+}, Pt = {
+  BLOCK_IMAGE: rt,
+  BLOCK_BUTTON: nt
+}, U = "esd-block-button", y = "esd-block-text", K = "esd-block-image", st = "esd-structure", it = "esd-block-video", at = "esd-block-social", ot = "esd-block-banner", Et = "esd-block-timer", lt = "esd-block-menu", dt = "esd-block-html", ut = "esd-block-spacer", Ot = "esd-container-frame", It = "esd-stripe", Tt = "esd-amp-form", I = ((t) => (t.BUTTON = `.${U}`, t.TEXT = `.${y}`, t.IMAGE = `.${K}`, t.STRUCTURE = `.${st}`, t.VIDEO = `.${it}`, t.SOCIAL = `.${at}`, t.BANNER = `.${ot}`, t.TIMER = `.${Et}`, t.MENU = `.${lt}`, t.HTML = `.${dt}`, t.SPACER = `.${ut}`, t.CONTAINER = `.${Ot}`, t.STRIPE = `.${It}`, t.FORM = `.${Tt}`, t))(I || {}), 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 || {}), p = /* @__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))(p || {}), 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 || {}), w = /* @__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))(w || {}), P = /* @__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))(P || {}), _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: w,
+  BLOCK_IMAGE: P,
+  GENERAL: p
+}, Rt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Rt || {}), a = {
   name: "name",
   disabled: "disabled"
-}, ot = {
-  ...D,
+}, ht = {
+  ...a,
+  caption: "caption",
+  icon: "icon"
+}, Ct = {
+  ...a,
   caption: "caption"
-}, Et = {
-  ...D,
+}, Lt = {
+  ...a,
+  minValue: "min-value",
+  maxValue: "max-value",
+  step: "step"
+}, gt = {
+  ...a,
   text: "text"
-}, lt = {
-  ...D,
+}, mt = {
+  ...a
+}, H = {
+  ...a,
+  searchable: "searchable",
+  multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, dt = {
+}, At = {
+  ...H
+}, Nt = {
   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 {
+}, bt = {
+  text: "text",
+  value: "value"
+}, Dt = {
+  ...a
+}, St = {
+  controlId: "control-id"
+}, Bt = {
+  ...a,
+  icon: "icon",
+  position: "position"
+}, Mt = {
+  ...a
+}, Ht = {
+  BUTTON: ht,
+  CHECKBOX: Ct,
+  COLOR: a,
+  COUNTER: Lt,
+  LABEL: gt,
+  RADIO_BUTTONS: mt,
+  SELECTPICKER: H,
+  FONT_FAMILY_SELECT: At,
+  SWITCHER: a,
+  TEXT: Dt,
+  SELECT_ITEM: Nt,
+  RADIO_ITEM: bt,
+  NESTED_CONTROL: St,
+  ORDERABLE: Bt,
+  ORDERABLE_ITEM: Mt
+}, vt = /* @__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))(vt || {}), M = 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;
+  }
+}, o = class extends M {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(I.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, Xt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.BORDER_RADIUS;
+  }
+  getLabels() {
+  }
+}, kt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.ALIGNMENT;
+  }
+}, Vt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.BORDER;
+  }
+  getLabels() {
+  }
+}, Gt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.COLOR;
+  }
+}, ft = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
+  }
+}, Qt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.FONT_FAMILY;
+  }
+}, Yt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
+  }
+}, $t = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.INTERNAL_INDENTS;
+  }
+}, Wt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.TEXT;
+  }
+}, zt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.FONT_SIZE;
+  }
+}, Zt = class extends o {
+  getParentControlId() {
+    return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
+  }
+  getLabels() {
+  }
+}, X = class h extends i {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(h.REQUIRED_METHODS, h);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -290,18 +429,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 jt = X, k = class extends M {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(I.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, qt = class extends k {
+  getParentControlId() {
+    return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
+  }
+}, Jt = class extends k {
+  getParentControlId() {
+    return n.BLOCK_IMAGE.SIZE;
+  }
+}, V = class C extends i {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(C.REQUIRED_METHODS, C);
   }
   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 te = V, ee = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -324,9 +483,42 @@ 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);
+}, d = class extends M {
+  getTargetNodes(t) {
+    const e = t.querySelectorAll(I.TEXT), r = t.asElement().hasClass(y) ? [t] : [];
+    return e.length ? e : r;
+  }
+}, re = class extends d {
+  getParentControlId() {
+    return n.GENERAL.TEXT_ALIGN;
+  }
+}, ne = class extends d {
+  getParentControlId() {
+    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
+  }
+}, se = class extends d {
+  getParentControlId() {
+    return n.GENERAL.TEXT_COLOR;
+  }
+}, ie = class extends d {
+  getParentControlId() {
+    return n.BLOCK_TEXT.FONT_FAMILY;
+  }
+}, ae = class extends d {
+  getParentControlId() {
+    return n.BLOCK_TEXT.INTERNAL_INDENTS;
+  }
+}, oe = class extends d {
+  getParentControlId() {
+    return n.GENERAL.TEXT_SIZE;
+  }
+}, Ee = class extends d {
+  getParentControlId() {
+    return n.GENERAL.TEXT_STYLE;
+  }
+}, xt = class {
+  constructor(t, e, r = [], s, E = [], T, O = [], l = [], v, Y, $, W, z, Z, j, q) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = $, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = O, this.blocks = l, this.externalSmartElementsLibrary = v, this.externalImageLibrary = Y, 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;
@@ -379,7 +571,7 @@ var _t = N, Lt = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, At = class {
+}, le = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -441,7 +633,7 @@ var _t = N, Lt = class {
     return this.iconsRegistry = t, this;
   }
   build() {
-    return new ut(
+    return new xt(
       this.i18n,
       (this.styles || []).map((t) => t.trim()).join(`
 `),
@@ -461,18 +653,18 @@ var _t = N, Lt = class {
       this.iconsRegistry
     );
   }
-}, ct = class O extends n {
+}, Ut = class L extends i {
   constructor() {
-    super(O.REQUIRED_METHODS, O);
+    super(L.REQUIRED_METHODS, L);
   }
-  openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: i }) {
+  openAiAssistant({ value: e, onDataSelectCallback: r, onCancelCallback: s, type: E }) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-ct.REQUIRED_METHODS = ["openAiAssistant"];
-var mt = class b extends n {
+Ut.REQUIRED_METHODS = ["openAiAssistant"];
+var yt = class g extends i {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    super(g.REQUIRED_METHODS, g);
   }
   /**
    * Retrieves the name of the category.
@@ -510,44 +702,44 @@ 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 {
+yt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Kt = class m extends i {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(m.REQUIRED_METHODS, m);
   }
   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 {
+Kt.REQUIRED_METHODS = ["openImageLibrary"];
+var pt = class A extends i {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(A.REQUIRED_METHODS, A);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-bt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Rt = class g extends n {
+pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ft = class N extends i {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(N.REQUIRED_METHODS, N);
   }
   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 {
+Ft.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var G = class b extends i {
   constructor() {
-    super(I.REQUIRED_METHODS, I);
+    super(b.REQUIRED_METHODS, b);
   }
   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 de = G, ue = class {
   constructor(t) {
     this.key = t;
   }
@@ -560,9 +752,9 @@ var Dt = y, Tt = class {
       params: this.params
     };
   }
-}, x = class _ extends n {
+}, f = class D extends i {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(D.REQUIRED_METHODS, D);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -615,34 +807,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 {
+f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var Oe = f, Q = class S extends i {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(S.REQUIRED_METHODS, S);
   }
   registerUiElements(e) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-U.REQUIRED_METHODS = ["registerUiElements"];
-var St = U;
+Q.REQUIRED_METHODS = ["registerUiElements"];
+var Ie = Q;
 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
+  wt as Block,
+  Pt as BlockAttr,
+  J as BlockCompositionType,
+  I as BlockSelector,
+  ct as BlockType,
+  M as BuiltInControl,
+  n as BuiltInControlTypes,
+  kt as ButtonAlignBuiltInControl,
+  Vt as ButtonBorderBuiltInControl,
+  Xt as ButtonBorderRadiusBuiltInControl,
+  Gt as ButtonColorBuiltInControl,
+  F as ButtonControls,
+  ft as ButtonFitToContainerBuiltInControl,
+  Qt as ButtonFontFamilyBuiltInControl,
+  Yt as ButtonMarginsBuiltInControl,
+  $t as ButtonPaddingsBuiltInControl,
+  Wt as ButtonTextBuiltInControl,
+  zt as ButtonTextSizeBuiltInControl,
+  Zt as ButtonTextStyleAndFontColorBuiltInControl,
+  _t as ContainerControls,
+  jt as Control,
+  xt as Extension,
+  le as ExtensionBuilder,
+  p as GeneralControls,
+  de as IconsRegistry,
+  P as ImageControls,
+  qt as ImageMarginsBuiltInControl,
+  Jt as ImageSizeBuiltInControl,
+  ue as ModificationDescription,
+  te as SettingsPanelRegistry,
+  ee as SettingsPanelTab,
+  Rt as SettingsTab,
+  re as TextAlignBuiltInControl,
+  ne as TextBlockBackgroundBuiltInControl,
+  se as TextColorBuiltInControl,
+  w as TextControls,
+  ie as TextFontFamilyBuiltInControl,
+  ae as TextPaddingsBuiltInControl,
+  oe as TextSizeBuiltInControl,
+  Ee as TextStyleBuiltInControl,
+  Ht as UEAttr,
+  Oe as UIElement,
+  Ie as UIElementTagRegistry,
+  vt as UIElementType
 };

package/dist/package.json.js

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

package/dist/services/recommendationApi.js

@@ -0,0 +1,43 @@
+import { useHttp as c } from "../composables/useHttp.js";
+import { URLS as a } from "../enums/extensions/recommendationBlock.js";
+import { useEditorStore as m } from "../stores/editor.js";
+import { replaceString as s } from "../utils/genericUtil.js";
+const l = () => {
+  const { get: o } = c();
+  return {
+    fetchRecommendationCreateData: async () => {
+      const e = m();
+      try {
+        return (await o(s(
+          "/newsletter/{id}/recommendations/get-campaign-create-data",
+          { id: e.templateId }
+        ))).data;
+      } catch (t) {
+        throw console.error("fetchUserModalState error:", t), t;
+      }
+    },
+    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, t) => {
+      try {
+        const r = decodeURIComponent(new URLSearchParams(Object.entries(t)).toString());
+        console.debug("🏁 Recommendation API Query:", r);
+        const n = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${r}`
+        );
+        return (n == null ? void 0 : n.data) ?? [];
+      } catch (r) {
+        throw console.error("fetchRecommendationProducts error:", r), r;
+      }
+    }
+  };
+};
+export {
+  l as useRecommendationApi
+};

package/dist/services/stripoApi.js

@@ -29,7 +29,7 @@ const m = () => {
         forceRecreate: !0
       };
       try {
-        const { data: e } = await r("/stripo/default-template");
+        const { data: e } = await r("/stripo/default-template/0");
         try {
           return {
             ...JSON.parse(e),