@useinsider/guido 3.8.0-beta.84f6c0a → 3.8.0-beta.910d4af

package/dist/extensions/Blocks/controlFactories.js

@@ -1,276 +1,250 @@
-import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as x, TextStyleBuiltInControl as f, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as I, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as m, 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 F, ButtonFitToContainerBuiltInControl as h, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const z = "buttonTextStyleForm";
-function P(o, n, r) {
-  return class extends a {
+import { TextAlignBuiltInControl as s, TextColorBuiltInControl as l, TextSizeBuiltInControl as u, TextStyleBuiltInControl as i, TextFontFamilyBuiltInControl as c, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as a, ImageSizeBuiltInControl as g, ImageMarginsBuiltInControl as x, ButtonAlignBuiltInControl as C, ButtonBorderBuiltInControl as f, ButtonBorderRadiusBuiltInControl as B, ButtonColorBuiltInControl as T, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as y, ButtonPaddingsBuiltInControl as m, ButtonTextBuiltInControl as A, ButtonTextSizeBuiltInControl as S, ButtonTextStyleAndFontColorBuiltInControl as N, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function k(o, n, r) {
+  return class extends s {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function _(o, n, r) {
-  return class extends g {
+function p(o, n, r) {
+  return class extends l {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function v(o, n, r) {
-  return class extends x {
+function F(o, n, r) {
+  return class extends u {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function L(o, n, r) {
-  return class extends f {
+function z(o, n, r) {
+  return class extends i {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function R(o, n, r) {
-  return class extends C {
+function M(o, n, r) {
+  return class extends c {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function O(o, n, r) {
-  return class extends T {
+function P(o, n, r) {
+  return class extends d {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Y(o, n, r) {
-  return class extends B {
+function h(o, n, r) {
+  return class extends a {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       if (!n || !r)
-        return [e];
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        return [t];
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function w(o, n, r) {
-  return class extends M {
+function L(o, n, r) {
+  return class extends q {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(t) {
+      return [t];
     }
   };
 }
-function D(o, n, r = ".ins-recommendation-product-container") {
-  return class extends m {
+function R(o, n, r = ".ins-recommendation-product-container") {
+  return class extends C {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
-  return class extends b {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function K(o, n, r = ".ins-recommendation-product-container") {
-  return class extends S {
+function v(o, n, r = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function U(o, n, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function w(o, n, r = ".ins-recommendation-product-container") {
+  return class extends B {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function V(o, n, r = ".ins-recommendation-product-container") {
-  return class extends N {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function W(o, n, r = ".ins-recommendation-product-container") {
-  return class extends q {
+function E(o, n, r = ".ins-recommendation-product-container") {
+  return class extends y {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function X(o, n, r = ".ins-recommendation-product-container") {
-  return class extends $ {
+function G(o, n, r = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function H(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
-  return class extends p {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(o, n, r) {
-  return class extends F {
+function K(o, n, r) {
+  return class extends N {
     getId() {
       return o;
     }
-    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.
-     *
-     * Stripo's built-in applies font-color/size to every target node but writes
-     * the text-style (font-weight/font-style) only to the selected button. Bold/italic
-     * are plain inline CSS on the `<a class="es-button">` (no tags), so we mirror them
-     * onto every button's anchor. The toggle state comes from the control's form
-     * (`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(e) {
-      const t = e.closest(r);
-      if (!t)
-        return;
-      const i = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
-      if (!i.length)
-        return;
-      const s = this.api.getValues()[z];
-      if (!s)
-        return;
-      const u = s.bold ? "bold" : "normal", c = s.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
-      return i.forEach((d) => {
-        l.modifyHtml(d).setStyle("font-weight", u).setStyle("font-style", c);
-      }), l;
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(o, n, r) {
-  return class extends h {
+function O(o, n, r) {
+  return class extends b {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
-      const t = e.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+    getTargetNodes(t) {
+      const e = t.closest(r);
+      return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Z(o, n, r) {
-  return class extends I {
+function Q(o, n, r) {
+  return class extends g {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const t = e.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function tt(o, n, r) {
-  return class extends y {
+function U(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
-    getTargetNodes(e) {
+    getTargetNodes(t) {
       try {
-        const t = e.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
+        const e = t.closest(r);
+        return e ? e.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
@@ -278,25 +252,25 @@ function tt(o, n, r) {
   };
 }
 export {
-  D as createButtonAlignControl,
-  K as createButtonBorderControl,
-  U as createButtonBorderRadiusControl,
-  H as createButtonColorControl,
-  Q as createButtonFitToContainerControl,
-  V as createButtonFontFamilyControl,
-  W as createButtonMarginsControl,
-  X as createButtonPaddingsControl,
-  j as createButtonTextControl,
-  G as createButtonTextSizeControl,
-  J as createButtonTextStyleAndFontColorControl,
-  tt as createImageMarginsControl,
-  Z as createImageSizeControl,
-  Y as createPaddingsControl,
-  P as createTextAlignControl,
-  O as createTextBackgroundColorControl,
-  _ as createTextColorControl,
-  R as createTextFontFamilyControl,
-  w as createTextLineSpacingControl,
-  v as createTextSizeControl,
-  L as createTextStyleControl
+  R as createButtonAlignControl,
+  v as createButtonBorderControl,
+  w as createButtonBorderRadiusControl,
+  j as createButtonColorControl,
+  O as createButtonFitToContainerControl,
+  D as createButtonFontFamilyControl,
+  E as createButtonMarginsControl,
+  G as createButtonPaddingsControl,
+  H as createButtonTextControl,
+  J as createButtonTextSizeControl,
+  K as createButtonTextStyleAndFontColorControl,
+  U as createImageMarginsControl,
+  Q as createImageSizeControl,
+  h as createPaddingsControl,
+  k as createTextAlignControl,
+  P as createTextBackgroundColorControl,
+  p as createTextColorControl,
+  M as createTextFontFamilyControl,
+  L as createTextLineSpacingControl,
+  F as createTextSizeControl,
+  z as createTextStyleControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-f6a8cb4c]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-f6a8cb4c]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-f6a8cb4c]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-f6a8cb4c]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-f6a8cb4c]{object-fit:cover;transform:scale(1)}[data-v-18e1220a] .guido__verion-history-view-option-selection-desktop svg,[data-v-18e1220a] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-18e1220a] .in-segments-wrapper__button_selected,[data-v-18e1220a] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-669fe7cf]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-669fe7cf]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-669fe7cf]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-669fe7cf]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-669fe7cf]{object-fit:cover;transform:scale(1)}[data-v-7a305bb2] .guido__verion-history-view-option-selection-desktop svg,[data-v-7a305bb2] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-7a305bb2] .in-segments-wrapper__button_selected,[data-v-7a305bb2] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/composables/usePreviewInteractionGuard.d.ts

@@ -0,0 +1,3 @@
+export declare const usePreviewInteractionGuard: () => {
+    blockPreviewInteractions: (iframe: HTMLIFrameElement) => void;
+};

package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts

@@ -1,3 +1,4 @@
 export declare const useUnsubscribeBlockValidator: () => {
     validateUnsubscribeBlockUniqueness: (html: string) => boolean;
+    validateUnsubscribeBlockHasTemplate: (html: string) => boolean;
 };

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

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): 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;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

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

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, PRODUCT_ATTRIBUTE_PREFIX, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

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

@@ -56,8 +56,6 @@ export declare const ATTR_CUSTOM_PREFIX = "customAttr:";
 export declare const ATTR_DATA_CUSTOM_ATTRIBUTES = "data-custom-attributes";
 /** HTML attribute on <td> elements identifying the product attribute for compiler template variable generation */
 export declare const ATTR_PRODUCT_ATTR = "product-attr";
-/** Prefix `resolveProductAttrValue` puts on custom (non-default) product attributes in `product-attr` values */
-export declare const PRODUCT_ATTRIBUTE_PREFIX = "product_attribute.";
 /**
  * Default attribute names that are already represented by built-in composition toggle items.
  * Used to exclude these from the custom attribute dropdown to prevent duplication with toggles.

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

@@ -120,11 +120,11 @@ export declare const ButtonControls: {
         new (): {
             getId(): 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;
             getLabels(): import("@stripoinc/ui-editor-extensions").ButtonTextStyleAndFontColorControlLabels | undefined;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/main/layoutOrientation.d.ts

@@ -31,8 +31,7 @@ export declare class LayoutOrientationControl extends CommonControl {
      * Regenerates product rows based on the selected layout
      * Uses unified style-preserving regeneration to maintain user customizations
      * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
-     * @param composition - The preserved card composition, incl. customAttr:* entries
      */
-    _regenerateProductRows(layout: Orientation, composition: string[]): void;
+    _regenerateProductRows(layout: Orientation): void;
     _listenToFormUpdates(): void;
 }

package/dist/src/extensions/Blocks/Recommendation/controls/main/utils.d.ts

@@ -60,17 +60,39 @@ export interface RegenerateProductRowsOptions {
     composition?: string[];
 }
 /**
- * Regenerates only the mobile product container rows and commits in a single apply().
- * Standalone entry point for callers that change mobile-only settings
- * (block.ts, productLayout.ts). The combined desktop+mobile regeneration uses the
- * apply-free accumulateMobileProductRows() so the whole rebuild is one commit.
+ * Regenerates only the mobile product container rows.
+ * Used when mobile-specific settings change (mobileCardsInRow)
+ * or when the desktop container is regenerated (to keep both in sync).
  *
- * For list layout / disabled mobile layout: clears the mobile row content.
- * For grid layout with mobileLayoutEnabled ON: rebuilds the full mobile row.
+ * For list layout: clears the mobile row content (list rows are inherently responsive).
+ * For grid layout with mobileLayoutEnabled OFF: clears the mobile row content.
+ * For grid layout with mobileLayoutEnabled ON: rebuilds the full mobile row
+ *   structure (<td><table>...products...</table></td>) in a single operation.
  */
 export declare function regenerateMobileProductRows(options: Omit<RegenerateProductRowsOptions, 'afterRegenerate'>): void;
+/**
+ * Regenerates product rows in the desktop container based on current store configuration.
+ * Also regenerates the mobile container to keep both in sync.
+ * Reads products, layout, and composition from store/DOM and rebuilds the HTML.
+ * @param options - Configuration options for regeneration
+ */
+export declare function regenerateProductRows(options: RegenerateProductRowsOptions): void;
+export interface ReapplySpacingOptions {
+    currentNode: ImmutableHtmlNode | null | undefined;
+    documentModifier: DocumentModifier;
+}
+/**
+ * Reapplies spacing values after product regeneration.
+ * Desktop spacing applies only to the desktop container;
+ * mobile spacing applies only to the mobile container.
+ *
+ * Reads values from node config (primary) with data-attribute fallback
+ * for backward compatibility with pre-nodeConfig templates.
+ * @param options - Configuration options
+ */
+export declare function reapplySpacing(options: ReapplySpacingOptions): void;
 export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsOptions, 'products' | 'layout'> {
-    /** Skip style capture if styles were already handled externally */
+    /** Skip style capture/restore if styles were already handled externally */
     skipStylePreservation?: boolean;
     /** Optional: pass products directly instead of reading from store */
     products?: RecommendationProduct[];
@@ -78,21 +100,26 @@ export interface RegenerateWithStylesOptions extends Omit<RegenerateProductRowsO
     layout?: Orientation;
 }
 /**
- * Regenerates product rows while preserving user-applied styles, in a SINGLE commit.
+ * Regenerates product rows while preserving user-applied styles
+ *
+ * This unified function handles the complete regeneration flow:
+ * 1. Captures existing styles (fonts, colors, button styles, etc.)
+ * 2. Regenerates HTML with new products/layout
+ * 3. Restores captured styles to new elements
+ * 4. Reapplies spacing from data attributes
  *
- * Flow:
- * 1. Capture the current per-attribute style templates (tag wrappers + p-style) and
- *    spacing — read from the live DOM BEFORE it is replaced.
- * 2. Accumulate the desktop + mobile rebuilds, with spacing and the captured styles
- *    baked straight into the generated HTML.
- * 3. Commit everything with ONE apply().
+ * NOTE: Style restoration is temporarily disabled due to Stripo selection bug.
+ * Multiple apply() calls (setInnerHtml + restoreStyles + reapplySpacing) cause
+ * Stripo's internal cursor/selection tracking to lose node references, resulting in
+ * "Cannot read properties of undefined (reading 'textContent')" errors.
  *
- * Why one apply(): each apply() is a Stripo commit boundary that re-resolves the
- * editor's selection against node references. A setInnerHtml rebuild destroys the old
- * text nodes, so a second (or deferred) commit left the inline-format tracker pointing
- * at gone nodes — the "Cannot read properties of undefined (reading 'textContent')"
- * crash when toggling bold/italic/strike afterwards. Baking spacing + styles into the
- * HTML removes the need for any post-rebuild reapply pass.
+ * Use this instead of `regenerateProductRows` when styles must be preserved.
+ * @example
+ * // When products change (API response, count change, layout change)
+ * regenerateProductRowsWithStyles({
+ *     currentNode: this.currentNode,
+ *     documentModifier: this.api.getDocumentModifier(),
+ * });
  * @param options - Configuration options for regeneration
  */
 export declare function regenerateProductRowsWithStyles(options: RegenerateWithStylesOptions): void;