@useinsider/guido 2.0.0-beta.435da98 → 2.0.0-beta.462e902

package/dist/extensions/Blocks/Recommendation/templates/templateUtils.js

@@ -1,19 +1,18 @@
-import { ATTR_PRODUCT_IMAGE as h, ATTR_PRODUCT_NAME as C, ATTR_PRODUCT_OLD_PRICE as D, ATTR_PRODUCT_PRICE as b, ATTR_PRODUCT_OMNIBUS_PRICE as P, ATTR_PRODUCT_OMNIBUS_DISCOUNT as U, ATTR_PRODUCT_BUTTON as N } from "../constants.js";
-const E = {
+const R = {
   TITLE: "You May Also Like!"
-}, I = `
+}, O = `
     <tr>
-        <td class="spacer" style="height: 10px;"></td>
+        <td class="spacer" style="height: 20px;"></td>
     </tr>
-`, A = `
-    <tr class="recommendation-product-row">
+`, w = `
+    <tr>
         <td>
             <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
                 {-{-PRODUCTS-}-}
             </table>
         </td>
     </tr>
-`, o = `
+`, i = `
     <td width="{-{-COLUMN_WIDTH-}-}" style="padding: 0 5px;" valign="top" height="100%">
         <table
             width="100%"
@@ -35,24 +34,14 @@ const E = {
             </tr>
         </table>
     </td>
-`, Y = [
-  h,
-  C,
-  D,
-  b,
-  P,
-  U,
-  N
-], S = {
-  [h]: !0,
-  [C]: !0,
-  [b]: !0,
-  [D]: !0,
-  [P]: !1,
-  [U]: !1,
-  [N]: !0
-};
-function M() {
+`, b = [
+  "productImage",
+  "productName",
+  "productOldPrice",
+  "productPrice",
+  "productButton"
+];
+function C() {
   return [
     {
       name: "Product Name",
@@ -134,76 +123,58 @@ function M() {
     }
   ];
 }
-function f(a, r, e, l = Y) {
-  const s = (100 / r).toFixed(2), p = [];
-  for (let i = 0; i < a.length; i += r)
-    p.push(a.slice(i, i + r));
+function N(p, r, e, l = b) {
+  const n = (100 / r).toFixed(2), a = [];
+  for (let o = 0; o < p.length; o += r)
+    a.push(p.slice(o, o + r));
   let c = "";
-  return p.forEach((i, w) => {
-    w > 0 && (c += I);
-    let n = "", u = "", d = "", T = "", m = "", _ = "", g = "";
-    i.forEach((t) => {
-      n += o.replace(
+  return a.forEach((o, _) => {
+    _ > 0 && (c += O);
+    let s = "", u = "", d = "", m = "", g = "";
+    o.forEach((t) => {
+      s += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productImage(t)
-      ), u += o.replace(
+      ), u += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productName(t)
-      ), d += o.replace(
+      ), d += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productPrice(t)
-      ), T += o.replace(
+      ), m += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productOldPrice(t)
-      ), m += o.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productOmnibusPrice(t)
-      ), _ += o.replace(
-        "{-{-PRODUCT_CONTENT-}-}",
-        e.productOmnibusDiscount(t)
-      ), g += o.replace(
+      ), g += i.replace(
         "{-{-PRODUCT_CONTENT-}-}",
         e.productButton(t)
       );
     });
-    const R = {
-      productImage: n,
+    const T = {
+      productImage: s,
       productName: u,
       productPrice: d,
-      productOldPrice: T,
-      productOmnibusPrice: m,
-      productOmnibusDiscount: _,
+      productOldPrice: m,
       productButton: g
-    }, y = l.filter((t) => !!R[t]).map((t) => {
-      const O = S[t] ?? !0;
-      return `
-                <tr class="recommendation-attribute-row"
-                    data-attribute-type="${t}"
-                    data-visibility="${O ? "1" : "0"}"${O ? "" : ' style="display: none;"'}>
-                    ${R[t]}
-                </tr>
-            `;
-    }).join("");
-    c += A.replace("{-{-PRODUCTS-}-}", y);
-  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${s}%`);
+    }, h = l.filter((t) => !!T[t]).map((t) => `<tr>${T[t]}</tr>`).join("");
+    c += w.replace("{-{-PRODUCTS-}-}", h);
+  }), c.replaceAll("{-{-COLUMN_WIDTH-}-}", `${n}%`);
 }
-function j(a, r, e, l, s = E.TITLE, p) {
-  const c = f(
+function P(p, r, e, l, n = R.TITLE, a) {
+  const c = N(
     r,
     e,
     l,
-    p
+    a
   );
-  return a.replace("{-{-TITLE-}-}", s).replace("{-{-PRODUCT_ROWS-}-}", c);
+  return p.replace("{-{-TITLE-}-}", n).replace("{-{-PRODUCT_ROWS-}-}", c);
 }
 export {
-  E as DEFAULTS,
-  Y as DEFAULT_CARD_COMPOSITION,
-  S as DEFAULT_CARD_VISIBILITY,
-  j as generateTemplate,
-  M as getDefaultProducts,
-  f as prepareProductRows,
-  o as productCardWrapper,
-  A as productRow,
-  I as spacer
+  R as DEFAULTS,
+  b as DEFAULT_CARD_COMPOSITION,
+  P as generateTemplate,
+  C as getDefaultProducts,
+  N as prepareProductRows,
+  i as productCardWrapper,
+  w as productRow,
+  O as spacer
 };

package/dist/extensions/Blocks/common-control.js

@@ -1,12 +1,12 @@
 var c = Object.defineProperty;
 var I = (a, r, e) => r in a ? c(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e;
-var l = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
+var u = (a, r, e) => I(a, typeof r != "symbol" ? r + "" : r, e);
 import { Control as O, UIElementType as t, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class _ extends O {
   constructor() {
     super(...arguments);
-    l(this, "currentNode");
-    l(this, "lastBlockInstanceId", null);
+    u(this, "currentNode");
+    u(this, "lastBlockInstanceId", null);
   }
   getContainer() {
     var e;
@@ -52,10 +52,9 @@ class _ extends O {
     const T = o !== this.lastBlockInstanceId;
     return T ? (this.currentNode && e(this.currentNode), n(), this.lastBlockInstanceId = o) : n(), T;
   }
-  _GuLabel({ text: e, name: n = "", position: E = "top" }) {
+  _GuLabel({ text: e, name: n = "" }) {
     return `
             <${t.LABEL} 
-                style="${E === "top" ? "margin-bottom: 8px;" : ""}"
                 ${$.LABEL.text}="${e}" 
                 ${$.LABEL.name}="${n || `${e} Label`}">
             </${t.LABEL}>
@@ -170,9 +169,9 @@ class _ extends O {
   _GuOrderable(e, n) {
     let E = "";
     n.forEach((T) => {
-      const u = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${t.ORDERABLE_ITEM} ${u}="${T.key}">
+                <${t.ORDERABLE_ITEM} ${l}="${T.key}">
                     ${T.content}
                 </${t.ORDERABLE_ITEM}>
             `;

package/dist/extensions/Blocks/controlFactories.js

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

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.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}.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}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-5196584c] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.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}.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}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

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

@@ -265,7 +265,7 @@ var st = {
 }, bt = {
   ...o,
   text: "text"
-}, Nt = {
+}, At = {
   ...o
 }, X = {
   ...o,
@@ -273,7 +273,7 @@ var st = {
   multiSelect: "multi-select",
   placeholder: "placeholder",
   items: "items"
-}, At = {
+}, Nt = {
   ...X
 }, Dt = {
   text: "text",
@@ -298,9 +298,9 @@ var st = {
   COLOR: o,
   COUNTER: gt,
   LABEL: bt,
-  RADIO_BUTTONS: Nt,
+  RADIO_BUTTONS: At,
   SELECTPICKER: X,
-  FONT_FAMILY_SELECT: At,
+  FONT_FAMILY_SELECT: Nt,
   SWITCHER: o,
   TEXT: Bt,
   SELECT_ITEM: Dt,
@@ -510,15 +510,15 @@ var se = G, ae = class {
   }
 }, oe = class extends d {
   getParentControlId() {
-    return n.GENERAL.TEXT_COLOR;
+    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
   }
 }, Ee = class extends d {
   getParentControlId() {
-    return n.BLOCK_TEXT.FONT_FAMILY;
+    return n.GENERAL.TEXT_COLOR;
   }
 }, le = class extends d {
   getParentControlId() {
-    return n.GENERAL.TEXT_LINE_SPACING;
+    return n.BLOCK_TEXT.FONT_FAMILY;
   }
 }, de = class extends d {
   getParentControlId() {
@@ -756,18 +756,18 @@ var wt = class b extends a {
   }
 };
 wt.REQUIRED_METHODS = ["getName", "openImageLibraryTab"];
-var Pt = class N extends a {
+var Pt = class A extends a {
   constructor() {
-    super(N.REQUIRED_METHODS, N);
+    super(A.REQUIRED_METHODS, A);
   }
   openSmartElementsLibrary(e, r) {
     throw new Error("Method openSmartElementsLibrary() must be implemented by the subclass");
   }
 };
 Pt.REQUIRED_METHODS = ["openSmartElementsLibrary"];
-var Ht = class A extends a {
+var Ht = class N extends a {
   constructor() {
-    super(A.REQUIRED_METHODS, A);
+    super(N.REQUIRED_METHODS, N);
   }
   openExternalVideosLibraryDialog(e, r, s) {
     throw new Error("Method openExternalVideosLibraryDialog() must be implemented by the subclass");
@@ -897,10 +897,10 @@ export {
   ae as SettingsPanelTab,
   Lt as SettingsTab,
   ie as TextAlignBuiltInControl,
-  oe as TextColorBuiltInControl,
+  oe as TextBlockBackgroundBuiltInControl,
+  Ee as TextColorBuiltInControl,
   P as TextControls,
-  Ee as TextFontFamilyBuiltInControl,
-  le as TextLineSpacingBuiltInControl,
+  le as TextFontFamilyBuiltInControl,
   de as TextPaddingsBuiltInControl,
   ue as TextSizeBuiltInControl,
   Ie as TextStyleBuiltInControl,

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

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