@getflip/swirl-components-react 0.296.2 → 0.298.0

package/dist/{swirl-menu.entry.90829fe7.js → swirl-menu.entry.8899fb28.js}

@@ -1,10 +1,10 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.b38ce485.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.712081f1.js";
 import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const _ = ":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-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}: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{background-color:var(--s-surface-overlay-default)}", k = _, L = class {
+const _ = ":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-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}: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{background-color:var(--s-surface-overlay-default)}", L = _, 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 = () => {
       this.updateMobileState();
@@ -57,7 +57,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
   }
   componentDidLoad() {
-    this.mobileMediaQuery.onchange = this.mediaQueryHandler, this.parentMenu = l(this.el.parentElement, "swirl-menu"), this.swirlPopover = l(this.el, "swirl-popover"), this.rootMenu = h(this.el, "swirl-menu").pop(), Boolean(this.parentMenu) && queueMicrotask(() => {
+    this.mobileMediaQuery.addEventListener("change", this.mediaQueryHandler), this.parentMenu = l(this.el.parentElement, "swirl-menu"), this.swirlPopover = l(this.el, "swirl-popover"), this.rootMenu = h(this.el, "swirl-menu").pop(), Boolean(this.parentMenu) && queueMicrotask(() => {
       this.active = !1;
     }), this.swirlPopover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
   }
@@ -154,12 +154,12 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "24b9a5a411f90f3343ec603f35e87c55b59255b1" }, o("div", { key: "2873fac136c34db022ffb48363cbd0d8aaa1175d", class: s }, this.mobile && e && o("div", { key: "a366360ecca533efb243a22b7be2e2e7af03e103", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "dccd68774426953f61df8827d24a62ecf09d93e8", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "42a40d4fc7d116e1da7c507d94afb8506c043bff", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "e7bcd311b9f7770d7ace9c7647592e207ac773ea", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "d4963ef497c29a6ead642897b8d154994e501747", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "9481c0b5f3090fb6ff69a573047b2457c81b3138", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "4c5b0690e189053c2c355a1e532417e16de8b6f1", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "6902b3173cdb663accf161ccbae6ef7e6e7bcf5a" }, o("div", { key: "33fecf3dcb700082b1ca08ae37125a6c3d50ab2a", class: s }, this.mobile && e && o("div", { key: "10a3926fdb1caf2726df95a4ee4a783dcd61ee19", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "425ae346854eb859d46b028ba72501d6e14ee605", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "add7164401a23532b6e618207d61c868f5455230", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "8e13f2cb97b571d2e0568ebcff34b0ea8bd55571", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "7c5a5e3cc7ad96969e4bf7452e0bdb3bb7b97ea5", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "0bc062508d7f2c31e6bbf1e9bb0cffed63756f9e", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "2b0e92f3446b2b9699247d4473bf64ac2a1e25f5", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "6a57a102ed4a4a99c5e07fd19e2ab6cdaca54008" }))));
+    } : void 0 }, o("slot", { key: "0458992fd30bde4b5b3a5fa89322aae6617be081" }))));
   }
   get el() {
     return p(this);
@@ -171,7 +171,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     };
   }
 };
-L.style = k;
+k.style = L;
 export {
-  L as swirl_menu
+  k as swirl_menu
 };

package/dist/{swirl-modal.entry.a511887b.js → swirl-modal.entry.50443cfe.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as e, H as f, g as p } from "./index.b38ce485.js";
+import { r as h, c as t, h as e, H as f, g as p } from "./index.712081f1.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 y } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -99,17 +99,17 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
     });
-    return e(f, { key: "01f1a99d08bf7d14edbf134f18ff139064a6db14" }, e("section", { key: "e859526369fa2b1f6e9c1514f67309326c797555", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "500de6e4f8ca20e3db551d821663aedc2b6ee761", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "afe33af8ae2b7c51d660d62fd2abe55a23c71bf2", class: "modal__body", style: {
+    return e(f, { key: "d5986c5b634690a170988eaf4c3f2666d8599ef7" }, e("section", { key: "10a6e5b73d9c157cd25e38039d77ee8e7ff12937", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "c9e4ed93adef76be48c5f9bb3ab0786269dc1609", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "0c5f32fc2b63202d03547e8ec1d3e0596adc0bbd", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("header", { key: "a88e912716aff9035f1725382e73260e63824468", class: "modal__custom-header" }, e("slot", { key: "367c0c5663c61cc38adff9db245cb3c62fb41fed", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "1d8340d9496b6a1827dbfa5afb0cc5297c5b47b0", class: "modal__header" }, e("div", { key: "ac9d727f63be6e7f578e808025aebe81d272d7b9", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "dbf6cc2118184e2082f6dd7f5cd3ac27cb1a70f3", 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 && e("swirl-heading", { key: "d5f8cd4b34fda9ba929ba704abc31e788fb44dcc", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "88f2bacf1af61d802a6f9143022a771496ceda0b", class: "modal__content-container", style: {
+    } }, e("header", { key: "c79dbc6427834340bcc7b039fb5709c96352700d", class: "modal__custom-header" }, e("slot", { key: "b479782125b459dda26e994172e853baa4ceb178", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "cfe589a8da49ea9a0f600f810caf403ef582b141", class: "modal__header" }, e("div", { key: "66fe9854fb1ee10e50aa7c0b87d8ccafb3f9b8ca", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "e939e27f2ee2652b4d45a1c96528170c001f9596", 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 && e("swirl-heading", { key: "7d7b020599456fec2b288c64db7bf7297b9633a4", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "55d929e0fb6547a8aa12267064756203b4e415f6", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "aba493484d2375e654965bc7356ae8af40367018", class: "modal__primary-content", style: {
+    } }, e("div", { key: "a9dadf9aaf3db2d2253209bdcf942e21c8908c71", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "3e8bf32fbc258156f0bab8d41e42d8ac264721d7", class: "modal__header-tools" }, e("slot", { key: "9a704a1162c6ec60bc0f81722db05e5e079fd4ca", name: "header-tools" })), e("div", { key: "78377c91186312054af4c6d9acaaf8bbbe9cb428", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "664d1483dfe2510cb4f539f3f5d0fe7e8b242117" }))), e("div", { key: "a455a0bd1d63ded0cb9b490eb3979e225be01f85", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "b38cd77ac10886c42e6e2c4187fcfaac0a651288", class: "modal__header-tools" }, e("slot", { key: "e8eebab6396162eeaf98cbd28497d1a9376f65fe", name: "header-tools" })), e("div", { key: "dcc15f6fd97bc2cd66247a252bfe8ebf8cce991d", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "f6cb80f670f927200e4272c63a3e41dc2ceff4b1" }))), e("div", { key: "7a9b27e5860e9fc5fce58d5e6bd6908f9445f20f", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -117,7 +117,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "4cdd48db509c1e1ef1d822dcb8c0391e0cb219b8", name: "secondary-content" }))), e("div", { key: "7646bf87d24eb5222ea973cfd5c4103313819a42", class: "modal__custom-footer" }, e("slot", { key: "47646d2bd32381bcc34c4d74febdb30953026d6b", name: "custom-footer" })), a && e("footer", { key: "b7fca840a0e80d38d021c8f9f52243f125fe3ce8", class: "modal__controls" }, e("swirl-button-group", { key: "91ac48ca22540891189abdb0429aa3d1562a0d52", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "9d7739259095b4286b1c58109ce8b49e574e886e", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "bd261ad844e3027dd6c0c1ab651bc4a868ea49c3", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, e("slot", { key: "5a61de257401afee14bb8995a8c18b914b49d31d", name: "secondary-content" }))), e("div", { key: "817d415e4691feacccf0d45d053c5140329730de", class: "modal__custom-footer" }, e("slot", { key: "232711a7c59c856f6ed02d9144f5562d90ba5557", name: "custom-footer" })), a && e("footer", { key: "5e2f295c6332403eff4ded6d82e0d095cb1c7384", class: "modal__controls" }, e("swirl-button-group", { key: "cd7bc4f55a3d5ae1ce5b8ef940fb100aded20d4a", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "acbc7cc5d4d69eda73d5e4ce4d7026542738c0ea", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "7250ca62ce5a3db17af28bb18946fbf22823443c", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.be5f76bf.js → swirl-option-list-section.entry.416878a3.js}

@@ -1,12 +1,12 @@
-import { r as i, h as e, H as t } from "./index.b38ce485.js";
+import { r as e, h as s, H as t } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block;width:100%}: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);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, c = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  constructor(i) {
+    e(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(t, { key: "f1b4ebc52d03261c28d2ae6eaae3e493bdb98145" }, this.hasSeparator && e("swirl-separator", { key: "3a962178d21dbd6dae69cf5ec9eb6c3f0e7a88f0", spacing: this.separatorSpacing }), e("div", { key: "29f327141605d0d90bd03ced1cd8100cfcd51434", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "7c4652841d114e2b21286ab419e20ad9033f5925", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "26a0881232ec13ec5ad9e8c0d2dc136ff8411745", spacing: this.spacing, align: "stretch" }, e("slot", { key: "9508539c6dccb3f73c7865b4de6af83b8bdb97a9" }))));
+    return s(t, { key: "6b5731af01dc0b2eb327f005decc3e104d82c762" }, this.hasSeparator && s("swirl-separator", { key: "4174f670e72400aac68deb56ad2f66638ed828c6", spacing: this.separatorSpacing }), s("div", { key: "dc86f3cc5a10d90dd616a8b8253932ba87474d65", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "ad0713ca2c18b2b7ea1ce77be71daaed0ac08131", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "0bf5b6a37d8202cd1abb3761101c6fc5404be67f", spacing: this.spacing, align: "stretch" }, s("slot", { key: "e78638bdc7af97d00a645c725def3692b759d147" }))));
   }
 };
 c.style = o;

package/dist/{swirl-option-list_2.entry.c540ef16.js → swirl-option-list_2.entry.f915c2a0.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.b38ce485.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.712081f1.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-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 {
+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 {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -181,7 +181,7 @@ const v = ".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: "f4b1977f4e4183da9892815b69231520d9483aac" }, a("swirl-visually-hidden", { key: "b67272dd21670e88168b180dc278a2b38af1ab55", role: "alert" }, this.assistiveText), a("div", { key: "387a1404ec74bbf4eb66fc10810f4c33566d7264", "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: "7b8c2546ae1c9bc386cb6d05be5d0ff2dbe0e60c", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "e78e92db833675791d0e043924e2e2190a049370" }, a("swirl-visually-hidden", { key: "5e0bcc658f3e6cada50d973531982b6e8916127a", role: "alert" }, this.assistiveText), a("div", { key: "0e194102778a17895d535ce34c21647ce1801029", "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: "300ba12da5e0d0f94218ce706c08f142c60d2308", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -221,8 +221,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 = f("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "929845576819bd561965c475f3c4aa449096dac5" }, a("span", { key: "74c46991a9bbb9ad01409e658f4f6c72b1f15fd1", class: e, part: "tag" }, this.icon && a("span", { key: "c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "71083c3fa4dd03769975403498a2ec78f49826d3", class: "tag__label" }, this.label), this.removable && a("button", { key: "9fa0c323135e2fcb064a1e30a3636bddcfaa9c96", "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: "495a501e9cf488855639af27193853b08e74dd30", size: 16 }))));
+    const e = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    return a(d, { key: "294bcbc3d67dd04803c14b5fdcb36d433fbe4e9b" }, a("span", { key: "92833eb63b8c3427bcd8d9f6102dac6a2c6ca5f4", class: e, part: "tag" }, this.icon && a("span", { key: "04f55468ef43e3afd94a8509925833ad72279332", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "303fb2673aca81f26135fb0b865132133430f162", class: "tag__label" }, this.label), this.removable && a("button", { key: "21218a740dcab88532eaf8ad66f0b78d62c2975a", "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: "2148da06e1b0ac4b0b89bc0b686c3ada439484fc", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.0613f8e5.js → swirl-pagination.entry.ab83fba8.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.b38ce485.js";
+import { r as l, c as s, h as e, H as r } from "./index.712081f1.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-877a768f.c277f897.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: "d0c84a71fcc96097b9d64aa2a053cc6cc38524c7" }, e("nav", { key: "c29fa9eff21f157d125f3524e2e309a585f584ab", "aria-label": this.label, class: o }, e("ul", { key: "8664c3ac1fe1666430afb73bea59e2414e8e8f3c", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "53f2a95f8667542a88b0cd1d627c6009359e3299", class: "pagination__list-item" }, e("label", { key: "991ebe7e7f085623a9090652f65a8f9822a0e841", class: "pagination__page-size-selection" }, e("swirl-text", { key: "58f593f0f122975c023e02adf748d6b0b44255a1", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "076f44c996cc39acd0ca88d4c1b53c193c169c3c", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "ee481772258639e27f786037d9a6eb55d0e160f5", 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: "a0e92ca8306a152774079a383009e421ae51958d", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "0ada4bdd3bcbc57337493041850dabb3c1c9f14e", class: "pagination__list-item" }, e("swirl-button", { key: "1cd735266c5810cda59d4968325855117d8e67b0", 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: "a3658a4d3b2343fee0fcace8c793cd29f46bfa2c", class: "pagination__list-item" }, e("swirl-button", { key: "3d9ea8dbd35f80e28d04dc7c011d7286aa92f8df", 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: "66638a2995d76a7987b8d645a7d1b30fbc013b3a", class: "pagination__list-item" }, e("swirl-button", { key: "24828e7028e68db7d74a31d5dd5dbf0da7678751", 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: "dc57ee5d997869f7e0085d82a2f7c75a5ba035a3", class: "pagination__list-item" }, e("swirl-button", { key: "e5d8cdad8a748612b9a088b71308dc8e35b3303b", 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: "95314dfd0a8b5e90b76a619f7346615141397305" }, e("nav", { key: "6c18c210b12dbf1804faf993c4f1376c7d0c4c3d", "aria-label": this.label, class: o }, e("ul", { key: "f11dad71e50c304ee191a9570e58dbcfc76786ec", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "9be5ce454698d7b1401a294d52cd76d08cdc7edb", class: "pagination__list-item" }, e("label", { key: "b49cc78eb4a464cba701fe7ab60b1237cf96c59b", class: "pagination__page-size-selection" }, e("swirl-text", { key: "9cc5542e8e8301fe152a24ca89915707d0d2c9e2", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "6a6cbb1fb7cf614a133813a590c48ffcd4af82c3", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "7067666953c10dd87f34db171bb200d6b0161ee6", 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: "12015b74b834bc409efd8fda7329ad6271afc369", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "cdca5d07c7336d17ee50a574bccf26c5768321e5", class: "pagination__list-item" }, e("swirl-button", { key: "c1008a8848e8861add647a30764f23e64c5660f5", 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: "4bfcbc0de6914d05943571ecc209217f0073a31a", class: "pagination__list-item" }, e("swirl-button", { key: "7e6aea3a3aa7cf3f41815b480851fff33f74575e", 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: "b744e76d3606d2f6934a1f7517412f4243f172ec", class: "pagination__list-item" }, e("swirl-button", { key: "0dcfad5f369ef6ba697a7b2a9dc30e46b84a6529", 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: "4e5d81ae84f61d7d50e5b894d03aeaceac8ca031", class: "pagination__list-item" }, e("swirl-button", { key: "0dcfc10d5115dd74a89404490a1738f02701494f", 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.f06e8894.js → swirl-pdf-reader.entry.d525d3e7.js}

@@ -1,6 +1,6 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.b38ce485.js";
-import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
-import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.712081f1.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";
 import { q as m, i as s } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -45,7 +45,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
     this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
   }
   componentDidLoad() {
-    this.modal = new b(this.modalEl);
+    this.modal = new h(this.modalEl);
   }
   disconnectedCallback() {
     var i;
@@ -70,7 +70,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
   lockBodyScroll() {
     var a;
     const i = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
-    Boolean(i) && h(i);
+    Boolean(i) && b(i);
   }
   unlockBodyScroll() {
     var a;
@@ -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: "e57db2b78cf143f189d2ec8da3ab76e70fe7ce92" }, e("section", { key: "08d54d69eb1aabe861653f2842f6c8b85f1ff10c", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "d335ccbbe130d7e0049fd01a9a64d8b8fbff3730", class: "pdf-reader__body", role: "document" }, e("header", { key: "4c384fe09a7b4c79ab0c09c6bfedccef40a440a9", class: "pdf-reader__header" }, e("span", { key: "8f1406de682d4d69a181c2e5f92b2567b636489b", class: "pdf-reader__header-left" }, e("swirl-button", { key: "66660c08fa7617a9198cc7d84a03a95e2deb52db", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "9922f785159311e72c19745d73f40eca552d111b", class: "pdf-reader__label" }, this.label)), e("span", { key: "749275664cf6747e9f280be8cef3083eb97533bd", class: "pdf-reader__header-center" }, e("span", { key: "c606f1f2ec14a17afbb7496a6cf9f837ce099add", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "5ed7708c80dabf4f12618fab2cb195952964d42d", 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: "e8602fb782f2aa6db4a94383df27118561770949", 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: "bb845fdfda67c0e1cb6ec21e9328526c9447e9de", class: "pdf-reader__zoom-select-container" }, e("select", { key: "a7f8779b490b52df8d903709ea2f84871a2a7c7b", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "f646834ffbb956a4fcdd8eab89a96e1d0b4cb885", 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: "97ee6073652b3f0d55ea1e436e39e8d1e9edd436", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "09bcb0a576a3f87c6a9b0d668301c188c4fee742", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "37bac29cb32709ad4473e669dc17b16c215c88e1", swirlPopover: this.menu }, e("swirl-button", { key: "065ba1053a7ec0ae56b139f945f95febadc4dfd0", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "ac490d36ee405346388fd0dee2fc6b4f133245fd", class: "pdf-reader__floating-tools" }, e("button", { key: "49386e83b6a21906c5b5f43d0dc31c0d6f57ebdd", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "cea801fcd288044a2dd1c6e7b08615c2aa0e0bdd" })), e("button", { key: "0beb6eb36ab22abff0d420b7f856502f4105c919", "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: "3b7eb57759d69895d5c5ef4f3bf3ef7da27b488d" })))), e("div", { key: "d9228e18c0d0fc95e7b01eed482891b595d12d61", class: "pdf-reader__content" }, e("nav", { key: "49430474f7e981bd02f1f4bcad3c3f123eb4cf35", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "a9be818b17a7b5a678f91ae84d2a59134cb126ab" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "9472c46bd4f70f2ded687a131430b1068ece196c" }, e("section", { key: "1ab4dc552af89e184be21708bfdfd3ae59b9b532", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "ab6f1e9f5697e19f0a461724d91dd36158c5e426", class: "pdf-reader__body", role: "document" }, e("header", { key: "fd6d22796407ada0298708e4c1604e56f0c1624b", class: "pdf-reader__header" }, e("span", { key: "209a4931599dd8ce07fd42c1973c30b9501e5a79", class: "pdf-reader__header-left" }, e("swirl-button", { key: "015654a7ce0e2fc0c1b8d270035ca98efdf881a5", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "fef2c50e365a26bb4a762f0c697306403b731ae9", class: "pdf-reader__label" }, this.label)), e("span", { key: "2a644ec3ae32dd137515597eb59bb138327fe121", class: "pdf-reader__header-center" }, e("span", { key: "9e9db4e65da2ee7b928c0c7cc184b9a267f0af54", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "c6186a5f1393adce26163009b63c72d2941c8ea6", 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: "f9356fabb60a15b0cc26ee78d6b0c7b3a3552e04", 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: "e14ff6354397b7b88ee79ecaa2ddaaa39bb63ed6", class: "pdf-reader__zoom-select-container" }, e("select", { key: "b5e02e5813c45664d0376a8dab96366c3ba00c1d", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "a1f670153aa7c3f855a59dcdf238eb31e61b92ef", 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: "2fb02cdebad16200404f41bda8bb131230641f7d", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "f2a04bba875691d3dbe5e80f12ebd84d4ddfd679", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "1c598f4289fc8a14ce0e37c00f980117564e9fdf", swirlPopover: this.menu }, e("swirl-button", { key: "86593a0be1ccb5eda2f1672f5e7b6b586488e5eb", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "f604daa5837d791b3737c6ade0f4add849358179", class: "pdf-reader__floating-tools" }, e("button", { key: "5af7086adf3b30f87627d4f13c640b163993ad43", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "d29c191b6b7290e71d053cec1c310b46d43e2604" })), e("button", { key: "a2aeccf0da8c97ec0a08f6264fb1d34d9d51ca63", "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: "0611180de7eb6758f701c1326de7ee69f61cd6a9" })))), e("div", { key: "0f244de72ca5b3284e87a1a0b82b348fc6894908", class: "pdf-reader__content" }, e("nav", { key: "ae4f4951b8c7429f87140dfd14cca38c93157217", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "4b7e024e791b3749a5055c54eb8c5885bbb25c34" }), !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: "210a26cc1016ba0fb9d2b6680325e61ff19af225", 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: "e08989be87f4aad17df7d93cffe23dd3c4f39ae3", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "02953f9de2a0852bb2a5440f782988e1d52244bf", "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: "cd18e5348d241f40c944d8e201c62cf7af2f774c", "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: "c34cfe73bba695f7f22623a6595d4b4e50f0db1b" })), e("button", { key: "604973f5b875064ce433947e23d9ba9eddf79554", "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: "d1dc347807e91bc2157488d6036588c4aed2e529" }))))), e("swirl-popover", { key: "4f4da84973309b7e60669868461202b45ffcaf04", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "6d7e358d287e99a5b79cae9945c789eb8ee9179a" }, e("div", { key: "451019ff0940c4c801fbbd1854ef0ba93e60829a", class: "pdf-reader__meta" }, e("div", { key: "33bd0193a1d4734510ed77017241a827384e03f8", class: "pdf-reader__file-icon" }, e("svg", { key: "09836b03346a6e0be670639720abd603c508fec6", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "4d4c097aa0e10b50baf9883e2f363b72ec439a23", 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: "4a066dc0f75f6f798122cad18f702f7cc1ddde05", 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: "9be88600c566f03ba3a89b45814cee9ba401a669", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "dd47d5357a7860c4616b0baa7da123f69b3c3782", 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: "947c9f5c228bda2bf53d03ece7838c08fa41f68d", 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: "1883cfd60995f6c03bd2accfa97ed5294b1c81fa", 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: "44fb190711b60c4cefe475ea139ecc4689b4e00c", 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: "0dc4cf0e3bcb6edb8a102d522b51763f973c7a7f", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "a7b30176de8991d0c2156c9334efef907b213a58", class: "pdf-reader__file-info" }, e("swirl-text", { key: "cb050d0dde2e8da5fcb2fd8ee5b37a0a56b71aaa", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "2d8922e43829366c139128c0dfeb105c89159b55", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "ce1ef89c3d330e1774ea0e373e305040a9aa82f9" }), e("swirl-action-list", { key: "ed4848d34c40f43fc40b0065aa52b69af0f88695", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "79eb18b8c0e3a5dc36bc1dc0b9abfe7179dabd02", 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: "ba008035148a7f0d84ee4bdc0eb256a1c63f96a8", 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: "5d73fe4c1280d08c9dfba74c3662014ebb53ff2b", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "385a7947241d7fe83283a5a263196d701ca2d235", 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: "860ae344b4ba6566faab0065e2e234aa9abe5b93", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "7e7e91cd42086f374227b86436d7aafa3eb8d690", "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: "f26bc3d9229c7a1c220956ce7c8a0e8452aa913e", "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: "da17830cbd6861208b0b51036cff166fdbc8674b" })), e("button", { key: "95d09b43f256a59fc6c8db733a50e35ee3546a97", "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: "e2fa2facae8d75e1d3bd35b6f7f387eea13f7aa7" }))))), e("swirl-popover", { key: "d21655a0beaa25fbb86c4b8ccfeb72a42a30ef8a", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "c15aa78c8aa2c76b9ab6828491bdb3634910a327" }, e("div", { key: "3363b2ad5dc5d36dd5b30b2a4c8aef3ef49729ab", class: "pdf-reader__meta" }, e("div", { key: "96f697adbda03f615da2a8237116536d740161d2", class: "pdf-reader__file-icon" }, e("svg", { key: "ff8f7c921048e49392024d52f3376653ae2ca60d", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "0c893c3faa4c996da74156911e967573eb32781e", 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: "5e02d9056d74255de5cb8029d369b850c0f85048", 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: "45a433a5078cc3123842821d24ede9828588732a", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "0e83e4565981582890fc1309bd24a1cc9224b8de", 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: "74c1ca4f2c9f003a42ea1b2514ec02b370788e78", 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: "58adbd789f24fb4a4488b1199eaec519205f559e", 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: "7544349b12e4eec2e696d7e1776bb38ee4a95e3c", 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: "36498ab970402d478ae93c0aba138c16580b8f9e", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "5d568a44edd07af66a9bf9a64ade4f15ffcb7cb1", class: "pdf-reader__file-info" }, e("swirl-text", { key: "7be13f16b167c8d646c14a179e6d2cbdf6db5c04", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "89a4cee2ea4d95d9524af3ac8f792ec04645378f", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "b8029a33cbcab54f91f2ddf9acbde9e87268c509" }), e("swirl-action-list", { key: "4373e2bbafe42d7b870e31773e2895faa9ada706", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "e37fac80aa89dd430b04a4b75b8f88e26918bbee", 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: "61a687d2ba2dd0deaef21baf6f0a61fd12e76ce8", 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: "c92ecffb202528a8f298b07deff868501721faa4", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.c03b7a59.js → swirl-popover_2.entry.5a1fff43.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.b38ce485.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.712081f1.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 { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
@@ -39,8 +39,8 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, f = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(f), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
-    !m.includes(r.tagName) && b && w && (!i || y) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, m = T(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
+    !f.includes(r.tagName) && b && w && (!i || y) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -114,12 +114,12 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--transparent": this.transparent,
       "popover--padded": this.padded
     });
-    return n(g, { key: "ca21792904c5f112a6da3ff4606898163b551151" }, n("div", { key: "95b8aaf163bf77262059e81e991e15a35fb7de72", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f3d726737678d385d35ae4f631b5a443d69903a2", "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: "8cc2a47b4d323076fa8a99a3103ec05f344cba82" }, n("div", { key: "87744921bfbdce95cbae142b5933899aadb70b10", class: t, onKeyDown: this.onKeydown }, n("div", { key: "dbdfc2600405c69444e75f89d49da5c4a3513cb7", "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: "70830da61188d72e0f83e3c86211ad3c8b4caab3", class: "popover__handle" }), n("div", { key: "245a35760f9ae0cafbeb219eb478490315e5c8f1", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "5cc7da47b47ec4fbd548450d6bdf52e9bd5f7881", class: "popover__handle" }), n("div", { key: "e7c9b23a67fb304cc6bb12acb754f1b12276b3c5", 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: "af125ac1daf978774f331ec90ed1a658a0ad8c5f" }))), this.active && n("div", { key: "389a414986371fd331a10adf4e334dc195600d61", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "24b92c9f4661a7fc0d59e135122599c676125a96" }))), this.active && n("div", { key: "dd3bf688564c3e89e8ffae934fc36644cc1574aa", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return u(this);
@@ -219,7 +219,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: "25084b79d0a1bf0dd28477e9c7f1c5df66eab7a5", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "01bd7a5f55da4ef41d8e8238508bd82cbe3ee42a" }));
+    return n(g, { key: "9dc7cee954958e0253524f61c15bb8a55800f377", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "ece34ab31d0a97eceefc1eeb94a754c4c125c2b7" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.1f024f74.js → swirl-progress-indicator.entry.e1bf8b62.js}

@@ -1,17 +1,17 @@
-import { r as t, h as i, H as n } from "./index.b38ce485.js";
+import { r as t, h as e, H as n } from "./index.712081f1.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 {
-  constructor(s) {
-    t(this, s), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
+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(i) {
+    t(this, i), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
-    const s = 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, a = Math.round(r * 2 * Math.PI), o = Math.round(a * ((100 - this.value) / 100));
-    return i(n, { key: "20e4ff315a971f4d8c6e4ca27c3cf4805034d2e0", class: this.variant }, this.variant === "bar" && i("progress", { key: "28ac73c385b494b5e58770a8c8cee8cbcf6bfc56", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: s, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "92a63b4edff63710d1d2cdd2cbb2500810375324", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: s }, i("svg", { key: "4c48d346c582df19662a5beb9fc388d3d60cfb06", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "58fa3036c00712fa81097d1becdef612dd609959", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "fbbb5c7ff12e7db2203998bf43768d88a4e402b0", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": a, "stroke-dashoffset": o }))));
+    const i = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), a = 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 e(n, { key: "745f511e382e11f52d4b6ac45a88cf655f4d3884", class: this.variant }, this.variant === "bar" && e("progress", { key: "0ff970ba8d7e84870672bea7fde1906797124756", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && e("span", { key: "4f147ff83b14ac372188f6dab2b0c81eadd43f4d", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, e("svg", { key: "ae758909e31ecc6bb03c0493ca7365f619655eb4", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + a) * 2} ${(r + a) * 2}` }, e("circle", { key: "5a225ad9bfdd462498fec8a7c54116af078b7366", class: "progress-indicator__circle-background", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a }), e("circle", { key: "5be353d2a49a206a0103939add1de1d138fff8e4", class: "progress-indicator__circle-value", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a, "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.d8bc8c9c.js → swirl-radio-group.entry.2af07328.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.b38ce485.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.712081f1.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 {
@@ -23,7 +23,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "cf020e7e1e77b39dea2588e1a81dbffc6d5cafb3", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "940cb7aadcf20d0ef1b7c35f5904bc41fa6ccf3f", class: "radio-group" }, i("slot", { key: "4b09e1feeeebad8354b83611ea1fa81f0a0370fd" })));
+    return i(l, { key: "e403e7684da9aed8cf885e16e6a5b1ebe4c422ac", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "571645e238a5908826eda91723e49d13f07e4532", class: "radio-group" }, i("slot", { key: "8bed01567a0c170c92d58cf78a3237a677ec5de3" })));
   }
   get el() {
     return n(this);

package/dist/{swirl-radio.entry.faa6e6e0.js → swirl-radio.entry.22117d53.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.b38ce485.js";
+import { r as s, c, h as i, H as l } from "./index.712081f1.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,13 +14,13 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
     return r ? "true" : a ? "false" : "mixed";
   }
   render() {
-    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), e = this.invalid, o = t("radio", `radio--variant-${this.variant}`, {
+    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, e = t("radio", `radio--variant-${this.variant}`, {
       "radio--checked": a,
       "radio--disabled": this.disabled,
       "radio--invalid": this.invalid,
       "radio--unchecked": r
     });
-    return i(l, { key: "c8ab3f67e10ed0a233edcb9bd36f1ea878e84365", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "d4b0b184de0ae215eae18b15e66f7aa6cf4b2ab8", class: o, htmlFor: this.inputId }, i("span", { key: "d4804931a70409459b7f6bfaeb3a0ca4bb2329c2", class: "radio__control" }, i("swirl-visually-hidden", { key: "c9d7256de7328531b8403ea14e0b4c39cfec071d" }, i("input", { key: "c3c379d4d4740d0b054330c8474a398fd5b9b8d8", "aria-checked": d, "aria-invalid": e, 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: "da05cc59895164fe756a8ff764a465eea4bbcfa5", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "1fcfc823659a8b5e4c4ff417a3864f8cd70143b3", class: "radio__label-container" }, this.label && i("span", { key: "8e35ee44b7e4a5a10f4e3e5a637e4e8e6c66f3a2", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "ad81f187365371a293c4b15f78ffd1f3e3e4a46e", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "d66838f16f1ec6fbea93a8557fa16d052439399c", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "f48842c39e8e553afc58957fc72a58099d6795d7", class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "100c690d5b8866e9e599b27b7238e8c2ca96508c", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "ee6153fcd7b9ad8550e56684a7f8dec21f7de261", class: e, htmlFor: this.inputId }, i("span", { key: "b731768b4d62070c5251de30874632f42335e77b", class: "radio__control" }, i("swirl-visually-hidden", { key: "79f31821d7a0f4a8f344a1fb51f8c62dd67d3eca" }, i("input", { key: "d6efeabda48e1924cd2cecd60aea7ac4e0c36fa0", "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: "c753f129d8506eef1046c9f69b7bc81c87105ee1", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "745de19a1dfa1075cfb221681dfb05cbd0ec13ec", class: "radio__label-container" }, this.label && i("span", { key: "b437c9ad4119f380f5631f7969f3337945bedd9d", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "f44d34f76b7319c33c3011c6ff42cc2c8a5776fa", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "486983643077d2c94989693b83ca972156a28694", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "d0e68635aa7c7169f763255c0ebe7176282aa335", class: "radio__description", innerHTML: this.description }))));
   }
 };
 b.style = h;

package/dist/{swirl-resource-list-file-item.entry.ec67ba89.js → swirl-resource-list-file-item.entry.955520b0.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.b38ce485.js";
+import { r as c, c as a, h as e, H as n } from "./index.712081f1.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -10,7 +10,7 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     }, 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";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
     var i, s;
@@ -26,7 +26,7 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     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: "bc1e8c790aa0fc5f101fe66513250eaebdad88bf", role: "row" }, e("div", { key: "343a2b6d9b16f1ec321ab09d29022132c2c80f7d", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "4b140a9c5d0b8427ba3e956aa63a9828773ae454", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "4bceba7d3ac187d3ba32faa1129d49960ee159b6", class: "resource-list-file-item__label-container" }, e("span", { key: "5d2a0ec6c6f2a28308bc4d8438a23af2b878a36c", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "06448cf19e8986356df8d9bf441b78da85658d1a", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "29d4532ec0c5886bbc91fea0f48236381351852f", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "c59a691d83840a56108bdcdc88a4cf89ed60b357", message: this.errorMessage, size: "s" }))), r && e("span", { key: "f7b35d0ebf1c25a69683d82708cb7b7f1e2497aa", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "3bc4cb1282c5ad5a6541fe83e26ce4378ba3c80c", size: "s" })), t && e("span", { key: "30d68177d47011711c1df5d57045363eb86797e3", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "be5d7b0c5411e3abc470c8b40e5ed3be50c9b1f9", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "d77b3a45aff46139e8af03ccdbeb81e9da91370b", role: "row" }, e("div", { key: "53df0ea414c05513cee0a17b661767a06442a954", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "4a72d58087710540e5c74f3cee050f91d48bc6f6", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "33d67a51ce845f06f873b1ce61f3b6887ff9637b", class: "resource-list-file-item__label-container" }, e("span", { key: "b080aa30dbb7b99c1fc888d90a2b69ab021cdd93", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "b6c86787f6f8dbe4fb22f30b2027f63d7d9d8d8c", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "f55cafd40457a920047a80f9d537aed786134d18", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "ccf0276e67f9d87ef36ede6f74f9e25b5ff6618e", message: this.errorMessage, size: "s" }))), r && e("span", { key: "d04e7bbaafbb626c891c3afdb02b20f2362c459d", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "2fa064bbfa49c90c45f8106aaac2ae4fe1f1b26d", size: "s" })), t && e("span", { key: "53ae0a5d63299d4367735ca297d9dd7406c82176", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "a7298dfdae92ef380516d5dadac8d7fdff8c7e6a", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
 u.style = h;

package/dist/{swirl-resource-list-section.entry.773e1be1.js → swirl-resource-list-section.entry.9d8951f9.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as a } from "./index.b38ce485.js";
+import { r as i, h as e, H as t } from "./index.712081f1.js";
 import "react";
 import "react-dom";
-const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = t, o = class {
+const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = a, c = class {
   constructor(s) {
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(a, { key: "414165c726b5de095d3c32e9231dbff65d383f42" }, this.hasSeparator && e("swirl-separator", { key: "bde064cd3d4de1d5136685b8a9a42097ec1242e9", spacing: this.separatorSpacing }), e("div", { key: "82abe47a7d20481d08d0c7fb419ee2eeaabc2139", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "58e828bb2a68f2836394b751a446b0aa0e329562", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "3fe90662ca40550d1c45636c2bb2531ee3280ec2", spacing: this.spacing }, e("slot", { key: "a9e675967aaede5966527996abb44c2d841456bc" }))));
+    return e(t, { key: "0f941c1969c824109e4cc05300bde3749ddee9ec" }, this.hasSeparator && e("swirl-separator", { key: "cc1baa6a5b84a22668969a379c512b70f80cd1d4", spacing: this.separatorSpacing }), e("div", { key: "d34c8ffcb8209ed0c6601030950583343088c8a6", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "d533fe0c5455f80d5f18437b1dd5ab927e2f0dc3", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "9c5838488cc3876b75ab74997fb3343bc95e0a12", spacing: this.spacing }, e("slot", { key: "db9bcf41d66cc667cd21351ee16d5ed189fde9ec" }))));
   }
 };
-o.style = r;
+c.style = r;
 export {
-  o as swirl_resource_list_section
+  c as swirl_resource_list_section
 };

package/dist/{swirl-search.entry.d90cff61.js → swirl-search.entry.3c4e39d4.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.b38ce485.js";
+import { r as i, c as r, h as a, H as t } from "./index.712081f1.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -20,7 +20,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
       this.input.focus();
     });
   }
@@ -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: "d9c8dc9d1a269ef91f0196bfc047a1bd18cb4340" }, a("span", { key: "c08f88bf78278ebe3859b1a8448f2745de3be744", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "fdcdb700831713b4ca4d970272250cd20badd838", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "48775e61a7c28f24ceddb1c2fa9b0a39211620b7", "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: "3ba4483d3c101e20ce1dcdf94bceae7353fa34b6", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "4904ed9d9d7d99f1529804598b095057d5e6d711" }))));
+    return a(t, { key: "f867baa30dafa694e189375973b69ee3827799ad" }, a("span", { key: "62bb2ef944cb42d3d2bec75c5ab1dd5cd5475bc9", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "a96176fe032074b18d6dff234eb22cb9dd64a060", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "a4844bcc0b4841327500b0ea716e7de4134692d4", "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: "7d45015ee44044bdf388606f77b37593e27f001a", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "2fa532b767afe00feaf1d7c31999ae1a266476c6" }))));
   }
 };
 l.style = o;