@useinsider/guido 1.0.3-beta.cedc8cb → 1.0.3-beta.cf8f00f

package/dist/extensions/Blocks/controlFactories.js

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

package/dist/extensions/DynamicContent/dynamic-content-modal.js

@@ -1,27 +1,33 @@
-var i = Object.defineProperty;
-var d = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var a = (t, e, n) => d(t, typeof e != "symbol" ? e + "" : e, n);
-class y {
+var d = Object.defineProperty;
+var m = (t, e, n) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var c = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
+class C {
   constructor() {
-    a(this, "selectedDynamicContent", null);
-    a(this, "dataSelectCallback", () => {
+    c(this, "selectedDynamicContent", null);
+    c(this, "dataSelectCallback", () => {
     });
+    c(this, "closeDynamicContentHandler", null);
   }
-  openMergeTagsLibrary(e, n) {
-    this.dataSelectCallback = n, this.selectedDynamicContent = e;
-    const s = new CustomEvent("dynamic-content:open", {
-      detail: {
-        attribute: e
-      }
+  /**
+   * Opens the merge tags library modal
+   * @param dynamicContent - Currently selected dynamic content (if any)
+   * @param onDataSelectCallback - Callback invoked when user selects a merge tag
+   * @param position - Optional position data to place the modal
+   */
+  openMergeTagsLibrary(e, n, l) {
+    this.closeDynamicContentHandler && (document.removeEventListener("dynamic-content:close", this.closeDynamicContentHandler), this.closeDynamicContentHandler = null), this.dataSelectCallback = n, this.selectedDynamicContent = e;
+    const o = {
+      attribute: e,
+      position: l
+    }, s = new CustomEvent("dynamic-content:open", {
+      detail: o
     });
-    document.dispatchEvent(s);
-    const o = (l) => {
-      const c = l.detail;
-      this.selectedDynamicContent = c, c.text && c.value && this.dataSelectCallback(c), document.removeEventListener("dynamic-content:close", o);
-    };
-    document.addEventListener("dynamic-content:close", o);
+    document.dispatchEvent(s), this.closeDynamicContentHandler = (i) => {
+      const a = i.detail;
+      this.selectedDynamicContent = a, a.text && a.value && this.dataSelectCallback(a);
+    }, document.addEventListener("dynamic-content:close", this.closeDynamicContentHandler);
   }
 }
 export {
-  y as ExternalMergeTagsLibrary
+  C as ExternalMergeTagsLibrary
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,61 +1,156 @@
-var o = Object.defineProperty;
-var g = (n, t, e) => t in n ? o(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => g(n, typeof t != "symbol" ? t + "" : t, e);
-import { dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
-import { UIElement as c, UIElementType as r, UEAttr as l, UIElementTagRegistry as d } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ExternalMergeTagsLibrary as T } from "./dynamic-content-modal.js";
-const a = "external-dynamic-content-ui-element", y = "button-add-dynamic-content";
-class p extends d {
-  registerUiElements(t) {
-    t[r.MERGETAGS] = a;
+var c = Object.defineProperty;
+var g = (o, s, t) => s in o ? c(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var r = (o, s, t) => g(o, typeof s != "symbol" ? s + "" : s, t);
+import { mergeTagToDynamicContent as d, dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
+import { UIElement as u, UIElementType as a, UEAttr as h, UIElementTagRegistry as T } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExternalMergeTagsLibrary as y } from "./dynamic-content-modal.js";
+const l = "external-dynamic-content-ui-element", C = "button-add-dynamic-content";
+class p extends T {
+  registerUiElements(s) {
+    s[a.MERGETAGS] = l;
   }
 }
-class C extends c {
+class b extends u {
   constructor() {
     super(...arguments);
-    i(this, "mergeTagsButton", null);
-    i(this, "listener", () => {
-    });
-    i(this, "mergeTagsLibrary", null);
-    i(this, "selectedDynamicContent", { value: "", text: "" });
+    r(this, "mergeTagsButton", null);
+    r(this, "mergeTagsLibrary", null);
+    r(this, "clickListener", null);
+    r(this, "lastClickedElement", null);
+    r(this, "lastClickedFrame", null);
+    r(this, "mousedownListener", null);
   }
   getId() {
-    return a;
+    return l;
   }
-  onRender(e) {
-    var s;
-    this.listener = this._onClick.bind(this), this.mergeTagsButton = e.querySelector("#guido__btn-add-dynamic-content"), (s = this.mergeTagsButton) == null || s.addEventListener("click", this.listener);
+  onRender(t) {
+    var e;
+    this.mergeTagsButton = t.querySelector("#guido__btn-add-dynamic-content"), this.clickListener = this._onClick.bind(this), (e = this.mergeTagsButton) == null || e.addEventListener("click", this.clickListener), this._setupCoordinateTracking();
   }
   onDestroy() {
-    var e;
-    (e = this.mergeTagsButton) == null || e.removeEventListener("click", this.listener);
+    var t;
+    this.clickListener && ((t = this.mergeTagsButton) == null || t.removeEventListener("click", this.clickListener)), this._cleanupCoordinateTracking(), this.mergeTagsButton = null, this.clickListener = null, this.lastClickedElement = null, this.lastClickedFrame = null;
   }
   _onClick() {
     this.openMergeTagLibrary();
   }
+  /**
+   * Called when Stripo detects merge tag interactions
+   * This is the key method that receives notifications about merge tag clicks
+   * @param name - Attribute name (e.g., 'mergeTag')
+   * @param value - MergeTag object with label, value, selStart, selEnd, etc.
+   */
+  onAttributeUpdated(t, e) {
+    if (t !== "mergeTag" || !(e != null && e.value))
+      return;
+    const n = d(e), i = this._getLastClickedPosition();
+    this.lastClickedElement = null, this.lastClickedFrame = null, this._openDynamicContentLibrary(n, i);
+  }
   openMergeTagLibrary() {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new T()), this.mergeTagsLibrary.openMergeTagsLibrary(
-      this.selectedDynamicContent,
-      (e) => {
-        this.api.onValueChanged(m([e])[0]);
-      }
+    const t = this._getButtonPosition(), e = { value: "", text: "" };
+    this._openDynamicContentLibrary(e, t);
+  }
+  /**
+   * Opens the dynamic content library for external apps
+   * Dispatches event with dynamic content data and position
+   */
+  _openDynamicContentLibrary(t, e) {
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new y()), this.mergeTagsLibrary.openMergeTagsLibrary(
+      t,
+      (n) => {
+        n.text && n.value ? this.api.triggerValueChange(m([n])[0]) : this.api.triggerValueChange(null);
+      },
+      e
     );
   }
+  /**
+   * Gets the button's position on the screen
+   * Used to position the modal or anything else near the button
+   */
+  _getButtonPosition() {
+    if (!this.mergeTagsButton)
+      return { x: 0, y: 0, width: 0, height: 0 };
+    const { x: t, y: e, width: n, height: i } = this.mergeTagsButton.getBoundingClientRect();
+    return { x: t, y: e, width: n, height: i };
+  }
+  /**
+   * Sets up coordinate tracking for merge tag clicks in the iframe
+   * Workaround from Stripo intercepting click events - tracks mousedown events instead
+   */
+  _setupCoordinateTracking() {
+    var e;
+    const t = this._getEditorFrame();
+    (e = t == null ? void 0 : t.contentWindow) != null && e.document && (this.mousedownListener = (n) => {
+      const i = this._findMergeTagElement(n.target);
+      i && (this.lastClickedElement = i, this.lastClickedFrame = t);
+    }, t.contentWindow.document.addEventListener("mousedown", this.mousedownListener));
+  }
+  /**
+   * Gets the editor iframe element
+   */
+  _getEditorFrame() {
+    var n;
+    const t = document.querySelector("ui-editor");
+    if (!(t != null && t.shadowRoot))
+      return null;
+    const e = t.shadowRoot.querySelector("iframe");
+    return (n = e == null ? void 0 : e.contentWindow) != null && n.document ? e : null;
+  }
+  /**
+   * Finds merge tag element in the element tree
+   */
+  _findMergeTagElement(t) {
+    return t.closest(".target, .esd-merge-tag");
+  }
+  /**
+   * Gets the position of the last clicked element, calculated on-demand
+   * This ensures we always use the correct element's position even with rapid clicks
+   */
+  _getLastClickedPosition() {
+    if (!(!this.lastClickedElement || !this.lastClickedFrame))
+      return this._calculateAbsolutePosition(this.lastClickedFrame, this.lastClickedElement);
+  }
+  /**
+   * Calculates absolute position of element relative to page
+   */
+  _calculateAbsolutePosition(t, e) {
+    const n = t.getBoundingClientRect(), i = e.getBoundingClientRect();
+    return {
+      x: n.x + i.x,
+      y: n.y + i.y,
+      width: i.width,
+      height: i.height
+    };
+  }
+  /**
+   * Cleans up the coordinate tracking event listener
+   */
+  _cleanupCoordinateTracking() {
+    var e;
+    if (!this.mousedownListener)
+      return;
+    const t = this._getEditorFrame();
+    (e = t == null ? void 0 : t.contentWindow) != null && e.document && t.contentWindow.document.removeEventListener("mousedown", this.mousedownListener), this.mousedownListener = null;
+  }
+  /**
+   * Returns the HTML template for the "Add Dynamic Content" button
+   * This button is placed in the merge tags selector UI
+   */
   getTemplate() {
     return `
             <div>
-                <${r.BUTTON} 
+                <${a.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${l.BUTTON.name}="${y}">
-                        <${r.ICON} src="plus" class="icon icon-button color-primary">
-                        </${r.ICON}>
+                    ${h.BUTTON.name}="${C}">
+                        <${a.ICON} src="plus" class="icon icon-button color-primary">
+                        </${a.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
-                </${r.BUTTON}>
+                </${a.BUTTON}>
             </div>`;
   }
 }
 export {
   p as DynamicContentTagRegistry,
-  C as DynamicContentUiElementExtension
+  b as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-2c168944] .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-dced5582]{height:100%;top:75px}.guido-editor__wrapper[data-v-5a4aa0bc],.guido-editor__container[data-v-5a4aa0bc]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-5a4aa0bc]{height:calc(100vh - 75px)}[data-v-70835920] .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-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .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-f20b3a9b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[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-0502bceb] .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-98181b5a]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-98181b5a]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-98181b5a]{height:calc(100vh - 75px)}[data-v-70835920] .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-dd57102d] .guido__verion-history-view-option-selection-desktop svg,[data-v-dd57102d] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-dd57102d] .in-segments-wrapper__button_selected,[data-v-dd57102d] .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-f20b3a9b]{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}