@getflip/swirl-components-react 0.190.0 → 0.192.0

package/dist/{swirl-modal.entry.357b4e60.js → swirl-modal.entry.976f9b37.js}

@@ -1,6 +1,6 @@
-import { r as h, c as t, h as a, H as f, g as b } from "./index.d90adc50.js";
-import { d as p, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
+import { r as h, c as d, h as o, H as p, g as u } from "./index.646f8b70.js";
+import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as b } from "./index-d280dafb.186cdb0e.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)}}`, 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());
+  );--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());
     }, this.onBackdropClick = () => {
       this.close();
     }, this.onCloseButtonClick = () => {
       this.close();
-    }, this.onPrimaryAction = (o) => {
-      this.primaryAction.emit(o);
-    }, this.onSecondaryAction = (o) => {
-      this.secondaryAction.emit(o);
+    }, this.onPrimaryAction = (e) => {
+      this.primaryAction.emit(e);
+    }, this.onSecondaryAction = (e) => {
+      this.secondaryAction.emit(e);
     }, this.determineScrollStatus = () => {
       var r, l, i, n, c, m;
-      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);
+      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);
     }, 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: (e) => e.shadowRoot
+        getShadowRoot: (a) => a.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
+    var a;
+    (a = this.focusTrap) == null || a.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(e) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(a) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (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 e;
-    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
+    var a;
+    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
   }
   lockBodyScroll() {
-    p(this.scrollContainer);
+    f(this.scrollContainer);
   }
   unlockBodyScroll() {
-    u(this.scrollContainer);
+    v(this.scrollContainer);
   }
   render() {
-    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
+    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = b("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 a(f, { key: "cec5539985a77edb3cebceeffd1cddcf565f9dcf" }, a("section", { key: "d537c22802d992ea60194a54cd8ad6ee2925c69a", "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: "a099f72638246c82bef4295c0ff347b5ae589c45", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "b839806406baa08c2a517d5e0026bb57701a29ed", class: "modal__body", style: {
+    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: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "960cc321a21a42a685c2ab2b59f7d0c54a18dec7", class: "modal__custom-header" }, a("slot", { key: "4f552129d947c0a7fb3028b00cbf5572f77db3c7", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "008c9eeaa4c2bf5942861101935642432e901bd5", class: "modal__header" }, a("div", { key: "bab4776996c19ca67360b69d83603d3ba4820db8", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "5be5c72d7fa2363387d60e2a11df815ddbf1d0ec", 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: "93c9af5d1b7c660d848b0877980c5cb99e6d4828", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "7234d4ea9f0836910404be84880cf9e578873b6e", class: "modal__content-container" }, a("div", { key: "4e31e4dce0b2ae0a75360489d5d17671e07901e0", class: "modal__primary-content" }, a("div", { key: "5aa7ffb00b599cfdac0957b353a29fd7815a5451", class: "modal__header-tools" }, a("slot", { key: "38b17e739978fbb359151c6a50021293bbdc8ab7", name: "header-tools" })), a("div", { key: "e28344bab5a640970bbc6ed985297a038f4ba778", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "017a76a0fc300173f2ef994f90d76abda2b6c1f9" }))), a("div", { key: "262f866556653baec29cedc155987a21ef7c2ac2", class: "modal__secondary-content" }, a("slot", { key: "5cbc0dce1b0b6371280b42b422a5461cb6593f01", name: "secondary-content" }))), a("div", { key: "0019bb9bb6837017651498d6e1a52eef16d28ccc", class: "modal__custom-footer" }, a("slot", { key: "0d69ff81feff1786aaa3a2b66cf04924aff8550a", name: "custom-footer" })), e && a("footer", { key: "09ad652007ff4b677ea8ecc67c6cbe70ff736649", class: "modal__controls" }, a("swirl-button-group", { key: "419dcc059fa42e955ff8c5f3cde3b0d24ab39949", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "e4ec00f318f86a660de0b0d207de1c510136bbb0", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "fabf1eaa4f9e9583d4d2cf5fbce181e0057dced9", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, 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" }))))));
   }
   get el() {
-    return b(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -112,7 +112,7 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     };
   }
 };
-w.style = y;
+w.style = _;
 export {
   w as swirl_modal
 };

package/dist/{swirl-option-list-section.entry.4a33119f.js → swirl-option-list-section.entry.02e41c5f.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as s } from "./index.d90adc50.js";
+import { r as s, h as t, H as e } from "./index.646f8b70.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)}}", a = o, l = class {
-  constructor(t) {
-    i(this, t), 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)}}", l = class {
+  constructor(i) {
+    s(this, i), this.label = void 0;
   }
   render() {
-    return e(s, { key: "8df052cb1de523f3c7bf027f479f4a6c48c27b31" }, e("div", { key: "99a17c9c2d0b04d8e2791d029de3fbbce94f6373", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "64cfad6251534335c3281be93a1e10ad13d6946a", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "d11aadc2bf4be9159a2ebbbe55dbaa8efd4ffbbe", class: "option-list-section__items" }, e("slot", { key: "9bfd7f628677463463950e32a20488b5060772c5" }))));
+    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))));
   }
 };
-l.style = a;
+l.style = o;
 export {
   l as swirl_option_list_section
 };

package/dist/{swirl-option-list_2.entry.30d39c81.js → swirl-option-list_2.entry.e1280630.js}

@@ -1,12 +1,12 @@
-import { r as c, c as o, h as a, H as d, g as h } from "./index.d90adc50.js";
-import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
+import { r as h, c as a, h as o, H as c, g as d } from "./index.646f8b70.js";
+import { c as l, q as n } from "./utils-c5f2f98f.af14538a.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { c as f } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", p = b, v = class {
+const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", p = class {
   constructor(e) {
-    c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
+    h(this, e), this.itemDrop = a(this, "itemDrop", 7), this.valueChange = a(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], u = Boolean(l(r, '[role="option"]'));
       if (!Boolean(i) || !u) {
@@ -173,10 +173,10 @@ const b = ".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 a(d, { key: "4ecdcfdc067d1b777c10a7897606119ea6d86edb" }, a("swirl-visually-hidden", { key: "50124a318d184b7b968981ec07784f430128f9e3", role: "alert" }, this.assistiveText), a("div", { key: "9cfd6ac04399fce20bebe646ec291d903e1cd2bd", "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: "18b82a8ca5ff77d15ad6cf730dcdb81c135c1cbf" })));
+    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)));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {
@@ -187,24 +187,24 @@ const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     };
   }
 };
-v.style = p;
-const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;padding:var(--s-space-2) var(--s-space-8);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--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-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-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-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-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 {
+p.style = b;
+const v = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;padding:var(--s-space-2) var(--s-space-8);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--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-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-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-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-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 {
   constructor(e) {
-    c(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
+    h(this, e), this.remove = a(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.removalButtonLabel = "Remove";
   }
   render() {
     const e = f("tag", `tag--intent-${this.intent}`);
-    return a(d, { key: "04b19301bbb0f5d67c75b55e9a656dc7e158ca91" }, a("span", { key: "ca1a22df8dda5cd6a256f8a23ed33694ddb57dd3", class: e, part: "tag" }, a("span", { key: "fbe711fff88ba7cadc37bef9aa00fd6af625523e", class: "tag__label" }, this.label), this.removable && a("button", { key: "e24caeec886e626c4c02839e01c981dafac8c5c5", "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: "2f290726b59ef7970805919b65004bd357dd0b3d", size: 16 }))));
+    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 }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
 };
-x.style = w;
+I.style = v;
 export {
-  v as swirl_option_list,
-  x as swirl_tag
+  p as swirl_option_list,
+  I as swirl_tag
 };

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

@@ -0,0 +1,38 @@
+import { r as l, c as s, h as i, H as r } from "./index.646f8b70.js";
+import { c as p } from "./index-d280dafb.186cdb0e.js";
+import { d as g } from "./utils-c5f2f98f.af14538a.js";
+import "react";
+import "react-dom";
+const h = ":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)}}", c = class {
+  constructor(n) {
+    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (e) => {
+      e.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 e = Math.max(this.page - 1, 1);
+      this.page !== e && this.setPage.emit(e);
+    }, this.onNextButtonClick = () => {
+      const e = Math.min(this.page + 1, this.pages);
+      this.page !== e && this.setPage.emit(e);
+    }, this.onPageInput = () => {
+      let e = +this.pageInput.value;
+      isNaN(e) ? (e = this.page, this.pageInput.value = String(e)) : e > this.pages ? (e = this.pages, this.pageInput.value = String(e)) : e < 1 && (e = 1, this.pageInput.value = String(e)), this.page !== e && this.onPageUpdate(e);
+    }, this.onPageUpdate = g((e) => {
+      this.setPage.emit(e);
+    }, 500), this.onPageSizeSelect = (e) => {
+      const a = +e.target.value;
+      this.pageSize !== a && this.setPageSize.emit(a);
+    }, 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", e = this.variant === "advanced", a = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
+    return i(r, null, i("nav", { "aria-label": this.label, class: o }, i("ul", { class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && i("li", { class: "pagination__list-item" }, i("label", { class: "pagination__page-size-selection" }, i("swirl-text", null, this.pageSizeSelectLabel), i("swirl-stack", { align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, i("select", { class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((t) => i("option", { key: t, selected: t === this.pageSize, value: t }, t))), i("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), i("li", { class: "pagination__list-item" }, i("swirl-button", { 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 })), i("li", { class: "pagination__list-item" }, i("swirl-button", { 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 ? i("li", { class: "pagination__list-item  pagination__page-label" }, i("span", null, e ? i("span", { "aria-current": "page", class: "pagination__advanced-label" }, i("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (t) => this.pageInput = t, type: "text", value: this.page }), i("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : i("span", { "aria-current": "page" }, a))) : i("li", { class: "pagination__list-item" }, i("swirl-visually-hidden", null, i("span", { "aria-current": "page" }, a))), i("li", { class: "pagination__list-item" }, i("swirl-button", { 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 })), i("li", { class: "pagination__list-item" }, i("swirl-button", { 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 })))));
+  }
+};
+c.style = h;
+export {
+  c as swirl_pagination
+};

package/dist/swirl-pdf-reader.entry.59123a53.js

@@ -0,0 +1,109 @@
+import { r as d, c as l, h as e, H as h, g as c } from "./index.646f8b70.js";
+import { A as p } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as m, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as r } from "./index-d280dafb.186cdb0e.js";
+import { q as f, i as s } from "./utils-c5f2f98f.af14538a.js";
+import "react";
+import "react-dom";
+const b = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0
+    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}`, w = class {
+  constructor(o) {
+    d(this, o), this.modalClose = l(this, "modalClose", 7), this.modalOpen = l(this, "modalOpen", 7), this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.toggleViewMode = () => {
+      this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
+    }, this.toggleThumbnals = () => {
+      this.showThumbnails = !this.showThumbnails;
+    }, this.onKeyDown = (i) => {
+      i.code === "Escape" && (i.stopImmediatePropagation(), this.close());
+    }, this.onActivate = async (i) => {
+      this.pdfViewer = i.detail, this.lockBodyScroll();
+    }, this.onVisiblePagesChange = async (i) => {
+      this.visiblePages = i.detail;
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onPrintButtonClick = () => {
+      this.pdfViewer.print(), this.menu.close();
+    }, this.onDownloadButtonClick = async () => {
+      this.downloading = !0, await this.viewer.download(), this.downloading = !1, this.menu.close();
+    }, this.onZoomInButtonClick = () => {
+      const i = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = i === -1 ? 1 : this.zoomSteps[Math.min(this.zoomSteps.length - 1, i + 1)];
+    }, this.onZoomOutButtonClick = () => {
+      const i = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = i === -1 ? 1 : this.zoomSteps[Math.max(0, i - 1)];
+    }, this.onZoomAutoButtonClick = () => {
+      this.zoom = this.zoom === "auto" ? 1 : "auto";
+    }, this.onZoomChange = (i) => {
+      const t = i.target.value;
+      this.zoom = t === "auto" ? t : +t;
+    }, this.onThumbnailClick = (i) => () => {
+      var a;
+      const t = (a = f(this.el, `[data-page-number="${i + 1}"]`)) == null ? void 0 : a[0];
+      t == null || t.scrollIntoView();
+    }, this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download PDF", this.file = void 0, this.fileName = void 0, this.fileTypeLabel = "PDF Document", this.label = void 0, this.menuLabel = "File menu", this.menuTriggerLabel = "Open file menu", this.pdfWorkerSrc = void 0, this.printButtonEnabled = !0, this.printButtonLabel = "Print PDF", this.sideBySideButtonLabel = "Toggle side by side view", this.thumbnailButtonLabel = "Scroll to page", this.thumbnailsButtonLabel = "Toggle thumbnails", this.thumbnailsLabel = "Page thumbnails", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.active = !1, this.closing = !1, this.downloading = !1, this.loadingThumbnails = !1, this.thumbnails = [], this.showThumbnails = void 0, this.viewMode = "single", this.visiblePages = [], this.zoom = void 0, this.zoomSteps = void 0;
+  }
+  componentWillLoad() {
+    this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.modal = new p(this.modalEl);
+  }
+  disconnectedCallback() {
+    var o;
+    this.unlockBodyScroll(), (o = this.modal) == null || o.destroy();
+  }
+  onWindowResize() {
+    !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = s() ? "auto" : 1);
+  }
+  watchShowThumbnails() {
+    this.showThumbnails && (this.loadingThumbnails = !0, queueMicrotask(async () => {
+      await this.generateThumbnails(), this.loadingThumbnails = !1;
+    }));
+  }
+  async open() {
+    this.modal.show(), this.active = !0, this.modalOpen.emit();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.closing = !1, this.active = !1, this.modalClose.emit();
+    }, 150));
+  }
+  lockBodyScroll() {
+    const o = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && m(o);
+  }
+  unlockBodyScroll() {
+    const o = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && u(o);
+  }
+  async generateThumbnails() {
+    this.thumbnails = await this.pdfViewer.getThumbnails();
+  }
+  updateZoomSteps() {
+    this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
+  }
+  render() {
+    const o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, i = r("pdf-reader", {
+      "pdf-reader--closing": this.closing,
+      "pdf-reader--hide-menu": !o,
+      "pdf-reader--show-thumbnails": this.showThumbnails
+    });
+    return e(h, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: i, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("swirl-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { swirlPopover: this.menu }, e("swirl-button", { class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { class: "pdf-reader__floating-tools" }, e("button", { "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", null)), e("button", { "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", null)))), e("div", { class: "pdf-reader__content" }, e("nav", { "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", null), !this.loadingThumbnails && this.thumbnails.map((t, a) => {
+      const n = r("pdf-reader__thumbnail", {
+        "pdf-reader__thumbnail--active": this.visiblePages[0] === a + 1
+      });
+      return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${a + 1}`, class: n, onClick: this.onThumbnailClick(a), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
+    })), e("swirl-file-viewer", { active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { class: "pdf-reader__mobile-zoom-controls" }, e("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", null)), e("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", null))))), e("swirl-popover", { animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", null, e("div", { class: "pdf-reader__meta" }, e("div", { class: "pdf-reader__file-icon" }, e("svg", { fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { class: "pdf-reader__file-info" }, e("swirl-text", { truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), o && e("swirl-separator", null), e("swirl-action-list", { class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { name: "menu-items" }))))));
+  }
+  get el() {
+    return c(this);
+  }
+  static get watchers() {
+    return {
+      showThumbnails: ["watchShowThumbnails"]
+    };
+  }
+};
+w.style = b;
+export {
+  w as swirl_pdf_reader
+};

package/dist/{swirl-popover_2.entry.67f092ba.js → swirl-popover_2.entry.38eb6026.js}

@@ -1,11 +1,11 @@
-import { r as g, c as l, h as n, H as v, g as f } from "./index.d90adc50.js";
-import { o as c, s as d, f as y, c as x, a as C } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { d as k, e as E } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, b as S, q as h } from "./utils-aab10c80.240adddc.js";
+import { r as g, c as l, h as n, H as v, g as m } from "./index.646f8b70.js";
+import { o as c, s as d, f as y, c as x, a as C } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
+import { d as E, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as A } from "./index-d280dafb.186cdb0e.js";
+import { i as a, b as T, q as h } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", P = T, B = class {
+const B = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", P = class {
   constructor(e) {
     g(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
       t.stopPropagation(), this.active ? this.close() : this.open();
@@ -39,8 +39,8 @@ const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, m = S(), u = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), _ = i && !this.el.contains(s || r) && s !== this.el;
-    !u.includes(r.tagName) && b && w && (!i || _) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = T(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), _ = i && !this.el.contains(s || r) && s !== this.el;
+    !f.includes(r.tagName) && b && w && (!i || _) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -96,10 +96,10 @@ const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
   }
   lockBodyScroll() {
-    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || k(this.scrollContainer);
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || E(this.scrollContainer);
   }
   unlockBodyScroll() {
-    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || E(this.scrollContainer);
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || k(this.scrollContainer);
   }
   render() {
     var o, i, r;
@@ -110,19 +110,19 @@ const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(v, { key: "2962869c2c58e93ff4eff5dc9e58121c691960df" }, n("div", { key: "a6c041486ac705ec01e23cfe5e66688fa240e41f", class: t, onKeyDown: this.onKeydown }, n("div", { key: "9f1770b034bd56769f78e454bcb0d36b75d052c4", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+    return n(v, null, n("div", { class: t, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
       left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
-    }, tabindex: "-1" }, n("span", { key: "08b105b57e81f7aefe4d3a25a0978aebf4bbcff5", class: "popover__handle" }), n("div", { key: "b23a8581cef9c55ba1cb340a2bc4363a49655bd2", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", { key: "9698808a332e45d60800d8d34a32e4001edaac4d" }))), this.active && n("div", { key: "5061454547820a0a339d06c8d5a12bfd3256e6d9", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
-    return f(this);
+    return m(this);
   }
 };
-B.style = P;
-const W = ".sc-swirl-popover-trigger-h{display:contents}", I = W, O = class {
+P.style = B;
+const S = ".sc-swirl-popover-trigger-h{display:contents}", W = class {
   constructor(e) {
     g(this, e), this.onClick = () => {
       const t = this.getPopoverEl();
@@ -184,10 +184,10 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", I = W, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(v, { key: "d8cbab00abde74d7827e1c3009ac9f3f2f215874", onClick: this.onClick }, n("slot", { key: "f81879f43c7f15b0cfba9e38efd4ff72518d7e7c" }));
+    return n(v, { onClick: this.onClick }, n("slot", null));
   }
   get el() {
-    return f(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -195,8 +195,8 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", I = W, O = class {
     };
   }
 };
-O.style = I;
+W.style = S;
 export {
-  B as swirl_popover,
-  O as swirl_popover_trigger
+  P as swirl_popover,
+  W as swirl_popover_trigger
 };