@getflip/swirl-components-react 0.236.0 → 0.237.0

package/dist/{swirl-menu.entry.8c033d30.js → swirl-menu.entry.8ac6e845.js}

@@ -1,12 +1,12 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.fff64e3e.js";
-import { c as p, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as m, c, h as n, H as b, g as p } from "./index.e1718062.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-c16952ba.529dd544.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)}", _ = I, k = class {
   constructor(e) {
-    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
+    m(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) => {
@@ -24,7 +24,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
         return;
       }
       const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await p(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()]
@@ -144,15 +144,15 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return n(b, { key: "4145b9c3841c68d878e37d65be5302154cd9bab4" }, n("div", { key: "ef3a3ef267d9f208238a27c05fe1554b9af1fce1", class: s }, this.mobile && e && n("div", { key: "2ad0c6cbd517a1a0a073f1acd3d511b02879ec87", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "a2caeb49f878066f56ffc5e4136eba0b5f5efe17", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "00e24424c658e14d153948cbfb0b4249f3ac73e6", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "209c673b378986f0c7b0f4c010fa00374c1f4dd1", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "86a319ad8eb42ffca49eb89937a8678f144dcd57", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "08d1faa338e1271d50bae4cf1dcf632429498df9", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b", "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 ? {
+    return n(b, { key: "b4e552529340f01ecb4bebe4e4173f715df3a27b" }, n("div", { key: "0d1707ba19ed7883dbe9d7bd96934c2c309118a3", class: s }, this.mobile && e && n("div", { key: "8b3d9cbe0530cef4bae80f13a42083bf17d428a7", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "0117c818faf9c3f3dafa7c35f97d5db53456ecc5", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "9740502a05cd1fed79959c41a1582276b87393cd", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "4b59154f73fe9addceaea548be8d11fcdb3e1ab0", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "15b54f36f4be42c879ae4eed7e4262b7cdaeddff", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "1a9adbc4f25fd6fd0c4d40b8b900967513e229ff", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "02decf5ac5997e1cac5a577349ac2e9618965292", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (d) => this.menuContainer = d, 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 }, n("slot", { key: "8c89371bb23043eb8553e7473ba086bfdeee56bd" }))));
+    } : void 0 }, n("slot", { key: "8d017e8fe191846a0ce0d4628f62a48786794a3e" }))));
   }
   get el() {
-    return f(this);
+    return p(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-modal.entry.005b18dc.js → swirl-modal.entry.f31d253e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.fff64e3e.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.e1718062.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";
@@ -96,11 +96,11 @@ 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: "f589043f06f84244ba5eeb4757938e2915c5e854" }, a("section", { key: "40672a3b9a948221797f204fa4d4b1c5d4e9e97a", "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: "c8cebd0001b1e1471f316ce93828ac2179e47ca5", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "24403c97a986c3863001062e0fcbdbb19f6530eb", class: "modal__body", style: {
+    return a(f, { key: "c1f5834e2bd960d78fa05de1afb463cbb6fe0de0" }, a("section", { key: "30b92c1dd3433a61f5329891120c1ebbac9f7944", "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: "e3d83e43953a389b8dab0389faf5a02ab2e7b2ca", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "4aa2300b3b5a203b6ec18a38aa2816ce239a1e29", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "1b5c10eeee6127134f53fc97db3e315f975a082b", class: "modal__custom-header" }, a("slot", { key: "79780ee1d9defdaa7d47ca9a1bb87789b539ea22", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "a631c972b657887824facfbac1da775310a60caa", class: "modal__header" }, a("div", { key: "002498bbd9afd4bdbf549a3f3a3c578fa5e25af3", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "997a6fa893ff4ae315ff4b5e9ed3254247a38ee9", 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: "18fc047ed0463f9eef8a00a14a71348759248ba0", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0", class: "modal__content-container" }, a("div", { key: "2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9", class: "modal__primary-content" }, a("div", { key: "28fdbc02ab3a4d31c261b4239ebe09619da7fea8", class: "modal__header-tools" }, a("slot", { key: "638d0945e2fad66df48bd86c011c2e428a1192fb", name: "header-tools" })), a("div", { key: "00c25a8f1dce7fe5b05a8d7b51521970fc10585c", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "403fefee642c72d15b6c32277f9946e9af9c1ca4" }))), a("div", { key: "7df07994b199d6d18c8837123be6d20faa9813ca", class: "modal__secondary-content" }, a("slot", { key: "65473a33fd23bca14377678c0e6404476a9dca3a", name: "secondary-content" }))), a("div", { key: "15c91153f783c4e6e9bb4b580c0a961f9a1b3d30", class: "modal__custom-footer" }, a("slot", { key: "69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c", name: "custom-footer" })), e && a("footer", { key: "d6651ebe45583177b66d080630399e57e1199ee5", class: "modal__controls" }, a("swirl-button-group", { key: "64573292d8fd59afb895072a504bbbb1e314c7a2", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "c734037e68a9a54f9bbba469a147df1c62009755", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "62e85ea6b7703706f9cacae042c513fb5f82f600", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("header", { key: "a41127f7f387aca86f751a7896e23b16156ee591", class: "modal__custom-header" }, a("slot", { key: "8d88d314a0a292c1c6e13f69a4e54bfecb72a949", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "5a10bb3a24e4529a91a135af4b6f24e6257874f5", class: "modal__header" }, a("div", { key: "3490ee3497101659d3a1e6860e93f24f9636ca38", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "aee5a54c01098261585e179a86112cb077d5cb64", 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: "e451cb60d7a4c6d20591b21cfef602d5849f2480", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "1f9ce0bfdd4c5f70381cfc07993a4e1746b377d2", class: "modal__content-container" }, a("div", { key: "2daefa0e2a195d737aa9fee4b146fdd4998653ea", class: "modal__primary-content" }, a("div", { key: "7dd0e058b3157ed376d2cd510078d7d1b62f4867", class: "modal__header-tools" }, a("slot", { key: "7b724b0c13969499a2ffb9e84c6811fe1eab0278", name: "header-tools" })), a("div", { key: "b6004ba4b7018c31340ddb58fef367652f1dcaac", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "eeab7392d8053b37302548fb39366d2e25c80b61" }))), a("div", { key: "cd4174514f28a2206db6f0aefcf43642de5856d4", class: "modal__secondary-content" }, a("slot", { key: "417468eb6d3eb9b67ac1bf3d6a3c054b131c6ec8", name: "secondary-content" }))), a("div", { key: "25a4638137fcd6bde5fadaae33a77da14e902678", class: "modal__custom-footer" }, a("slot", { key: "df099032165191986932b28715f4ff7fde7e4be8", name: "custom-footer" })), e && a("footer", { key: "654216cd39d77649a1aae119e9df1131a5abe859", class: "modal__controls" }, a("swirl-button-group", { key: "e123649bc7ce4fd365c95f36cf6ee4451920062d", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "5de4ba1855993f82e633826f635a7ca5ce4d1115", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "4065745859b3ceebcd668ea807abe4fa23146f62", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.54517b45.js → swirl-option-list-section.entry.61483a88.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.fff64e3e.js";
+import { r as i, h as e, H as s } from "./index.e1718062.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 {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "650d13f6462198f7004b41975907d726056a84d7" }, e("div", { key: "4b48cae8f72cb7959fe3ff43f0712adcf533a58d", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "cd8297f649a424545ee56ff035e5d9464948fc0f", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "ab6b11ae0e0c20b0bf0175e19ca72cd56c6ee313", class: "option-list-section__items" }, e("slot", { key: "a38318a2fa723e1d6c37c0f3fdac7fcf94da1311" }))));
+    return e(s, { key: "d43693ee855fb93feee191ad2b3f80df4f780d20" }, e("div", { key: "3e9120f32eb7cefc7775faee63ec449646179863", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "e075c79389f1a51692006a98ffcc4db9ddd74c79", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "3422336a9659238229360e707fa55e247d36f022", class: "option-list-section__items" }, e("slot", { key: "c4f360f573fc645e1e93de1dd29fc1e6f84ca899" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.da22cce5.js → swirl-option-list_2.entry.3367f0ed.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.fff64e3e.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.e1718062.js";
 import { c as n, q as l } from "./utils-c16952ba.529dd544.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as v } from "./index-267776a4.6beb4f4b.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}", b = f, p = class {
+const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = v, p = class {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -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 a(d, { key: "a3460dcfab39b3c1f271fb96e7a49876825937cb" }, a("swirl-visually-hidden", { key: "35243518fe9ee41b3be75ae4911de448d73ee875", role: "alert" }, this.assistiveText), a("div", { key: "bbfc24a1e082f959aad4c32e518c13e48e1e125c", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "f3cd6c7da141c721890e294caf1103b7451a0e3b" })));
+    return a(d, { key: "9d78a4b55e1fc88bd8732e11cbb492491b156461" }, a("swirl-visually-hidden", { key: "a47d3d51f9c13f910d8f462e7d5dd33f62783a22", role: "alert" }, this.assistiveText), a("div", { key: "bb3954ef149a397a94a84f6ce3c066037e29c1ff", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "62df2e4c0a4ece90aa8927b902346dfc360e4e93" })));
   }
   get el() {
     return g(this);
@@ -210,8 +210,8 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = v("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "4f3801dc7f9872b38bc0340c6a8b859f0f7f545e" }, a("span", { key: "cc5d10bc2b4f1a27584beea293da156920aa248e", class: e, part: "tag" }, this.icon && a("span", { key: "ddce7d37fc8ab9391c9ac1fb3e3533535f47c022", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "afd46af752a3c62ed8e26c073bcdd32e56fe91c4", class: "tag__label" }, this.label), this.removable && a("button", { key: "46c87dd90a1e9f0f288f18b20ee750906aa2c01c", "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: "a183448bc380d12d1b2ca99d9c9df50175fc627e", size: 16 }))));
+    const e = f("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    return a(d, { key: "d9b53b131c58858a0922190df599fae2cb170aee" }, a("span", { key: "38b8fec15b9df157099cfb41830f2f982067fec4", class: e, part: "tag" }, this.icon && a("span", { key: "d0885325a096e957caae2c9072cb4fd8041271f8", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "42e5fe554b7cc0eb1f65a712b6e97ef9d743c1b9", class: "tag__label" }, this.label), this.removable && a("button", { key: "86c46bec2444aeaacb597bce3caf05c7251429db", "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: "bfb2d7f4383387bc1ac55bb3d67f3c7197548e4f", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.d5e7578d.js → swirl-pagination.entry.ac3ef88a.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.fff64e3e.js";
+import { r as l, c as s, h as e, H as r } from "./index.e1718062.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-c16952ba.529dd544.js";
 import "react";
@@ -29,7 +29,7 @@ const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
   }
   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: "19ef10f877c70e8ff494e02e2f4aa5517b08d174" }, e("nav", { key: "5444d4c520425cec52c306308080494990f80911", "aria-label": this.label, class: o }, e("ul", { key: "def276c2ef95853df1ad271de739d5b0d866ce93", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "03b027b48bdc30ab1749c1d0cf87695f38c009b7", class: "pagination__list-item" }, e("label", { key: "9b651fb7a48972ab433f98a6ab2a939654d21637", class: "pagination__page-size-selection" }, e("swirl-text", { key: "2be473479b617d2ed6f1beb918d2b6cb828b8f14" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "2eaa59de79fac45847f61c5849fc9fef22e25a95", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1", 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: "f427d80ecf63e91eeb9b81ac5a431609858265bc", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "0d03e0be976c4aad6cfa859c02f75fff0310d1a7", class: "pagination__list-item" }, e("swirl-button", { key: "a6c57c7adb05b54895db39c351a922abc7031a51", 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: "837c9d21d8f25eb3673a4deadf4c3036454335d4", class: "pagination__list-item" }, e("swirl-button", { key: "7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8", 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: "eeed63aaaecf4e7f245e253aa395c7857dc320a5", class: "pagination__list-item" }, e("swirl-button", { key: "c2ebb6e8d9333833832616d34781dc4c959c1e31", 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: "627ed42cf6d79604ca88d4441fc5ead9386b2bed", class: "pagination__list-item" }, e("swirl-button", { key: "d6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c", 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 })))));
+    return e(r, { key: "fd5828daef1aa992e56f7c9a6690a4c40c417386" }, e("nav", { key: "85ec8ca7de4dc9ceee91ed3b8a2e9aa13cc651ea", "aria-label": this.label, class: o }, e("ul", { key: "758755def1a59f6ab430af2f2a0728c6157b2ec5", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "481f9d3104c68c57727601f3ab2e9a3fa444d7a9", class: "pagination__list-item" }, e("label", { key: "32a011f61545842c082c59490d758445febd51d3", class: "pagination__page-size-selection" }, e("swirl-text", { key: "ace70a0f5cccdf3185dd08c39f140276a0f20fdb" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "692ed8462b9a3068cd21a3d83249f4ecdd370b8e", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "a58bc07cd66bc08ba79708375288609a1b52805a", 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: "1cbe6c829bd9355ffd4c2224cd8f474b47aec160", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "98211374679e0fb31573ab511aebfcbe1e1dfd3e", class: "pagination__list-item" }, e("swirl-button", { key: "411e161714c8caf0ce8c161de8613b69a11cd28b", 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: "8eeecff0a21bb018964bc73243dc29d29c100626", class: "pagination__list-item" }, e("swirl-button", { key: "9cb773c62981736496db8252c7691146ac49521d", 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: "f79373b7acd8018d0ed4cba843620fe2c612f732", class: "pagination__list-item" }, e("swirl-button", { key: "2209e4f21d72b6c89a50d610217b3e2ca280515a", 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: "1dabc1a5325ff2a285a40c29441e7906c9196f2f", class: "pagination__list-item" }, e("swirl-button", { key: "cb2995ca729334abff0f8757415208a26f0fdc99", 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;

package/dist/{swirl-pdf-reader.entry.c1e31deb.js → swirl-pdf-reader.entry.0a1635d6.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.fff64e3e.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.e1718062.js";
 import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "ae1660360bb402f6f6581732a541ead1b663b4c0" }, e("section", { key: "50542978d614c2398a9b4d318ded073ad3ba566c", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "fb8e6b9832916e9a9fc0d8ce8b8cba317f70a26b", class: "pdf-reader__body", role: "document" }, e("header", { key: "919a59e40aca5df52fa4e00a65e44a85c9b64abb", class: "pdf-reader__header" }, e("span", { key: "9591729f9b8b1a4043ccee31002403f823202c58", class: "pdf-reader__header-left" }, e("swirl-button", { key: "2ade9724370bec9b62ebf5509cdae72f2ead3656", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "3b69a19563b59dce19110c932ee1358efd8ea5b4", class: "pdf-reader__label" }, this.label)), e("span", { key: "67ec264f562cade7d1e12f7bc517159057e38693", class: "pdf-reader__header-center" }, e("span", { key: "2888b435547a82d31753c257030b9d84713c25e9", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "e489d0b1be7d7c39a2aa83fa13301a40ed4c3742", 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", { key: "346027cc074d7a2a0d962ec57a5a5507e99b6f77", 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", { key: "19f56cd1c8b46cbed1d8b6151a55d9c8f34240f7", class: "pdf-reader__zoom-select-container" }, e("select", { key: "b21532424bd1da7f698f48f4a81ff17957759402", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "37d8f4a0884d0d38d746399bea760e5ee9a5d42b", 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", { key: "f37cd34f1acbbc124c1393c851c1123d754eca02", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "081a964af50c33bf1e5b817f309ce31cfbe46d3b", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "9d13190b286e3dadc256d9c3eef48303f28adc69", swirlPopover: this.menu }, e("swirl-button", { key: "b15c5edd8129fa55b12385e47f55bea15474e2b9", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "87ec0cb217b14daf461e628055584a34960303fc", class: "pdf-reader__floating-tools" }, e("button", { key: "dca8291086e6dbabbf98e60bf27bdd363c714002", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "ca33c75a09272883d9809402c6ac15cc2b8668cf" })), e("button", { key: "3f64190694df2c6538f6cd84e5a643acd2bd16fe", "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", { key: "09c6126ac0aa4a37db69da2319ecd5f3d7d8ed07" })))), e("div", { key: "45338ad9e41b88b079f88e69a77ab8c3ee92144a", class: "pdf-reader__content" }, e("nav", { key: "d69aac09f31697cb0daed7a97b0767767e626ed3", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "a97e7733456f680b1943e367842dbb800aaf5542" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "612bd147d17e41355fb0f1b9e4b6064216fe3842" }, e("section", { key: "03d8187e74ee8b809d33a9ba897878e157830f80", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "11249ed29b988e8d7d0042c3ead5fc02fb13e522", class: "pdf-reader__body", role: "document" }, e("header", { key: "f9c76b57eecbea6212d7d898450e77eaa7fe919d", class: "pdf-reader__header" }, e("span", { key: "f4bbcb98f15fa0c86a872846692a02d88dd3d25c", class: "pdf-reader__header-left" }, e("swirl-button", { key: "d6ef2850743e9cdbf5368cd8d02f286c5a34bf33", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "52664923e35a4607febd406a2f0f98f210b15a52", class: "pdf-reader__label" }, this.label)), e("span", { key: "8a07dc059f06101956b4a015315d0ba3dca3f46a", class: "pdf-reader__header-center" }, e("span", { key: "0a13f8e87c5b4c38ee8f982c58d451ef12033b84", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "09b2edf02770f2d2745cc75698c0f682f851c7b0", 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", { key: "085d522497a1c2ea9f7800afc0016a8b6e359e93", 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", { key: "044e6fa8983ade321aa21faeba6b82c2e16b41a3", class: "pdf-reader__zoom-select-container" }, e("select", { key: "739eb7e8e0b6e6768460dff1966e51599092bb16", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "63956ef1e64b955a4096ff8ff337dd284e500f3e", 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", { key: "2f393ca10723070340d7df6732a3477ee41c2ecd", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "01ed1c81a3c7ab07c6ea7ae01cab77ee6281ccf1", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "238d13e097e205268bf06c668453b77467846732", swirlPopover: this.menu }, e("swirl-button", { key: "c87a9fcd965fcf5289d6649ba84651b7c958384a", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "3622aab6f238006fe98578281375d2547b9b9cb8", class: "pdf-reader__floating-tools" }, e("button", { key: "312144b55e43ad811b8ee1937504d8a4dac5b12f", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "f687075870efc08fabdfb50dee1248793c9ac03a" })), e("button", { key: "83c7a1294cfd4c076cec3ded93a920d38cea9bd4", "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", { key: "b95c7e6a73124ce3edd67b317e8b1e65e4ad8ef9" })))), e("div", { key: "02f857fceda55cba3e1e92f6cb65831e49624c02", class: "pdf-reader__content" }, e("nav", { key: "a3868ccd3fdb7a5f6ca9b5d67fe83eb31afc2578", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "dfb9c63962cf161439c2bfd0798ce5276dab0380" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
       const l = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "73c3350782be88406ef2de4dac189c033b7fc8d3", 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", { key: "8f2dd9f3dfd72fc9ab2f2cac78b956cda0d36913", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "7d920dbfc7b1b1f3b1a209989fd267680aed911d", "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", { key: "0d8ccd2144cf123dd972133f5ffeba0611124bfc", "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", { key: "2b8542f383b83fe12e701f1534d09365006d005e" })), e("button", { key: "ccccaf53031cbbdaf465b1ff997ac00ce56c9dbd", "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", { key: "f47d1577b4ac5875b516a6d3f1b0839ba058c282" }))))), e("swirl-popover", { key: "c62fff017a9397dd12bba307ec6b3c3c7b4816d1", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "70cec8a00021a6976e130a4c3f6e0dce1374741b" }, e("div", { key: "640b1582b478202298836a7d50e28269f1d7e7c2", class: "pdf-reader__meta" }, e("div", { key: "46f94b96bf4dc3ed15e3293cd891ed774baf6bb8", class: "pdf-reader__file-icon" }, e("svg", { key: "545c4e3f12be1e61b33981f8a179f56e1baca65f", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "326389b3f0c7906be85754628d45151f5f7ab655", 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", { key: "9c6449994b186b5997af8471210d869a0016124f", 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", { key: "11385a17b217b2c6d4b9ec5f04e5716fd548cf92", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "7fe183c85f5806d16220c781774336045fafcc9a", 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", { key: "523ea2d93710885fed3740eb68e27da6a6eeb9fe", 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", { key: "f8417a8b604c925fd51b81bf9c85ef2ea5466ea6", 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", { key: "d18c5e6166afebf90317f0eb12170dc122a25bb3", 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", { key: "841a6a0449026fc47daf0f3a421959e79b3026a3", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "ee67ba14bf9002bccf2c1a7ac2b4f50bc9b489bb", class: "pdf-reader__file-info" }, e("swirl-text", { key: "67818895df436349e9992665a1bb68a4b2f31dcc", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "88735dc56b1809d84f0152023175a02b3ccc2cd6", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "96877a49f9ea72fe9e68dde9d22cadd323800896" }), e("swirl-action-list", { key: "32972fc1f89e95bb52d05a57819d63c586a599e6", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "234df2d9cb6a15c53df22f3fa126a3cc0c7a53b7", 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", { key: "03e207dad25f4b0eb41da59f1694e6b1e2991a75", 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", { key: "d2e611849fa88201879936f9a4154dc8e54971eb", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "93938bdd7b5362cbe52ccc0ea2e7c7b686f314ed", 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", { key: "3133951eb617ba518fbf62513ba42755afe909cf", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "8cdd0eb893bca27a299ddfd375b6127e5e3f79a9", "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", { key: "8f01067b5147de722b03cb94bdb1bc734740cf25", "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", { key: "ed1aa66b68076cde83ab9eb468845f71b8af44af" })), e("button", { key: "8ee530cfd6012d39d9b646c2a382cbadca660757", "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", { key: "095322680cca2d07d6c7b52a1df4695c7502a445" }))))), e("swirl-popover", { key: "54dd9e6b1f06140137ee8b0e37d6cabe579d9ddf", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "720836c4a5869036c3025a1a44f5cf93484c3ef9" }, e("div", { key: "a577a5f2743790c2dd8f3b3412b2999573e68038", class: "pdf-reader__meta" }, e("div", { key: "31e0ca3f6ec1dc539a893f794e351f15bf445198", class: "pdf-reader__file-icon" }, e("svg", { key: "f75bc29de9f3ddcf713cb50b1bf6b64a2b350bae", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "5a60c67c332cdf15bf85a5c252acd4469216d9ff", 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", { key: "c83dc30648ba8e1b904b63850c3fe99a81a95951", 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", { key: "308389651c765f4e81a85d90d278ef35facf1343", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "9d2e2ea411ad592958aa358f64a8b6b95c3c344a", 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", { key: "916ba556229efc5c0794bbc020b282dba7e224f9", 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", { key: "fe78c7e963eba30ad4c4dfed352af2837f83246c", 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", { key: "b3f856ea3bf55b4ce19328b4a7fc0f05e6129dad", 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", { key: "9c5b9974167a0a54d2627ceeaf867ba3c5a35e5e", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "73a5766dfc6a388ec6add12c0da3f2d5820325b2", class: "pdf-reader__file-info" }, e("swirl-text", { key: "972100f36563f12c161be9719096e05617e05640", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "d6a636b436930fde266b140de6b2a6d73cb90a46", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "ef07981e306086557a13f37e2dbf6989d9a942d0" }), e("swirl-action-list", { key: "f5042d9a69eb11f273913ca596cb3caeebb77600", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "9965826ab88ca866a5dc1e00c17b1ae4119aa3fd", 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", { key: "e8f29cf01db7c1f4ad8ec6fae7c1f23cb0ccf837", 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", { key: "2be7796182999cf7d54323b7212a23465eedc711", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.a317f8e4.js → swirl-popover_2.entry.3d114534.js}

@@ -1,8 +1,8 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.fff64e3e.js";
-import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.e1718062.js";
+import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, b as T, q as h } from "./utils-c16952ba.529dd544.js";
+import { i as a, b as T, q as d } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const P = ":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}}", S = P, L = class {
@@ -19,7 +19,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
         this.position = void 0;
         return;
       }
-      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), d(), _()] : [c(o), d()];
+      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), h(), _()] : [c(o), h()];
       this.position = await E(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
@@ -68,7 +68,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.triggerEl = void 0;
       return;
     }
-    this.triggerEl = typeof this.trigger == "string" ? h(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
+    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
       this.toggle(e);
     });
   }
@@ -83,7 +83,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return h(this.el, '[role="menuitem"], [role="listbox"]');
+    return d(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -110,12 +110,12 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(g, { key: "692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f" }, n("div", { key: "c031461b075fa806d9976f147de6983206f2c699", class: t, onKeyDown: this.onKeydown }, n("div", { key: "3627e2e25adb1dd575303faf991d812e5bf546ed", "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(g, { key: "dff8b4f3b19fcd5f3c9c439b513199c73314097d" }, n("div", { key: "1aaf476cc98d8746b4378a567aae9f5584a72367", class: t, onKeyDown: this.onKeydown }, n("div", { key: "4147bb4527fd3a4f21742677d59458a920ec3e0d", "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: "5322b500a903544e1bf8978d891a1a1a448b3a6c", class: "popover__handle" }), n("div", { key: "bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "3199060d11b4b37abe74aaaf69c982cad131db5c", class: "popover__handle" }), n("div", { key: "97b22d0ac374b8d2871db27b83f5a344be276ddd", 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: "0e822963d0e9d0c34c5374a4f50521cea0fda8a8" }))), this.active && n("div", { key: "4e0d20a700f104a17eb9b708699dd34901e3882c", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "b1cea1c112cbdd7b50e658dfefac32d12368cee2" }))), this.active && n("div", { key: "f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return u(this);
@@ -215,7 +215,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "2568c348e4df1de7ac1a3b0c0aca7536bb041b26", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "5af7d8ac7d7001eb21e6a65eaf7d3fa4f08de5d8" }));
+    return n(g, { key: "975b9b0de8c82fffc52a1353b5fd54f8fef664d5", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "b6824f472c025bd2a553e743b253b81e2ddb6012" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.2416f7dd.js → swirl-progress-indicator.entry.82ccdf72.js}

@@ -1,17 +1,17 @@
-import { r as t, h as i, H as n } from "./index.fff64e3e.js";
+import { r as t, h as i, H as n } from "./index.e1718062.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, b = class {
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, h = class {
   constructor(a) {
     t(this, a), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
     const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
-    return i(n, { key: "6ef5ff981e38effa23656d913eef82b27fecb501", class: this.variant }, this.variant === "bar" && i("progress", { key: "79825f82f8c9b509f10bfde2bb72b86fcf81d44e", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "a546934fa62f38df0dca7c8ea5eccedc622cc827", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "dc7dc1a69361694cf7a1abb36da81fac3e22be9b", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "1cd14c46591e24e612a25f90ce8ad0cedde167ba", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "2b217ee432c39f2494bedd1706ef5fd4d2fdfee6", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    return i(n, { key: "7897987969e8d8a39f42303e728cd09749dfe7df", class: this.variant }, this.variant === "bar" && i("progress", { key: "912083c88e1aed68a9f43b896a63ab49d9524b0b", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "73c3aac5a5f90d4e77fe71aea94b5c4c6c00551e", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "26ff5fe7d79265e08bc5b98d277f379e249389c9", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "3e3690c82681d940eb0d75a4b67171c1729c26d0", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "60885e1890680d84a1ae81c6028110ca9043224c", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
-b.style = l;
+h.style = l;
 export {
-  b as swirl_progress_indicator
+  h as swirl_progress_indicator
 };

package/dist/{swirl-radio-group.entry.1f2667d5.js → swirl-radio-group.entry.884d1018.js}

@@ -1,7 +1,7 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.fff64e3e.js";
+import { r as o, c as d, h as i, H as c, g as l } from "./index.e1718062.js";
 import "react";
 import "react-dom";
-const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", c = u, h = class {
+const n = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", u = n, h = class {
   constructor(r) {
     o(this, r), this.valueChange = d(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
   }
@@ -23,13 +23,13 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "dc1e907a0d36bfc59afa75e98a82e5ad42ab449d", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "17a3e10dfc896e29411accf163727ed328c60c37", class: "radio-group" }, i("slot", { key: "ae8a2dc5d23463a491281b2a5025e815e877566a" })));
+    return i(c, { key: "921b999324cb197933c94197c2c9f4cd64dedb35", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "b73e3ccdceb5da61cf92962c185ace4a13185a81", class: "radio-group" }, i("slot", { key: "96adb30518202f1c9c3a3d7356665bcb03258551" })));
   }
   get el() {
-    return n(this);
+    return l(this);
   }
 };
-h.style = c;
+h.style = u;
 export {
   h as swirl_radio_group
 };

package/dist/{swirl-radio.entry.6cc77af0.js → swirl-radio.entry.358825a0.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.fff64e3e.js";
+import { r as s, c, h as i, H as l } from "./index.e1718062.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -20,7 +20,7 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
       "radio--invalid": this.invalid,
       "radio--unchecked": r
     });
-    return i(l, { key: "39a96c5edf97059f8d16fa72cda6763f590f885b", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "e840ab45b938f5c99ad2aea62c21ecd9ae8ad435", class: e, htmlFor: this.inputId }, i("span", { key: "a3b0e36b6828f9884b099f02b76e2f9d4698f4c3", class: "radio__control" }, i("swirl-visually-hidden", { key: "65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0" }, i("input", { key: "ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "b13ec0c4f182d798a821c1794483b61fe65869c3", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "04b086fb6fe62de104f7be0879b38993f602a795", class: "radio__label-container" }, this.label && i("span", { key: "b7659db35ef1cf82b0633f3abc95fd3cc6d0c958", class: "radio__label" }, this.label), this.description && i("span", { key: "a6122cac1cfb67d99663b3e509ef19e9caf1094c", class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "b2d57b435aa3cafdef7a6dd48fbb555353d68edf", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "0a957a4c7df0f4544255e5b1bcc74745908473fd", class: e, htmlFor: this.inputId }, i("span", { key: "39a2010caf77fa84a8426d6d039f5f6a01f40a51", class: "radio__control" }, i("swirl-visually-hidden", { key: "f1be9a31fc8ab8012ca184c5ed244a75183a726f" }, i("input", { key: "1c9969d53609a88ca62cbf026ac98ae0f8b82ff3", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "ae6df7210c788c9be6897b02b69ad5aeacb2a74c", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "2946f6982a4723e8261bf2364bd9e2bb42711a53", class: "radio__label-container" }, this.label && i("span", { key: "49944031f7ed6a8a9aa2e3bd9faafac2b8498c55", class: "radio__label" }, this.label), this.description && i("span", { key: "fda8931ea2e3f1c19740adfd8ddae41f8ce8d7bd", class: "radio__description", innerHTML: this.description }))));
   }
 };
 b.style = h;

package/dist/{swirl-resource-list-file-item.entry.59dc9344.js → swirl-resource-list-file-item.entry.d7e292d5.js}

@@ -1,11 +1,11 @@
-import { r as c, c as a, h as e, H as n } from "./index.fff64e3e.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-c16952ba.529dd544.js";
+import { r as c, c as a, h as e, H as n } from "./index.e1718062.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as f } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = m, u = class {
   constructor(i) {
-    c(this, i), this.remove = a(this, "remove", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (s) => {
+    c(this, i), this.remove = a(this, "remove", 7), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
   }
@@ -23,10 +23,10 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     s == null || s.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = f("resource-list-file-item", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "cf85be57209858b704eb2e1fe4368560f45ebb41", role: "row" }, e("div", { key: "6ec4117276a400f39ce9b17750e5f6392b2e3a99", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "f2f11f9214d5bb0d88b58b5a6f044ec058990421", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "423fb78e263437e9914a0074a5bf8b93daa6884c", class: "resource-list-file-item__label-container" }, e("span", { key: "f97cfba568b5cd8802c00ba28f3e6deb82148e71", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "dda7686836817fff24a0c4e1dabb2d65692f38e3", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "88c216afc92c88ce53566f83ede5d45502d3cf07", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "f479af99bc507bc1ba37da50e0a4eb727aff03eb", message: this.errorMessage, size: "s" }))), r && e("span", { key: "cc7c1c9ac6d7525ef2bbb45f69ba10806bb602bd", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "dde1daabac5727244222567a59bc0d8ef353fa75", size: "s" })), t && e("span", { key: "461f82e47a2e654a1d64ab9d0e906bbc81a88f63", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "8e0985477f7ce6825042050918904c40d35a105a", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "e1dc6a1a61f9bcb9800d3a5a542cbb19469c58b2", role: "row" }, e("div", { key: "765b02e3c0813f37e22fe2c817b2c12f73e47f7a", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "a0e674e1242f8055674033ee24d26faeb74de374", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "c930f80102f0248d0475da0a50a7ec4482e19f22", class: "resource-list-file-item__label-container" }, e("span", { key: "b148c8a80875eb41ef9fe3685a4d4fdf0cb05eba", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "82b964dfc5a2931cff5014184d02fe5f09bf2d08", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "9a1a234fb39e686b916e6914139d0584cce9bac3", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "be8b9f976e652ed0d0120feeafe7c9aa30926d18", message: this.errorMessage, size: "s" }))), r && e("span", { key: "bf77addd275b831610ee80aead5c858c1b179435", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "fe1f031c88ac04a9f35054c4ee494d8960bbd7fd", size: "s" })), t && e("span", { key: "2b42204ed321cfdd83427f3263dec91462346ced", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "31e665abe14a375324f5ed8e2818052704a972f4", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
 u.style = h;

package/dist/{swirl-search.entry.3c247657.js → swirl-search.entry.c1f9f258.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.fff64e3e.js";
+import { r as i, c as r, h as a, H as t } from "./index.e1718062.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-c16952ba.529dd544.js";
 import "react";
@@ -41,7 +41,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     const s = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "ceae5da523aa816ce7622c9ef37294b6170ffba4" }, a("span", { key: "9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "3277b43b597777998051589a6181c4cf132ece92", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "f61260a4ddad79d484cd19b4bf1c52b599885fde", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "ec7b6490ebe051c4dfda08aa9527132923553d54", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "e900528f58b0fa8d6d2c52a11ca616635ffe3533" }))));
+    return a(t, { key: "1981fc9106ce2910162be28fd0425bbe7f2f5962" }, a("span", { key: "cdd96af43b43a42a2e1a2292941c4915fba8ffad", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "ba21b0c852db06c4d430ba6d8d155abad935b427", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "60c8e7b26de802dfa4cfea1280ff23046b02cdd1", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "8b22de3c8a54c2a8664bf344ccc039afce3d1c90", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "fec17a0d8acef475ec351a4e2d3b86483fbf806b" }))));
   }
 };
 l.style = o;

package/dist/{swirl-select.entry.c2a021b2.js → swirl-select.entry.76bc83c3.js}

@@ -1,11 +1,11 @@
-import { r as u, c as d, h as s, H as f, g as w } from "./index.fff64e3e.js";
+import { r as u, c as h, h as s, H as f, g as w } from "./index.e1718062.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { q as v } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", _ = m, g = class {
   constructor(l) {
-    u(this, l), this.searchChange = d(this, "searchChange", 7), this.valueChange = d(this, "valueChange", 7), this.select = (t) => {
+    u(this, l), this.searchChange = h(this, "searchChange", 7), this.valueChange = h(this, "valueChange", 7), this.select = (t) => {
       t.stopPropagation(), this.value = t.detail, this.valueChange.emit(this.value), this.multiSelect || this.swirlPopover.close();
     }, this.unselectOption = (t) => {
       !this.allowDeselect || (this.value = this.value.filter((i) => i !== t), this.valueChange.emit(this.value));
@@ -56,18 +56,18 @@ const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
       var c;
       return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, h = b("select", `select--placement-${this.placement}`, {
+    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = b("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(f, { key: "1d10a0ddcc86344ac46939e59f9b1ffff21ac1bf", onKeyDown: this.onKeyDown }, s("div", { key: "9b0269fbff0db34337c70db2ec3b5207926a7d72", class: h }, s("swirl-popover-trigger", { key: "992df10671b0d383f72498bbec7171b1394af0e3", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "e8aa13cd1187d4f85830d847f2c0821204af49a6", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "cd88e6ac4226cfab559d4a76a2f210d21e92f615", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
+    return s(f, { key: "a7ec747c8e15dc69189594132c3244ae4e75ef60", onKeyDown: this.onKeyDown }, s("div", { key: "f668de698cb823e04e8be756d242fef4962852c4", class: d }, s("swirl-popover-trigger", { key: "f0352053a22efe76db9de5ddc1c5a6941352032e", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "0d6f2c41141730a2b32f7d1d74c082a92352cbe0", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "9899f6818248b2a8b4b746d829eeaab9a7634a99", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
       "aria-hidden": "true",
       label: e == null ? void 0 : e.label,
       onRemove: () => this.unselectOption(e == null ? void 0 : e.value),
       removable: !this.disabled && this.allowDeselect
-    }))), s("span", { key: "ce726838340f0134949858a086dfe0a9df7c90f2", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "8545f9fecb69669d491279e36fe095a9242dd4cc", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "63a2390791ab72c86e03ed0c91b7362944d57ab0", class: "select__search" }, s("swirl-icon-search", { key: "7f14d873830f700465ea031a38af9a16701c70ab", class: "select__search-icon", size: 20 }), s("input", { key: "8c9d1983bec02903ba6b500ad510f8f745c8c998", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "cdee4fbbbe67ad841941cdb8f11a41444b7f6ca8", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "15d164af64da1a3df267b14be0de4a892754dd6b", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "56083d8f90e10069d52d0a798de8c953134a65ff", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "91e537995cc2ef3c99d92640f8c1000896ae36d1", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "a72244fb617dbc181570736b2ebb27831c8ebe36", onSlotchange: this.onSlotChange })))));
+    }))), s("span", { key: "d72d56af289ac283246e97735c6c86d412c90554", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "3b7805ba5f81bee37c0fc2c2efa3455414ff162c", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "a2e52920556407830f810498cf669f3352491ad7", class: "select__search" }, s("swirl-icon-search", { key: "a75d1aa0cf32eca9ef7435c589e161ea13ad07c2", class: "select__search-icon", size: 20 }), s("input", { key: "a32b332fc8a690b4115df3f5bd272313264f69c0", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "f9b88ec5751accd0cfbaa3eec5458b2230c7ff21", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "68fe45399a590a581773182617be0f3697f12de3", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "7c254a91d6d7e56f89c11c5556e297f08dabab05", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "0a45c57e78becae9af6e94cadbbdd7484b9844ef", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "a00c7889025b0ec5815aadc37dc4c5ede166f7db", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return w(this);