@useinsider/guido 2.0.0-beta.739813a → 2.0.0-beta.782343a

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

@@ -1,6 +1,7 @@
-import { prepareProductRows as n } from "./templateUtils.js";
-import { DEFAULTS as i, getDefaultProducts as p } from "./templateUtils.js";
-const a = `
+import { ATTR_PRODUCT_BUTTON as o, ATTR_PRODUCT_OMNIBUS_DISCOUNT as a, ATTR_PRODUCT_OMNIBUS_PRICE as s, ATTR_PRODUCT_OLD_PRICE as l, ATTR_PRODUCT_PRICE as c, ATTR_PRODUCT_NAME as r, ATTR_PRODUCT_IMAGE as d } from "../constants/selectors.js";
+import { prepareProductRows as i } from "./templateUtils.js";
+import { DEFAULTS as k, getDefaultProducts as f } from "./templateUtils.js";
+const g = `
     <td
         align="left"
         esd-extension-block-id="recommendation-block"
@@ -54,8 +55,8 @@ const a = `
             </tr>
         </table>
     </td>
-`, l = {
-  productImage: (t) => `
+`, p = {
+  [d]: (t) => `
         <tr>
             <td
                 class="esd-block-image product-image"
@@ -73,7 +74,7 @@ const a = `
             </td>
         </tr>
     `,
-  productName: (t) => `
+  [r]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
@@ -88,7 +89,7 @@ const a = `
             </td>
         </tr>
     `,
-  productPrice: () => `
+  [c]: () => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -103,7 +104,7 @@ const a = `
             </td>
         </tr>
     `,
-  productOldPrice: () => `
+  [l]: () => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
@@ -118,7 +119,43 @@ const a = `
             </td>
         </tr>
     `,
-  productButton: (t) => `
+  [s]: () => `
+        <tr>
+            <td
+                class="esd-block-text product-omnibus-price"
+                esd-extension-block-id="recommendation-block-omnibus-price"
+                data-text-before="Lowest 30-day price: "
+                data-text-after=""
+                align="center">
+                <p
+                    path="1"
+                    contenteditable="false"
+                    style="font-size: 14px; color: #666666; text-align: center;"><span
+                    class="omnibus-text-before">Lowest 30-day price: </span><span
+                    class="omnibus-price-value">17,00 TRY</span><span
+                    class="omnibus-text-after"></span></p>
+            </td>
+        </tr>
+    `,
+  [a]: () => `
+        <tr>
+            <td
+                class="esd-block-text product-omnibus-discount"
+                esd-extension-block-id="recommendation-block-omnibus-discount"
+                data-text-before=""
+                data-text-after=""
+                align="center">
+                <p
+                    path="1"
+                    contenteditable="false"
+                    style="font-size: 14px; color: #666666; text-align: center;"><span
+                    class="omnibus-text-before"></span><span
+                    class="omnibus-discount-value">-6%</span><span
+                    class="omnibus-text-after"></span></p>
+            </td>
+        </tr>
+    `,
+  [o]: (t) => `
         <tr>
             <td
                 class="esd-block-button product-button"
@@ -136,17 +173,17 @@ const a = `
         </tr>
     `
 };
-function d(t, e, o) {
-  return n(
+function u(t, e, n) {
+  return i(
     t,
     e,
-    l,
-    o
+    p,
+    n
   );
 }
 export {
-  i as DEFAULTS,
-  a as default,
-  p as getDefaultProducts,
-  d as prepareProductRows
+  k as DEFAULTS,
+  g as default,
+  f as getDefaultProducts,
+  u as prepareProductRows
 };

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

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

package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js

@@ -0,0 +1,25 @@
+function a(n) {
+  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
+}
+function H(n, t) {
+  if (!n)
+    return t;
+  const r = a(n);
+  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
+    return t;
+  const i = [], s = [];
+  let o = r.trim();
+  for (; ; ) {
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    if (!u)
+      break;
+    const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
+    if (!c.test(g))
+      break;
+    i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
+  }
+  return i.length > 0 ? i.join("") + t + s.join("") : t;
+}
+export {
+  H as preserveTextStyles
+};

package/dist/extensions/Blocks/controlFactories.js

@@ -1,223 +1,234 @@
-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 {
+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 {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function N(e, t, n = ".ins-recommendation-product-container") {
+function k(r, t, n) {
   return class extends l {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function $(e, t, n = ".ins-recommendation-product-container") {
+function p(r, t, n) {
   return class extends s {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
+function F(r, t, n) {
+  return class extends u {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends u {
+function z(r, t, n) {
+  return class extends i {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
+function M(r, t, n) {
+  return class extends c {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function M(e, t, n = ".ins-recommendation-product-container") {
+function P(r, t, n) {
   return class extends d {
     getId() {
-      return e;
+      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;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function P(e, t, n = ".ins-recommendation-product-container") {
+function R(r, t, n = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends I {
+function h(r, t, n = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function h(e, t, n = ".ins-recommendation-product-container") {
+function j(r, t, n = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function j(e, t, n = ".ins-recommendation-product-container") {
+function v(r, t, n = ".ins-recommendation-product-container") {
   return class extends B {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function w(r, t, n = ".ins-recommendation-product-container") {
+  return class extends I {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function D(r, t, n = ".ins-recommendation-product-container") {
+  return class extends f {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
+function E(r, t, n = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function E(e, t, n = ".ins-recommendation-product-container") {
+function G(r, t, n = ".ins-recommendation-product-container") {
   return class extends y {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function G(e, t, n = ".ins-recommendation-product-container") {
+function H(r, t, n = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function H(e, t, n) {
-  return class extends k {
+function J(r, t, n) {
+  return class extends S {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function J(e, t, n) {
-  return class extends f {
+function K(r, t, n) {
+  return class extends N {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function K(e, t, n) {
+function O(r, t, n) {
   return class extends a {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
-function L(e, t, n) {
+function Q(r, t, n) {
   return class extends g {
     getId() {
-      return e;
+      return r;
     }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(e) {
+      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
     }
   };
 }
 export {
-  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
+  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
 };

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-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-890b5336]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-890b5336]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-890b5336]{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}