@useinsider/guido 2.0.0-beta.d170da6 → 2.0.0-beta.dbde199

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

@@ -1,26 +1,28 @@
-import { SettingsPanelRegistry as S, SettingsPanelTab as I, SettingsTab as T, ContainerControls as E, TextControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SettingsPanelRegistry as E, SettingsPanelTab as I, SettingsTab as N, ContainerControls as S, TextControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { BLOCK_ID as R } from "./block.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as L } from "./cardCompositionControl.js";
-import { RecommendationBlockId as N, RecommendationControlId as _ } from "./constants.js";
-import { CONTROL_BLOCK_ID as U } from "./control.js";
-import { CARD_BACKGROUND_COLOR_CONTROL_ID as B } from "./controls/cardBackgroundColorControl.js";
-import { SPACING_CONTROL_ID as D } from "./controls/spacingControl.js";
-class m extends S {
+import { RecommendationBlockId as T, RecommendationControlId as _ } from "./constants.js";
+import { CONTROL_BLOCK_ID as A } from "./control.js";
+import { CARD_BACKGROUND_COLOR_CONTROL_ID as U } from "./controls/cardBackgroundColorControl.js";
+import { PRICE_INLINE_LAYOUT_CONTROL_ID as D } from "./controls/priceInlineLayoutControl.js";
+import { SPACING_CONTROL_ID as B } from "./controls/spacingControl.js";
+class Y extends E {
   registerBlockControls(O) {
     O[R] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
-          U,
-          E.EXTERNAL_INDENTS
+          A,
+          D,
+          S.EXTERNAL_INDENTS
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           C.TEXT_BLOCK_BACKGROUND_COLOR,
-          B,
-          D
+          U,
+          B
         ]
       ),
       new I(
@@ -29,9 +31,9 @@ class m extends S {
           L
         ]
       ).withLabel("Card Composition")
-    ], O[N.NAME] = [
+    ], O[T.NAME] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.NAME_STYLE,
           _.NAME_ALIGN,
@@ -40,35 +42,38 @@ class m extends S {
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.NAME_BACKGROUND,
           _.NAME_FONT_FAMILY,
+          _.NAME_LINE_SPACING,
           _.NAME_SIZE,
           _.NAME_COLOR
         ]
       )
-    ], O[N.PRICE] = [
+    ], O[T.PRICE] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.PRICE_STYLE,
           _.PRICE_ALIGN,
+          _.PRICE_HIDE_IF_SAME,
           _.PRICE_PADDINGS
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.PRICE_BACKGROUND,
           _.PRICE_FONT_FAMILY,
+          _.PRICE_LINE_SPACING,
           _.PRICE_SIZE,
           _.PRICE_COLOR
         ]
       )
-    ], O[N.OLD_PRICE] = [
+    ], O[T.OLD_PRICE] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.OLD_PRICE_STYLE,
           _.OLD_PRICE_ALIGN,
@@ -76,17 +81,18 @@ class m extends S {
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.OLD_PRICE_BACKGROUND,
           _.OLD_PRICE_FONT_FAMILY,
+          _.OLD_PRICE_LINE_SPACING,
           _.OLD_PRICE_SIZE,
           _.OLD_PRICE_COLOR
         ]
       )
-    ], O[N.OMNIBUS_PRICE] = [
+    ], O[T.OMNIBUS_PRICE] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.OMNIBUS_PRICE_TEXT_BEFORE,
           _.OMNIBUS_PRICE_TEXT_AFTER,
@@ -96,17 +102,18 @@ class m extends S {
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.OMNIBUS_PRICE_BACKGROUND,
           _.OMNIBUS_PRICE_FONT_FAMILY,
+          _.OMNIBUS_PRICE_LINE_SPACING,
           _.OMNIBUS_PRICE_SIZE,
           _.OMNIBUS_PRICE_COLOR
         ]
       )
-    ], O[N.OMNIBUS_DISCOUNT] = [
+    ], O[T.OMNIBUS_DISCOUNT] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.OMNIBUS_DISCOUNT_TEXT_BEFORE,
           _.OMNIBUS_DISCOUNT_TEXT_AFTER,
@@ -116,17 +123,18 @@ class m extends S {
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.OMNIBUS_DISCOUNT_BACKGROUND,
           _.OMNIBUS_DISCOUNT_FONT_FAMILY,
+          _.OMNIBUS_DISCOUNT_LINE_SPACING,
           _.OMNIBUS_DISCOUNT_SIZE,
           _.OMNIBUS_DISCOUNT_COLOR
         ]
       )
-    ], O[N.BUTTON] = [
+    ], O[T.BUTTON] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.BUTTON_TEXT,
           _.BUTTON_ALIGN,
@@ -135,7 +143,7 @@ class m extends S {
         ]
       ),
       new I(
-        T.STYLES,
+        N.STYLES,
         [
           _.BUTTON_COLOR,
           _.BUTTON_FONT_FAMILY,
@@ -146,9 +154,9 @@ class m extends S {
           _.BUTTON_BORDER
         ]
       )
-    ], O[N.IMAGE] = [
+    ], O[T.IMAGE] = [
       new I(
-        T.SETTINGS,
+        N.SETTINGS,
         [
           _.IMAGE_SIZE,
           _.IMAGE_MARGINS
@@ -158,5 +166,5 @@ class m extends S {
   }
 }
 export {
-  m as SettingsPanel
+  Y as SettingsPanel
 };

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

@@ -1,9 +1,12 @@
 import { BlockType as e, BlockAttr as o } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RecommendationBlockId as s, ATTR_PRODUCT_BUTTON as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as c, ATTR_PRODUCT_OMNIBUS_PRICE as p, ATTR_PRODUCT_OLD_PRICE as i, ATTR_PRODUCT_PRICE as d, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_IMAGE as b } from "../constants.js";
-import { generateTemplate as _, prepareProductRows as O, spacer as u, DEFAULTS as f, getDefaultProducts as C } from "./templateUtils.js";
-import { DEFAULT_CARD_COMPOSITION as I, DEFAULT_CARD_VISIBILITY as h } from "./templateUtils.js";
+import { RecommendationBlockId as s, ATTR_PRODUCT_BUTTON as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as c, ATTR_PRODUCT_OMNIBUS_PRICE as p, ATTR_PRODUCT_OLD_PRICE as i, ATTR_PRODUCT_PRICE as d, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_IMAGE as b, ATTR_DATA_PRICE_INLINE as _ } from "../constants.js";
+import { generateTemplate as O, prepareProductRows as u, spacer as C, DEFAULTS as f, getDefaultProducts as R } from "./templateUtils.js";
+import { DEFAULT_CARD_COMPOSITION as A, DEFAULT_CARD_VISIBILITY as h } from "./templateUtils.js";
 const g = `
-    <td align="left" class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20">
+    <td
+        align="left"
+        class="ins-recommendation-v3-block-v2 es-p20"
+        ${_}="0">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -33,7 +36,7 @@ const g = `
                                     </table>
                                 </td>
                             </tr>
-                            ${u}
+                            ${C}
                             <tr>
                                 <td>
                                     <table
@@ -153,8 +156,8 @@ const g = `
     `
 };
 function x() {
-  const t = C();
-  return _(
+  const t = R();
+  return O(
     g,
     t,
     3,
@@ -162,8 +165,8 @@ function x() {
     f.TITLE
   );
 }
-function E(t, a, l) {
-  return O(
+function $(t, a, l) {
+  return u(
     t,
     a,
     n,
@@ -172,10 +175,10 @@ function E(t, a, l) {
 }
 export {
   f as DEFAULTS,
-  I as DEFAULT_CARD_COMPOSITION,
+  A as DEFAULT_CARD_COMPOSITION,
   h as DEFAULT_CARD_VISIBILITY,
   g as default,
-  C as getDefaultProducts,
+  R as getDefaultProducts,
   x as getDefaultTemplate,
-  E as prepareProductRows
+  $ as prepareProductRows
 };

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

@@ -1,13 +1,13 @@
-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.js";
+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 r, ATTR_PRODUCT_NAME as c, ATTR_PRODUCT_IMAGE as d } from "../constants.js";
 import { prepareProductRows as i } from "./templateUtils.js";
-import { DEFAULTS as k, getDefaultProducts as f } from "./templateUtils.js";
+import { DEFAULTS as f, getDefaultProducts as k } from "./templateUtils.js";
 const g = `
     <td
         align="left"
         esd-extension-block-id="recommendation-block"
         esd-handler-name="esd-extension-RecommendationBlock"
-        class="ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20"
-    >
+        class="ins-recommendation-v3-block-v2 es-p20 esd-recommendation-block esd-extension-block esd-container-frame"
+        data-price-inline="0">
         <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
                 <td align="center">
@@ -74,7 +74,7 @@ const g = `
             </td>
         </tr>
     `,
-  [r]: (t) => `
+  [c]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
@@ -89,7 +89,7 @@ const g = `
             </td>
         </tr>
     `,
-  [c]: () => `
+  [r]: () => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -182,8 +182,8 @@ function u(t, e, n) {
   );
 }
 export {
-  k as DEFAULTS,
+  f as DEFAULTS,
   g as default,
-  f as getDefaultProducts,
+  k as getDefaultProducts,
   u as prepareProductRows
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,211 +1,211 @@
-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) {
+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 T, ButtonColorBuiltInControl as B, ButtonFontFamilyBuiltInControl as I, ButtonMarginsBuiltInControl as f, ButtonPaddingsBuiltInControl as y, ButtonTextBuiltInControl as m, ButtonTextSizeBuiltInControl as A, ButtonTextStyleAndFontColorBuiltInControl as S, ButtonFitToContainerBuiltInControl as b, TextLineSpacingBuiltInControl as q } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function $(r, e, t) {
   return class extends o {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function k(r, t, n) {
+function k(r, e, t) {
   return class extends l {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function p(r, t, n) {
+function p(r, e, t) {
   return class extends s {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function F(r, t, n) {
+function F(r, e, t) {
   return class extends u {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function z(r, t, n) {
+function z(r, e, t) {
   return class extends i {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function M(r, t, n) {
+function M(r, e, t) {
   return class extends c {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function P(r, t, n) {
+function P(r, e, t) {
   return class extends d {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return !t || !n ? [e] : e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function L(r, t, n) {
-  return class extends b {
+function L(r, e, t) {
+  return class extends q {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return [e];
+    getTargetNodes(n) {
+      return !e || !t ? [n] : n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function R(r, t, n = ".ins-recommendation-product-container") {
+function R(r, e, t = ".ins-recommendation-product-container") {
   return class extends x {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function h(r, t, n = ".ins-recommendation-product-container") {
-  return class extends T {
+function h(r, e, t = ".ins-recommendation-product-container") {
+  return class extends B {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function j(r, t, n = ".ins-recommendation-product-container") {
+function j(r, e, t = ".ins-recommendation-product-container") {
   return class extends C {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function v(r, t, n = ".ins-recommendation-product-container") {
-  return class extends B {
+function v(r, e, t = ".ins-recommendation-product-container") {
+  return class extends T {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function w(r, t, n = ".ins-recommendation-product-container") {
+function w(r, e, t = ".ins-recommendation-product-container") {
   return class extends I {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function D(r, t, n = ".ins-recommendation-product-container") {
+function D(r, e, t = ".ins-recommendation-product-container") {
   return class extends f {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function E(r, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
+function E(r, e, t = ".ins-recommendation-product-container") {
+  return class extends y {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function G(r, t, n = ".ins-recommendation-product-container") {
-  return class extends y {
+function G(r, e, t = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function H(r, t, n = ".ins-recommendation-product-container") {
+function H(r, e, t = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function J(r, t, n) {
+function J(r, e, t) {
   return class extends S {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function K(r, t, n) {
-  return class extends N {
+function K(r, e, t) {
+  return class extends b {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function O(r, t, n) {
+function O(r, e, t) {
   return class extends a {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }
-function Q(r, t, n) {
+function Q(r, e, t) {
   return class extends g {
     getId() {
       return r;
     }
-    getTargetNodes(e) {
-      return e.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
+    getTargetNodes(n) {
+      return n.closest(t).querySelectorAll(`[esd-extension-block-id="${e}"]`);
     }
   };
 }

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}