@useinsider/guido 3.12.0-beta.b9402d1 → 3.12.0-beta.cfe6433

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -1,4 +1,4 @@
-var o = /* @__PURE__ */ ((c) => (c.BLOCK_BACKGROUND = "recommendation-block-background-color-control", c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
+var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c.CUSTOM_ATTR_ALIGN = "recommendation-block-custom-attr-align-control", c.CUSTOM_ATTR_BACKGROUND = "recommendation-block-custom-attr-background-control", c.CUSTOM_ATTR_COLOR = "recommendation-block-custom-attr-color-control", c.CUSTOM_ATTR_FONT_FAMILY = "recommendation-block-custom-attr-font-family-control", c.CUSTOM_ATTR_PADDINGS = "recommendation-block-custom-attr-paddings-control", c.CUSTOM_ATTR_SIZE = "recommendation-block-custom-attr-size-control", c.CUSTOM_ATTR_STYLE = "recommendation-block-custom-attr-style-control", c.CUSTOM_ATTR_TEXT_TRIM = "recommendation-block-custom-attr-text-trim-control", c.SYNC_INFO_MESSAGE = "recommendation-block-sync-info-message", c))(o || {});
 export {
   o as RecommendationControlId
 };

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

@@ -1,4 +1,4 @@
-import { ExtensionBuilder as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlock as m } from "./block.js";
 import n from "./canvasPreview.css.js";
 import { RecommendationBlockControl as i } from "./controls/main/index.js";
@@ -6,44 +6,42 @@ import "./constants/selectors.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
 import { NameControls as e } from "./controls/name/index.js";
-import { PriceControls as l } from "./controls/price/index.js";
-import { OldPriceControls as s } from "./controls/oldPrice/index.js";
+import { PriceControls as s } from "./controls/price/index.js";
+import { OldPriceControls as l } from "./controls/oldPrice/index.js";
 import { OmnibusPriceControls as p } from "./controls/omnibusPrice/index.js";
 import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
 import { ButtonControls as c } from "./controls/button/index.js";
-import { ImageControls as C } from "./controls/image/index.js";
-import { CustomAttributeControls as f } from "./controls/customAttribute/index.js";
+import { ImageControls as f } from "./controls/image/index.js";
+import { CustomAttributeControls as C } from "./controls/customAttribute/index.js";
 import { SpacingControl as d } from "./controls/spacing/index.js";
-import { BlockBackgroundColorControl as u } from "./controls/blockBackground/index.js";
-import { CardBackgroundColorControl as g } from "./controls/cardBackground/index.js";
-import { RecommendationCardCompositionControl as y } from "./controls/cardComposition/index.js";
-import { SyncInfoMessageControl as B } from "./controls/syncInfoMessage.js";
+import { CardBackgroundColorControl as u } from "./controls/cardBackground/index.js";
+import { RecommendationCardCompositionControl as g } from "./controls/cardComposition/index.js";
+import { SyncInfoMessageControl as y } from "./controls/syncInfoMessage.js";
 import { RecommendationIconsRegistry as P } from "./iconsRegistry.js";
 import R from "./recommendation.css.js";
 import { SettingsPanel as S } from "./settingsPanel.js";
-const k = [
+const w = [
   e,
-  l,
   s,
+  l,
   p,
   a,
   c,
-  C,
-  f
-], w = [
+  f,
+  C
+], B = [
   i,
   u,
-  g,
   d,
-  y,
-  B
+  g,
+  y
 ], b = [
-  ...w,
-  ...k.flatMap((o) => Object.values(o))
-], W = b.reduce(
-  (o, r) => o.addControl(r),
-  new t().addBlock(m).withSettingsPanelRegistry(S)
+  ...B,
+  ...w.flatMap((o) => Object.values(o))
+], U = b.reduce(
+  (o, t) => o.addControl(t),
+  new r().addBlock(m).withSettingsPanelRegistry(S)
 ).addStyles(R).withPreviewStyles(n).withIconsRegistry(P).build();
 export {
-  W as default
+  U as default
 };

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

@@ -1,9 +1,9 @@
-import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as I, ContainerControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { BLOCK_ID as R } from "./block.js";
+import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, ContainerControls as C, TextControls as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { BLOCK_ID as U } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
 import "./constants/selectors.js";
-import { CONTROL_BLOCK_ID as U } from "./controls/main/index.js";
+import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./utils/captureStyleTemplates.js";
 import "./controls/name/index.js";
@@ -13,38 +13,37 @@ import "./controls/omnibusPrice/index.js";
 import "./controls/omnibusDiscount/index.js";
 import "./controls/button/index.js";
 import "./controls/image/index.js";
-import { SPACING_CONTROL_ID as A } from "./controls/spacing/index.js";
-import "./controls/blockBackground/index.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as L } from "./controls/cardBackground/index.js";
-import { COMPOSITION_CONTROL_BLOCK_ID as D } from "./controls/cardComposition/index.js";
+import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
+import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-class s extends E {
-  registerBlockControls(O) {
-    O[R] = [
+class d extends E {
+  registerBlockControls(I) {
+    I[U] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
-          U,
+          A,
           C.EXTERNAL_INDENTS
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
-          T.BLOCK_BACKGROUND,
-          L,
-          A
+          R.TEXT_BLOCK_BACKGROUND_COLOR,
+          D,
+          L
         ]
       ),
       new _(
         "Card Composition",
         [
-          D
+          B
         ]
       ).withLabel(this.api.translate("Card Composition"))
-    ], O[S.NAME] = [
+    ], I[S.NAME] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.NAME_STYLE,
@@ -54,7 +53,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.NAME_BACKGROUND,
           T.NAME_FONT_FAMILY,
@@ -62,9 +61,9 @@ class s extends E {
           T.NAME_COLOR
         ]
       )
-    ], O[S.PRICE] = [
+    ], I[S.PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.PRICE_STYLE,
@@ -73,7 +72,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.PRICE_BACKGROUND,
           T.PRICE_FONT_FAMILY,
@@ -81,9 +80,9 @@ class s extends E {
           T.PRICE_COLOR
         ]
       )
-    ], O[S.OLD_PRICE] = [
+    ], I[S.OLD_PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OLD_PRICE_STYLE,
@@ -92,7 +91,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OLD_PRICE_BACKGROUND,
           T.OLD_PRICE_FONT_FAMILY,
@@ -100,9 +99,9 @@ class s extends E {
           T.OLD_PRICE_COLOR
         ]
       )
-    ], O[S.OMNIBUS_PRICE] = [
+    ], I[S.OMNIBUS_PRICE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OMNIBUS_PRICE_TEXT_BEFORE,
@@ -113,7 +112,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OMNIBUS_PRICE_BACKGROUND,
           T.OMNIBUS_PRICE_FONT_FAMILY,
@@ -121,9 +120,9 @@ class s extends E {
           T.OMNIBUS_PRICE_COLOR
         ]
       )
-    ], O[S.OMNIBUS_DISCOUNT] = [
+    ], I[S.OMNIBUS_DISCOUNT] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.OMNIBUS_DISCOUNT_TEXT_BEFORE,
@@ -134,7 +133,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.OMNIBUS_DISCOUNT_BACKGROUND,
           T.OMNIBUS_DISCOUNT_FONT_FAMILY,
@@ -142,9 +141,9 @@ class s extends E {
           T.OMNIBUS_DISCOUNT_COLOR
         ]
       )
-    ], O[S.BUTTON] = [
+    ], I[S.BUTTON] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.BUTTON_TEXT,
@@ -154,7 +153,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.BUTTON_COLOR,
           T.BUTTON_FONT_FAMILY,
@@ -165,9 +164,9 @@ class s extends E {
           T.BUTTON_BORDER
         ]
       )
-    ], O[S.CUSTOM_ATTRIBUTE] = [
+    ], I[S.CUSTOM_ATTRIBUTE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           T.CUSTOM_ATTR_STYLE,
           T.CUSTOM_ATTR_ALIGN,
@@ -176,7 +175,7 @@ class s extends E {
         ]
       ),
       new _(
-        I.STYLES,
+        O.STYLES,
         [
           T.CUSTOM_ATTR_BACKGROUND,
           T.CUSTOM_ATTR_FONT_FAMILY,
@@ -184,9 +183,9 @@ class s extends E {
           T.CUSTOM_ATTR_COLOR
         ]
       )
-    ], O[S.IMAGE] = [
+    ], I[S.IMAGE] = [
       new _(
-        I.SETTINGS,
+        O.SETTINGS,
         [
           N,
           T.IMAGE_SIZE,
@@ -197,5 +196,5 @@ class s extends E {
   }
 }
 export {
-  s as SettingsPanel
+  d as SettingsPanel
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,80 +1,80 @@
-import { TextAlignBuiltInControl as C, TextColorBuiltInControl as B, TextSizeBuiltInControl as T, TextStyleBuiltInControl as m, TextFontFamilyBuiltInControl as y, ButtonBackgroundColorBuiltInControl as a, TextPaddingsBuiltInControl as I, ImageSizeBuiltInControl as S, ImageMarginsBuiltInControl as b, ButtonAlignBuiltInControl as A, ButtonBorderBuiltInControl as k, ButtonBorderRadiusBuiltInControl as N, ButtonColorBuiltInControl as h, ButtonFontFamilyBuiltInControl as p, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as F, ButtonTextSizeBuiltInControl as v, ButtonTextStyleAndFontColorBuiltInControl as M, ButtonFitToContainerBuiltInControl as R, TextLineSpacingBuiltInControl as _ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const O = "buttonTextStyleForm", g = "backgroundColor", f = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]), E = ["elementColor", g];
-function L(o, e, r) {
-  return class extends C {
+import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as f, TextStyleBuiltInControl as x, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as m, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as I, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as h, ButtonFitToContainerBuiltInControl as F, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const R = "buttonTextStyleForm", _ = "backgroundColor", E = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]);
+function z(o, n, r) {
+  return class extends a {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function P(o, e, r) {
-  return class extends B {
+function v(o, n, r) {
+  return class extends g {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function U(o, e, r) {
-  return class extends T {
+function P(o, n, r) {
+  return class extends f {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Y(o, e, r) {
-  return class extends m {
+function D(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(o, e, r) {
-  return class extends y {
+function K(o, n, r) {
+  return class extends C {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(o, e, r) {
-  return class extends a {
+function L(o, n, r) {
+  return class extends T {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
     /**
      * Mirrors the picked background onto each target cell as an INLINE style.
@@ -85,196 +85,148 @@ function H(o, e, r) {
      * (SD-143023). Writing the inline here keeps it the single source of truth and in
      * sync on every edit. Merged into the parent control's single patch (no extra apply).
      */
-    getAdditionalModifications(n) {
-      const t = this.getTargetNodes(n);
+    getAdditionalModifications(e) {
+      const t = this.getTargetNodes(e);
       if (!t.length)
         return;
-      const s = this.api.getValues()[g], i = !s || f.has(s), l = this.api.getDocumentModifier();
+      const s = this.api.getValues()[_], i = !s || E.has(s), c = this.api.getDocumentModifier();
       return t.forEach((u) => {
-        const c = l.modifyHtml(u);
-        i ? c.removeStyle("background-color") : c.setStyle("background-color", s);
-      }), l;
+        const l = c.modifyHtml(u);
+        i ? l.removeStyle("background-color") : l.setStyle("background-color", s);
+      }), c;
     }
   };
 }
-function K(o) {
-  const e = E.find((n) => n in o);
-  if (!e)
-    return;
-  const r = o[e];
-  return typeof r == "string" ? r : "";
-}
-function z(o, e) {
-  return e.startsWith(".") && "hasClass" in o && o.hasClass(e.slice(1));
-}
-function d(o, e) {
-  try {
-    return z(o, e) ? o : o.closest(e) ?? void 0;
-  } catch {
-    return;
-  }
-}
-function V(o, e) {
-  return class extends a {
+function U(o, n, r) {
+  return class extends B {
     getId() {
       return o;
     }
-    /** The parent control renders its own generic title; restore the block-level wording. */
-    getLabels() {
-      return { title: this.api.translate("Block Background Color") };
-    }
-    getTargetNodes(r) {
-      const n = d(r, e);
-      return n ? [n] : [];
-    }
-    /**
-     * Writes the picked background onto the block as an inline style plus a `bgcolor`
-     * attribute. This is the whole mechanism, not a mirror: the parent control's own
-     * write never reaches the block element (verified at runtime). `bgcolor` is the
-     * channel Outlook honours on a `<td>`, and matches what the migrator emits.
-     */
-    getAdditionalModifications(r) {
-      const n = d(r, e);
-      if (!n)
-        return;
-      const t = K(this.api.getValues());
-      if (t === void 0)
-        return;
-      const s = !t || f.has(t), i = this.api.getDocumentModifier(), l = i.modifyHtml(n);
-      return s ? l.removeStyle("background-color").removeAttribute("bgcolor") : l.setStyle("background-color", t).setAttribute("bgcolor", t), i;
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(o, e, r) {
-  return class extends I {
+function Y(o, n, r) {
+  return class extends M {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function W(o, e, r) {
-  return class extends _ {
+function w(o, n, r = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      return [n];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function X(o, e, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function G(o, n, r = ".ins-recommendation-product-container") {
+  return class extends b {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(o, e, r = ".ins-recommendation-product-container") {
-  return class extends h {
+function H(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(o, e, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function V(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(o, e, r = ".ins-recommendation-product-container") {
+function W(o, n, r = ".ins-recommendation-product-container") {
   return class extends N {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
-    }
-  };
-}
-function Z(o, e, r = ".ins-recommendation-product-container") {
-  return class extends p {
-    getId() {
-      return o;
-    }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function tt(o, e, r = ".ins-recommendation-product-container") {
+function X(o, n, r = ".ins-recommendation-product-container") {
   return class extends q {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function et(o, e, r = ".ins-recommendation-product-container") {
+function j(o, n, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function nt(o, e, r = ".ins-recommendation-product-container") {
-  return class extends F {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends k {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function rt(o, e, r = ".ins-recommendation-product-container") {
-  return class extends v {
+function Q(o, n, r = ".ins-recommendation-product-container") {
+  return class extends p {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function ot(o, e, r) {
-  return class extends M {
+function Z(o, n, r) {
+  return class extends h {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
     /**
      * Propagates Bold/Italic to ALL product buttons, not just the focused one.
@@ -286,58 +238,58 @@ function ot(o, e, r) {
      * (`buttonTextStyleForm.{bold,italic}`) because the patched node isn't updated yet
      * when this runs. Returned modifications are merged into the parent control's patch.
      */
-    getAdditionalModifications(n) {
-      const t = n.closest(r);
+    getAdditionalModifications(e) {
+      const t = e.closest(r);
       if (!t)
         return;
-      const s = t.querySelectorAll(`[esd-extension-block-id="${e}"] a.es-button`);
+      const s = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
       if (!s.length)
         return;
-      const i = this.api.getValues()[O];
+      const i = this.api.getValues()[R];
       if (!i)
         return;
-      const l = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", c = this.api.getDocumentModifier();
-      return s.forEach((x) => {
-        c.modifyHtml(x).setStyle("font-weight", l).setStyle("font-style", u);
-      }), c;
+      const c = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
+      return s.forEach((d) => {
+        l.modifyHtml(d).setStyle("font-weight", c).setStyle("font-style", u);
+      }), l;
     }
   };
 }
-function st(o, e, r) {
-  return class extends R {
+function tt(o, n, r) {
+  return class extends F {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function it(o, e, r) {
-  return class extends S {
+function et(o, n, r) {
+  return class extends m {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
+    getTargetNodes(e) {
       try {
-        const t = n.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function lt(o, e, r) {
-  return class extends b {
+function nt(o, n, r) {
+  return class extends y {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
+    getTargetNodes(e) {
       try {
-        const t = n.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
@@ -345,26 +297,25 @@ function lt(o, e, r) {
   };
 }
 export {
-  V as createBlockBackgroundColorControl,
-  X as createButtonAlignControl,
-  J as createButtonBorderControl,
-  Q as createButtonBorderRadiusControl,
-  j as createButtonColorControl,
-  st as createButtonFitToContainerControl,
-  Z as createButtonFontFamilyControl,
-  tt as createButtonMarginsControl,
-  et as createButtonPaddingsControl,
-  nt as createButtonTextControl,
-  rt as createButtonTextSizeControl,
-  ot as createButtonTextStyleAndFontColorControl,
-  lt as createImageMarginsControl,
-  it as createImageSizeControl,
-  w as createPaddingsControl,
-  L as createTextAlignControl,
-  H as createTextBackgroundColorControl,
-  P as createTextColorControl,
-  G as createTextFontFamilyControl,
-  W as createTextLineSpacingControl,
-  U as createTextSizeControl,
-  Y as createTextStyleControl
+  w as createButtonAlignControl,
+  H as createButtonBorderControl,
+  V as createButtonBorderRadiusControl,
+  G as createButtonColorControl,
+  tt as createButtonFitToContainerControl,
+  W as createButtonFontFamilyControl,
+  X as createButtonMarginsControl,
+  j as createButtonPaddingsControl,
+  J as createButtonTextControl,
+  Q as createButtonTextSizeControl,
+  Z as createButtonTextStyleAndFontColorControl,
+  nt as createImageMarginsControl,
+  et as createImageSizeControl,
+  U as createPaddingsControl,
+  z as createTextAlignControl,
+  L as createTextBackgroundColorControl,
+  v as createTextColorControl,
+  K as createTextFontFamilyControl,
+  Y as createTextLineSpacingControl,
+  P as createTextSizeControl,
+  D as createTextStyleControl
 };

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

@@ -3,7 +3,6 @@
  * These IDs are returned by the getId() method of each control
  */
 export declare enum RecommendationControlId {
-    BLOCK_BACKGROUND = "recommendation-block-background-color-control",
     BUTTON_ALIGN = "recommendation-block-button-align-control",
     BUTTON_BORDER = "recommendation-block-button-border-control",
     BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control",

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

@@ -20,7 +20,6 @@ export { ButtonControls } from './button';
 export { ImageControls } from './image';
 export { CustomAttributeControls } from './customAttribute';
 export { SpacingControl, SPACING_CONTROL_ID } from './spacing';
-export { BlockBackgroundColorControl } from './blockBackground';
 export { CardBackgroundColorControl, CARD_BACKGROUND_COLOR_CONTROL_ID } from './cardBackground';
 export { RecommendationCardCompositionControl, COMPOSITION_CONTROL_BLOCK_ID } from './cardComposition';
 export { SyncInfoMessageControl, SYNC_INFO_MESSAGE_CONTROL_ID } from './syncInfoMessage';

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

@@ -115,35 +115,6 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };
-/**
- * Factory function to create a background color control for a whole extension block.
- *
- * Stripo's built-in block-background control resolves its own target and descends to the
- * nearest `.esd-block-text`, which inside a Recommendation block is the title cell rather
- * than the block itself (SD-145082). Overriding `getTargetNodes` moves that resolution here
- * so the color lands on the block `<td>` only — inner text blocks keep their own controls.
- */
-export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string): {
-    new (): {
-        getId(): string;
-        /** The parent control renders its own generic title; restore the block-level wording. */
-        getLabels(): {
-            title: string;
-        };
-        getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
-        /**
-         * Writes the picked background onto the block as an inline style plus a `bgcolor`
-         * attribute. This is the whole mechanism, not a mirror: the parent control's own
-         * write never reaches the block element (verified at runtime). `bgcolor` is the
-         * channel Outlook honours on a `<td>`, and matches what the migrator emits.
-         */
-        getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        isVisible(_node: ImmutableHtmlNode): boolean;
-    };
-};
 /**
  * Factory function to create paddings controls for different block elements
  * When targetBlockId and containerSelector are not provided, applies directly to root

package/dist/static/styles/components/base-input.css.js

@@ -3,8 +3,12 @@ const n = `.base-input {
     border-radius: 4px;
     background-color: var(--guido-color-gray-0);
     align-items: center;
-    height: 40px;
-    max-height: 40px;
+    /* 40px is a floor, never a cap: \`.base-input\` is shared by every settings field,
+       including Stripo's own auto-height inputs (e.g. the link field) that expand on
+       focus. A fixed max-height clamped their inner box; keep 40px only as the floor. */
+    min-height: 40px;
+    height: auto;
+    max-height: none;
     box-sizing: content-box;
     outline: none;
     resize: vertical;
@@ -36,11 +40,6 @@ ue-contenteditable .base-input {
     line-height: 24px;
 }
 
-/* Image link input is auto-height; lift the fixed 40px cap so it can grow. */
-ue-contenteditable.link-autoheight-contenteditable .base-input {
-    max-height: none;
-}
-
 ue-icon-component.icon-button.icon-clear-input {
     right: 2px;
     top: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.12.0-beta.b9402d1",
+  "version": "3.12.0-beta.cfe6433",
   "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/Recommendation/controls/blockBackground/index.js

@@ -1,10 +0,0 @@
-import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
-import { RecommendationControlId as r } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as t } from "../../constants/selectors.js";
-const c = o(
-  r.BLOCK_BACKGROUND,
-  t
-);
-export {
-  c as BlockBackgroundColorControl
-};

package/dist/src/extensions/Blocks/Recommendation/controls/blockBackground/index.d.ts

@@ -1,14 +0,0 @@
-export declare const BlockBackgroundColorControl: {
-    new (): {
-        getId(): string;
-        getLabels(): {
-            title: string;
-        };
-        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        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;
-        getParentControlId(): string;
-        api: import("@stripoinc/ui-editor-extensions").ControlApi;
-        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
-        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
-    };
-};