@getflip/swirl-components-react 0.527.0 → 0.529.0

package/dist/swirl-menu-item.entry.dcde0c8d.js

@@ -1,86 +0,0 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.22e18dc5.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
-import { l as d, m as p } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const m = () => ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-state-hovered)}", b = class {
-  constructor(e) {
-    r(this, e), this.intent = "default", this.truncateLabel = !0, this.hasAvatar = !1, this.onSlotChange = () => {
-      this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
-    }, this.onActionListItemClick = () => {
-      this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
-    }, this.onOptionListItemClick = () => {
-      this.optionListItem.disabled || this.parentMenu.updateSelection(this.optionListItem);
-    }, this.onOptionListItemKeyDown = (t) => {
-      if (t.code === "Space")
-        t.preventDefault();
-      else if (t.code === "Enter") {
-        if (this.optionListItem.disabled)
-          return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
-      }
-    }, this.onOptionListItemKeyUp = (t) => {
-      if (t.code === "Space") {
-        if (this.optionListItem.disabled)
-          return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
-      }
-    };
-  }
-  componentWillLoad() {
-    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
-  }
-  watchExpanded() {
-    this.updateActionListItemProps();
-  }
-  async getSubMenu() {
-    return this.subMenu;
-  }
-  async updateValue() {
-    l(this);
-  }
-  async getParentMenu() {
-    return this.parentMenu;
-  }
-  updateActionListItemProps() {
-    !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
-  }
-  updateAvatarState() {
-    const e = this.el.querySelector('[slot="avatar"]'), t = Boolean(e);
-    t !== this.hasAvatar && (this.hasAvatar = t);
-  }
-  renderActionListItem() {
-    var t, s, a;
-    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (a = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
-      var o;
-      return n.value === ((o = this.subMenu) == null ? void 0 : o.value);
-    })) == null ? void 0 : a.label : void 0;
-    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
-  }
-  renderOptionListItem() {
-    var t;
-    const e = ((t = this.parentMenu) == null ? void 0 : t.value) === this.value;
-    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, truncateLabel: this.truncateLabel, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: e, swirlAriaRole: "menuitemradio", value: this.value }, this.hasAvatar && i("slot", { name: "avatar", slot: "avatar" }));
-  }
-  render() {
-    var t;
-    const e = c("menu-item", {
-      "menu-item--expanded": this.expanded
-    });
-    return i(h, { key: "2e35fee489e3da5de328e00e79f5b8e89d36ebd4" }, i("div", { key: "cf743ce2b074c2c3e30dd369a7cdd840ce4a0683", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "78d27122dd1cf3dbb76b007e71f46a96a4bf536d", onSlotchange: this.onSlotChange })));
-  }
-  get el() {
-    return u(this);
-  }
-  static get watchers() {
-    return {
-      expanded: [{
-        watchExpanded: 0
-      }]
-    };
-  }
-};
-b.style = m();
-export {
-  b as swirl_menu_item
-};

package/dist/swirl-menu.entry.bd7bc7f9.js

@@ -1,184 +0,0 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.22e18dc5.js";
-import { c as f, o as v, s as w, f as M, a as g } from "./floating-ui.dom-CLsTbQHn.fe95e3a6.js";
-import { c as y } from "./index-orsBiyT_.fc4357c3.js";
-import { q as a, l, m as h, i as I, k as x } from "./utils-CCck-DTo.e4e43b6a.js";
-import "react";
-import "react-dom";
-const _ = () => ':host{display:block}:host *{box-sizing:border-box}.menu{width:100%}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile):not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-2);padding:var(--s-space-4);outline:var(--s-border-width-default) solid var(--s-border-translucent-outline)}:not(.menu--mobile):not(.menu--root) .menu__menu:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l))}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}', k = class {
-  constructor(e) {
-    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.active = !0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.placement = "right-start", this.mobileDoneButtonLabel = "Done", this.variant = "action", this.activeLevel = 0, this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
-      this.updateMobileState();
-    }, this.resetMenu = () => {
-      this.items.forEach((t) => {
-        t.tabIndex = -1;
-      }), !(this.level > 0) && setTimeout(() => {
-        this.activeLevel = 0, a(this.el, "swirl-menu").forEach((i) => {
-          i.active = !1, i.parentElement.expanded = !1;
-        });
-      }, this.mobile ? 200 : 60);
-    }, this.closeMenu = () => {
-      this.disableAutoUpdate && this.disableAutoUpdate(), this.swirlPopover.close(), this.resetMenu();
-    }, this.reposition = async () => {
-      if (this.mobile || this.level === 0) {
-        this.position = void 0;
-        return;
-      }
-      const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || requestAnimationFrame(async () => {
-        this.position = await f(t, this.menuContainer, {
-          placement: this.placement,
-          strategy: "fixed",
-          middleware: [v({ mainAxis: -10, crossAxis: 0 }), w(), M()]
-        });
-      });
-    }, this.onKeyDown = (t) => {
-      if (t.code === "ArrowDown")
-        t.preventDefault(), t.stopPropagation(), this.focusNextItem();
-      else if (t.code === "ArrowUp")
-        t.preventDefault(), t.stopPropagation(), this.focusPreviousItem();
-      else if (t.code === "ArrowLeft")
-        t.preventDefault(), t.stopPropagation(), this.rootMenu.goBack();
-      else if (t.code === "ArrowRight") {
-        t.preventDefault();
-        const i = l(this.items[this.getActiveItemIndex()], "swirl-menu-item");
-        if (!Boolean(i))
-          return;
-        this.rootMenu.activateMenuItem(i);
-      }
-    }, this.onClose = () => {
-      this.closeMenu();
-    }, this.onDone = () => {
-      this.closeMenu(), this.done.emit();
-    }, this.onGoBack = () => {
-      this.rootMenu.goBack();
-    };
-  }
-  componentWillLoad() {
-    this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
-  }
-  componentDidLoad() {
-    this.mobileMediaQuery.addEventListener("change", this.mediaQueryHandler), this.parentMenu = l(this.el.parentElement, "swirl-menu"), this.swirlPopover = l(this.el, "swirl-popover"), this.rootMenu = h(this.el, "swirl-menu").pop(), Boolean(this.parentMenu) && queueMicrotask(() => {
-      this.active = !1;
-    }), this.swirlPopover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
-  }
-  disconnectedCallback() {
-    var e, t, i, n;
-    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (n = this.observer) == null || n.disconnect();
-  }
-  watchActive() {
-    this.position = void 0, this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = g(this.el.parentElement, this.menuContainer, this.reposition);
-  }
-  watchValue() {
-    this.updateActiveItem();
-  }
-  async activateMenuItem(e) {
-    if (Boolean(this.parentMenu))
-      return;
-    const t = await e.getParentMenu();
-    a(this.el, "swirl-menu").filter((s) => s.level >= t.level && s !== t).forEach((s) => {
-      s.active = !1, s.parentElement.expanded = !1;
-    });
-    const n = await e.getSubMenu();
-    !Boolean(n) || (e.expanded = !0, n.active = !0, this.activeLevel = n.level, setTimeout(() => {
-      n.focusFirstItem();
-    }, this.mobile ? 200 : 60));
-  }
-  async close() {
-    this.closeMenu();
-  }
-  async goBack() {
-    if (Boolean(this.parentMenu) || this.activeLevel === 0)
-      return;
-    const t = (a(this.el, "swirl-menu").find((s) => s.level === this.activeLevel && s.active) || this.rootMenu).parentElement;
-    t.expanded = !1, this.activeLevel = Math.max(this.activeLevel - 1, 0), a(this.el, "swirl-menu").filter((s) => s.level > this.activeLevel).forEach((s) => {
-      s.active = !1;
-    }), (a(this.el, "swirl-menu").find((s) => s.level === this.activeLevel && s.active) || this.rootMenu).focusItemAtIndex(Array.from(t.parentElement.children).indexOf(t));
-  }
-  async focusFirstItem() {
-    this.focusItem(this.items[0]);
-  }
-  async focusItemAtIndex(e) {
-    this.focusItem(this.items[e]);
-  }
-  async updateSelection(e) {
-    this.valueChange.emit(e.value);
-  }
-  async updateActiveItem() {
-    a(this.el, "swirl-menu-item").filter((t) => l(t, "swirl-menu") === this.el).forEach((t) => {
-      t.updateValue();
-    }), this.parentMenu && this.parentMenu.variant === "action" && this.parentMenu.updateActiveItem();
-  }
-  observeSlotChanges() {
-    this.observer = new MutationObserver(() => {
-      requestAnimationFrame(() => {
-        this.updateItems();
-      });
-    }), this.observer.observe(this.el, { childList: !0 });
-  }
-  updateMobileState() {
-    const e = I();
-    e !== this.mobile && (this.mobile = e);
-  }
-  updateItems() {
-    this.items = [
-      ...a(this.el, '[role="menuitem"]'),
-      ...a(this.el, '[role="menuitemradio"]')
-    ].filter((e) => l(e, "swirl-menu") === this.el);
-  }
-  updateLevel() {
-    const e = h(this.el.parentNode, "swirl-menu");
-    this.level = e.length;
-  }
-  focusItem(e) {
-    [
-      ...a(this.rootMenu, '[role="menuitem"]'),
-      ...a(this.rootMenu, '[role="menuitemradio"]')
-    ].forEach((i) => {
-      i.tabIndex = -1;
-    }), Boolean(e) && (e.tabIndex = 0, e.focus());
-  }
-  focusNextItem() {
-    const t = (this.getActiveItemIndex() + 1) % this.items.length, i = this.items[t];
-    this.focusItem(i);
-  }
-  focusPreviousItem() {
-    const e = this.getActiveItemIndex(), t = e === 0 ? this.items.length - 1 : e - 1, i = this.items[t];
-    this.focusItem(i);
-  }
-  getActiveItemIndex() {
-    const e = x();
-    return this.items.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')) || t === (e == null ? void 0 : e.querySelector('[role="menuitemradio"]')));
-  }
-  render() {
-    var r, u;
-    const e = !Boolean(this.parentMenu), t = e && this.mobile ? void 0 : this.label, i = e && this.mobile ? "menu-title" : void 0, n = e ? "menubar" : "menu", s = y("menu", `menu--level-${this.level}`, {
-      "menu--active": this.active,
-      "menu--mobile": this.mobile,
-      "menu--root": e
-    });
-    return o(b, { key: "d4f95b5e7909c159d8ca5c9a02f36accc6694764" }, o("div", { key: "da2779ac100cd9b71ffbbf3ba315defa7a7260b3", class: s }, this.mobile && e && o("div", { key: "f5a5c1774ac9b15a423cc79884cab91184a454a2", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "0727a7204c41bdeeb780ecd2944ae9af10e471e0", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "bfdf9e0f7b5f998e00033e8f29e406c06190adfc", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "55a328265717055e37d328bd3a5397827af00081", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "eb7e9c991ba8dfe2a09a904575bf7528e07cadbe", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "43511203658cd8869fea5df48061ded990aa81ce", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "32cdc268dc2c4f0a249bf7966c3094bf841f57f5", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
-      top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
-      left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : "",
-      opacity: Boolean(this.position) ? void 0 : "0"
-    } : this.mobile ? {
-      left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "ba834e3cc69de93c056ccd153ebdfd9f6057901d" }))));
-  }
-  get el() {
-    return p(this);
-  }
-  static get watchers() {
-    return {
-      active: [{
-        watchActive: 0
-      }],
-      value: [{
-        watchValue: 0
-      }]
-    };
-  }
-};
-k.style = _();
-export {
-  k as swirl_menu
-};

package/dist/swirl-modal-shell.entry.2284f705.js

@@ -1,45 +0,0 @@
-import { r as e, c as a, h as s, H as i } from "./index.22e18dc5.js";
-import { d as t, e as c } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const n = () => ".sc-swirl-modal-shell-h{display:block}.sc-swirl-modal-shell-h *.sc-swirl-modal-shell{box-sizing:border-box}.modal-shell.sc-swirl-modal-shell{position:fixed;inset:0;z-index:var(--s-z-40);border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible;background:transparent}.modal-shell.sc-swirl-modal-shell::backdrop{display:none}.modal-shell__backdrop.sc-swirl-modal-shell{position:fixed;inset:0;z-index:1;background-color:var(--s-translucent-medium-default);opacity:1;-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));transition:opacity 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out;transition:opacity 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out}.modal-shell__scroll-container.sc-swirl-modal-shell{overflow-y:auto;position:fixed;inset:0;z-index:2;display:grid;padding:calc(var(--s-space-24) + env(safe-area-inset-top, 0))     var(--s-space-24) var(--s-space-24);justify-content:center;align-items:center}.modal-shell__scroll-container__content.sc-swirl-modal-shell{opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,     transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell__close-button.sc-swirl-modal-shell{position:fixed;top:calc(var(--s-space-16) + env(safe-area-inset-top, 0));right:var(--s-space-16);z-index:3;opacity:1;transform:scale(1);transition:opacity 0.2s ease-out,     transform 0.2s cubic-bezier(0.3, 0.7, 0.4, 1.1)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__backdrop.sc-swirl-modal-shell{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-shell--closing.sc-swirl-modal-shell .modal-shell__scroll-container__content.sc-swirl-modal-shell,.modal-shell--closing.sc-swirl-modal-shell .modal-shell__close-button.sc-swirl-modal-shell{opacity:0;transform:scale(1.1)}", d = 300, h = class {
-  constructor(o) {
-    e(this, o), this.closeModal = a(this, "closeModal", 7), this.isClosing = !0, this.onDialogClose = () => {
-      this.closeModal.emit();
-    }, this.onKeyDown = (l) => {
-      l.code === "Escape" && (l.stopImmediatePropagation(), l.preventDefault(), this.close());
-    }, this.onContentClick = (l) => {
-      l.stopPropagation();
-    }, this.onClose = () => {
-      this.close();
-    };
-  }
-  componentDidLoad() {
-    this.setDialogCustomProps(), requestAnimationFrame(() => {
-      this.modalEl.showModal(), t(this.scrollContainerEl), this.isClosing = !1;
-    });
-  }
-  disconnectedCallback() {
-    var o;
-    (o = this.modalEl) != null && o.open && this.modalEl.close(), c(this.scrollContainerEl);
-  }
-  async close() {
-    this.isClosing = !0, setTimeout(() => {
-      this.modalEl.close();
-    }, d);
-  }
-  setDialogCustomProps() {
-    this.modalEl.setAttribute("closedby", "none");
-  }
-  render() {
-    const o = r("modal-shell", {
-      "modal-shell--closing": this.isClosing
-    });
-    return s(i, { key: "1aea0ca363d193685f3f1ac066063c08d3a7f0e6" }, s("dialog", { key: "666f287cab68ef5e4a96bf8bd310b470fd709f38", "aria-label": this.label, class: o, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (l) => this.modalEl = l }, s("div", { key: "956e7a78ab63d146201d6ce628b1393ea7ca44e5", class: "modal-shell__backdrop" }), s("div", { key: "c34ccc5b1a81515b41838629f3dc88cb41312e6d", class: "modal-shell__scroll-container", onClick: this.onClose, ref: (l) => this.scrollContainerEl = l }, s("div", { key: "a3d7f773c252ca91827b573f8c76756a2d041d81", class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, s("slot", { key: "e5cf54d06123545ea26366ab09e19c3fcca29cb4" }))), s("swirl-button", { key: "a7a9a32b66fb759b2c265a607d774eb87374e742", class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: !0, variant: "translucent", onClick: this.onClose })));
-  }
-};
-h.style = n();
-export {
-  h as swirl_modal_shell
-};

package/dist/swirl-modal.entry.94ff9285.js

@@ -1,178 +0,0 @@
-import { r as p, c as s, h as e, H as _, g } from "./index.22e18dc5.js";
-import { c as h } from "./index-orsBiyT_.fc4357c3.js";
-import { t as b } from "./index.esm-DBTxpXCn.fccbd562.js";
-import { d as f, e as u } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
-import "react";
-import "react-dom";
-const w = () => ":host{display:block}:host *{box-sizing:border-box}.modal{--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)     max(env(safe-area-inset-bottom), var(--s-space-12)) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)     max(env(safe-area-inset-bottom), var(--s-space-16)) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.modal::backdrop{display:none}.modal:not([open]){display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing .modal__body{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__body{animation:none}}.modal--variant-drawer.modal--closing .modal__backdrop{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing .modal__backdrop{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(       var(--swirl-modal-max-width) +         var(--swirl-modal-max-secondary-content-width)     )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)     )}@media (min-width: 768px){.modal.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal.modal--show-backdrop .modal__backdrop{background-color:rgba(0, 0, 0, 0.2)}.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal.modal--show-backdrop:not(.modal--closing) .modal__backdrop{animation:none}}.modal.modal--hide-backdrop .modal__backdrop{background-color:transparent;animation:none}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);padding-top:env(safe-area-inset-top, 0);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,     max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;min-width:0;flex-basis:100%;flex-grow:1;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;min-width:0;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +         var(--swirl-modal-max-secondary-content-width)     )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}", v = class {
-  constructor(a) {
-    p(this, a), this.toggleFullscreen = s(this, "toggleFullscreen", 3), this.modalClose = s(this, "modalClose", 3), this.modalOpen = s(this, "modalOpen", 3), this.primaryAction = s(this, "primaryAction", 3), this.requestModalClose = s(this, "requestModalClose", 3), this.secondaryAction = s(this, "secondaryAction", 3), this.sidebarClose = s(this, "sidebarClose", 3), this.toggleDialog = s(this, "toggleDialog", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.opening = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
-      o.code === "Escape" && (o.stopImmediatePropagation(), o.preventDefault(), this.close());
-    }, this.onClose = () => {
-      this.closing = !1, this.unlockBodyScroll(), this.modalClose.emit();
-    }, this.onToggle = (o) => {
-      const d = {
-        newState: o.newState,
-        dialog: this.modalEl
-      };
-      this.el.isConnected ? this.toggleDialog.emit(d) : document.dispatchEvent(new CustomEvent("toggleDialog", {
-        bubbles: !0,
-        composed: !0,
-        detail: d
-      }));
-    }, this.onBackdropClick = () => {
-      this.disableBackdropClose || this.close();
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onFullscreenButtonClick = () => {
-      this.setFullscreen(!this.isFullscreen);
-    }, this.onSidebarCloseButtonClick = () => {
-      this.hideSidebarContent = !0, this.sidebarClose.emit();
-    }, this.onPrimaryAction = (o) => {
-      this.primaryAction.emit(o);
-    }, this.onSecondaryAction = (o) => {
-      this.secondaryAction.emit(o);
-    }, this.updateCustomFooterStatus = () => {
-      this.hasCustomFooter = Boolean(this.el.querySelector(':scope > [slot="custom-footer"]'));
-    }, this.updateCustomHeaderStatus = () => {
-      this.hasCustomHeader = Boolean(this.el.querySelector(':scope > [slot="custom-header"]'));
-    }, this.updateHeaderToolsStatus = () => {
-      this.hasHeaderTools = Boolean(this.el.querySelector(':scope > [slot="header-tools"]'));
-    }, this.updateSecondaryContentStatus = () => {
-      this.hasSecondaryContent = Boolean(this.el.querySelector(':scope > [slot="secondary-content"]'));
-    }, this.updateSidebarContentStatus = () => {
-      this.hasSidebarContent = Boolean(this.el.querySelector(':scope > [slot="sidebar-content"]'));
-    }, this.updateSidebarFooterStatus = () => {
-      this.hasSidebarFooter = Boolean(this.el.querySelector(':scope > [slot="sidebar-footer"]'));
-    }, this.determineScrollStatus = () => {
-      this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
-    }, this.determineMainScrollStatus = () => {
-      var l, r, i, n, c, m;
-      const o = ((l = this.scrollContainer) == null ? void 0 : l.scrollTop) > 0, d = Math.ceil(((r = this.scrollContainer) == null ? void 0 : r.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), t = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
-      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), t !== this.scrollable && (this.scrollable = t);
-    }, this.determineSidebarScrollStatus = () => {
-      var l, r, i, n, c, m;
-      const o = ((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) > 0, d = Math.ceil(((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), t = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.sidebarScrollContainer) == null ? void 0 : m.offsetHeight);
-      o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), t !== this.sidebarScrollable && (this.sidebarScrollable = t);
-    };
-  }
-  componentDidLoad() {
-    this.ensureOpening(), this.setDialogCustomProps(), this.determineScrollStatus(), this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
-  }
-  disconnectedCallback() {
-    var a, o;
-    (a = this.mutationObserver) == null || a.disconnect(), (o = this.modalEl) != null && o.open && this.modalEl.close(), this.unlockBodyScroll();
-  }
-  onWindowResize() {
-    this.determineScrollStatus();
-  }
-  async open(a) {
-    this.opening = !0, this.temporaryReturnFocusTo = a, this.modalEl && (this.setupMutationObserver(), this.modalEl.showModal(), this.modalOpen.emit(), this.mutationObserver.observe(this.modalEl, {
-      subtree: !0,
-      childList: !0
-    }), this.lockBodyScroll(), this.determineScrollStatus(), setTimeout(() => {
-      this.handleAutoFocus();
-    }, 200));
-  }
-  async close(a) {
-    this.closing || (a || this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      var o;
-      (o = this.mutationObserver) == null || o.disconnect(), this.modalEl.close(), this.customFocusReturn();
-    }, 150)));
-  }
-  async setFullscreen(a) {
-    this.isFullscreen !== a && (this.isFullscreenTransitioning = !0, this.isFullscreen = a, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
-  }
-  async getScrollContainer() {
-    return this.scrollContainer;
-  }
-  handleAutoFocus() {
-    var a;
-    (a = this.el.querySelector("input[autofocus]")) == null || a.focus();
-  }
-  lockBodyScroll() {
-    f(this.scrollContainer), f(this.sidebarScrollContainer);
-  }
-  setupMutationObserver() {
-    this.mutationObserver = new MutationObserver(() => {
-      var a, o;
-      !((a = this.modalEl) != null && a.open) || document.activeElement === document.body && ((o = b(this.modalEl).at(0)) == null || o.focus());
-    });
-  }
-  unlockBodyScroll() {
-    this.scrollContainer && u(this.scrollContainer), this.sidebarScrollContainer && u(this.sidebarScrollContainer);
-  }
-  ensureOpening() {
-    var a;
-    this.opening && !((a = this.modalEl) != null && a.open) && this.open();
-  }
-  setDialogCustomProps() {
-    this.modalEl.setAttribute("closedby", "none");
-  }
-  customFocusReturn() {
-    var t;
-    const a = (t = this.temporaryReturnFocusTo) != null ? t : this.returnFocusTo;
-    if (!a)
-      return;
-    const o = typeof a == "string" ? document.querySelector(a) : a, d = b(o, {
-      includeContainer: !0,
-      getShadowRoot: !0
-    });
-    d.length > 0 && d[0].focus(), this.temporaryReturnFocusTo = void 0;
-  }
-  render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = h("modal", `modal--variant-${this.variant}`, {
-      "modal--closing": this.closing,
-      "modal--fullscreen": this.isFullscreen,
-      "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
-      "modal--has-custom-footer": this.hasCustomFooter,
-      "modal--has-custom-header": this.hasCustomHeader,
-      "modal--has-header-tools": this.hasHeaderTools,
-      "modal--has-secondary-content": this.hasSecondaryContent && !this.hideSecondaryContent,
-      "modal--hide-label": this.hideLabel,
-      "modal--padded": this.padded,
-      "modal--scrollable": this.scrollable,
-      "modal--scrolled": this.scrolled,
-      "modal--hide-scrolled-header-border": this.hideScrolledHeaderBorder,
-      "modal--scrolled-down": this.scrolledDown,
-      "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
-      "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent,
-      "modal--sidebar-padded": this.sidebarPadded,
-      "modal--has-sidebar-footer": this.hasSidebarFooter && this.hasSidebarContent && !this.hideSidebarContent,
-      "modal--sidebar-footer-padded": this.sidebarFooterPadded,
-      "modal--sidebar-scrolled": this.sidebarScrolled,
-      "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
-      "modal--sidebar-scrollable": this.sidebarScrollable,
-      "modal--show-backdrop": this.showBackdrop === !0,
-      "modal--hide-backdrop": this.showBackdrop === !1
-    });
-    return e(_, { key: "23fc47450954cdec1465b6cacc87665b74392b40" }, e("dialog", { key: "bdee3e6f0b8903e63341b93e73525387d4878229", "aria-label": this.label, class: o, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (d) => this.modalEl = d }, e("div", { key: "3b880ae4075a3249f2a56a424db3269183cc160d", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "df55123f4afffde7862c80f99166d4dcc28c227e", class: "modal__body", part: "modal__body", style: this.isFullscreen ? {} : {
-      "--swirl-modal-max-height": this.maxHeight,
-      "--swirl-modal-height": this.height,
-      minHeight: this.minHeight,
-      maxWidth: this.maxWidth
-    } }, e("aside", { key: "f3b77cc6ef02ffe087f7e6701deb79c6edc0d45e", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "ed35b62a6ec6d77a9360ffa80b9effab505c4f4e", class: h("modal__sidebar-header", {
-      "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "d73cb3f8b8d032245a4efbb4fba158bde22e19d2", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "9529520318f4ee7ace2adb71927f2587c22c01b4", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "b9893e1d9193c99c53a33c02773e96d4611b3040", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "6086f942484525006d1de352ced3693f2afac73c", name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), e("div", { key: "7911c4c01757dc9157a611558d7830997891032a", class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, e("slot", { key: "4154270c217c274954ae83060fc31069e2696c2e", name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), e("div", { key: "5e78d1d3053ff0f54331ec072878084720b31110", class: "modal__main-content" }, e("header", { key: "84bf917f205c56a871e13fbcb749690bba1cbb06", class: "modal__custom-header", part: "modal__custom-header" }, e("slot", { key: "5fd2bb6788938d18f9e40cfe42eaa8b36379e6ad", name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "c6c03d149d8e1c15e491e1ed7071821348b76c1f", class: "modal__header" }, e("div", { key: "45235c736ee6686599513f1f80bff3b68c0a100e", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "2c6edcc7f1bcd33fcf880fa48567f6eddc067afd", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), this.showFullscreenButton && e("swirl-button", { key: "673043a824362619f11c54f31a15fa9477117883", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "1719c5b97263cf10c305770607eb1ea7145acb51", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "c32ad1be58ce0bfd733a059fabc88411a810de30", class: "modal__content-container", style: {
-      gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "8d7a796fc546b0b7bebfa213f831c628393f9dfe", class: "modal__primary-content", style: {
-      maxWidth: this.primaryContentMaxWidth,
-      flex: this.primaryContentFlex
-    } }, e("div", { key: "7299870c633ed4456d08d22dc1eb750e4898b41c", class: "modal__header-tools", part: "modal__header-tools" }, e("slot", { key: "27b39b1bbceb3890fd3f2dea32642a901c87c076", name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), e("div", { key: "f8336f9a3638c1e9285d94900764f09293aa6c30", class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (d) => this.scrollContainer = d }, e("slot", { key: "57fad6f717f5256c938b0142b88c42d59dc968e3" }))), e("div", { key: "05ab11a1b5ff7804a6b56041fdfcf4230f414ba4", class: "modal__secondary-content", style: {
-      maxWidth: this.secondaryContentMaxWidth,
-      flex: this.secondaryContentFlex,
-      padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
-      paddingBlockEnd: Boolean(this.secondaryContentPaddingBlockEnd) ? `var(--s-space-${this.secondaryContentPaddingBlockEnd})` : void 0,
-      paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
-      paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
-      paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "6602b580cc959944932c42bfe74f838fa7dc37a4", name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), e("div", { key: "17afe035cebb37925f6cf912448a29db22359ee6", class: "modal__custom-footer" }, e("slot", { key: "44c6d8340fc1b9c32521cc61ed0b5b4cee37ec50", name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), a && e("footer", { key: "6e7732616ce97db76e752bdd8c3e540d380c3fe7", class: "modal__controls" }, e("swirl-button-group", { key: "146060354a8cd62c236d025b576ef48a357be7f2", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "eabd37aa403ab8b87fc6edb76821f3ccb25e8f7d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "6988e29d8e1caf2faa8dfbbce0ef454e4552fdee", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
-  }
-  get el() {
-    return g(this);
-  }
-};
-v.style = w();
-export {
-  v as swirl_modal
-};

package/dist/swirl-option-list-section.entry.9c77de9a.js

@@ -1,15 +0,0 @@
-import { r as s, h as a, H as i } from "./index.22e18dc5.js";
-import "react";
-import "react-dom";
-const t = () => ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
-  constructor(e) {
-    s(this, e), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return a(i, { key: "93b08d09e7d8135b99cdadac3af873bffbceb93d" }, this.hasSeparator && a("swirl-separator", { key: "dd25bb005b9c7ee1e97ba178853380eb4c2a08c3", spacing: this.separatorSpacing }), a("div", { key: "73e2af0a69dcaab7fa5aa06f6974878543466e09", "aria-labelledby": "label", class: "option-list-section", role: "group" }, a("span", { key: "90a68d498e28585bf10583135275292b5eab41a2", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), a("swirl-stack", { key: "4c42eaf209ecd5af756cc336641e3ff1a1d5050d", spacing: this.spacing, align: "stretch" }, a("slot", { key: "a8385c3180f0cef63be182e6809161e9b6fcb09d" }))));
-  }
-};
-o.style = t();
-export {
-  o as swirl_option_list_section
-};