@useinsider/guido 3.20.1 → 3.21.0-beta.1bd7edd

package/dist/extensions/DisplayConditions/control.js

@@ -0,0 +1,178 @@
+var O = Object.defineProperty;
+var $ = (o, s, i) => s in o ? O(o, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[s] = i;
+var u = (o, s, i) => $(o, typeof s != "symbol" ? s + "" : s, i);
+import { CommonControl as S } from "../Blocks/common-control.js";
+import { toAppliedCondition as w, parseSource as N } from "../../utils/displayCondition.js";
+import { escapeHtml as f } from "../../utils/htmlEscape.js";
+import { ModificationDescription as D, UIElementType as b, UEAttr as I } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { requestDisplayCondition as E } from "./bridge.js";
+import { CONDITIONS_CONTROL_ID as x, APPLIED_DESCRIPTION as M, EMPTY_DESCRIPTION as T, MAX_COLLAPSED_LINES as v, CONDITION_ICONS as g } from "./constants.js";
+const r = ".guido-display-conditions", L = { id: 0, name: "", description: "", beforeScript: "", afterScript: "" }, _ = (o) => `<${b.ICON} ${I.ICON.src}="${o}"></${b.ICON}>`, c = (o, s, i, t = !1) => `<button type="button" class="${s}" id="${o}"${t ? " hidden" : ""}>${i}</button>`;
+class B extends S {
+  constructor() {
+    super(...arguments);
+    u(this, "expanded", !1);
+    u(this, "listeners", []);
+    u(this, "resizeObserver", null);
+    u(this, "detachOutsideClick", null);
+  }
+  getId() {
+    return x;
+  }
+  getTemplate() {
+    return `
+            <div class="guido-display-conditions">
+                <div class="guido-display-conditions__header">
+                    <p class="guido-display-conditions__title">${this.api.translate("Display Conditions")}</p>
+                    <p class="guido-display-conditions__description" data-dc-description></p>
+                </div>
+                <div class="guido-display-conditions__empty" data-dc-empty>
+                    ${c(
+      "guido__btn-add-display-condition",
+      "guido-display-conditions__add",
+      `${_(g.PLUS)}<span>${this.api.translate("Add Display Condition")}</span>`
+    )}
+                    <div class="guido-display-conditions__menu" data-dc-menu hidden>
+                        ${c(
+      "guido__btn-display-condition-create",
+      "guido-display-conditions__menu-item",
+      this.api.translate("Create New Condition")
+    )}
+                        ${c(
+      "guido__btn-display-condition-select",
+      "guido-display-conditions__menu-item",
+      this.api.translate("Select Saved Condition")
+    )}
+                    </div>
+                </div>
+                <div class="guido-display-conditions__applied" data-dc-applied hidden>
+                    <div class="guido-display-conditions__code-box">
+                        <p class="guido-display-conditions__name" data-dc-name></p>
+                        <div class="guido-display-conditions__sections" data-dc-sections>
+                            <p class="guido-display-conditions__section-label">
+                                ${this.api.translate("Code Before Module")}
+                            </p>
+                            <pre class="guido-display-conditions__code" data-dc-before></pre>
+                            <p class="guido-display-conditions__section-label" data-dc-after-label>
+                                ${this.api.translate("Code After Module")}
+                            </p>
+                            <pre class="guido-display-conditions__code" data-dc-after></pre>
+                        </div>
+                        ${c(
+      "guido__btn-display-condition-toggle",
+      "guido-display-conditions__toggle",
+      `${_(g.CHEVRON)}<span data-dc-toggle-label></span>`,
+      !0
+    )}
+                    </div>
+                    <div class="guido-display-conditions__actions">
+                        ${c(
+      "guido__btn-edit-display-condition",
+      "guido-display-conditions__action guido-display-conditions__action--edit",
+      `${_(g.EDIT)}<span>${this.api.translate("Edit")}</span>`
+    )}
+                        ${c(
+      "guido__btn-remove-display-condition",
+      "guido-display-conditions__action guido-display-conditions__action--remove",
+      `${_(g.TRASH)}<span>${this.api.translate("Remove")}</span>`
+    )}
+                    </div>
+                </div>
+            </div>
+        `;
+  }
+  onRender() {
+    this.teardown(), this.wire("#guido__btn-add-display-condition", () => this.toggleMenu()), this.wire("#guido__btn-display-condition-create", () => this.openDrawer("create")), this.wire("#guido__btn-display-condition-select", () => this.openDrawer("select")), this.wire("#guido__btn-edit-display-condition", () => this.openDrawer("edit")), this.wire("#guido__btn-remove-display-condition", () => this.applyCondition(null)), this.wire("#guido__btn-display-condition-toggle", () => {
+      this.expanded = !this.expanded, this.paint();
+    }), this.observeCodeSize(), this.paint();
+  }
+  onTemplateNodeUpdated(i) {
+    const t = i !== this.currentNode;
+    super.onTemplateNodeUpdated(i), t && (this.expanded = !1, this.toggleMenu(!1)), this.paint();
+  }
+  onDestroy() {
+    super.onDestroy(), this.teardown();
+  }
+  getCondition() {
+    var t;
+    const i = this.currentNode;
+    return w((t = i == null ? void 0 : i.getDisplayCondition) == null ? void 0 : t.call(i));
+  }
+  toggleMenu(i) {
+    var n, d, a;
+    const t = (n = this.getContainer()) == null ? void 0 : n.querySelector(`${r} [data-dc-menu]`);
+    if (!t)
+      return;
+    t.hidden = i === void 0 ? !t.hidden : !i, (d = this.detachOutsideClick) == null || d.call(this), t.hidden || this.listenOutsideClick();
+    const e = (a = this.getContainer()) == null ? void 0 : a.querySelector(`${r} #guido__btn-add-display-condition`);
+    t.style.width = !t.hidden && e ? `${e.getBoundingClientRect().width}px` : "";
+  }
+  listenOutsideClick() {
+    const i = this.getContainer(), t = (e) => {
+      e.composedPath().some((d) => d instanceof HTMLElement && d.matches(`${r} [data-dc-menu], ${r} #guido__btn-add-display-condition`)) || this.toggleMenu(!1);
+    };
+    i == null || i.addEventListener("pointerdown", t, !0), this.detachOutsideClick = () => {
+      i == null || i.removeEventListener("pointerdown", t, !0), this.detachOutsideClick = null;
+    };
+  }
+  openDrawer(i) {
+    this.toggleMenu(!1), E(
+      { mode: i, current: i === "edit" ? this.getCondition() : null },
+      { onApply: (t) => this.applyCondition(t) }
+    );
+  }
+  applyCondition(i) {
+    if (!this.currentNode)
+      return;
+    const t = this.api.getDocumentModifier().modifyHtml(this.currentNode);
+    i ? t.setDisplayCondition(i) : t.setDisplayCondition(L), t.apply(new D(
+      i ? `Set display condition ${i.name}` : "Remove display condition"
+    ));
+  }
+  wire(i, t) {
+    var n;
+    const e = (n = this.getContainer()) == null ? void 0 : n.querySelector(`${r} ${i}`);
+    e && (e.addEventListener("click", t), this.listeners.push({ element: e, handler: t }));
+  }
+  teardown() {
+    var i, t;
+    this.listeners.forEach(({ element: e, handler: n }) => e.removeEventListener("click", n)), this.listeners = [], (i = this.resizeObserver) == null || i.disconnect(), this.resizeObserver = null, (t = this.detachOutsideClick) == null || t.call(this);
+  }
+  // Line counts depend on layout: the panel font loads late and the panel can be resized.
+  observeCodeSize() {
+    var t;
+    const i = (t = this.getContainer()) == null ? void 0 : t.querySelectorAll(`${r} .guido-display-conditions__code`);
+    !(i != null && i.length) || typeof ResizeObserver > "u" || (this.resizeObserver = new ResizeObserver(() => this.paint()), i.forEach((e) => {
+      var n;
+      return (n = this.resizeObserver) == null ? void 0 : n.observe(e);
+    }));
+  }
+  paint() {
+    var C;
+    const i = (C = this.getContainer()) == null ? void 0 : C.querySelector(r);
+    if (!i)
+      return;
+    const t = this.getCondition(), e = (h) => i.querySelector(h);
+    if (e("[data-dc-empty]").hidden = !!t, e("[data-dc-applied]").hidden = !t, e("[data-dc-description]").textContent = this.api.translate(t ? M : T), !t)
+      return;
+    e("[data-dc-name]").textContent = t.name, e("#guido__btn-edit-display-condition").hidden = N(t) !== "inline";
+    const n = e("[data-dc-sections]"), d = e("[data-dc-before]"), a = e("[data-dc-after]");
+    d.innerHTML = f(t.beforeScript), a.innerHTML = f(t.afterScript), a.hidden = !t.afterScript, e("[data-dc-after-label]").hidden = !t.afterScript, n.style.maxHeight = "";
+    const l = parseFloat(getComputedStyle(d).lineHeight) || 24, p = (h) => h.hidden ? 0 : Math.round(h.scrollHeight / l), y = p(d) + p(a) > v, m = e("#guido__btn-display-condition-toggle");
+    m.hidden = !y, m.classList.toggle("is-expanded", this.expanded), e("[data-dc-toggle-label]").textContent = this.api.translate(this.expanded ? "Show Less" : "Show More"), y && !this.expanded && (n.style.maxHeight = `${this.collapsedHeight(n, [d, a], l)}px`);
+  }
+  // Labels do not count toward the line limit, so the cut lands after the 10th rendered code line.
+  collapsedHeight(i, t, e) {
+    const { top: n } = i.getBoundingClientRect();
+    let d = v, a = 0;
+    return t.filter((l) => !l.hidden).forEach((l) => {
+      if (d <= 0)
+        return;
+      const p = Math.min(d, Math.round(l.scrollHeight / e));
+      a = l.getBoundingClientRect().top - n + p * e, d -= p;
+    }), a;
+  }
+}
+export {
+  B as DisplayConditionsControl
+};

package/dist/extensions/DisplayConditions/display-conditions.css.js

@@ -0,0 +1,201 @@
+const n = `.guido-display-conditions {
+    display: flex;
+    flex-direction: column;
+    font-family: inherit;
+}
+
+.guido-display-conditions__header {
+    padding: 16px;
+}
+
+.guido-display-conditions__title {
+    margin: 0 0 8px;
+    color: var(--guido-color-gray-800);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+}
+
+.guido-display-conditions__description {
+    margin: 0;
+    color: var(--guido-color-gray-600);
+    font-size: 13px;
+    line-height: 16px;
+}
+
+.guido-display-conditions__empty {
+    padding: 8px 16px 16px;
+}
+
+.guido-display-conditions__add {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 40px;
+    padding: 0 16px;
+    border: none;
+    border-radius: 4px;
+    background: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    font: inherit;
+    font-size: 15px;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+/* Stripo draws registered icons at 100% of ue-icon-component (Figma: 20px glyph in a 24px box). */
+.guido-display-conditions ue-icon-component {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+}
+
+.guido-display-conditions ue-icon-component svg {
+    width: 20px;
+    height: 20px;
+}
+
+.guido-display-conditions__add:hover {
+    background: var(--guido-color-primary-200);
+}
+
+.guido-display-conditions__add:focus-visible,
+.guido-display-conditions__action:focus-visible,
+.guido-display-conditions__toggle:focus-visible {
+    outline: 2px solid var(--guido-color-primary-500);
+    outline-offset: 2px;
+}
+
+.guido-display-conditions__code-box {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 16px;
+    background: var(--guido-color-gray-0);
+}
+
+.guido-display-conditions__sections {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    overflow: hidden;
+}
+
+.guido-display-conditions__name,
+.guido-display-conditions__section-label {
+    margin: 0;
+    color: var(--guido-color-gray-800);
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 24px;
+    word-break: break-word;
+}
+
+.guido-display-conditions__code {
+    margin: 0;
+    color: #101727;
+    font-family: inherit;
+    font-size: 15px;
+    line-height: 24px;
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+.guido-display-conditions__toggle {
+    display: inline-flex;
+    align-items: center;
+    align-self: flex-start;
+    padding: 8px 0;
+    border: none;
+    background: none;
+    color: var(--guido-color-primary-500);
+    font: inherit;
+    font-size: 15px;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.guido-display-conditions__toggle span {
+    padding: 0 8px;
+}
+
+.guido-display-conditions__toggle.is-expanded ue-icon-component {
+    transform: rotate(180deg);
+}
+
+.guido-display-conditions__actions {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    height: 48px;
+    padding: 0 8px;
+    background: var(--guido-color-white);
+}
+
+.guido-display-conditions__action {
+    display: inline-flex;
+    align-items: center;
+    padding: 8px;
+    border: none;
+    background: none;
+    font: inherit;
+    font-size: 15px;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.guido-display-conditions__action span {
+    padding: 0 8px;
+}
+
+.guido-display-conditions__action--edit {
+    color: var(--guido-color-primary-500);
+}
+
+.guido-display-conditions__action--remove {
+    color: var(--guido-color-danger-500);
+}
+
+.guido-display-conditions [hidden] {
+    display: none !important;
+}
+
+/* No positioned ancestor inside Stripo's clipping scroller: the menu keeps its static spot but escapes the clip. */
+.guido-display-conditions__menu {
+    position: absolute;
+    z-index: 2;
+    margin-top: 4px;
+    padding: 4px 0;
+    border-radius: 4px;
+    background-color: #FFFFFF;
+    box-shadow: 0 4px 16px rgba(34, 41, 56, 0.16);
+}
+
+.guido-display-conditions__menu-item {
+    display: block;
+    width: 100%;
+    padding: 8px 16px;
+    border: 0;
+    background: none;
+    color: var(--guido-color-neutral-800);
+    cursor: pointer;
+    font: inherit;
+    font-size: 14px;
+    line-height: 24px;
+    text-align: left;
+}
+
+.guido-display-conditions__menu-item:hover,
+.guido-display-conditions__menu-item:focus-visible {
+    background-color: var(--guido-color-neutral-100);
+    outline: none;
+}
+`;
+export {
+  n as default
+};

package/dist/extensions/DisplayConditions/extension.js

@@ -0,0 +1,28 @@
+import { ExtensionBuilder as t } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { APPLIED_DESCRIPTION as o, EMPTY_DESCRIPTION as i } from "./constants.js";
+import { DisplayConditionsControl as e } from "./control.js";
+import n from "./display-conditions.css.js";
+import { DisplayConditionsIconsRegistry as s } from "./iconsRegistry.js";
+import { DisplayConditionsLibrary as d } from "./library.js";
+import { DisplayConditionsSettingsPanel as r } from "./settingsPanel.js";
+const S = new t().addControl(e).withIconsRegistry(s).withSettingsPanelRegistry(r).withExternalDisplayCondition(d).withStyles(n).withLocalization({
+  en: {
+    Conditions: "Conditions",
+    "Display Conditions": "Display Conditions",
+    "Add Display Condition": "Add Display Condition",
+    "Create New Condition": "Create New Condition",
+    "Select Saved Condition": "Select Saved Condition",
+    [i]: i,
+    [o]: o,
+    Edit: "Edit",
+    Remove: "Remove",
+    "Show More": "Show More",
+    "Show Less": "Show Less",
+    "Code Before Module": "Code Before Module",
+    "Code After Module": "Code After Module",
+    "Insider Display Conditions": "Insider Display Conditions"
+  }
+}).build();
+export {
+  S as default
+};

package/dist/extensions/DisplayConditions/iconsRegistry.js

@@ -0,0 +1,20 @@
+import { IconsRegistry as n } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CONDITION_ICONS as r } from "./constants.js";
+const h = 'fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"', s = (t, o, e = 1.3) => `
+    <svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 ${t} ${t}">
+        <path d="${o}" ${h} stroke-width="${e}"/>
+    </svg>`;
+class g extends n {
+  registerIconsSvg(o) {
+    o[r.PLUS] = s(20, "M10 4v12M4 10h12", 1.5), o[r.EDIT] = s(
+      20,
+      "M3.5 16.5h13M5 12.6 13.1 4.5a1.4 1.4 0 0 1 2 0l.4.4a1.4 1.4 0 0 1 0 2L7.4 15H5v-2.4Z"
+    ), o[r.TRASH] = s(
+      20,
+      "M3.5 5.5h13M8 5.5V4h4v1.5M5 5.5l.8 11h8.4l.8-11M8.5 8.5v5M11.5 8.5v5"
+    ), o[r.CHEVRON] = s(20, "m5 7.5 5 5 5-5", 1.5);
+  }
+}
+export {
+  g as DisplayConditionsIconsRegistry
+};

package/dist/extensions/DisplayConditions/library.js

@@ -0,0 +1,27 @@
+import { toAppliedCondition as s, parseSource as a } from "../../utils/displayCondition.js";
+import { ExternalDisplayConditionsLibrary as l } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { requestDisplayCondition as p } from "./bridge.js";
+class m extends l {
+  getCategoryName() {
+    return this.api.translate("Insider Display Conditions");
+  }
+  openExternalDisplayConditionsDialog(o, r, t) {
+    const e = s(o), n = a(e) === "inline";
+    p(
+      { mode: n ? "edit" : "select", current: n ? e : null },
+      {
+        onApply: (i) => i ? r(i) : t(),
+        onCancel: t
+      }
+    );
+  }
+  getIsContextActionEnabled() {
+    return !0;
+  }
+  getContextActionIndex() {
+    return 1;
+  }
+}
+export {
+  m as DisplayConditionsLibrary
+};

package/dist/extensions/DisplayConditions/settingsPanel.js

@@ -0,0 +1,17 @@
+import { SettingsPanelRegistry as a, SettingsTab as r, SettingsPanelTab as o } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CONDITION_BLOCK_TYPES as I, BUILT_IN_CONDITION_CONTROLS as O, CONDITIONS_TAB_ID as T, CONDITIONS_CONTROL_ID as N } from "./constants.js";
+class _ extends a {
+  // Stripo hands over the map pre-filled with its default tabs, so they are extended, not replaced.
+  registerBlockControls(e) {
+    I.forEach((i) => {
+      const n = e[i] ?? [];
+      n.filter((t) => t.getTabId() === String(r.SETTINGS)).forEach((t) => O.forEach((s) => t.deleteControl(s))), e[i] = [
+        ...n,
+        new o(T, [N]).withLabel(this.api.translate("Conditions"))
+      ];
+    });
+  }
+}
+export {
+  _ as DisplayConditionsSettingsPanel
+};

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-2cccbd44]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-c5ff3804]{gap:16px}.validation-error-row[data-v-c5ff3804]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-c5ff3804]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-c5ff3804]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1b5c844a]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1b5c844a]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1b5c844a]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-5d5e32de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-5d5e32de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-5d5e32de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.guido-code-editor-field__label[data-v-e96c7aa3]{margin:0 0 8px;color:#2c3546;font-size:13px;line-height:16px}[data-v-a4b2ccb9] .guido-display-condition-academy{color:#0a2ecc;text-decoration:underline}[data-v-a4b2ccb9] .guido-display-condition-create__optional{color:#666}.guido-display-condition-create__separator[data-v-a4b2ccb9]{height:1px;margin:0 0 24px;background-image:linear-gradient(to right,#91949F 1px,transparent 1px);background-size:5px 1px}.guido-display-condition-create__method-title[data-v-a4b2ccb9]{margin:0 0 24px;color:#292929;font-size:13px;font-weight:600;letter-spacing:1.2px;line-height:20px;text-transform:uppercase}.guido-display-condition-create__methods[data-v-a4b2ccb9]{display:flex;gap:16px;margin-bottom:24px}[data-v-10ac7a13] .guido-display-condition-academy{color:#0a2ecc;text-decoration:underline}.guido-display-condition-select-root[data-v-10ac7a13] .in-drawer__footer{justify-content:flex-start}.guido-display-condition-select__delete-modal[data-v-10ac7a13]{position:relative;z-index:145}.guido-display-condition-select__delete-modal[data-v-10ac7a13] .in-modal-v2-wrapper__header-title{margin-bottom:0}.guido-display-condition-select__delete-text[data-v-10ac7a13]{margin:0;color:#292929}.guido-display-condition-select__list[data-v-10ac7a13]{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}.guido-display-condition-card[data-v-10ac7a13]{border:1px solid #E1E1E1;border-radius:4px;background-color:#fff}.guido-display-condition-card__header[data-v-10ac7a13]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.guido-display-condition-card__text[data-v-10ac7a13]{min-width:0}.guido-display-condition-card__name[data-v-10ac7a13]{margin:0;overflow:hidden;color:#292929;font-size:16px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__description[data-v-10ac7a13]{margin:4px 0 0;overflow:hidden;color:#666;font-size:13px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.guido-display-condition-card__actions[data-v-10ac7a13]{display:flex;flex-shrink:0;align-items:center;gap:16px}.guido-display-condition-card__split[data-v-10ac7a13]{position:relative;display:flex;gap:1px}.guido-display-condition-card__menu[data-v-10ac7a13]{position:absolute;z-index:2;top:calc(100% + 2px);right:0;min-width:115px;padding:4px 0;border-radius:4px;background-color:#fff;box-shadow:0 4px 16px #22293829}.guido-display-condition-card__menu-item[data-v-10ac7a13]{width:100%;padding:8px 16px;border:0;background:none;color:#222938;cursor:pointer;font-size:14px;line-height:24px;text-align:left}.guido-display-condition-card__menu-item[data-v-10ac7a13]:hover,.guido-display-condition-card__menu-item[data-v-10ac7a13]:focus-visible{background-color:#eff2f4}.guido-display-condition-card__divider[data-v-10ac7a13]{width:1px;height:24px;background-color:#dcdee6}.guido-display-condition-card__expand[data-v-10ac7a13]{display:flex;padding:0;border:0;background:none;cursor:pointer}.guido-display-condition-card__code[data-v-10ac7a13]{margin:1px 15px 15px;padding:8px;border:1px solid #E1E1E1;border-radius:4px;background-color:#fff;color:#101727;font-family:inherit;font-size:15px;line-height:24px;white-space:pre-wrap;word-break:break-word}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}