@useinsider/guido 1.0.3-beta.dfb1fcf → 1.0.3-beta.e0403cf

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

@@ -21,7 +21,7 @@ ${s.map((E) => `  - ${E}`).join(`
    * This validation runs only once per class type and results are cached.
    */
   validateImplementation(e, r) {
-    var I;
+    var O;
     const s = [], E = r.name, T = Object.getPrototypeOf(this);
     e.forEach((l) => {
       if (typeof this[l] != "function") {
@@ -29,7 +29,7 @@ ${s.map((E) => `  - ${E}`).join(`
         return;
       }
       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" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
+    }), 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`);
   }
 };
 B.validatedClasses = /* @__PURE__ */ new Set();
@@ -231,33 +231,33 @@ var rt = {
 }, 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", It = "esd-container-frame", Ot = "esd-stripe", Tt = "esd-amp-form", O = ((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 = `.${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 || {}), 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 = {
+}, 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 || {}), o = {
+}, Rt = /* @__PURE__ */ ((t) => (t.SETTINGS = "settings", t.STYLES = "styles", t.DATA = "data", t))(Rt || {}), a = {
   name: "name",
   disabled: "disabled"
 }, ht = {
-  ...o,
+  ...a,
   caption: "caption",
   icon: "icon"
 }, Ct = {
-  ...o,
+  ...a,
   caption: "caption"
 }, Lt = {
-  ...o,
+  ...a,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
 }, gt = {
-  ...o,
+  ...a,
   text: "text"
 }, mt = {
-  ...o
+  ...a
 }, H = {
-  ...o,
+  ...a,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
@@ -271,25 +271,25 @@ var rt = {
   text: "text",
   value: "value"
 }, Dt = {
-  ...o
+  ...a
 }, St = {
   controlId: "control-id"
 }, Bt = {
-  ...o,
+  ...a,
   icon: "icon",
   position: "position"
 }, Mt = {
-  ...o
+  ...a
 }, Ht = {
   BUTTON: ht,
   CHECKBOX: Ct,
-  COLOR: o,
+  COLOR: a,
   COUNTER: Lt,
   LABEL: gt,
   RADIO_BUTTONS: mt,
   SELECTPICKER: H,
   FONT_FAMILY_SELECT: At,
-  SWITCHER: o,
+  SWITCHER: a,
   TEXT: Dt,
   SELECT_ITEM: Nt,
   RADIO_ITEM: bt,
@@ -327,60 +327,56 @@ var rt = {
   isVisible(t) {
     return !0;
   }
-}, a = class extends M {
+}, o = class extends M {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
+    const e = t.querySelectorAll(I.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
     return e.length ? e : r;
   }
-}, Xt = class extends a {
+}, Xt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, kt = class extends a {
+}, kt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
-}, Vt = class extends a {
-  getParentControlId() {
-    return n.GENERAL.BACKGROUND_COLOR;
-  }
-}, Gt = class extends a {
+}, Vt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, ft = class extends a {
+}, Gt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, Qt = class extends a {
+}, ft = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, Yt = class extends a {
+}, Qt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, $t = class extends a {
+}, Yt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, Wt = class extends a {
+}, $t = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, zt = class extends a {
+}, Wt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, Zt = class extends a {
+}, zt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, jt = class extends a {
+}, Zt = class extends o {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
@@ -442,16 +438,16 @@ var rt = {
   }
 };
 X.REQUIRED_METHODS = ["getId", "getTemplate"];
-var qt = X, k = class extends M {
+var jt = X, k = class extends M {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
+    const e = t.querySelectorAll(I.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
     return e.length ? e : r;
   }
-}, Jt = class extends k {
+}, qt = class extends k {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, te = class extends k {
+}, Jt = class extends k {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
@@ -464,7 +460,7 @@ var qt = X, k = class extends M {
   }
 };
 V.REQUIRED_METHODS = ["registerBlockControls"];
-var ee = V, re = class {
+var te = V, ee = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -489,13 +485,17 @@ var ee = V, re = class {
   }
 }, d = class extends M {
   getTargetNodes(t) {
-    const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(y) ? [t] : [];
+    const e = t.querySelectorAll(I.TEXT), r = t.asElement().hasClass(y) ? [t] : [];
     return e.length ? e : r;
   }
-}, ne = class extends d {
+}, 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;
@@ -505,24 +505,20 @@ var ee = V, re = class {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
 }, ae = class extends d {
-  getParentControlId() {
-    return n.GENERAL.TEXT_LINE_SPACING;
-  }
-}, oe = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, Ee = class extends d {
+}, oe = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, le = class extends d {
+}, Ee = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
 }, xt = class {
-  constructor(t, e, r = [], s, E = [], T, I = [], 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 = I, 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);
+  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;
@@ -575,7 +571,7 @@ var ee = V, re = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, de = class {
+}, le = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -743,7 +739,7 @@ var G = class b extends i {
   }
 };
 G.REQUIRED_METHODS = ["registerIconsSvg"];
-var ue = G, Ie = class {
+var de = G, ue = class {
   constructor(t) {
     this.key = t;
   }
@@ -821,51 +817,50 @@ var Oe = f, Q = class S extends i {
   }
 };
 Q.REQUIRED_METHODS = ["registerUiElements"];
-var Te = Q;
+var Ie = Q;
 export {
   wt as Block,
   Pt as BlockAttr,
   J as BlockCompositionType,
-  O as BlockSelector,
+  I as BlockSelector,
   ct as BlockType,
   M as BuiltInControl,
   n as BuiltInControlTypes,
   kt as ButtonAlignBuiltInControl,
-  Vt as ButtonBackgroundColorBuiltInControl,
-  Gt as ButtonBorderBuiltInControl,
+  Vt as ButtonBorderBuiltInControl,
   Xt as ButtonBorderRadiusBuiltInControl,
-  ft as ButtonColorBuiltInControl,
+  Gt as ButtonColorBuiltInControl,
   F as ButtonControls,
-  Qt as ButtonFitToContainerBuiltInControl,
-  Yt as ButtonFontFamilyBuiltInControl,
-  $t as ButtonMarginsBuiltInControl,
-  Wt as ButtonPaddingsBuiltInControl,
-  zt as ButtonTextBuiltInControl,
-  Zt as ButtonTextSizeBuiltInControl,
-  jt as ButtonTextStyleAndFontColorBuiltInControl,
+  ft as ButtonFitToContainerBuiltInControl,
+  Qt as ButtonFontFamilyBuiltInControl,
+  Yt as ButtonMarginsBuiltInControl,
+  $t as ButtonPaddingsBuiltInControl,
+  Wt as ButtonTextBuiltInControl,
+  zt as ButtonTextSizeBuiltInControl,
+  Zt as ButtonTextStyleAndFontColorBuiltInControl,
   _t as ContainerControls,
-  qt as Control,
+  jt as Control,
   xt as Extension,
-  de as ExtensionBuilder,
+  le as ExtensionBuilder,
   p as GeneralControls,
-  ue as IconsRegistry,
+  de as IconsRegistry,
   P as ImageControls,
-  Jt as ImageMarginsBuiltInControl,
-  te as ImageSizeBuiltInControl,
-  Ie as ModificationDescription,
-  ee as SettingsPanelRegistry,
-  re as SettingsPanelTab,
+  qt as ImageMarginsBuiltInControl,
+  Jt as ImageSizeBuiltInControl,
+  ue as ModificationDescription,
+  te as SettingsPanelRegistry,
+  ee as SettingsPanelTab,
   Rt as SettingsTab,
-  ne as TextAlignBuiltInControl,
+  re as TextAlignBuiltInControl,
+  ne as TextBlockBackgroundBuiltInControl,
   se as TextColorBuiltInControl,
   w as TextControls,
   ie as TextFontFamilyBuiltInControl,
-  ae as TextLineSpacingBuiltInControl,
-  oe as TextPaddingsBuiltInControl,
-  Ee as TextSizeBuiltInControl,
-  le as TextStyleBuiltInControl,
+  ae as TextPaddingsBuiltInControl,
+  oe as TextSizeBuiltInControl,
+  Ee as TextStyleBuiltInControl,
   Ht as UEAttr,
   Oe as UIElement,
-  Te as UIElementTagRegistry,
+  Ie as UIElementTagRegistry,
   vt as UIElementType
 };

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

@@ -7,7 +7,6 @@ type Features = {
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
     testMessage?: boolean;
-    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;
@@ -38,39 +37,15 @@ export type TemplateConfig = {
     selectedUnsubscribePages?: number[];
     variationId?: string;
 };
-export type BaseDynamicContent = {
+export type DynamicContent = {
     value: string;
+    text: string;
     fallback?: string;
     format?: {
         key: string;
         value: string;
     };
 };
-export type DynamicContent = BaseDynamicContent & {
-    text: string;
-};
-export type MergeTag = BaseDynamicContent & {
-    label: string;
-    selStart?: number;
-    selEnd?: number;
-    hidden?: boolean;
-};
-export type PositionData = {
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-};
-export type DynamicContentEvent = {
-    attribute: DynamicContent;
-    position?: PositionData;
-};
-export type MergeTagClickEvent = {
-    position: PositionData;
-    element: HTMLElement;
-    tagValue: string | null;
-    tagLabel: string | null;
-};
 export interface EmailHeader {
     senderName: string;
     subject: string;
@@ -86,6 +61,10 @@ export interface TooltipOptions {
     };
     preventXss?: boolean;
 }
+export type MergeTag = {
+    label: string;
+    value: string;
+};
 export type TextValueObject = {
     text: string;
     value: string;

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,14 +20,13 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
+    "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
-    "test-email:click": () => 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/composables/useGuidoActions.d.ts

@@ -3,11 +3,9 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
-export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -15,7 +13,6 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
-    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -38,11 +35,6 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Hook to use the test email click handler
- * @returns Test email click function
- */
-export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -51,5 +43,4 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
-    testEmailClick: TestEmailClickHandler;
 };

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

@@ -7,73 +7,22 @@ export interface CardCompositionItem {
     visible: boolean;
 }
 export declare class RecommendationCardCompositionControl extends CommonControl {
+    private currentComposition;
+    private currentVisibility;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     /**
-     * Creates the HTML content for an orderable item with label and toggle
-     */
-    private _createItemContent;
-    /**
-     * Registers event listeners for composition and visibility changes
-     */
-    private _registerValueChangeListeners;
-    /**
-     * Initializes composition order and visibility state from the current node
+     * Initialize the composition order and visibility from the block or use defaults
      */
     private _initializeComposition;
-    /**
-     * Reads composition order from node's data-card-composition attribute
-     * Falls back to default order if attribute is not present
-     */
-    private _readCompositionFromNode;
-    /**
-     * Gets default composition order
-     */
-    private _getDefaultComposition;
-    /**
-     * Builds visibility values object from the visibility map
-     */
-    private _buildVisibilityValues;
-    /**
-     * Read visibility state from individual row elements' data-visibility attributes
-     * This ensures toggles reflect the actual DOM state
-     */
-    private _readVisibilityFromRows;
-    /**
-     * Returns default visibility values for all items
-     */
-    private _getDefaultVisibilities;
-    /**
-     * Extracts visibility values from DOM nodes
-     */
-    private _extractVisibilityFromRows;
-    /**
-     * Parses visibility value from string to boolean
-     * Accepts "1", "true" as true, everything else as false
-     */
-    private _parseVisibilityValue;
-    /**
-     * Merges extracted visibilities with default values for missing keys
-     */
-    private _mergeWithDefaults;
     /**
      * Apply the reordered composition to the block's HTML structure
-     * Updates the data-card-composition attribute and reorders product attributes
      */
     private _applyCompositionToBlock;
-    /**
-     * Reorders attribute rows within each product row based on composition order
-     */
-    private _reorderProductAttributes;
-    /**
-     * Builds HTML string with attributes ordered according to composition
-     */
-    private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
-     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
 }

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

@@ -1,15 +1,3 @@
-/**
- * Attribute type constants used in templates
- * These are used as keys in ElementRenderer and composition arrays
- */
-export declare const ATTR_PRODUCT_IMAGE = "productImage";
-export declare const ATTR_PRODUCT_NAME = "productName";
-export declare const ATTR_PRODUCT_PRICE = "productPrice";
-export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
-export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
-export declare const ATTR_PRODUCT_BUTTON = "productButton";
-export declare const ATTR_DATA_PRICE_INLINE = "data-price-inline";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -19,8 +7,6 @@ export declare enum RecommendationBlockId {
     NAME = "recommendation-block-name",
     PRICE = "recommendation-block-price",
     OLD_PRICE = "recommendation-block-old-price",
-    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
-    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image"
 }
 /**
@@ -43,17 +29,13 @@ export declare enum RecommendationControlId {
     NAME_BACKGROUND = "recommendation-block-name-background-control",
     NAME_COLOR = "recommendation-block-name-color-control",
     NAME_FONT_FAMILY = "recommendation-block-name-font-family-control",
-    NAME_LINE_SPACING = "recommendation-block-name-line-spacing-control",
     NAME_PADDINGS = "recommendation-block-name-paddings-control",
     NAME_SIZE = "recommendation-block-name-size-control",
     NAME_STYLE = "recommendation-block-name-style-control",
-    NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
     PRICE_ALIGN = "recommendation-block-price-align-control",
     PRICE_BACKGROUND = "recommendation-block-price-background-control",
     PRICE_COLOR = "recommendation-block-price-color-control",
     PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control",
-    PRICE_HIDE_IF_SAME = "recommendation-block-price-hide-if-same-control",
-    PRICE_LINE_SPACING = "recommendation-block-price-line-spacing-control",
     PRICE_PADDINGS = "recommendation-block-price-paddings-control",
     PRICE_SIZE = "recommendation-block-price-size-control",
     PRICE_STYLE = "recommendation-block-price-style-control",
@@ -61,31 +43,9 @@ export declare enum RecommendationControlId {
     OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control",
     OLD_PRICE_COLOR = "recommendation-block-old-price-color-control",
     OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control",
-    OLD_PRICE_LINE_SPACING = "recommendation-block-old-price-line-spacing-control",
     OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
     OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
     OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
-    OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
-    OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
-    OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
-    OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
-    OMNIBUS_PRICE_LINE_SPACING = "recommendation-block-omnibus-price-line-spacing-control",
-    OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
-    OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
-    OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
-    OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
-    OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
-    OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
-    OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
-    OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
-    OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
-    OMNIBUS_DISCOUNT_LINE_SPACING = "recommendation-block-omnibus-discount-line-spacing-control",
-    OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
-    OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
-    OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
-    OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
-    OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
     IMAGE_SIZE = "recommendation-block-image-size-control",
-    IMAGE_MARGINS = "recommendation-block-image-margins-control",
-    PRICE_INLINE_LAYOUT = "recommendation-block-price-inline-layout-control"
+    IMAGE_MARGINS = "recommendation-block-image-margins-control"
 }

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

@@ -17,6 +17,8 @@ export declare class RecommendationBlockControl extends CommonControl {
     _getProductLayout(): string;
     _getFilterStatus(): string;
     _getShuffleProducts(): string;
+    _getResponsive(): string;
+    _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
     /**
@@ -24,11 +26,6 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     _getCardComposition(): string[];
     _regenerateProductRows(): void;
-    /**
-     * Reapply spacing values after product regeneration
-     * This ensures spacing persists when products are regenerated
-     */
-    _reapplySpacing(): void;
     _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;

package/dist/src/extensions/Blocks/Recommendation/controls/button/align.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonAlignBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonAlignControl extends ButtonAlignBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}

package/dist/src/extensions/Blocks/Recommendation/controls/button/border.d.ts

@@ -0,0 +1,5 @@
+import { ImmutableHtmlNode, ButtonBorderBuiltInControl } from '@stripoinc/ui-editor-extensions';
+export declare class ButtonBorderControl extends ButtonBorderBuiltInControl {
+    getId(): string;
+    getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
+}