@useinsider/guido 1.0.3-beta.413aef4 → 1.0.3-beta.46b1cdf

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 || {}), D = 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 l;
-    const s = [], i = r.name, d = 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;
       }
-      d[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" && ((l = process.env) == null ? void 0 : l.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`);
   }
 };
-D.validatedClasses = /* @__PURE__ */ new Set();
-D.validationErrors = /* @__PURE__ */ new Map();
-var n = D, M = class h extends n {
+B.validatedClasses = /* @__PURE__ */ new Set();
+B.validationErrors = /* @__PURE__ */ new Map();
+var i = B, x = class c extends i {
   constructor() {
-    super(h.REQUIRED_METHODS, h);
+    super(c.REQUIRED_METHODS, c);
   }
   /**
    * Determines if the block should be available for use in the editor.
@@ -185,10 +185,10 @@ var n = D, M = class h extends n {
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-M.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var It = M, k = class u extends n {
+x.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var wt = x, tt = class _ extends i {
   constructor() {
-    super(u.REQUIRED_METHODS, u);
+    super(_.REQUIRED_METHODS, _);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
@@ -203,10 +203,10 @@ var It = M, k = class u extends n {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-k.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var V = class c extends n {
+tt.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var et = class R extends i {
   constructor() {
-    super(c.REQUIRED_METHODS, c);
+    super(R.REQUIRED_METHODS, R);
   }
   getId() {
     throw new Error("Method getId() must be implemented by the subclass");
@@ -221,42 +221,170 @@ var V = class c extends n {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
-var Q = "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 = `.${Q}`, 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 || {}), E = {
+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 = {
-  ...E,
+}, ht = {
+  ...a,
   caption: "caption",
   icon: "icon"
-}, Et = {
-  ...E,
+}, Ct = {
+  ...a,
+  caption: "caption"
+}, Lt = {
+  ...a,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, lt = {
-  ...E,
+}, gt = {
+  ...a,
   text: "text"
-}, dt = {
-  ...E,
+}, mt = {
+  ...a
+}, H = {
+  ...a,
+  searchable: "searchable",
+  multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, ht = {
+}, At = {
+  ...H
+}, Nt = {
   text: "text",
   value: "value"
-}, ut = {
-  ...E
-}, _t = {
-  BUTTON: ot,
-  COUNTER: Et,
-  LABEL: lt,
-  SELECTPICKER: dt,
-  SWITCHER: E,
-  TEXT: ut,
-  SELECT_ITEM: ht
-}, ct = /* @__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))(ct || {}), S = class m 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(m.REQUIRED_METHODS, m);
+    super(h.REQUIRED_METHODS, h);
   }
   /**
    * @description Allows to determine if control should be visible or hidden in control panel.
@@ -301,18 +429,38 @@ var Q = "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 Lt = S, N = class O 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(O.REQUIRED_METHODS, O);
+    super(C.REQUIRED_METHODS, C);
   }
   registerBlockControls(e) {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-N.REQUIRED_METHODS = ["registerBlockControls"];
-var At = N, Dt = class {
+V.REQUIRED_METHODS = ["registerBlockControls"];
+var te = V, ee = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -335,9 +483,42 @@ var At = N, Dt = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, mt = class {
-  constructor(t, e, r = [], s, i = [], d, l = [], a = [], T, U, p, w, B, K, H, P) {
-    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 = d, this.contextActions = l, this.blocks = a, this.externalSmartElementsLibrary = T, this.externalImageLibrary = U, this.externalAiAssistant = w, this.externalDisplayConditionsLibrary = B, this.externalVideoLibrary = K, this.blocksPanel = H, this.iconsRegistry = P, 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;
@@ -390,7 +571,7 @@ var At = N, Dt = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Tt = class {
+}, le = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -452,7 +633,7 @@ var At = N, Dt = class {
     return this.iconsRegistry = t, this;
   }
   build() {
-    return new mt(
+    return new xt(
       this.i18n,
       (this.styles || []).map((t) => t.trim()).join(`
 `),
@@ -472,18 +653,18 @@ var At = N, Dt = class {
       this.iconsRegistry
     );
   }
-}, Ot = class b extends n {
+}, Ut = class L extends i {
   constructor() {
-    super(b.REQUIRED_METHODS, b);
+    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");
   }
 };
-Ot.REQUIRED_METHODS = ["openAiAssistant"];
-var bt = class R extends n {
+Ut.REQUIRED_METHODS = ["openAiAssistant"];
+var yt = class g extends i {
   constructor() {
-    super(R.REQUIRED_METHODS, R);
+    super(g.REQUIRED_METHODS, g);
   }
   /**
    * Retrieves the name of the category.
@@ -521,44 +702,44 @@ var bt = class R extends n {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-bt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Rt = class C extends n {
+yt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Kt = class m extends i {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(m.REQUIRED_METHODS, m);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Rt.REQUIRED_METHODS = ["openImageLibrary"];
-var Ct = class g extends n {
+Kt.REQUIRED_METHODS = ["openImageLibrary"];
+var pt = class A extends i {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(A.REQUIRED_METHODS, A);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-Ct.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var gt = class I extends n {
+pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var Ft = class N extends i {
   constructor() {
-    super(I.REQUIRED_METHODS, I);
+    super(N.REQUIRED_METHODS, N);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-gt.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var y = class _ extends n {
+Ft.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var G = class b extends i {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(b.REQUIRED_METHODS, b);
   }
   registerIconsSvg(e) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
-y.REQUIRED_METHODS = ["registerIconsSvg"];
-var Mt = y, St = class {
+G.REQUIRED_METHODS = ["registerIconsSvg"];
+var de = G, ue = class {
   constructor(t) {
     this.key = t;
   }
@@ -571,9 +752,9 @@ var Mt = y, St = class {
       params: this.params
     };
   }
-}, v = class L extends n {
+}, f = class D extends i {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(D.REQUIRED_METHODS, D);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -626,34 +807,60 @@ var Mt = y, St = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-v.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var Nt = v, x = class A extends n {
+f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var Oe = f, Q = class S extends i {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(S.REQUIRED_METHODS, S);
   }
   registerUiElements(e) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-x.REQUIRED_METHODS = ["registerUiElements"];
-var yt = x;
+Q.REQUIRED_METHODS = ["registerUiElements"];
+var Ie = Q;
 export {
-  It as Block,
-  F as BlockCompositionType,
-  rt as BlockSelector,
-  st as BlockType,
-  it as ContainerControls,
-  Lt as Control,
-  mt as Extension,
-  Tt as ExtensionBuilder,
-  Mt as IconsRegistry,
-  St as ModificationDescription,
-  At as SettingsPanelRegistry,
-  Dt as SettingsPanelTab,
-  at as SettingsTab,
-  nt as TextControls,
-  _t as UEAttr,
-  Nt as UIElement,
-  yt as UIElementTagRegistry,
-  ct 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.43.0" } }, s = {
+const o = { stripo: { version: "2.42.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/@types/generic.d.ts

@@ -18,6 +18,7 @@ export type GuidoConfig = {
     ignoreDefaultHtmlCompilerRules?: boolean;
     useHeader?: boolean;
     emailHeader: EmailHeader;
+    migrationDate: number;
     partner?: Partner;
     extensions?: Extensions;
     features?: Features;
@@ -59,4 +60,9 @@ export type TextValueObject = {
     text: string;
     value: string;
 };
+export interface L10n {
+    locale?: string;
+    timezone?: string;
+    time?: number;
+}
 export {};

package/dist/src/components/Guido.vue.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
+    "onboarding:finished": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/components/organisms/onboarding/NewVersionPopup.vue.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "onboarding-finished": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/onboarding/OnboardingWrapper.vue.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
+    "onboarding-finished": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/config/migrator/recommendationMigrator.d.ts

@@ -0,0 +1 @@
+export declare function migrateRecommendation(html: string): string;

package/dist/src/enums/date.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_LOCALE = "tr-TR";
+export declare const DEFAULT = "default";
+export declare const DEFAULT_TZ = "UTC";
+export declare const FORMAT_MAPPING: Record<string, string>;

package/dist/src/enums/onboarding.d.ts

@@ -1 +1,2 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
+export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -1,6 +1,7 @@
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
+    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;