@useinsider/guido 3.2.0-beta.b277bd3 → 3.2.0-beta.bdc0c2a

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,34 +1,54 @@
 var x = Object.defineProperty;
-var f = (r, t, e) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var b = (r, t, e) => f(r, typeof t != "symbol" ? t + "" : t, e);
-import h from "../../extensions/Blocks/RadioButton/template.js";
-class T {
+var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
+import S from "../../extensions/Blocks/RadioButton/template.js";
+class B {
   constructor() {
     b(this, "parser");
     this.parser = new DOMParser();
   }
-  migrate(t) {
+  migrate(e) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.radio-button-block");
-      return i.length === 0 ? t : (i.forEach((s) => {
-        if (s.classList.contains("radio-button-v2"))
+      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
+      if (i.length === 0 && s.length === 0)
+        return e;
+      let o = !1;
+      return i.forEach((r) => {
+        if (r.classList.contains("radio-button-v2"))
           return;
-        const n = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), d = this.buildTextBlock(l), g = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), o = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", g).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", o), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
+        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        y && s.parentNode && (y.setAttribute("id", n || ""), s.parentNode.replaceChild(y, s));
-      }), e.documentElement.outerHTML);
-    } catch (e) {
-      return console.error("RadioButtonMigrator failed:", e), t;
+        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
+      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
+    } catch (t) {
+      return console.error("RadioButtonMigrator failed:", t), e;
     }
   }
-  extractTextFromElement(t, e) {
-    var o, c;
-    const i = t.querySelector(`.${e}`);
+  healRadioButtonV2(e) {
+    let t = !1;
+    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
+      var p;
+      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
+      if (!s || !o)
+        return;
+      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
+      if (!r && !s.hasAttribute("align"))
+        return;
+      const n = s.closest("tr"), a = o.closest("tr");
+      if (!n || !a || n === a || !n.parentNode)
+        return;
+      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+    }), t;
+  }
+  extractTextFromElement(e, t) {
+    var p, y;
+    const i = e.querySelector(`.${t}`);
     if (!i)
       return {
-        text: e === "ins-title" ? "Title" : "Description",
+        text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
         isItalic: !1,
         align: "left",
@@ -38,51 +58,51 @@ class T {
     const s = i.querySelector("p");
     if (!s)
       return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
+        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
         align: i.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const n = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), d = this.removeStyleProperties(l, ["font-weight", "font-style"]), g = this.convertInlineToBlock(d), m = i.getAttribute("class") || "";
+    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
     return {
-      text: n,
-      isBold: p,
-      isItalic: u,
-      align: a,
-      styles: g,
-      classList: m
+      text: o,
+      isBold: a,
+      isItalic: g,
+      align: n,
+      styles: u,
+      classList: d
     };
   }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", s = t.styles ? ` style="${t.styles.replaceAll('"', "'")}"` : "";
+  buildTextBlock(e) {
+    let t = e.text;
+    e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
+    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${t.classList}" ${i}>
+            <td class="esd-block-text ${e.classList}" ${i}>
                 <p path="1" ${s}>
-                    ${e}
+                    ${t}
                 </p>
             </td>
         `;
   }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((s, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
+  removeStyleProperties(e, t) {
+    return e ? t.reduce((s, o) => {
+      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(r, "");
+    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
-  convertInlineToBlock(t) {
-    if (!t)
+  convertInlineToBlock(e) {
+    if (!e)
       return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
+    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
+    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function A(r) {
-  return new T().migrate(r);
+function q(l) {
+  return new B().migrate(l);
 }
 export {
-  A as migrateRadioButton
+  q as migrateRadioButton
 };

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

@@ -119,7 +119,7 @@ const e = {
                                                         id="radioYes"
                                                         name="unsubscribe"
                                                         data-cke-editable="1"
-                                                        style="margin: 0px; vertical-align: middle;>
+                                                        style="margin: 0px; vertical-align: middle;">
                                                     </td>
                                                 {-{-YES-}-}
                                             </tr>

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

@@ -1,17 +1,17 @@
-var x = class d {
+var B = class d {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
    * @param classRef - Reference to the class constructor for validation caching
    */
-  constructor(t, r) {
-    if (r !== d) {
-      d.validatedClasses.has(r) || this.validateImplementation(t, r);
-      const s = d.validationErrors.get(r);
-      if (s && s.length > 0)
+  constructor(t, a) {
+    if (a !== d) {
+      d.validatedClasses.has(a) || this.validateImplementation(t, a);
+      const i = d.validationErrors.get(a);
+      if (i && i.length > 0)
         throw new Error(
-          `${r.name} has validation errors:
-${s.map((o) => `  - ${o}`).join(`
+          `${a.name} has validation errors:
+${i.map((o) => `  - ${o}`).join(`
 `)}`
         );
     }
@@ -20,16 +20,16 @@ ${s.map((o) => `  - ${o}`).join(`
    * Validates that all required methods are properly implemented in the subclass.
    * This validation runs only once per class type and results are cached.
    */
-  validateImplementation(t, r) {
-    var y;
-    const s = [], o = r.name, W = Object.getPrototypeOf(this);
+  validateImplementation(t, a) {
+    var v;
+    const i = [], o = a.name, $ = Object.getPrototypeOf(this);
     t.forEach((u) => {
       if (typeof this[u] != "function") {
-        s.push(`Method ${u}() is not defined`);
+        i.push(`Method ${u}() is not defined`);
         return;
       }
-      W[u] === r.prototype[u] && s.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
-    }), d.validatedClasses.add(r), s.length > 0 ? (d.validationErrors.set(r, s), console.error(`[${o} Validation] ${o} validation failed:`, s)) : typeof process < "u" && ((y = process.env) == null ? void 0 : y.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
+      $[u] === a.prototype[u] && i.push(`Method ${u}() must be implemented (currently using base class error-throwing implementation)`);
+    }), d.validatedClasses.add(a), i.length > 0 ? (d.validationErrors.set(a, i), console.error(`[${o} Validation] ${o} validation failed:`, i)) : typeof process < "u" && ((v = process.env) == null ? void 0 : v.NODE_ENV) === "development" && console.log(`[${o} Validation] ✅ ${o} validated successfully`);
   }
   /**
    * Lifecycle method for cleaning up resources (e.g., removing DOM artifacts from document.body).
@@ -39,9 +39,9 @@ ${s.map((o) => `  - ${o}`).join(`
   destroy() {
   }
 };
-x.validatedClasses = /* @__PURE__ */ new Set();
-x.validationErrors = /* @__PURE__ */ new Map();
-var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(z || {}), P = class T extends i {
+B.validatedClasses = /* @__PURE__ */ new Set();
+B.validationErrors = /* @__PURE__ */ new Map();
+var s = B, W = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e))(W || {}), y = class T extends s {
   constructor() {
     super(T.REQUIRED_METHODS, T);
   }
@@ -160,9 +160,6 @@ var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
   allowInnerBlocksDND() {
     return !0;
   }
-  allowInteractWithAMPWhenSelected() {
-    return !0;
-  }
   /**
    * Gets the unique identifier for this block type.
    * This ID is used for registration and referencing the block.
@@ -221,14 +218,15 @@ var i = x, z = /* @__PURE__ */ ((e) => (e.BLOCK = "BLOCK", e.CONTAINER = "CONTAI
     throw new Error("Method getDescription() must be implemented by the subclass");
   }
 };
-P.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
-var Ze = P, Z = class I extends i {
+y.REQUIRED_METHODS = ["getId", "getTemplate", "getIcon", "getName", "getDescription"];
+var $e = y, z = class I extends s {
   constructor() {
     super(I.REQUIRED_METHODS, I);
   }
   /**
    * @deprecated - use {@link getPreviewInnerHtml} instead
    */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getPreviewHtml(t) {
   }
   /**
@@ -238,8 +236,8 @@ var Ze = P, Z = class I extends i {
     throw new Error("Method getPreviewInnerHtml() must be implemented by the subclass");
   }
 };
-Z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
-var qe = class {
+z.REQUIRED_METHODS = ["getPreviewInnerHtml"];
+var We = class {
   /**
    * Generates HTML representation for a block item
    * @param block - The block item to generate HTML for
@@ -313,7 +311,7 @@ var qe = class {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getModulesTabIconName(e) {
   }
-}, q = class b extends i {
+}, Z = class b extends s {
   constructor() {
     super(b.REQUIRED_METHODS, b);
   }
@@ -330,86 +328,86 @@ var qe = class {
     throw new Error("Method onClick() must be implemented by the subclass");
   }
 };
-q.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
+Z.REQUIRED_METHODS = ["getId", "getIcon", "getLabel", "onClick"];
 var j = {
   src: "src",
   alt: "alt",
   href: "href",
   width: "width",
   height: "height"
-}, je = {
+}, ze = {
   BLOCK_IMAGE: j
-}, U = "esd-block-button", w = "esd-block-text", K = "esd-block-image", J = "esd-structure", ee = "esd-block-video", te = "esd-block-social", re = "esd-block-banner", ae = "esd-block-timer", ne = "esd-block-menu", se = "esd-block-html", ie = "esd-block-spacer", le = "esd-container-frame", Ee = "esd-stripe", oe = "esd-amp-form", c = ((e) => (e.BUTTON = `.${U}`, e.TEXT = `.${w}`, e.IMAGE = `.${K}`, e.STRUCTURE = `.${J}`, e.VIDEO = `.${ee}`, e.SOCIAL = `.${te}`, e.BANNER = `.${re}`, e.TIMER = `.${ae}`, e.MENU = `.${ne}`, e.HTML = `.${se}`, e.SPACER = `.${ie}`, e.CONTAINER = `.${le}`, e.STRIPE = `.${Ee}`, e.FORM = `.${oe}`, e))(c || {}), de = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(de || {}), F = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.FONT_WEIGHT = "textBlockFontWeight", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(k || {}), p = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(p || {}), ue = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(ue || {}), n = {
-  BLOCK_BUTTON: H,
-  BLOCK_TEXT: k,
-  BLOCK_IMAGE: p,
-  GENERAL: F
-}, ce = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e.themeMode = "themeMode", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(Te || {}), Ie = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Ie || {}), a = {
+}, P = "esd-block-button", U = "esd-block-text", w = "esd-block-image", q = "esd-structure", J = "esd-block-video", ee = "esd-block-social", te = "esd-block-banner", re = "esd-block-timer", ae = "esd-block-menu", ne = "esd-block-html", se = "esd-block-spacer", ie = "esd-container-frame", le = "esd-stripe", Ee = "esd-amp-form", c = ((e) => (e.BUTTON = `.${P}`, e.TEXT = `.${U}`, e.IMAGE = `.${w}`, e.STRUCTURE = `.${q}`, e.VIDEO = `.${J}`, e.SOCIAL = `.${ee}`, e.BANNER = `.${te}`, e.TIMER = `.${re}`, e.MENU = `.${ae}`, e.HTML = `.${ne}`, e.SPACER = `.${se}`, e.CONTAINER = `.${ie}`, e.STRIPE = `.${le}`, e.FORM = `.${Ee}`, e))(c || {}), oe = /* @__PURE__ */ ((e) => (e.BLOCK_IMAGE = "BLOCK_IMAGE", e.BLOCK_TEXT = "BLOCK_TEXT", e.BLOCK_BUTTON = "BLOCK_BUTTON", e.BLOCK_SPACER = "BLOCK_SPACER", e.BLOCK_VIDEO = "BLOCK_VIDEO", e.BLOCK_SOCIAL = "BLOCK_SOCIAL", e.BLOCK_BANNER = "BLOCK_BANNER", e.BLOCK_TIMER = "BLOCK_TIMER", e.BLOCK_MENU = "BLOCK_MENU", e.BLOCK_MENU_ITEM = "BLOCK_MENU_ITEM", e.BLOCK_HTML = "BLOCK_HTML", e.BLOCK_AMP_CAROUSEL = "BLOCK_AMP_CAROUSEL", e.BLOCK_AMP_ACCORDION = "BLOCK_AMP_ACCORDION", e.BLOCK_AMP_FORM = "BLOCK_AMP_FORM", e.CONTAINER = "CONTAINER", e.FORM_CONTAINER = "FORM_CONTAINER", e.STRUCTURE = "STRUCTURE", e.STRIPE = "STRIPE", e.EMPTY_CONTAINER = "EMPTY_CONTAINER", e.CUSTOM_BLOCK_LINK = "CUSTOM_BLOCK_LINK", e.CUSTOM_BLOCK_IMAGE = "CUSTOM_BLOCK_IMAGE", e.CUSTOM_BLOCK_TEXT = "CUSTOM_BLOCK_TEXT", e))(oe || {}), K = /* @__PURE__ */ ((e) => (e.ANCHOR_LINK_CONTAINER = "anchorLinkFormContainer", e.APPLY_CONDITION = "applyCondition", e.APPLY_CONDITION_SWITCHER = "applyConditionSwitcher", e.BACKGROUND_COLOR = "backgroundColor", e.BACKGROUND_IMAGE = "generalImageContainer", e.TEXT_COLOR = "textColor", e.TEXT_STYLE = "textStyle", e.TEXT_SIZE = "textSize", e.TEXT_LINE_SPACING = "textLineSpacing", e.TEXT_ALIGN = "textAlign", e.FIXED_HEIGHT_SWITCHER = "fixedHeightSwitcherForm", e.HIDDEN_NODE = "hiddenNode", e.SMART_BLOCK = "smartBlock", e.SYNCHRONIZED_MODULE = "synchronizedModuleForm", e.FONT_FAMILY = "generalFontFamilyForm", e.BLOCK_INTERNAL_INDENTS = "generalBlockInternalIndents", e.STRUCTURE_INTERNAL_INDENTS = "generalStructureInternalIndents", e))(K || {}), F = /* @__PURE__ */ ((e) => (e.ADJUST_TO_WIDTH = "adjustToWidth", e.ALIGNMENT = "buttonAlignment", e.BORDER = "buttonBorder", e.BORDER_RADIUS = "buttonBorderRadius", e.COLOR = "buttonColor", e.BUTTON_BLOCK_BACKGROUND_COLOR = "buttonBlockBackgroundColor", e.EXTERNAL_INDENTS = "buttonExternalIndents", e.FIXED_HEIGHT = "buttonFixedHeightForm", e.FONT_COLOR = "buttonFontColor", e.FONT_FAMILY = "buttonFontFamily", e.FONT_SIZE = "buttonFontSize", e.ICON = "buttonIconContainer", e.ICON_ALIGN = "buttonIconAlign", e.ICON_INDENT = "buttonIconIndent", e.ICON_WIDTH = "buttonIconWidth", e.IMAGE = "buttonImageForm", e.INTERNAL_INDENTS = "buttonInternalIndents", e.LINK = "buttonLink", e.MIME_TYPE = "buttonMimeTypeForm", e.SWITCHER_HOVERED_STYLES = "buttonSwitcherHoveredStylesForm", e.TEXT = "buttonText", e.TEXT_STYLE_AND_COLOR = "buttonTextStyleAndColorForm", e.HOVERED_BORDER_COLOR = "hoveredStyleBorderButtonForm", e.HOVERED_COLOR = "hoveredButtonColorForm", e.HOVERED_TEXT_COLOR = "hoveredButtonTextColorForm", e))(F || {}), H = /* @__PURE__ */ ((e) => (e.HIDDEN_NODE = "hiddenNodeText", e.PARAGRAPH_STYLE = "paragraphStyleForm", e.ALIGN = "textAlignmentForm", e.ANCHOR_CONTAINER = "textAnchorForm", e.FONT_BACKGROUND_COLOR = "textBlockFontBackgroundColor", e.TEXT_BLOCK_BACKGROUND_COLOR = "textBlockBackgroundColor", e.FONT_COLOR = "textBlockFontColor", e.TEXT_BLOCK_FONT_FAMILY = "textBlockFontFamily", e.FONT_FAMILY = "textFontFamily", e.FONT_SIZE = "textBlockFontSize", e.DIRECTION = "textBlockDirectionForm", e.INSERT_FORM = "textBlockInsertForm", e.LINK_DATA = "textBlockLinkDataForm", e.FORMAT = "textBlockTextFormatForm", e.FIXED_HEIGHT = "textFixedHeightForm", e.INTERNAL_INDENTS = "textInternalIndents", e.LINE_HEIGHT = "textLineHeightForm", e.MIME_TYPE = "textMimeTypeForm", e.NO_LINE_WRAPS = "textNoLineWrapsForm", e))(H || {}), k = /* @__PURE__ */ ((e) => (e.ALT_TEXT = "altText", e.LINK = "blockLink", e.ALIGNMENT = "imageAlignment", e.ANCHOR_LINK_CONTAINER = "imageAnchorLinkContainerForm", e.BORDER_RADIUS = "imageBorderRadiusForm", e.IMAGE = "imageImageForm", e.EXTERNAL_INDENTS = "imageExternalIndents", e.MIME_TYPE = "imageMimeTypeForm", e.RESPONSIVE = "imageResponsive", e.ROLLOVER_IMAGE = "imageRolloverImageForm", e.ROLLOVER_SWITCHER = "imageRolloverSwitcherForm", e.SIZE = "imageSizeContainer", e))(k || {}), de = /* @__PURE__ */ ((e) => (e.BACKGROUND_COLOR = "containerBackgroundColorForm", e.BORDER_FORM = "containerBorderForm", e.BORDER_RADIUS = "containerBorderRadiusForm", e.EXTERNAL_INDENTS = "containerExternalIndentsForm", e.IMAGE_CONTAINER = "containerImageContainerForm", e.MIME_TYPE = "containerMimeTypeForm", e.DISPLAY_CONDITIONS = "displayConditions", e.HIDDEN_NODE = "containerHiddenNodeForm", e))(de || {}), n = {
+  BLOCK_BUTTON: F,
+  BLOCK_TEXT: H,
+  BLOCK_IMAGE: k,
+  GENERAL: K
+}, ue = /* @__PURE__ */ ((e) => (e.previewDeviceMode = "previewDeviceMode", e.panelPosition = "panelPosition", e))(ue || {}), ce = /* @__PURE__ */ ((e) => (e.DESKTOP = "DESKTOP", e.MOBILE = "MOBILE", e))(ce || {}), Te = /* @__PURE__ */ ((e) => (e.SETTINGS = "settings", e.STYLES = "styles", e.DATA = "data", e))(Te || {}), r = {
   name: "name",
   disabled: "disabled"
-}, be = {
-  ...a,
+}, Ie = {
+  ...r,
   caption: "caption",
   icon: "icon"
-}, he = {
-  ...a,
+}, be = {
+  ...r,
   caption: "caption"
-}, me = {
-  ...a,
+}, he = {
+  ...r,
   minValue: "min-value",
   maxValue: "max-value",
   step: "step"
-}, ge = {
-  ...a,
+}, me = {
+  ...r,
   placeholder: "placeholder",
   minDate: "min-date"
-}, Oe = {
-  ...a,
+}, ge = {
+  ...r,
   text: "text",
   hint: "hint"
-}, Re = {
-  ...a,
+}, Oe = {
+  ...r,
   type: "type"
-}, Le = {
-  ...a,
+}, Re = {
+  ...r,
   buttons: "buttons"
-}, X = {
-  ...a,
+}, p = {
+  ...r,
   searchable: "searchable",
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, _e = {
-  ...X,
+}, Le = {
+  ...p,
   addCustomFontOption: "add-custom-font-option"
-}, Ce = {
-  ...a,
+}, _e = {
+  ...r,
   text: "text",
   value: "value"
-}, Ae = {
-  ...a,
+}, Ce = {
+  ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Ne = {
-  ...a,
+}, Ae = {
+  ...r,
   buttons: "buttons"
-}, De = {
-  ...a,
+}, Ne = {
+  ...r,
   text: "text",
   hint: "hint",
   icon: "icon",
   value: "value"
-}, Se = {
-  ...a,
+}, De = {
+  ...r,
   placeholder: "placeholder"
-}, Me = {
-  ...a,
+}, Se = {
+  ...r,
   resizable: "resizable",
   placeholder: "placeholder"
-}, Be = {
-  ...a,
+}, Me = {
+  ...r,
   img: "img",
   src: "src",
   title: "title",
@@ -419,61 +417,54 @@ var j = {
   isActive: "is-active",
   visibility: "visibility",
   transform: "transform"
-}, xe = {
-  ...a,
+}, Be = {
+  ...r,
   controlId: "control-id"
-}, ve = {
-  ...a,
+}, xe = {
+  ...r,
   expanded: "expanded"
-}, ye = {
-  ...a,
+}, ve = {
+  ...r,
   icon: "icon",
   position: "position"
+}, ye = {
+  ...r
 }, Pe = {
-  ...a
-}, Ue = {
-  ...a,
+  ...r,
   icon: "icon"
+}, Ue = {
+  ...r
 }, we = {
-  ...a
-}, Ke = {
-  ...a,
+  ...r,
   blockId: "block-id"
-}, Fe = {
-  ...a
-}, He = {
-  ...a,
-  placeholder: "placeholder"
-}, Je = {
-  DEFAULT: a,
-  BUTTON: be,
-  CHECKBOX: he,
-  CHECK_BUTTONS: Ne,
-  COLOR: a,
-  COUNTER: me,
-  DATEPICKER: ge,
-  LABEL: Oe,
-  MESSAGE: Re,
-  RADIO_BUTTONS: Le,
-  SELECTPICKER: X,
-  FONT_FAMILY_SELECT: _e,
-  SWITCHER: a,
-  TEXT: Se,
-  TEXTAREA: Me,
-  ICON: Be,
-  CHECK_ITEM: Ae,
-  SELECT_ITEM: Ce,
-  RADIO_ITEM: De,
-  NESTED_CONTROL: xe,
-  EXPANDABLE: ve,
-  ORDERABLE: ye,
-  ORDERABLE_ITEM: Pe,
-  ORDERABLE_ICON: Ue,
-  REPEATABLE: we,
-  DRAGGABLE_BLOCK: Ke,
-  AMP_FORM_SERVICE_PICKER: Fe,
-  MULTIPLE_SELECT: He
-}, ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e.AMP_FORM_SERVICE_PICKER = "UE-AMP-FORM-SERVICE-PICKER", e.MULTIPLE_SELECT = "UE-MULTIPLE_SELECT", e.SCROLLABLE = "UE-SCROLLABLE-CONTAINER", e))(ke || {}), v = class {
+}, Ze = {
+  DEFAULT: r,
+  BUTTON: Ie,
+  CHECKBOX: be,
+  CHECK_BUTTONS: Ae,
+  COLOR: r,
+  COUNTER: he,
+  DATEPICKER: me,
+  LABEL: ge,
+  MESSAGE: Oe,
+  RADIO_BUTTONS: Re,
+  SELECTPICKER: p,
+  FONT_FAMILY_SELECT: Le,
+  SWITCHER: r,
+  TEXT: De,
+  TEXTAREA: Se,
+  ICON: Me,
+  CHECK_ITEM: Ce,
+  SELECT_ITEM: _e,
+  RADIO_ITEM: Ne,
+  NESTED_CONTROL: Be,
+  EXPANDABLE: xe,
+  ORDERABLE: ve,
+  ORDERABLE_ITEM: ye,
+  ORDERABLE_ICON: Pe,
+  REPEATABLE: Ue,
+  DRAGGABLE_BLOCK: we
+}, Ke = /* @__PURE__ */ ((e) => (e.BUTTON = "UE-BUTTON", e.CHECKBOX = "UE-CHECKBOX", e.CHECK_BUTTONS = "UE-CHECK-BUTTONS", e.COLOR = "UE-COLOR", e.COUNTER = "UE-COUNTER", e.DATEPICKER = "UE-DATEPICKER", e.LABEL = "UE-LABEL", e.MESSAGE = "UE-MESSAGE", e.RADIO_BUTTONS = "UE-RADIO-BUTTONS", e.SELECTPICKER = "UE-SELECT", e.SWITCHER = "UE-SWITCHER", e.TEXT = "UE-TEXT", e.TEXTAREA = "UE-TEXTAREA", e.CHECK_ITEM = "UE-CHECK-ITEM", e.RADIO_ITEM = "UE-RADIO-ITEM", e.SELECT_ITEM = "UE-SELECT-ITEM", e.ICON = "UE-ICON", e.MERGETAGS = "UE-MERGETAGS", e.FONT_FAMILY_SELECT = "UE-FONT-FAMILY-SELECT", e.NESTED_CONTROL = "UE-NESTED-CONTROL", e.EXPANDABLE = "UE-EXPANDABLE", e.EXPANDABLE_HEADER = "UE-EXPANDABLE_HEADER", e.EXPANDABLE_CONTENT = "UE-EXPANDABLE_CONTENT", e.ORDERABLE = "UE-ORDERABLE", e.ORDERABLE_ITEM = "UE-ORDERABLE-ITEM", e.ORDERABLE_ICON = "UE-ORDERABLE-ICON", e.REPEATABLE = "UE-REPEATABLE", e.DRAGGABLE_BLOCK = "UE-DRAGGABLE-BLOCK", e))(Ke || {}), x = class {
   /**
    * @description returns map of nodes parent control operates on
    */
@@ -504,66 +495,66 @@ var j = {
   isVisible(e) {
     return !0;
   }
-}, l = class extends v {
+}, l = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.BUTTON), r = e.asElement().hasClass(U) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.BUTTON), a = e.asElement().hasClass(P) ? [e] : [];
+    return t.length ? t : a;
   }
-}, et = class extends l {
+}, je = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
   getLabels() {
   }
-}, tt = class extends l {
+}, qe = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ALIGNMENT;
   }
-}, rt = class extends l {
+}, Je = class extends l {
   getParentControlId() {
     return n.GENERAL.BACKGROUND_COLOR;
   }
-}, at = class extends l {
+}, et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER;
   }
   getLabels() {
   }
-}, nt = class extends l {
+}, tt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.COLOR;
   }
-}, st = class extends l {
+}, rt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.ADJUST_TO_WIDTH;
   }
-}, it = class extends l {
+}, at = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_FAMILY;
   }
-}, lt = class extends l {
+}, nt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.EXTERNAL_INDENTS;
   }
-}, Et = class extends l {
+}, st = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.INTERNAL_INDENTS;
   }
-}, ot = class extends l {
+}, it = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT;
   }
-}, dt = class extends l {
+}, lt = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.FONT_SIZE;
   }
-}, ut = class extends l {
+}, Et = class extends l {
   getParentControlId() {
     return n.BLOCK_BUTTON.TEXT_STYLE_AND_COLOR;
   }
   getLabels() {
   }
-}, G = class h extends i {
+}, X = class h extends s {
   constructor() {
     super(h.REQUIRED_METHODS, h);
   }
@@ -618,8 +609,8 @@ var j = {
   onDocumentChanged(t) {
   }
 };
-G.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ct = G, pe = class m extends i {
+X.REQUIRED_METHODS = ["getId", "getTemplate"];
+var ot = X, Fe = class m extends s {
   constructor() {
     super(m.REQUIRED_METHODS, m);
   }
@@ -688,21 +679,21 @@ var ct = G, pe = class m extends i {
   onDestroy() {
   }
 };
-pe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var V = class extends v {
+Fe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var G = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.IMAGE), r = e.asElement().hasClass(K) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.IMAGE), a = e.asElement().hasClass(w) ? [e] : [];
+    return t.length ? t : a;
   }
-}, Tt = class extends V {
+}, dt = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, It = class extends V {
+}, ut = class extends G {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, Xe = class g extends i {
+}, He = class g extends s {
   constructor() {
     super(g.REQUIRED_METHODS, g);
   }
@@ -766,8 +757,8 @@ var V = class extends v {
   onDocumentChanged() {
   }
 };
-Xe.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
-var f = class O extends i {
+He.REQUIRED_METHODS = ["getId", "getIcon", "getName", "getTemplate", "getTabIndex"];
+var V = class O extends s {
   constructor() {
     super(O.REQUIRED_METHODS, O);
   }
@@ -775,10 +766,10 @@ var f = class O extends i {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-f.REQUIRED_METHODS = ["registerBlockControls"];
-var bt = f, ht = class R {
-  constructor(t, r) {
-    this.tabId = t, this.controls = r.map(R.normalizeControl);
+V.REQUIRED_METHODS = ["registerBlockControls"];
+var ct = V, Tt = class {
+  constructor(e, t) {
+    this.tabId = e, this.controlsIds = t;
   }
   getTabId() {
     return this.tabId;
@@ -787,66 +778,52 @@ var bt = f, ht = class R {
     return this.label;
   }
   getControlsIds() {
-    return this.controls.map((t) => t.id);
-  }
-  getControls() {
-    return this.controls;
+    return this.controlsIds;
   }
-  withLabel(t) {
-    return this.label = t, this;
+  withLabel(e) {
+    return this.label = e, this;
   }
-  addControl(t, r) {
-    const s = R.normalizeControl(t);
-    return r < 0 ? this.controls.unshift(s) : r > this.controls.length ? this.controls.push(s) : this.controls.splice(r, 0, s), this;
+  addControl(e, t) {
+    return t < 0 ? this.controlsIds.unshift(e) : t > this.controlsIds.length ? this.controlsIds.push(e) : this.controlsIds.splice(t, 0, e), this;
   }
-  deleteControl(t) {
-    const r = this.controls.findIndex((s) => s.id === t);
-    r !== -1 && this.controls.splice(r, 1);
+  deleteControl(e) {
+    const t = this.controlsIds.indexOf(e);
+    t !== -1 && this.controlsIds.splice(t, 1);
   }
-  static normalizeControl(t) {
-    if (typeof t == "string")
-      return { id: t };
-    if (!t.id)
-      throw new Error("SettingsPanelTabControlConfig.id is required");
-    return {
-      ...t,
-      id: t.id
-    };
-  }
-}, E = class extends v {
+}, E = class extends x {
   getTargetNodes(e) {
-    const t = e.querySelectorAll(c.TEXT), r = e.asElement().hasClass(w) ? [e] : [];
-    return t.length ? t : r;
+    const t = e.querySelectorAll(c.TEXT), a = e.asElement().hasClass(U) ? [e] : [];
+    return t.length ? t : a;
   }
-}, mt = class extends E {
+}, It = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, gt = class extends E {
+}, bt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, Ot = class extends E {
+}, ht = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, Rt = class extends E {
+}, mt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, Lt = class extends E {
+}, gt = class extends E {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, _t = class extends E {
+}, Ot = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Ct = class extends E {
+}, Rt = class extends E {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
-}, Ge = class {
+}, ke = class {
   constructor(e) {
     this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [], this.i18n = e == null ? void 0 : e.i18n, this.styles = e == null ? void 0 : e.styles, this.previewStyles = e == null ? void 0 : e.previewStyles, this.uiElements = (e == null ? void 0 : e.uiElements) ?? [], this.uiElementTagRegistry = e == null ? void 0 : e.uiElementTagRegistry, this.controls = (e == null ? void 0 : e.controls) ?? [], this.settingsPanelRegistry = e == null ? void 0 : e.settingsPanelRegistry, this.contextActions = (e == null ? void 0 : e.contextActions) ?? [], this.blocks = (e == null ? void 0 : e.blocks) ?? [], this.generalPanelTabs = (e == null ? void 0 : e.generalPanelTabs) ?? [], this.modulesPanelTabs = (e == null ? void 0 : e.modulesPanelTabs) ?? [], this.externalSmartElementsLibrary = e == null ? void 0 : e.externalSmartElementsLibrary, this.externalImageLibrary = e == null ? void 0 : e.externalImageLibrary, this.externalImageLibraryTab = e == null ? void 0 : e.externalImageLibraryTab, this.externalAiAssistant = e == null ? void 0 : e.externalAiAssistant, this.externalDisplayConditionsLibrary = e == null ? void 0 : e.externalDisplayConditionsLibrary, this.externalVideoLibrary = e == null ? void 0 : e.externalVideoLibrary, this.blocksPanel = e == null ? void 0 : e.blocksPanel, this.iconsRegistry = e == null ? void 0 : e.iconsRegistry, this.id = Math.random().toString(36).substring(2);
   }
@@ -910,7 +887,7 @@ var bt = f, ht = class R {
   getModulesPanelTabs() {
     return this.modulesPanelTabs;
   }
-}, At = class {
+}, Lt = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.generalPanelTabs = [], this.modulesPanelTabs = [];
   }
@@ -981,7 +958,7 @@ var bt = f, ht = class R {
     return this.modulesPanelTabs.push(e), this;
   }
   build() {
-    return new Ge({
+    return new ke({
       i18n: this.i18n,
       styles: this.styles.map((e) => e.trim()).join(`
 `),
@@ -1004,18 +981,18 @@ var bt = f, ht = class R {
       modulesPanelTabs: this.modulesPanelTabs
     });
   }
-}, Ve = class L extends i {
+}, pe = class R extends s {
   constructor() {
-    super(L.REQUIRED_METHODS, L);
+    super(R.REQUIRED_METHODS, R);
   }
   openAiAssistant(t) {
     throw new Error("Method openAiAssistant() must be implemented by the subclass");
   }
 };
-Ve.REQUIRED_METHODS = ["openAiAssistant"];
-var fe = class _ extends i {
+pe.REQUIRED_METHODS = ["openAiAssistant"];
+var Xe = class L extends s {
   constructor() {
-    super(_.REQUIRED_METHODS, _);
+    super(L.REQUIRED_METHODS, L);
   }
   /**
    * Retrieves the name of the category.
@@ -1032,7 +1009,7 @@ var fe = class _ extends i {
    * @param {ExternalDisplayConditionSelectedCB} _successCallback - Callback executed with the updated or newly created condition upon success.
    * @param {() => void} _cancelCallback - Callback executed when the dialog is closed without making changes.
    */
-  openExternalDisplayConditionsDialog(t, r, s) {
+  openExternalDisplayConditionsDialog(t, a, i) {
     throw new Error("Method openExternalDisplayConditionsDialog() must be implemented by the subclass");
   }
   /**
@@ -1053,19 +1030,19 @@ var fe = class _ extends i {
     throw new Error("Method getContextActionIndex() must be implemented by the subclass");
   }
 };
-fe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Qe = class C extends i {
+Xe.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
+var Ge = class _ extends s {
   constructor() {
-    super(C.REQUIRED_METHODS, C);
+    super(_.REQUIRED_METHODS, _);
   }
-  openImageLibrary(t, r, s) {
+  openImageLibrary(t, a, i) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
   }
 };
-Qe.REQUIRED_METHODS = ["openImageLibrary"];
-var Ye = class A extends i {
+Ge.REQUIRED_METHODS = ["openImageLibrary"];
+var Ve = class C extends s {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(C.REQUIRED_METHODS, C);
   }
   /**
    * @description Returns the translated name/label for the tab
@@ -1080,39 +1057,39 @@ var Ye = class A extends i {
    * @param _onImageSelectCallback - Callback to invoke when an image is selected
    * @param _selectedNode - (Optional) Selected node for which the gallery is being opened
    */
-  openImageLibraryTab(t, r, s) {
+  openImageLibraryTab(t, a, i) {
     throw new Error("Method openImageLibraryTab() must be implemented by the subclass");
   }
 };
-Ye.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var $e = class N extends i {
+Ve.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
+var Qe = class A extends s {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
-  openSmartElementsLibrary(t, r) {
+  openSmartElementsLibrary(t, a) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
-$e.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var We = class D extends i {
+Qe.REQUIRED_METHODS = ["openSmartElementsLibrary"];
+var fe = class N extends s {
   constructor() {
-    super(D.REQUIRED_METHODS, D);
+    super(N.REQUIRED_METHODS, N);
   }
-  openExternalVideosLibraryDialog(t, r, s) {
+  openExternalVideosLibraryDialog(t, a, i) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
   }
 };
-We.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
-var Q = class S extends i {
+fe.REQUIRED_METHODS = ["openExternalVideosLibraryDialog"];
+var Q = class D extends s {
   constructor() {
-    super(S.REQUIRED_METHODS, S);
+    super(D.REQUIRED_METHODS, D);
   }
   registerIconsSvg(t) {
     throw new Error("Method registerIconsSvg() must be implemented by the subclass");
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var Nt = Q, Dt = class {
+var _t = Q, Ct = class {
   constructor(e) {
     this.key = e;
   }
@@ -1125,9 +1102,9 @@ var Nt = Q, Dt = class {
       params: this.params
     };
   }
-}, Y = class M extends i {
+}, f = class S extends s {
   constructor() {
-    super(M.REQUIRED_METHODS, M);
+    super(S.REQUIRED_METHODS, S);
   }
   /**
    * Called when the UI element should render its content into the provided container.
@@ -1162,7 +1139,7 @@ var Nt = Q, Dt = class {
    * @param name - The name of the attribute that was updated.
    * @param value - The new value of the attribute.
    */
-  onAttributeUpdated(t, r) {
+  onAttributeUpdated(t, a) {
   }
   /**
    * Gets the unique identifier for this UI element type.
@@ -1180,64 +1157,64 @@ var Nt = Q, Dt = class {
     throw new Error("Method getTemplate() must be implemented by the subclass");
   }
 };
-Y.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var St = Y, $ = class B extends i {
+f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
+var At = f, Y = class M extends s {
   constructor() {
-    super(B.REQUIRED_METHODS, B);
+    super(M.REQUIRED_METHODS, M);
   }
   registerUiElements(t) {
     throw new Error("Method registerUiElements() must be implemented by the subclass");
   }
 };
-$.REQUIRED_METHODS = ["registerUiElements"];
-var Mt = $;
+Y.REQUIRED_METHODS = ["registerUiElements"];
+var Nt = Y;
 export {
-  Ze as Block,
-  je as BlockAttr,
-  z as BlockCompositionType,
+  $e as Block,
+  ze as BlockAttr,
+  W as BlockCompositionType,
   c as BlockSelector,
-  de as BlockType,
-  qe as BlocksPanel,
-  v as BuiltInControl,
+  oe as BlockType,
+  We as BlocksPanel,
+  x as BuiltInControl,
   n as BuiltInControlTypes,
-  tt as ButtonAlignBuiltInControl,
-  rt as ButtonBackgroundColorBuiltInControl,
-  at as ButtonBorderBuiltInControl,
-  et as ButtonBorderRadiusBuiltInControl,
-  nt as ButtonColorBuiltInControl,
-  H as ButtonControls,
-  st as ButtonFitToContainerBuiltInControl,
-  it as ButtonFontFamilyBuiltInControl,
-  lt as ButtonMarginsBuiltInControl,
-  Et as ButtonPaddingsBuiltInControl,
-  ot as ButtonTextBuiltInControl,
-  dt as ButtonTextSizeBuiltInControl,
-  ut as ButtonTextStyleAndFontColorBuiltInControl,
-  ue as ContainerControls,
-  ct as Control,
-  ce as EditorStatePropertyType,
-  Ge as Extension,
-  At as ExtensionBuilder,
-  F as GeneralControls,
-  Nt as IconsRegistry,
-  p as ImageControls,
-  Tt as ImageMarginsBuiltInControl,
-  It as ImageSizeBuiltInControl,
-  Dt as ModificationDescription,
-  Te as PreviewDeviceMode,
-  bt as SettingsPanelRegistry,
-  ht as SettingsPanelTab,
-  Ie as SettingsTab,
-  mt as TextAlignBuiltInControl,
-  gt as TextColorBuiltInControl,
-  k as TextControls,
-  Ot as TextFontFamilyBuiltInControl,
-  Rt as TextLineSpacingBuiltInControl,
-  Lt as TextPaddingsBuiltInControl,
-  _t as TextSizeBuiltInControl,
-  Ct as TextStyleBuiltInControl,
-  Je as UEAttr,
-  St as UIElement,
-  Mt as UIElementTagRegistry,
-  ke as UIElementType
+  qe as ButtonAlignBuiltInControl,
+  Je as ButtonBackgroundColorBuiltInControl,
+  et as ButtonBorderBuiltInControl,
+  je as ButtonBorderRadiusBuiltInControl,
+  tt as ButtonColorBuiltInControl,
+  F as ButtonControls,
+  rt as ButtonFitToContainerBuiltInControl,
+  at as ButtonFontFamilyBuiltInControl,
+  nt as ButtonMarginsBuiltInControl,
+  st as ButtonPaddingsBuiltInControl,
+  it as ButtonTextBuiltInControl,
+  lt as ButtonTextSizeBuiltInControl,
+  Et as ButtonTextStyleAndFontColorBuiltInControl,
+  de as ContainerControls,
+  ot as Control,
+  ue as EditorStatePropertyType,
+  ke as Extension,
+  Lt as ExtensionBuilder,
+  K as GeneralControls,
+  _t as IconsRegistry,
+  k as ImageControls,
+  dt as ImageMarginsBuiltInControl,
+  ut as ImageSizeBuiltInControl,
+  Ct as ModificationDescription,
+  ce as PreviewDeviceMode,
+  ct as SettingsPanelRegistry,
+  Tt as SettingsPanelTab,
+  Te as SettingsTab,
+  It as TextAlignBuiltInControl,
+  bt as TextColorBuiltInControl,
+  H as TextControls,
+  ht as TextFontFamilyBuiltInControl,
+  mt as TextLineSpacingBuiltInControl,
+  gt as TextPaddingsBuiltInControl,
+  Ot as TextSizeBuiltInControl,
+  Rt as TextStyleBuiltInControl,
+  Ze as UEAttr,
+  At as UIElement,
+  Nt as UIElementTagRegistry,
+  Ke as UIElementType
 };

package/dist/package.json.js

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

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

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;>\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

package/dist/static/templates/empty/style.css.js

@@ -594,6 +594,7 @@ button.es-button {
 
     a.es-button,
     button.es-button {
+        font-size: 16px !important;
         display: block !important;
         padding: 10px 0px 10px 0px !important;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.b277bd3",
+  "version": "3.2.0-beta.bdc0c2a",
   "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",
@@ -32,7 +32,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.8.0",
+    "@stripoinc/ui-editor-extensions": "3.7.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.62.0"
+      "version": "2.60.0"
     }
   }
 }