@useinsider/guido 2.0.0-beta.cf2fe38 → 2.0.0-beta.dd0d492

package/dist/extensions/Blocks/CouponBlock/extension.js

@@ -1,9 +1,8 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CouponBlock as t } from "./block.js";
-import { TextAlignControl as n, TextColorControl as r, TextSizeControl as l, TextStyleControl as d, TextFontFamilyControl as e, TextBackgroundControl as i, TextPaddingsControl as C, TextLineSpacingControl as a } from "./controls/index.js";
-import { CouponIconsRegistry as s } from "./iconsRegistry.js";
-import { CouponBlockSettings as m } from "./settingsPanel.js";
-const u = new o().addBlock(t).withSettingsPanelRegistry(m).addControl(n).addControl(r).addControl(l).addControl(d).addControl(e).addControl(i).addControl(C).addControl(a).withIconsRegistry(s).build();
+import { CouponIconsRegistry as i } from "./iconsRegistry.js";
+import { CouponBlockSettings as n } from "./settingsPanel.js";
+const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
 export {
-  u as default
+  p as default
 };

package/dist/extensions/Blocks/CouponBlock/settingsPanel.js

@@ -1,30 +1,24 @@
-import { SettingsPanelRegistry as n, SettingsPanelTab as o, SettingsTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as E } from "./block.js";
-import { CouponControlId as T } from "./constants.js";
-class i extends n {
+import { SettingsPanelRegistry as T, SettingsPanelTab as o, SettingsTab as O, TextControls as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as N } from "./block.js";
+class _ extends T {
   registerBlockControls(e) {
-    e[E] = [
+    e[N] = [
       new o(
-        t.SETTINGS,
+        O.SETTINGS,
         [
-          T.TEXT_STYLE,
-          T.TEXT_ALIGN,
-          T.TEXT_PADDINGS
-        ]
-      ),
-      new o(
-        t.STYLES,
-        [
-          T.TEXT_BACKGROUND,
-          T.TEXT_FONT_FAMILY,
-          T.TEXT_LINE_SPACING,
-          T.TEXT_SIZE,
-          T.TEXT_COLOR
+          t.FONT_FAMILY,
+          t.FONT_SIZE,
+          t.FORMAT,
+          t.FONT_COLOR,
+          t.TEXT_BLOCK_BACKGROUND_COLOR,
+          t.ALIGN,
+          t.LINE_HEIGHT,
+          t.INTERNAL_INDENTS
         ]
       )
     ];
   }
 }
 export {
-  i as CouponBlockSettings
+  _ as CouponBlockSettings
 };

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,29 +1,18 @@
-import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as e } from "./block.js";
-const t = `
-    <${o.BLOCK_TEXT}
-        class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
-        align="center"
-        esd-extension-block-id="${e}">
-        <p
-            path="1"
-            contenteditable="false"
-            style="font-size: 16px; color: #333333;">
-            <strong path="1,0">{@COUPON_CODE}</strong>
-        </p>
-    </${o.BLOCK_TEXT}>
-    `, l = `
-    <td
-        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
-        esd-extension-block-id="${e}"
+const o = `
+    <td class="coupon-block ins-coupon-code esd-block-text coupon-block-v2">
+        <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
+    </td>`, e = `
+    <td 
+        class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block" 
+        esd-extension-block-id="coupon-block"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function s() {
-  return t;
+function t() {
+  return o;
 }
 export {
-  l as default,
-  s as getDefaultTemplate
+  e as default,
+  t as getDefaultTemplate
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,234 +1,223 @@
-import { TextAlignBuiltInControl as o, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as u, TextFontFamilyBuiltInControl as i, ButtonBackgroundColorBuiltInControl as c, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as f, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as S, ButtonFitToContainerBuiltInControl as N, TextLineSpacingBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function $(r, t, n) {
-  return class extends o {
+import { TextAlignBuiltInControl as r, TextColorBuiltInControl as l, TextSizeBuiltInControl as s, TextStyleBuiltInControl as c, TextFontFamilyBuiltInControl as u, ButtonBackgroundColorBuiltInControl as i, TextPaddingsBuiltInControl as d, ImageSizeBuiltInControl as a, ImageMarginsBuiltInControl as g, ButtonAlignBuiltInControl as x, ButtonBorderBuiltInControl as C, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as I, ButtonFontFamilyBuiltInControl as m, ButtonMarginsBuiltInControl as T, ButtonPaddingsBuiltInControl as S, ButtonTextBuiltInControl as y, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as k, ButtonFitToContainerBuiltInControl as f } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function q(e, t, n) {
+  return class extends r {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function k(r, t, n) {
+function N(e, t, n = ".ins-recommendation-product-container") {
   return class extends l {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function p(r, t, n) {
+function $(e, t, n = ".ins-recommendation-product-container") {
   return class extends s {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function F(r, t, n) {
-  return class extends u {
+function p(e, t, n = ".ins-recommendation-product-container") {
+  return class extends c {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function z(r, t, n) {
-  return class extends i {
+function F(e, t, n = ".ins-recommendation-product-container") {
+  return class extends u {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function M(r, t, n) {
-  return class extends c {
+function z(e, t, n = ".ins-recommendation-product-container") {
+  return class extends i {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function P(r, t, n) {
+function M(e, t, n = ".ins-recommendation-product-container") {
   return class extends d {
     getId() {
-      return r;
-    }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function L(r, t, n) {
-  return class extends b {
-    getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function R(r, t, n = ".ins-recommendation-product-container") {
+function P(e, t, n = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function h(r, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function R(e, t, n = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function j(r, t, n = ".ins-recommendation-product-container") {
+function h(e, t, n = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function v(r, t, n = ".ins-recommendation-product-container") {
+function j(e, t, n = ".ins-recommendation-product-container") {
   return class extends B {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function w(r, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function v(e, t, n = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function D(r, t, n = ".ins-recommendation-product-container") {
-  return class extends f {
+function w(e, t, n = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function E(r, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function D(e, t, n = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function G(r, t, n = ".ins-recommendation-product-container") {
+function E(e, t, n = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function H(r, t, n = ".ins-recommendation-product-container") {
+function G(e, t, n = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function J(r, t, n) {
-  return class extends S {
+function H(e, t, n) {
+  return class extends k {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function K(r, t, n) {
-  return class extends N {
+function J(e, t, n) {
+  return class extends f {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function O(r, t, n) {
+function K(e, t, n) {
   return class extends a {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function Q(r, t, n) {
+function L(e, t, n) {
   return class extends g {
     getId() {
-      return r;
+      return e;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(o) {
+      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
 export {
-  R as createButtonAlignControl,
-  j as createButtonBorderControl,
-  v as createButtonBorderRadiusControl,
-  h as createButtonColorControl,
-  K as createButtonFitToContainerControl,
-  w as createButtonFontFamilyControl,
-  D as createButtonMarginsControl,
-  E as createButtonPaddingsControl,
-  G as createButtonTextControl,
-  H as createButtonTextSizeControl,
-  J as createButtonTextStyleAndFontColorControl,
-  Q as createImageMarginsControl,
-  O as createImageSizeControl,
-  P as createPaddingsControl,
-  $ as createTextAlignControl,
-  M as createTextBackgroundColorControl,
-  k as createTextColorControl,
-  z as createTextFontFamilyControl,
-  L as createTextLineSpacingControl,
-  p as createTextSizeControl,
-  F as createTextStyleControl
+  P as createButtonAlignControl,
+  h as createButtonBorderControl,
+  j as createButtonBorderRadiusControl,
+  R as createButtonColorControl,
+  J as createButtonFitToContainerControl,
+  v as createButtonFontFamilyControl,
+  w as createButtonMarginsControl,
+  D as createButtonPaddingsControl,
+  E as createButtonTextControl,
+  G as createButtonTextSizeControl,
+  H as createButtonTextStyleAndFontColorControl,
+  L as createImageMarginsControl,
+  K as createImageSizeControl,
+  M as createPaddingsControl,
+  q as createTextAlignControl,
+  z as createTextBackgroundColorControl,
+  N as createTextColorControl,
+  F as createTextFontFamilyControl,
+  $ as createTextSizeControl,
+  p as createTextStyleControl
 };

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

@@ -23,12 +23,12 @@ ${s.map((E) => `  - ${E}`).join(`
   validateImplementation(e, r) {
     var I;
     const s = [], E = r.name, T = Object.getPrototypeOf(this);
-    e.forEach((d) => {
-      if (typeof this[d] != "function") {
-        s.push(`Method ${d}() is not defined`);
+    e.forEach((l) => {
+      if (typeof this[l] != "function") {
+        s.push(`Method ${l}() is not defined`);
         return;
       }
-      T[d] === r.prototype[d] && s.push(`Method ${d}() must be implemented (currently using base class error-throwing implementation)`);
+      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`);
   }
 };
@@ -254,10 +254,10 @@ var st = {
   ...o,
   caption: "caption",
   icon: "icon"
-}, gt = {
+}, mt = {
   ...o,
   caption: "caption"
-}, mt = {
+}, gt = {
   ...o,
   minValue: "min-value",
   maxValue: "max-value",
@@ -265,7 +265,7 @@ var st = {
 }, bt = {
   ...o,
   text: "text"
-}, Nt = {
+}, At = {
   ...o
 }, X = {
   ...o,
@@ -273,7 +273,7 @@ var st = {
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, At = {
+}, Nt = {
   ...X
 }, Dt = {
   text: "text",
@@ -292,15 +292,15 @@ var st = {
   position: "position"
 }, vt = {
   ...o
-}, Gt = {
+}, Vt = {
   BUTTON: Ct,
-  CHECKBOX: gt,
+  CHECKBOX: mt,
   COLOR: o,
-  COUNTER: mt,
+  COUNTER: gt,
   LABEL: bt,
-  RADIO_BUTTONS: Nt,
+  RADIO_BUTTONS: At,
   SELECTPICKER: X,
-  FONT_FAMILY_SELECT: At,
+  FONT_FAMILY_SELECT: Nt,
   SWITCHER: o,
   TEXT: Bt,
   SELECT_ITEM: Dt,
@@ -344,7 +344,7 @@ var st = {
     const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
     return e.length ? e : r;
   }
-}, Vt = class extends i {
+}, Gt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
@@ -454,20 +454,20 @@ var st = {
   }
 };
 k.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ee = k, G = class extends x {
+var ee = k, V = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
     return e.length ? e : r;
   }
-}, re = class extends G {
+}, re = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ne = class extends G {
+}, ne = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, V = class L extends a {
+}, G = class L extends a {
   constructor() {
     super(L.REQUIRED_METHODS, L);
   }
@@ -475,8 +475,8 @@ var ee = k, G = class extends x {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var se = V, ae = class {
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var se = G, ae = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -499,46 +499,42 @@ var se = V, ae = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, l = class extends x {
+}, d = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
     return e.length ? e : r;
   }
-}, ie = class extends l {
+}, ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, oe = class extends l {
+}, oe = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
   }
-}, Ee = class extends l {
+}, Ee = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, le = class extends l {
+}, le = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, de = class extends l {
-  getParentControlId() {
-    return n.GENERAL.TEXT_LINE_SPACING;
-  }
-}, ue = class extends l {
+}, de = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, Ie = class extends l {
+}, ue = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Oe = class extends l {
+}, Ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
 }, Ut = class {
-  constructor(t, e, r = [], s, E = [], T, I = [], d = [], v, $, W, z, Z, j, q, J, tt) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = d, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
+  constructor(t, e, r = [], s, E = [], T, I = [], l = [], v, $, W, z, Z, j, q, J, tt) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = l, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -594,7 +590,7 @@ var se = V, ae = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Te = class {
+}, Oe = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -689,9 +685,9 @@ var se = V, ae = class {
   }
 };
 pt.REQUIRED_METHODS = ["openAiAssistant"];
-var Kt = class g extends a {
+var Kt = class m extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(m.REQUIRED_METHODS, m);
   }
   /**
    * Retrieves the name of the category.
@@ -730,9 +726,9 @@ var Kt = class g extends a {
   }
 };
 Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ft = class m extends a {
+var Ft = class g extends a {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(g.REQUIRED_METHODS, g);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
@@ -760,18 +756,18 @@ var wt = class b extends a {
   }
 };
 wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Pt = class N extends a {
+var Pt = class A extends a {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
 Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Ht = class A extends a {
+var Ht = class N extends a {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(N.REQUIRED_METHODS, N);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
@@ -787,7 +783,7 @@ var Q = class D extends a {
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var ce = Q, _e = class {
+var Te = Q, ce = class {
   constructor(t) {
     this.key = t;
   }
@@ -856,7 +852,7 @@ var ce = Q, _e = class {
   }
 };
 f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var he = f, Y = class B extends a {
+var _e = f, Y = class B extends a {
   constructor() {
     super(B.REQUIRED_METHODS, B);
   }
@@ -865,7 +861,7 @@ var he = f, Y = class B extends a {
   }
 };
 Y.REQUIRED_METHODS = ["registerUiElements"];
-var Re = Y;
+var he = Y;
 export {
   Xt as Block,
   kt as BlockAttr,
@@ -877,7 +873,7 @@ export {
   Qt as ButtonAlignBuiltInControl,
   ft as ButtonBackgroundColorBuiltInControl,
   Yt as ButtonBorderBuiltInControl,
-  Vt as ButtonBorderRadiusBuiltInControl,
+  Gt as ButtonBorderRadiusBuiltInControl,
   $t as ButtonColorBuiltInControl,
   w as ButtonControls,
   Wt as ButtonFitToContainerBuiltInControl,
@@ -890,13 +886,13 @@ export {
   Rt as ContainerControls,
   ee as Control,
   Ut as Extension,
-  Te as ExtensionBuilder,
+  Oe as ExtensionBuilder,
   F as GeneralControls,
-  ce as IconsRegistry,
+  Te as IconsRegistry,
   H as ImageControls,
   re as ImageMarginsBuiltInControl,
   ne as ImageSizeBuiltInControl,
-  _e as ModificationDescription,
+  ce as ModificationDescription,
   se as SettingsPanelRegistry,
   ae as SettingsPanelTab,
   Lt as SettingsTab,
@@ -905,12 +901,11 @@ export {
   Ee as TextColorBuiltInControl,
   P as TextControls,
   le as TextFontFamilyBuiltInControl,
-  de as TextLineSpacingBuiltInControl,
-  ue as TextPaddingsBuiltInControl,
-  Ie as TextSizeBuiltInControl,
-  Oe as TextStyleBuiltInControl,
-  Gt as UEAttr,
-  he as UIElement,
-  Re as UIElementTagRegistry,
+  de as TextPaddingsBuiltInControl,
+  ue as TextSizeBuiltInControl,
+  Ie as TextStyleBuiltInControl,
+  Vt as UEAttr,
+  _e as UIElement,
+  he as UIElementTagRegistry,
   yt as UIElementType
 };

package/dist/src/extensions/Blocks/CouponBlock/template.d.ts

@@ -1,3 +1,3 @@
-declare const migrationTemplate = "\n    <td\n        class=\"coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block\"\n        esd-extension-block-id=\"coupon-block\"\n    >\n        <p class=\"ins-title\" contenteditable=\"false\">{@COUPON_CODE}</p>\n    </td>\n";
+declare const migrationTemplate = "\n    <td \n        class=\"coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block\" \n        esd-extension-block-id=\"coupon-block\"\n    >\n        <p class=\"ins-title\" contenteditable=\"false\">{@COUPON_CODE}</p>\n    </td>\n";
 export declare function getDefaultTemplate(): string;
 export default migrationTemplate;

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -12,9 +12,8 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 /**
  * Factory function to create text align controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextAlignControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -28,9 +27,8 @@ export declare function createTextAlignControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text color controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -44,9 +42,8 @@ export declare function createTextColorControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text size controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextSizeControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -60,9 +57,8 @@ export declare function createTextSizeControl(controlId: string, targetBlockId?:
 };
 /**
  * Factory function to create text style controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextStyleControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -76,9 +72,8 @@ export declare function createTextStyleControl(controlId: string, targetBlockId?
 };
 /**
  * Factory function to create text font family controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextFontFamilyControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -92,9 +87,8 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
 };
 /**
  * Factory function to create text background color controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextBackgroundColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -108,25 +102,8 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
 };
 /**
  * Factory function to create paddings controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createPaddingsControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: ImmutableHtmlNode): boolean;
-    };
-};
-/**
- * Factory function to create text line spacing controls for different block elements
- * When targetBlockId and containerSelector are not provided, applies directly to root
- */
-export declare function createTextLineSpacingControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.cf2fe38",
+  "version": "2.0.0-beta.dd0d492",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/extensions/Blocks/CouponBlock/constants.js

@@ -1,4 +0,0 @@
-var t = /* @__PURE__ */ ((c) => (c.TEXT_ALIGN = "coupon-block-text-align-control", c.TEXT_COLOR = "coupon-block-text-color-control", c.TEXT_SIZE = "coupon-block-text-size-control", c.TEXT_STYLE = "coupon-block-text-style-control", c.TEXT_FONT_FAMILY = "coupon-block-text-font-family-control", c.TEXT_BACKGROUND = "coupon-block-text-background-control", c.TEXT_PADDINGS = "coupon-block-text-paddings-control", c.TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control", c))(t || {});
-export {
-  t as CouponControlId
-};

package/dist/extensions/Blocks/CouponBlock/controls/index.js

@@ -1,29 +0,0 @@
-import { createTextAlignControl as t, createTextColorControl as e, createTextSizeControl as n, createTextStyleControl as r, createTextFontFamilyControl as T, createTextBackgroundColorControl as l, createPaddingsControl as C, createTextLineSpacingControl as c } from "../../controlFactories.js";
-import { CouponControlId as o } from "../constants.js";
-const i = t(
-  o.TEXT_ALIGN
-), E = e(
-  o.TEXT_COLOR
-), s = n(
-  o.TEXT_SIZE
-), S = r(
-  o.TEXT_STYLE
-), _ = T(
-  o.TEXT_FONT_FAMILY
-), g = l(
-  o.TEXT_BACKGROUND
-), X = C(
-  o.TEXT_PADDINGS
-), d = c(
-  o.TEXT_LINE_SPACING
-);
-export {
-  i as TextAlignControl,
-  g as TextBackgroundControl,
-  E as TextColorControl,
-  _ as TextFontFamilyControl,
-  d as TextLineSpacingControl,
-  X as TextPaddingsControl,
-  s as TextSizeControl,
-  S as TextStyleControl
-};

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

@@ -1,14 +0,0 @@
-/**
- * Control IDs used in the CouponBlock Extension
- * These IDs are returned by the getId() method of each control
- */
-export declare enum CouponControlId {
-    TEXT_ALIGN = "coupon-block-text-align-control",
-    TEXT_COLOR = "coupon-block-text-color-control",
-    TEXT_SIZE = "coupon-block-text-size-control",
-    TEXT_STYLE = "coupon-block-text-style-control",
-    TEXT_FONT_FAMILY = "coupon-block-text-font-family-control",
-    TEXT_BACKGROUND = "coupon-block-text-background-control",
-    TEXT_PADDINGS = "coupon-block-text-paddings-control",
-    TEXT_LINE_SPACING = "coupon-block-text-line-spacing-control"
-}

package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts

@@ -1,108 +0,0 @@
-/**
- * CouponBlock Control Instances
- *
- * This file generates all control instances for the CouponBlock
- * using the reusable factory functions from controlFactories.ts
- *
- * Note: Factory-generated controls use runtime class generation which TypeScript
- * cannot fully type-check. The controls are type-safe at runtime.
- *
- * These controls apply directly to the selected root element (no targetBlockId/containerSelector)
- * to ensure styles are applied correctly regardless of nested element structure.
- */
-export declare const TextAlignControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextColorControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextSizeControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextStyleControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextFontFamilyControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextBackgroundControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextPaddingsControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};
-export declare const TextLineSpacingControl: {
-    new (): {
-        getId(): string;
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};