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

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

@@ -1,21 +1,21 @@
 import { ExtensionBuilder as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { UnsubscribeBlock as i } from "./block.js";
 import { UnsubscribeControl as t } from "./control.js";
-import { PreviewUIElement as o } from "./elements/preview.js";
-import { UnsubscribeIconsRegistry as r } from "./iconsRegistry.js";
-import { SettingsPanel as s } from "./settingsPanel.js";
+import { PreviewUIElement as s } from "./elements/preview.js";
+import { UnsubscribeIconsRegistry as o } from "./iconsRegistry.js";
+import { SettingsPanel as r } from "./settingsPanel.js";
 import n from "./styles.css.js";
-import { UnsubscribeTagRegistry as l } from "./tagRegistry.js";
-const f = new e().addBlock(i).withSettingsPanelRegistry(s).addControl(t).addUiElement(o).addStyles(n).withLocalization({
+import { UnsubscribeTagRegistry as c } from "./tagRegistry.js";
+const g = new e().addBlock(i).withSettingsPanelRegistry(r).addControl(t).addUiElement(s).addStyles(n).withLocalization({
   en: {
-    "Unsubscribe Block": "Unsubscribe Block",
-    "Unsubscribe Block Description": "Add an unsubscribe link to your email",
+    "Unsubscribe Block": "Unsubscribe",
+    "Unsubscribe Block Description": "Unsubscribe lets you add an Unsubscribe Link to direct users to opt out of receiving your messages.",
     "Select Template": "Select Template",
     "Unsubscribe Template": "Unsubscribe Template",
     Showing: "Showing",
     of: "of"
   }
-}).withUiElementTagRegistry(l).withIconsRegistry(r).build();
+}).withUiElementTagRegistry(c).withIconsRegistry(o).build();
 export {
-  f as default
+  g as default
 };

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