@useinsider/guido 3.2.0-beta.565bfaf → 3.2.0-beta.570fb6d

package/dist/extensions/Blocks/Recommendation/controls/spacing/index.js

@@ -1,14 +1,14 @@
 var G = Object.defineProperty;
 var P = (u, s, t) => s in u ? G(u, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[s] = t;
-var C = (u, s, t) => P(u, typeof s != "symbol" ? s + "" : s, t);
-import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var h = (u, s, t) => P(u, typeof s != "symbol" ? s + "" : s, t);
+import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as R } from "../../../common-control.js";
-import { DESKTOP_CONTAINER_SELECTOR as S, MOBILE_CONTAINER_SELECTOR as M } from "../../constants/selectors.js";
-import { SPACING_STEP as _, MAX_SPACING as N, MIN_SPACING as b, DEFAULT_COLUMN_SPACING as g, DEFAULT_ROW_SPACING as E } from "../../constants/layout.js";
 import { RecommendationConfigService as p } from "../../services/configService.js";
 import { useRecommendationExtensionStore as w } from "../../store/recommendation.js";
 import { safeGetStyle as L, safeGetParent as V } from "../../utils/tagName.js";
-import { getCurrentLayout as f, getBlockElement as B } from "../main/utils.js";
+import { getCurrentLayout as S, getBlockElement as B } from "../main/utils.js";
+import { SPACING_STEP as _, MAX_SPACING as N, MIN_SPACING as b, DEFAULT_COLUMN_SPACING as C, DEFAULT_ROW_SPACING as M } from "../../constants/layout.js";
+import { DESKTOP_CONTAINER_SELECTOR as f, MOBILE_CONTAINER_SELECTOR as E } from "../../constants/selectors.js";
 import { useDebounceFn as O } from "../../../../../node_modules/@vueuse/shared/index.js";
 const U = "recommendation-spacing-control", n = {
   COLUMN_SPACING: "columnSpacing",
@@ -34,31 +34,31 @@ function I(u, s) {
 class j extends R {
   constructor() {
     super(...arguments);
-    C(this, "store", w());
-    C(this, "unsubscribeOrientation", null);
+    h(this, "store", w());
+    h(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    C(this, "_debouncedOnColumnSpacingChange", O((t) => {
+    h(this, "_debouncedOnColumnSpacingChange", O((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      */
-    C(this, "_debouncedOnRowSpacingChange", O((t) => {
+    h(this, "_debouncedOnRowSpacingChange", O((t) => {
       this._onRowSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileColumnSpacingChange
      */
-    C(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
+    h(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
       this._onMobileColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileRowSpacingChange
      */
-    C(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
+    h(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
       this._onMobileRowSpacingChange(t);
     }, 300));
   }
@@ -132,7 +132,7 @@ class j extends R {
   _updateSpacingVisibility() {
     if (!this.api)
       return;
-    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || f(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, c = t.mobileCardsInRow > 1;
+    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || S(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, c = t.mobileCardsInRow > 1;
     this.api.setVisibility(n.COLUMN_SPACING, i && r), this.api.setVisibility(n.COLUMN_SPACING_LABEL, i && r), this.api.setVisibility(n.ROW_SPACING, !0), this.api.setVisibility(n.ROW_SPACING_LABEL, !0), this.api.setVisibility(
       n.MOBILE_COLUMN_SPACING,
       i && a && c
@@ -165,20 +165,20 @@ class j extends R {
    */
   _getStoredColumnSpacing() {
     if (!this.currentNode)
-      return g;
-    const t = this.currentNode.querySelector(S) ?? this.currentNode;
-    if (f(this.currentNode) === "grid") {
-      const h = t.querySelector(".recommendation-attribute-row"), l = (h == null ? void 0 : h.querySelector("td")) ?? null, d = L(l, "padding");
+      return C;
+    const t = this.currentNode.querySelector(f) ?? this.currentNode;
+    if (S(this.currentNode) === "grid") {
+      const l = t.querySelector(".recommendation-attribute-row")?.querySelector("td") ?? null, d = L(l, "padding");
       if (!d)
-        return g;
+        return C;
       const y = d.trim().split(/\s+/);
-      return y.length < 2 ? g : I(y[1], g / 2) * 2;
+      return y.length < 2 ? C : I(y[1], C / 2) * 2;
     }
     const o = t.querySelector(".product-card-wrapper") ?? null, i = V(o), a = L(i, "padding");
     if (!a)
-      return g;
+      return C;
     const r = a.trim().split(/\s+/);
-    return r.length < 2 ? g : I(r[1], g / 2) * 2;
+    return r.length < 2 ? C : I(r[1], C / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
@@ -186,9 +186,9 @@ class j extends R {
    */
   _getStoredRowSpacing() {
     if (!this.currentNode)
-      return E;
-    const e = (this.currentNode.querySelector(S) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
-    return I(o, E);
+      return M;
+    const e = (this.currentNode.querySelector(f) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
+    return I(o, M);
   }
   // ========================================================================
   // Desktop Spacing Handlers
@@ -206,7 +206,7 @@ class j extends R {
       { columnSpacing: t },
       `Changed column spacing to ${t}px`
     ), this._storeDataAttribute(A.COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(S);
+    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(f);
     c && (o === "grid" ? Array.from(
       c.querySelectorAll(".attribute-cell")
     ).forEach((l) => {
@@ -216,7 +216,7 @@ class j extends R {
     ).forEach((l) => {
       const d = "parent" in l ? l.parent() : void 0;
       d && i.modifyHtml(d).setStyle("padding", r);
-    }), i.apply(new m(`Update column spacing to ${t}px`)));
+    }), i.apply(new g(`Update column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for desktop.
@@ -231,7 +231,7 @@ class j extends R {
       { rowSpacing: t },
       `Changed row spacing to ${t}px`
     ), this._storeDataAttribute(A.ROW_SPACING, t);
-    const e = this.currentNode.querySelector(S);
+    const e = this.currentNode.querySelector(f);
     if (!e)
       return;
     const o = Array.from(
@@ -242,7 +242,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new m(`Update row spacing to ${t}px`));
+    }), i.apply(new g(`Update row spacing to ${t}px`));
   }
   // ========================================================================
   // Mobile Spacing Handlers
@@ -260,7 +260,7 @@ class j extends R {
       { mobileColumnSpacing: t },
       `Changed mobile column spacing to ${t}px`
     ), this._storeDataAttribute(A.MOBILE_COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(M);
+    const o = p.getConfig(this.currentNode).layout || S(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(E);
     c && (o === "grid" ? Array.from(
       c.querySelectorAll(".attribute-cell")
     ).forEach((l) => {
@@ -270,7 +270,7 @@ class j extends R {
     ).forEach((l) => {
       const d = "parent" in l ? l.parent() : void 0;
       d && i.modifyHtml(d).setStyle("padding", r);
-    }), i.apply(new m(`Update mobile column spacing to ${t}px`)));
+    }), i.apply(new g(`Update mobile column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for mobile.
@@ -285,7 +285,7 @@ class j extends R {
       { mobileRowSpacing: t },
       `Changed mobile row spacing to ${t}px`
     ), this._storeDataAttribute(A.MOBILE_ROW_SPACING, t);
-    const e = this.currentNode.querySelector(M);
+    const e = this.currentNode.querySelector(E);
     if (!e)
       return;
     const o = Array.from(
@@ -296,7 +296,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new m(`Update mobile row spacing to ${t}px`));
+    }), i.apply(new g(`Update mobile row spacing to ${t}px`));
   }
   // ========================================================================
   // Data Attribute Storage
@@ -306,7 +306,7 @@ class j extends R {
    */
   _storeDataAttribute(t, e) {
     const o = B(this.currentNode);
-    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new m(`Store ${t}`));
+    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
   }
   // ========================================================================
   // Event Listeners

package/dist/extensions/Blocks/Recommendation/controls/syncInfoMessage.js

@@ -1,27 +1,27 @@
-var m = Object.defineProperty;
-var _ = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var a = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
-import { UIElementType as c, UEAttr as p } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../common-control.js";
-import { RecommendationControlId as C } from "../constants/controlIds.js";
-const S = C.SYNC_INFO_MESSAGE, r = "sync-info-message", u = "Note that changes will be applied to all product cards in your recommendation block.";
-class h extends d {
+var c = Object.defineProperty;
+var m = (t, e, o) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var l = (t, e, o) => m(t, typeof e != "symbol" ? e + "" : e, o);
+import { UIElementType as a, UEAttr as _ } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as p } from "../../common-control.js";
+import { RecommendationControlId as d } from "../constants/controlIds.js";
+const C = d.SYNC_INFO_MESSAGE, r = "sync-info-message", S = "Note that changes will be applied to all product cards in your recommendation block.";
+class f extends p {
   constructor() {
     super(...arguments);
-    a(this, "_repositionedElement", null);
+    l(this, "_repositionedElement", null);
   }
   getId() {
-    return S;
+    return C;
   }
   getTemplate() {
     return `
             <div class="${r}">
-                <${c.ICON}
-                    ${p.ICON.src}="migration-info-icon"
+                <${a.ICON}
+                    ${_.ICON.src}="migration-info-icon"
                     class="${r}__icon">
-                </${c.ICON}>
+                </${a.ICON}>
                 <p class="${r}__text">
-                    ${this.api.translate(u)}
+                    ${this.api.translate(S)}
                 </p>
             </div>
         `;
@@ -30,8 +30,7 @@ class h extends d {
     this._repositionAboveTabs();
   }
   onDestroy() {
-    var t;
-    super.onDestroy(), (t = this._repositionedElement) == null || t.remove(), this._repositionedElement = null;
+    super.onDestroy(), this._repositionedElement?.remove(), this._repositionedElement = null;
   }
   /**
    * Moves the info message from inside the Settings tab content
@@ -48,7 +47,6 @@ class h extends d {
    * The element reference is stored so onDestroy() can remove it.
    */
   _repositionAboveTabs() {
-    var l;
     const n = this.getContainer().querySelector(`.${r}`);
     if (!n)
       return;
@@ -56,10 +54,10 @@ class h extends d {
     if (!i)
       return;
     const s = i.querySelector("ue-tabs-header");
-    s && ((l = s.parentElement) == null || l.insertBefore(n, s), this._repositionedElement = n);
+    s && (s.parentElement?.insertBefore(n, s), this._repositionedElement = n);
   }
 }
 export {
-  S as SYNC_INFO_MESSAGE_CONTROL_ID,
-  h as SyncInfoMessageControl
+  C as SYNC_INFO_MESSAGE_CONTROL_ID,
+  f as SyncInfoMessageControl
 };

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

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

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

@@ -1,21 +1,13 @@
 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 N } from "./constants/blockIds.js";
-import { RecommendationControlId as T } from "./constants/controlIds.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
-import "./store/recommendation.js";
-import "./controls/name/index.js";
-import "./controls/price/index.js";
-import "./controls/oldPrice/index.js";
-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 L } from "./controls/spacing/index.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as L } from "./controls/cardBackground/index.js";
+import { SPACING_CONTROL_ID as D } from "./controls/spacing/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
-import { SYNC_INFO_MESSAGE_CONTROL_ID as S } from "./controls/syncInfoMessage.js";
-class Z extends E {
+import { RecommendationBlockId as S } from "./constants/blockIds.js";
+import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
+import { RecommendationControlId as T } from "./constants/controlIds.js";
+class F extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -29,8 +21,8 @@ class Z extends E {
         O.STYLES,
         [
           R.TEXT_BLOCK_BACKGROUND_COLOR,
-          D,
-          L
+          L,
+          D
         ]
       ),
       new _(
@@ -39,11 +31,11 @@ class Z extends E {
           B
         ]
       ).withLabel(this.api.translate("Card Composition"))
-    ], I[N.NAME] = [
+    ], I[S.NAME] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.NAME_STYLE,
           T.NAME_ALIGN,
           T.NAME_TEXT_TRIM,
@@ -59,11 +51,11 @@ class Z extends E {
           T.NAME_COLOR
         ]
       )
-    ], I[N.PRICE] = [
+    ], I[S.PRICE] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.PRICE_STYLE,
           T.PRICE_ALIGN,
           T.PRICE_PADDINGS
@@ -78,11 +70,11 @@ class Z extends E {
           T.PRICE_COLOR
         ]
       )
-    ], I[N.OLD_PRICE] = [
+    ], I[S.OLD_PRICE] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.OLD_PRICE_STYLE,
           T.OLD_PRICE_ALIGN,
           T.OLD_PRICE_PADDINGS
@@ -97,11 +89,11 @@ class Z extends E {
           T.OLD_PRICE_COLOR
         ]
       )
-    ], I[N.OMNIBUS_PRICE] = [
+    ], I[S.OMNIBUS_PRICE] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.OMNIBUS_PRICE_TEXT_BEFORE,
           T.OMNIBUS_PRICE_TEXT_AFTER,
           T.OMNIBUS_PRICE_STYLE,
@@ -118,11 +110,11 @@ class Z extends E {
           T.OMNIBUS_PRICE_COLOR
         ]
       )
-    ], I[N.OMNIBUS_DISCOUNT] = [
+    ], I[S.OMNIBUS_DISCOUNT] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.OMNIBUS_DISCOUNT_TEXT_BEFORE,
           T.OMNIBUS_DISCOUNT_TEXT_AFTER,
           T.OMNIBUS_DISCOUNT_STYLE,
@@ -139,11 +131,11 @@ class Z extends E {
           T.OMNIBUS_DISCOUNT_COLOR
         ]
       )
-    ], I[N.BUTTON] = [
+    ], I[S.BUTTON] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.BUTTON_TEXT,
           T.BUTTON_ALIGN,
           T.BUTTON_PADDINGS,
@@ -162,12 +154,13 @@ class Z extends E {
           T.BUTTON_BORDER
         ]
       )
-    ], I[N.CUSTOM_ATTRIBUTE] = [
+    ], I[S.CUSTOM_ATTRIBUTE] = [
       new _(
         O.SETTINGS,
         [
           T.CUSTOM_ATTR_STYLE,
           T.CUSTOM_ATTR_ALIGN,
+          T.CUSTOM_ATTR_TEXT_TRIM,
           T.CUSTOM_ATTR_PADDINGS
         ]
       ),
@@ -180,11 +173,11 @@ class Z extends E {
           T.CUSTOM_ATTR_COLOR
         ]
       )
-    ], I[N.IMAGE] = [
+    ], I[S.IMAGE] = [
       new _(
         O.SETTINGS,
         [
-          S,
+          N,
           T.IMAGE_SIZE,
           T.IMAGE_MARGINS
         ]
@@ -193,5 +186,5 @@ class Z extends E {
   }
 }
 export {
-  Z as SettingsPanel
+  F as SettingsPanel
 };