@getflip/swirl-components-react 0.197.1 → 0.199.0

package/dist/{swirl-menu-item.entry.5458af28.js → swirl-menu-item.entry.61a05216.js}

@@ -1,29 +1,29 @@
-import { r as a, h as i, H as u, g as l } from "./index.a5290183.js";
-import { c as d } from "./index-d280dafb.186cdb0e.js";
-import { c as h, p as c } from "./utils-c5f2f98f.af14538a.js";
+import { r as a, h as i, H as u, g as d } from "./index.9d32bf5e.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { c as h, p as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", m = class {
-  constructor(e) {
-    a(this, e), this.onSlotChange = () => {
+const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", m = p, f = class {
+  constructor(t) {
+    a(this, t), 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") {
+    }, this.onOptionListItemKeyDown = (e) => {
+      if (e.code === "Space")
+        e.preventDefault();
+      else if (e.code === "Enter") {
         if (this.optionListItem.disabled)
           return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+        e.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.onOptionListItemKeyUp = (t) => {
-      if (t.code === "Space") {
+    }, this.onOptionListItemKeyUp = (e) => {
+      if (e.code === "Space") {
         if (this.optionListItem.disabled)
           return;
-        t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
+        e.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
     }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.parentMenu = void 0, this.subMenu = void 0;
   }
@@ -43,26 +43,26 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     !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);
   }
   renderActionListItem() {
-    var t, n, o;
-    const e = Boolean((t = this.subMenu) == null ? void 0 : t.value) ? (o = Array.from(((n = this.subMenu) == null ? void 0 : n.querySelectorAll("swirl-menu-item")) || []).find((s) => {
+    var e, n, o;
+    const t = Boolean((e = this.subMenu) == null ? void 0 : e.value) ? (o = Array.from(((n = this.subMenu) == null ? void 0 : n.querySelectorAll("swirl-menu-item")) || []).find((s) => {
       var r;
       return s.value === ((r = this.subMenu) == null ? void 0 : r.value);
     })) == null ? void 0 : o.label : void 0;
-    return i("swirl-action-list-item", { badge: e, description: this.description, disabled: this.disabled, icon: this.icon, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (s) => this.actionListItem = s, suffix: this.suffix });
+    return i("swirl-action-list-item", { badge: t, description: this.description, disabled: this.disabled, icon: this.icon, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (s) => this.actionListItem = s, suffix: this.suffix });
   }
   renderOptionListItem() {
-    var e;
-    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (t) => this.optionListItem = t, selected: ((e = this.parentMenu) == null ? void 0 : e.value) === this.value, swirlAriaRole: "menuitemradio", value: this.value });
+    var t;
+    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (e) => this.optionListItem = e, selected: ((t = this.parentMenu) == null ? void 0 : t.value) === this.value, swirlAriaRole: "menuitemradio", value: this.value });
   }
   render() {
-    var t;
-    const e = d("menu-item", {
+    var e;
+    const t = l("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(u, null, i("div", { class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { onSlotchange: this.onSlotChange })));
+    return i(u, { key: "f83259b325918314f913287d5110e99e68800435" }, i("div", { key: "4bfa34a0d6c2e01775ef312c0ceba104c714a7a1", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "7746fc3375e2bdd967eef91d28d47c220513f38e", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return l(this);
+    return d(this);
   }
   static get watchers() {
     return {
@@ -70,7 +70,7 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-m.style = p;
+f.style = m;
 export {
-  m as swirl_menu_item
+  f as swirl_menu_item
 };

package/dist/{swirl-menu.entry.5f3db857.js → swirl-menu.entry.669ba100.js}

@@ -1,30 +1,30 @@
-import { r as d, c as h, h as o, H as p, g as v } from "./index.a5290183.js";
-import { c as b, a as f, o as w, f as g } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
-import { c as M } from "./index-d280dafb.186cdb0e.js";
-import { q as n, c as l, p as m, i as x, b as y } from "./utils-c5f2f98f.af14538a.js";
+import { r as d, c, h as n, H as b, g as p } from "./index.9d32bf5e.js";
+import { c as f, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { c as y } from "./index-267776a4.6beb4f4b.js";
+import { q as a, c as l, p as h, i as M, b as x } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.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-sm);box-shadow:var(--s-shadow-level-1)}: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))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", _ = class {
+const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.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-sm);box-shadow:var(--s-shadow-level-1)}: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))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", _ = I, k = class {
   constructor(e) {
-    d(this, e), this.done = h(this, "done", 7), this.valueChange = h(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
+    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), 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, n(this.el, "swirl-menu").forEach((i) => {
+        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.popover.close(), this.resetMenu();
+      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) || (this.position = await b(t, this.menuContainer, {
+      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await f(t, this.menuContainer, {
         placement: "right-start",
         strategy: "fixed",
         middleware: [w({ mainAxis: -10, crossAxis: 0 }), g()]
@@ -55,27 +55,27 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
   }
   componentDidLoad() {
-    this.mobileMediaQuery.onchange = this.mediaQueryHandler, this.parentMenu = l(this.el.parentElement, "swirl-menu"), this.popover = l(this.el, "swirl-popover"), this.rootMenu = m(this.el, "swirl-menu").pop(), Boolean(this.parentMenu) && queueMicrotask(() => {
+    this.mobileMediaQuery.onchange = 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.popover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
+    }), this.swirlPopover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
   }
   disconnectedCallback() {
-    var e, t, i;
-    this.popover.removeEventListener("popoverClose", this.resetMenu), (t = (e = this.mobileMediaQuery).removeEventListener) == null || t.call(e, "change", this.mediaQueryHandler), (i = this.observer) == null || i.disconnect();
+    var e, t, i, o;
+    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (o = this.observer) == null || o.disconnect();
   }
   watchActive() {
-    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.el.parentElement, this.menuContainer, this.reposition);
+    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = v(this.el.parentElement, this.menuContainer, this.reposition);
   }
   async activateMenuItem(e) {
     if (Boolean(this.parentMenu))
       return;
     const t = await e.getParentMenu();
-    n(this.el, "swirl-menu").filter((s) => s.level >= t.level && s !== t).forEach((s) => {
+    a(this.el, "swirl-menu").filter((s) => s.level >= t.level && s !== t).forEach((s) => {
       s.active = !1, s.parentElement.expanded = !1;
     });
-    const a = await e.getSubMenu();
-    !Boolean(a) || (e.expanded = !0, a.active = !0, this.activeLevel = a.level, setTimeout(() => {
-      a.focusFirstItem();
+    const o = await e.getSubMenu();
+    !Boolean(o) || (e.expanded = !0, o.active = !0, this.activeLevel = o.level, setTimeout(() => {
+      o.focusFirstItem();
     }, this.mobile ? 200 : 60));
   }
   async close() {
@@ -84,10 +84,10 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
   async goBack() {
     if (Boolean(this.parentMenu) || this.activeLevel === 0)
       return;
-    const t = (n(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), n(this.el, "swirl-menu").filter((s) => s.level > this.activeLevel).forEach((s) => {
+    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;
-    }), (n(this.el, "swirl-menu").find((s) => s.level === this.activeLevel && s.active) || this.rootMenu).focusItemAtIndex(Array.from(t.parentElement.children).indexOf(t));
+    }), (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]);
@@ -104,23 +104,23 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     }), this.observer.observe(this.el, { childList: !0 });
   }
   updateMobileState() {
-    const e = x();
+    const e = M();
     e !== this.mobile && (this.mobile = e);
   }
   updateItems() {
     this.items = [
-      ...n(this.el, '[role="menuitem"]'),
-      ...n(this.el, '[role="menuitemradio"]')
+      ...a(this.el, '[role="menuitem"]'),
+      ...a(this.el, '[role="menuitemradio"]')
     ].filter((e) => l(e, "swirl-menu") === this.el);
   }
   updateLevel() {
-    const e = m(this.el.parentNode, "swirl-menu");
+    const e = h(this.el.parentNode, "swirl-menu");
     this.level = e.length;
   }
   focusItem(e) {
     [
-      ...n(this.rootMenu, '[role="menuitem"]'),
-      ...n(this.rootMenu, '[role="menuitemradio"]')
+      ...a(this.rootMenu, '[role="menuitem"]'),
+      ...a(this.rootMenu, '[role="menuitemradio"]')
     ].forEach((i) => {
       i.tabIndex = -1;
     }), Boolean(e) && (e.tabIndex = 0, e.focus());
@@ -134,25 +134,25 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     this.focusItem(i);
   }
   getActiveItemIndex() {
-    const e = y();
+    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, a = e ? "menubar" : "menu", s = M("menu", `menu--level-${this.level}`, {
+    const e = !Boolean(this.parentMenu), t = e && this.mobile ? void 0 : this.label, i = e && this.mobile ? "menu-title" : void 0, o = e ? "menubar" : "menu", s = y("menu", `menu--level-${this.level}`, {
       "menu--active": this.active,
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(p, null, o("div", { class: s }, this.mobile && e && o("div", { class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { class: "menu__title", id: "menu-title" }, o("swirl-heading", { align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (c) => this.menuContainer = c, role: a, style: !this.mobile && this.level > 0 ? {
+    return n(b, { key: "490104411d99f433b4628fe9e8ddc9707caed841" }, n("div", { key: "7a6e6abe6b55c5a8476c34329143019f8d71d232", class: s }, this.mobile && e && n("div", { key: "413e1a1753fc37db2fced6124bde72f74b8d345c", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "23367b007fa8b0be2e0a419ccd1dd69002a7ef8c", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "11713fb1bf265a26c2f132644de6b9725618ba76", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "03c22aff836f5fa89196190f4b12af0246bb2c58", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "e1bdb5544e2d147cd217e8015c6f142e7afab6bf", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "1834d6a9bf0e07041e46b614bbd63ab1269b4c9e", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "1140bf9a2abe1dd30269215e3fc6685b221eb74f", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: o, 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` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", null))));
+    } : void 0 }, n("slot", { key: "fcef2862798fb72f75a68ca245473c5bcdc34128" }))));
   }
   get el() {
-    return v(this);
+    return p(this);
   }
   static get watchers() {
     return {
@@ -160,7 +160,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     };
   }
 };
-_.style = I;
+k.style = _;
 export {
-  _ as swirl_menu
+  k as swirl_menu
 };

package/dist/{swirl-modal.entry.ca31555f.js → swirl-modal.entry.09d31bdf.js}

@@ -1,6 +1,6 @@
-import { r as h, c as d, h as o, H as p, g as u } from "./index.a5290183.js";
-import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as b } from "./index-d280dafb.186cdb0e.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.9d32bf5e.js";
+import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
 import "react-dom";
@@ -10,41 +10,41 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     --s-surface-overlay-hovered
   );--swirl-resource-list-item-background-pressed:var(
     --s-surface-overlay-pressed
-  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem}@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}.modal[aria-hidden="true"]{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{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{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))}@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-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .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% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.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);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.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:3.75rem;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;gap:var(--s-space-16)}}.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)}.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;flex-basis:100%;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;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:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@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)}}`, w = class {
-  constructor(a) {
-    h(this, a), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), this.primaryAction = d(this, "primaryAction", 7), this.requestModalClose = d(this, "requestModalClose", 7), this.secondaryAction = d(this, "secondaryAction", 7), this.onKeyDown = (e) => {
-      e.code === "Escape" && (e.stopImmediatePropagation(), this.close());
+  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem}@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}.modal[aria-hidden="true"]{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{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{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))}@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-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .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% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.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);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.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:3.75rem;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;gap:var(--s-space-16)}}.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)}.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;flex-basis:100%;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;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:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@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)}}`, y = _, w = class {
+  constructor(e) {
+    h(this, e), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
+      o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
     }, this.onCloseButtonClick = () => {
       this.close();
-    }, this.onPrimaryAction = (e) => {
-      this.primaryAction.emit(e);
-    }, this.onSecondaryAction = (e) => {
-      this.secondaryAction.emit(e);
+    }, this.onPrimaryAction = (o) => {
+      this.primaryAction.emit(o);
+    }, this.onSecondaryAction = (o) => {
+      this.secondaryAction.emit(o);
     }, this.determineScrollStatus = () => {
       var r, l, i, n, c, m;
-      const e = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, t = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
-      e !== this.scrolled && (this.scrolled = e), t !== this.scrolledDown && (this.scrolledDown = t), s !== this.scrollable && (this.scrollable = s);
+      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((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), s !== this.scrollable && (this.scrollable = s);
     }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
   }
   componentDidLoad() {
     this.focusTrap = g(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (e) => e.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
+    var e;
+    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
+    var e;
+    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -57,8 +57,8 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   async open() {
     this.isOpen = !0, this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
   }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(e) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -75,17 +75,17 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
   }
   handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
+    var e;
+    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
-    f(this.scrollContainer);
+    u(this.scrollContainer);
   }
   unlockBodyScroll() {
-    v(this.scrollContainer);
+    b(this.scrollContainer);
   }
   render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = b("modal", `modal--variant-${this.variant}`, {
+    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -97,14 +97,14 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return o(p, null, o("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (t) => this.modalEl = t }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", style: {
+    return a(f, { key: "e0d6cff9311b03a20519e6c5acddd02ecb9b932b" }, a("section", { key: "5c73a21690b7bc2c2a15df81a5d66bcfccec6044", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "e6d65f93d0b33f57ce38426ee13f965eb75e3fd6", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "710385a07e9cfa669b5c7dfa0c5270e69401bb92", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, o("header", { class: "modal__custom-header" }, o("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && o("header", { class: "modal__header" }, o("div", { class: "modal__header-bar" }, !this.hideCloseButton && o("swirl-button", { 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.hideLabel && o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label }))), o("div", { class: "modal__content-container" }, o("div", { class: "modal__primary-content" }, o("div", { class: "modal__header-tools" }, o("slot", { name: "header-tools" })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (t) => this.scrollContainer = t }, o("slot", null))), o("div", { class: "modal__secondary-content" }, o("slot", { name: "secondary-content" }))), o("div", { class: "modal__custom-footer" }, o("slot", { name: "custom-footer" })), a && o("footer", { class: "modal__controls" }, o("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("header", { key: "1f902c67e9443959eb8c50498338a6d8377f6d27", class: "modal__custom-header" }, a("slot", { key: "4b52c1d0748eefcf31f22adaf33c57e640770f68", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "6f786d45699894589d3dcec17c988562056e7330", class: "modal__header" }, a("div", { key: "6e81e070e4da8af19da49f762aeb79da2d992adb", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "10273d46ee18becf8fbbef4e33c0a4397144a687", 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.hideLabel && a("swirl-heading", { key: "ed034ca8589633bddfe7ae888a3c45d7470c4fe8", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "7952a17d7f52816034821274b13c9cc2e53854e1", class: "modal__content-container" }, a("div", { key: "bb4f5f0e753acb80fd89ccd3318231ef7e25c2ae", class: "modal__primary-content" }, a("div", { key: "d2a3da082c86d86eb9b9cc314ff3ddd2ee778933", class: "modal__header-tools" }, a("slot", { key: "f1fddbabbc2484a571066853c5b4e79c6c8a18f8", name: "header-tools" })), a("div", { key: "22201b867e311ffc8b6102b858af3342b6a81143", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "2d26d89aa4bd7ef01232c01d4c5b73a5c6897c8a" }))), a("div", { key: "ece7d0b4c713242b81c9d9445059902828fdb4a2", class: "modal__secondary-content" }, a("slot", { key: "ec9110e80192574b46a1cbb188cd775893a1602e", name: "secondary-content" }))), a("div", { key: "d70972635714292f433b045ac62b59300aa8df10", class: "modal__custom-footer" }, a("slot", { key: "c1719b76ab2210a8de66bb9a31b4dde8ae441e30", name: "custom-footer" })), e && a("footer", { key: "ad7dbb0d9294fb7792a5ef7c2b37b8adcd050b55", class: "modal__controls" }, a("swirl-button-group", { key: "5002226896d72cc8970edea70303345170ef5bd9", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "076d9679fefe019467292d6977c6fe8def3ac22a", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "48480a22f1c397ac6cf264226ec6b8ee47ecab03", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
-    return u(this);
+    return p(this);
   }
   static get watchers() {
     return {
@@ -112,7 +112,7 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     };
   }
 };
-w.style = _;
+w.style = y;
 export {
   w as swirl_modal
 };

package/dist/{swirl-option-list-section.entry.695b5045.js → swirl-option-list-section.entry.91aa5d6c.js}

@@ -1,15 +1,15 @@
-import { r as s, h as t, H as e } from "./index.a5290183.js";
+import { r as i, h as e, H as s } from "./index.9d32bf5e.js";
 import "react";
 import "react-dom";
-const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", l = class {
-  constructor(i) {
-    s(this, i), this.label = void 0;
+const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", a = o, l = class {
+  constructor(t) {
+    i(this, t), this.label = void 0;
   }
   render() {
-    return t(e, null, t("div", { "aria-labelledby": "label", class: "option-list-section", role: "group" }, t("span", { class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), t("div", { class: "option-list-section__items" }, t("slot", null))));
+    return e(s, { key: "e291412033d3d4c265f28ffab2d171f9dd128a86" }, e("div", { key: "98028cca1e85031ae9acb820e8350ee0a77f6dca", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "c648d3071f4f4f5dadfe8e30704b4213b0bd7b81", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "719a8526c8592053c90a32f6fc5fe7ba7de9ebb0", class: "option-list-section__items" }, e("slot", { key: "8286cd5482802b13555d7e49d5e0bb143f6abb90" }))));
   }
 };
-l.style = o;
+l.style = a;
 export {
   l as swirl_option_list_section
 };

package/dist/{swirl-option-list_2.entry.b18f8ef8.js → swirl-option-list_2.entry.c115ea15.js}

@@ -1,12 +1,12 @@
-import { r as d, c as a, h as o, H as c, g as h } from "./index.a5290183.js";
-import { c as l, q as n } from "./utils-c5f2f98f.af14538a.js";
+import { r as d, c as o, h as a, H as c, g as h } from "./index.9d32bf5e.js";
+import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as b } from "./index-d280dafb.186cdb0e.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", v = class {
+const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", v = b, p = class {
   constructor(e) {
-    d(this, e), this.itemDrop = a(this, "itemDrop", 7), this.valueChange = a(this, "valueChange", 7), this.onClick = (t) => {
+    d(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
       const s = t.target, i = s == null ? void 0 : s.closest("swirl-option-list-item"), r = t.composedPath()[0], g = Boolean(l(r, '[role="option"]'));
       if (!Boolean(i) || !g) {
@@ -173,7 +173,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return o(c, null, o("swirl-visually-hidden", { role: "alert" }, this.assistiveText), o("div", { "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, o("slot", null)));
+    return a(c, { key: "684864be5a588f761ba20599929a139bfa67b829" }, a("swirl-visually-hidden", { key: "121717af17997c205a5c483bdef9cecaf7f06713", role: "alert" }, this.assistiveText), a("div", { key: "37d2ae1e4df726ba599f2fa9dda0dfe519593f87", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, a("slot", { key: "9698f89521c809cb5c034f5f827c7883f59aa172" })));
   }
   get el() {
     return h(this);
@@ -187,26 +187,26 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     };
   }
 };
-v.style = f;
-const p = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", I = class {
+p.style = v;
+const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
   constructor(e) {
-    d(this, e), this.remove = a(this, "remove", 7), this.onRemove = (t) => {
+    d(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
       var s;
       (s = this.remove) == null || s.emit(t);
     }, this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove";
   }
   render() {
-    const e = b("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
+    const e = f("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
       "tag--bordered": this.bordered
     });
-    return o(c, null, o("span", { class: e, part: "tag" }, o("span", { class: "tag__label" }, this.label), this.removable && o("button", { "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, o("swirl-icon-close", { size: 16 }))));
+    return a(c, { key: "3496f165393a6aa0a30beb97c21ff8a4ab521f42" }, a("span", { key: "1b44749ea7e053219db5dd6e57724815b63e4767", class: e, part: "tag" }, a("span", { key: "df66f93c753e26198a1abe4ab59711e02778c442", class: "tag__label" }, this.label), this.removable && a("button", { key: "0f5419a605e08152604e50f3419968d945e78814", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "2ea41a2462e394244e1c02f009f53c61ab62dd8e", size: 16 }))));
   }
   get el() {
     return h(this);
   }
 };
-I.style = p;
+x.style = w;
 export {
-  v as swirl_option_list,
-  I as swirl_tag
+  p as swirl_option_list,
+  x as swirl_tag
 };

package/dist/swirl-pagination.entry.d1f1a371.js

@@ -0,0 +1,38 @@
+import { r as l, c as s, h as e, H as r } from "./index.9d32bf5e.js";
+import { c as p } from "./index-267776a4.6beb4f4b.js";
+import { d as g } from "./utils-aab10c80.240adddc.js";
+import "react";
+import "react-dom";
+const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
+  constructor(n) {
+    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
+      a.target.select();
+    }, this.onFirstPageButtonClick = () => {
+      this.page !== 1 && this.setPage.emit(1);
+    }, this.onLastPageButtonClick = () => {
+      this.page !== this.pages && this.setPage.emit(this.pages);
+    }, this.onPrevButtonClick = () => {
+      const a = Math.max(this.page - 1, 1);
+      this.page !== a && this.setPage.emit(a);
+    }, this.onNextButtonClick = () => {
+      const a = Math.min(this.page + 1, this.pages);
+      this.page !== a && this.setPage.emit(a);
+    }, this.onPageInput = () => {
+      let a = +this.pageInput.value;
+      isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
+    }, this.onPageUpdate = g((a) => {
+      this.setPage.emit(a);
+    }, 500), this.onPageSizeSelect = (a) => {
+      const t = +a.target.value;
+      this.pageSize !== t && this.setPageSize.emit(t);
+    }, this.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.label = void 0, this.nextButtonLabel = "Next page", this.page = void 0, this.pageLabel = "out of", this.pages = void 0, this.pageSelectLabel = "Select a page", this.pageSize = 10, this.pageSizeOptions = [10, 25, 50], this.pageSizeSelectLabel = "Items per page:", this.prevButtonLabel = "Previous page", this.showPageSizeSelect = void 0, this.variant = "default";
+  }
+  render() {
+    const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
+    return e(r, { key: "32b06d1b1bc2b0c558b5535f7733231829ec8890" }, e("nav", { key: "5ad54318dd933938f199da1901759daf95ab9a46", "aria-label": this.label, class: o }, e("ul", { key: "bf332f10858b4eb00ef829e9b9b6971e7316f508", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "d98231af57b4baac83c5595dbe87d443e81e3942", class: "pagination__list-item" }, e("label", { key: "caa13b6b81fbc3c5c09a6baaa32c6cb1b4599fc0", class: "pagination__page-size-selection" }, e("swirl-text", { key: "65fbe4ea5b971a9547cffa79a8173f942ebd9c88" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "324004a6b0623a58c3f4aeac303f5ccae242d4ce", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "e64168057e6d9d8d54d1d2a2e933dc1e0b13f008", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "4574a8040a5cab8fa731cc00be512486956b6bb6", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "859e184cd3eeb8b20fa5556f14a7578d6328d5bb", class: "pagination__list-item" }, e("swirl-button", { key: "02429facb6f15eb7ea5146eb75cf69247f479615", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "512d14479fcaccc7a88f28bdb471fc6b5e72b7eb", class: "pagination__list-item" }, e("swirl-button", { key: "4a5a3654328608b63b97dd91246b3dddddbd0829", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "5a44c51f2c9215e55a36192e14fd966d543ba819", class: "pagination__list-item" }, e("swirl-button", { key: "5a52c93183d940f35adf43e710816b81a16ef3d0", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "7b3a489abcc0b043df379eb962d36ff9e9050d55", class: "pagination__list-item" }, e("swirl-button", { key: "b1cfd3eb1756a44ad4464b8c1bb5e8903187b64f", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+  }
+};
+d.style = h;
+export {
+  d as swirl_pagination
+};