@getflip/swirl-components-react 0.363.5 → 0.364.0

package/dist/{swirl-image-grid.entry.f1399eea.js → swirl-image-grid.entry.342671ae.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.9632ab86.js";
+import { r as a, h as t, H as r, g as c } from "./index.8f538b02.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.e155257a.js → swirl-inline-notification.entry.5c332698.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.9632ab86.js";
+import { r as e, h as i, H as t } from "./index.8f538b02.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-status.entry.5277fe54.js → swirl-inline-status.entry.55d2baf6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as a } from "./index.9632ab86.js";
+import { r as e, h as s, H as a } from "./index.8f538b02.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import { D as r } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-lightbox.entry.3af6b342.js → swirl-lightbox.entry.7337798f.js}

@@ -1,4 +1,4 @@
-import { r as b, c, h as i, H as u, g } from "./index.9632ab86.js";
+import { r as b, c, h as i, H as u, g } from "./index.8f538b02.js";
 import { d as f, e as m } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { c as x } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
@@ -162,7 +162,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "44d910830e39a36868fe66d53a63867f5fb3b168" }, i("section", { key: "a7c5a890139cb8c2c7523916e6cf17620257539c", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "d10bfd490e4357b93bea59524e0f19c11c3e7810", class: "lightbox__body", role: "document" }, i("header", { key: "00b3b2e59b4032db3abdb2fcc2808897544149db", class: "lightbox__header" }, i("button", { key: "8b89ec0d67a43e6e8428ac89507ebdc235a95ef7", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "d03b3dd02e950027099f5d4536630f5e5aa0bc5d" })), i("div", { key: "8db361ccdb45adfc0fce5a6b128c13d5ed3f2733", class: "lightbox__toolbar" }, i("slot", { key: "8001809cc43fe056bcf86aa4681d7fe373e98f02", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "4168bd11c3667dfe1d582c1bffd2f17a7463c9fa", swirlPopover: this.menu }, i("button", { key: "89f77f50a11f80960b6d7f39e4666e18ae605e6b", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "3595d52f237c6ce012b2700e4d4417a97803e2b2" })))), i("div", { key: "399160753822f2f0f1711bdd6366ec5522f9447a", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "b309112d65e9eed512136b47ae6150a55c4b4416", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "95e4849ed6439dee311ea66d834b6684743aba46", onSlotchange: this.registerSlides }))), i("div", { key: "62406e5da7cc9abba493ea1f9ef910460bbb2458", class: "lightbox__controls" }, i("button", { key: "1a64a164c299eed57192f52dfdcd0883c066b563", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "6242382bcdf891898f3789cb5540f392bf2d19aa" })), i("button", { key: "340d624373858a10bb7ba3d626ea988ad29d84ff", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "7b3b2600b743b0952ece4341adc051470eba391e" }))), e && i("span", { key: "45d26dd55e5624692e4260c8b6ae5484c92f79d4", class: "lightbox__pagination" }, i("span", { key: "fc83836a006e94b83e8cf5f5f741126f884e2975", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "85091a1d4d4fbc32fc74d3af716b95876fad2c50", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "bab174c78042d2643aaa75394d0ee35686930c5a" }, i("div", { key: "c80b129793536f0375a13d01deabb41505666358", class: "lightbox__meta" }, o && i("div", { key: "58acedc8dfe362f36ee02ea7b905368bed607a7e", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "6d60f865be2f0bdd82814156b377a0431d418aca", alt: "", src: o })), i("div", { key: "0f066e7a4716e726e7b816ad7a9d6cd7049241d6", class: "lightbox__file-info" }, i("swirl-text", { key: "1a239ec61e2afc202e3114796a47c37bd4a527bd", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "c4be1662bf79cfd1690f022bd8315eb584995be4", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "95f9496cd676af17c6b74d1406ec9cf425880699" }), i("swirl-action-list", { key: "9c734b754a5f0147b567c934265bceb643557478" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "623f4abebfe9506f62bfc592dc892fbb298c952c", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "4089046a45dd573437cbf4b095828a7f6ab9a2f2", name: "menu-items" }))))));
+    return i(u, { key: "36005d5ae9435589bcbcacc9ca910f8728bf1837" }, i("section", { key: "954cf1ba4de53ce3e6faf32c7536c9d7042918b3", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "dd84102ba96eac62c20c187fbf251439e30846a1", class: "lightbox__body", role: "document" }, i("header", { key: "aab524d3394b64ed28fbfd88cca202bf204ec955", class: "lightbox__header" }, i("button", { key: "4b245cb96afc343da8fe09667416987850d2b109", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "cc4ad11f67535e2faa6bd34274cfe36b46125d83" })), i("div", { key: "3b04753c7e549996a8a95915e8a42f850d4474bf", class: "lightbox__toolbar" }, i("slot", { key: "e38a38dad2c34b517c80e95364b3d77eade42fae", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "fa2d15227d8181232ddf3585f9ad51020eec05b6", swirlPopover: this.menu }, i("button", { key: "07ee2e0cec3c9e1db0eb80214d51f94dfd5a74c2", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "674be8062aefe53ece4389a90942e72d779b876d" })))), i("div", { key: "44a6fe2c0d008c019f82834375546b982e2b4107", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "d75c790643034c96bc8f31e20fcf47cd019cdeeb", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "f2c43db3cf0012b9e43b5226938291e62e2bf7e4", onSlotchange: this.registerSlides }))), i("div", { key: "14dbd32990e4b1db957474a8a7ecb35d37c2dc90", class: "lightbox__controls" }, i("button", { key: "4ead7d2fcd0ebf80d61f76e2e7219899e408beb1", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "dcb4a02ffe9212eb93351924e335873fa98dda27" })), i("button", { key: "908dad9d4d62f372a838678d034164b6f6fd5bb7", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "a6ee1df2fa3802ed968974d18ea4b7eabadc8f17" }))), e && i("span", { key: "1ac483103151727d34e8ac3caff6ee2eacedd149", class: "lightbox__pagination" }, i("span", { key: "d55773c5f7a0b5371d5c2c131aff58e110302fdb", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "2b71e2b7f3d1ee25577a814c5e8ae45802c36daf", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "8cbbc3850207411f7ed212438830e7f2e5fb6a02" }, i("div", { key: "364662ca09b02f197bf54a07d15517ad7f932161", class: "lightbox__meta" }, o && i("div", { key: "8671bdcd90a6f51bc10d422a1954c4e89a6855ba", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "8d55a9d22dba3571c032779a0afc97bab9c6aaeb", alt: "", src: o })), i("div", { key: "789bfbfa03af60c182007a69109580135a04488d", class: "lightbox__file-info" }, i("swirl-text", { key: "43afa1b58fe843b7cce0a01a80a718a59299327d", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "2aab7e3050b206248dd16672fce4d31c71cd5341", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "84fc595744cf660916d36bc9f40cc3b61f3f0d48" }), i("swirl-action-list", { key: "302d95c9e44db73267e898eaebbeab4a4882c3cb" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "a518e559095d892eecaa32375d5d70065799733f", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "f52932791bbee226519164a5ec2ac3c65ea912fd", name: "menu-items" }))))));
   }
   get el() {
     return g(this);

package/dist/{swirl-link.entry.3aabfdf6.js → swirl-link.entry.36d4606d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./index.9632ab86.js";
+import { r as i, h as r, H as t } from "./index.8f538b02.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-list.entry.7519fd46.js → swirl-list.entry.0eb6af8f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.9632ab86.js";
+import { r as l, h as i, H as r } from "./index.8f538b02.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {
@@ -9,7 +9,7 @@ const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-he
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return i(r, { key: "edf5629064794e6c062c3717a8f6d5d963caef62" }, i("div", { key: "9f031024b2c3e6f9035c0a5703a6aa9f3a73049b", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "d80dcea7f3ed2f0f80120f3eb57b43a9c4ed9f3d" })));
+    return i(r, { key: "e0aac47a8a10d97fec15676b0556778e8d4d8c74" }, i("div", { key: "62efbe72a94c4421318cfb152e26886a834e2d8c", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "38a44d535c3130e68831014ea35b333e980f29fa" })));
   }
 };
 n.style = s;

package/dist/{swirl-menu-item.entry.899a9ca7.js → swirl-menu-item.entry.6ecb58d7.js}

@@ -1,9 +1,9 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.9632ab86.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.8f538b02.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { l as d, p } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", b = class {
+const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", f = class {
   constructor(e) {
     r(this, e), this.intent = "default", this.hasAvatar = !1, this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
@@ -67,7 +67,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const e = c("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(h, { key: "0e948327860ed6638e0f45d6ba03a964c2576630" }, i("div", { key: "b910b71a65c2d1965abe6eed1e978ab16f453039", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "d136df4bfc82b1ea7c763a3a95b0875b41e28ee4", onSlotchange: this.onSlotChange })));
+    return i(h, { key: "ce5fd0c1951a8607da47a504d5c91b6f949ae68f" }, i("div", { key: "11a030eb9f50379bb11b7badc5e941c78059bf6b", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "f2b7b6450294d85c491587d844cfc15f8299a579", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return u(this);
@@ -78,7 +78,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-b.style = m;
+f.style = m;
 export {
-  b as swirl_menu_item
+  f as swirl_menu_item
 };

package/dist/{swirl-menu.entry.5f7e288f.js → swirl-menu.entry.d88b6888.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as v } from "./index.9632ab86.js";
+import { r as d, c, h as o, H as b, g as v } from "./index.8f538b02.js";
 import { P as p, N as f, D as w, k as g, b as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as M } from "./index-orsBiyT_.fc4357c3.js";
 import { q as a, l, p as h, i as I, k as x } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-modal.entry.d520d3f9.js → swirl-modal.entry.61b2c0ff.js}

@@ -1,4 +1,4 @@
-import { r as u, c as t, h as e, H as p, g as _ } from "./index.9632ab86.js";
+import { r as u, c as t, h as e, H as p, g as _ } from "./index.8f538b02.js";
 import { d as h, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as f } from "./index-orsBiyT_.fc4357c3.js";
 import { c as v } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";

package/dist/{swirl-option-list-section.entry.59c2eb9d.js → swirl-option-list-section.entry.0ec0b914.js}

@@ -1,15 +1,15 @@
-import { r as a, h as e, H as i } from "./index.9632ab86.js";
+import { r as i, h as e, H as t } from "./index.8f538b02.js";
 import "react";
 import "react-dom";
-const t = ":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 = class {
+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 = class {
   constructor(s) {
-    a(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(i, { key: "771df22b14cee7228fea2b337a2e1657caef0d88" }, this.hasSeparator && e("swirl-separator", { key: "0ab3cc55ba61d078606604f1ca5db5b259aa43ec", spacing: this.separatorSpacing }), e("div", { key: "1ff69e05686a92e1a599bbfe49da333be178dc64", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "e0158975efa4255429b1616825ee55d0a23ce732", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "7c53b0b484e8c22add4c065c47da24b606f8902c", spacing: this.spacing, align: "stretch" }, e("slot", { key: "68f19ef6a86bb8bc1e6782f080cb7596ddd51a0e" }))));
+    return e(t, { key: "defa59842ad48e096d9e75ff2dd68789c2bef3bc" }, this.hasSeparator && e("swirl-separator", { key: "777e774e586230537e2692ebc3dfd1be764089c7", spacing: this.separatorSpacing }), e("div", { key: "4a1a0c4265889c27bf6a34f299d290bf43f8bf4b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "1e06bae9cd71111cf7b109e5a0f285452596f4cf", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "a989c1c039543ca9369e5704fee5e57164757ad7", spacing: this.spacing, align: "stretch" }, e("slot", { key: "5f081f5b5c1a13252ededbe26ed196a09ef45970" }))));
   }
 };
-o.style = t;
+o.style = a;
 export {
   o as swirl_option_list_section
 };

package/dist/swirl-option-list_2.entry.3ceb7788.js

@@ -0,0 +1,285 @@
+import { r as h, c, h as o, H as m, g as p } from "./index.8f538b02.js";
+import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { l as r, q as d } from "./utils-D_MUFqkF.654ff3ce.js";
+import { v as b } from "./v4-DD3477fe.2624487e.js";
+import { c as w } from "./index-orsBiyT_.fc4357c3.js";
+import { D as v } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
+import "react";
+import "react-dom";
+const x = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", I = class {
+  constructor(e) {
+    h(this, e), this.itemDrop = c(this, "itemDrop", 7), this.valueChange = c(this, "valueChange", 7), this.allowDeselect = !0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.selectAllLabel = "Select all", this.value = [], this.selectAllState = !1, this.selectAllValue = b(), this.onClick = (t) => {
+      t.preventDefault();
+      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), l = t.composedPath()[0], n = Boolean(r(l, '[role="option"]'));
+      if (!Boolean(s) || !n) {
+        t.preventDefault();
+        return;
+      }
+      s.value === this.selectAllValue ? this.selectAllChanged() : this.selectItem(this.items.findIndex((a) => a.value === s.value));
+    }, this.onKeyDown = (t) => {
+      var i;
+      if (t.code === "ArrowDown")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
+      else if (t.code === "ArrowUp")
+        t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemUp() : this.focusPreviousItem();
+      else if (t.code === "Space" || t.code === "Enter") {
+        if (!t.target.classList.contains("option-list-item__drag-handle") && Boolean(this.dragging)) {
+          t.preventDefault(), this.stopDrag(this.dragging);
+          return;
+        }
+        const l = t.composedPath()[0], n = Boolean(r(l, '[role="option"]')), a = ((i = l == null ? void 0 : l.closest("swirl-option-list-item")) == null ? void 0 : i.value) === this.selectAllValue;
+        if (!n && !a)
+          return;
+        t.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : a ? this.selectAllChanged() : this.selectFocusedItem();
+      } else
+        t.code === "Home" ? (t.preventDefault(), this.showSelectAll ? this.focusSelectAll() : this.focusItem(0)) : t.code === "End" ? (t.preventDefault(), this.focusItem(this.items.length - 1)) : t.code === "KeyA" && (t.metaKey || t.ctrlKey) && this.multiSelect ? (t.preventDefault(), this.selectAllItems()) : t.code === "Tab" && Boolean(this.dragging) && t.preventDefault();
+    }, this.resetTabIndex = () => {
+      var s, l, n;
+      this.removeItemsTabIndex(), this.focusedItem = void 0;
+      const t = (s = this.items[0]) == null ? void 0 : s.querySelector('[role="option"]');
+      (n = ((l = this.selectAllEl) == null ? void 0 : l.querySelector('[role="option"]')) || t) == null || n.setAttribute("tabIndex", "0");
+    }, this.selectAllChanged = () => {
+      var s, l;
+      if (this.disabled)
+        return;
+      const t = ((s = this.items) == null ? void 0 : s.length) || 0;
+      (((l = this.value) == null ? void 0 : l.length) || 0) === t ? this.updateValue([]) : this.updateValue(this.items.map((n) => n.value));
+    }, this.toggleDrag = (t) => {
+      const i = t.detail;
+      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
+    }, this.startDrag = (t) => {
+      this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
+      const i = this.getItemIndex(this.dragging);
+      this.focusItem(i), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (t) => {
+      this.dragging = void 0, t.removeAttribute("dragging");
+      const i = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0, this.focusItem(i);
+    };
+  }
+  componentDidLoad() {
+    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop(), this.setSectionSeparator(), this.setSelectAllState(), this.subscribeToSwirlPopover();
+  }
+  componentDidRender() {
+    this.setupDragDrop();
+  }
+  disconnectedCallback() {
+    var e, t;
+    this.unsubscribeFromSwirlPopover(), (e = this.observer) == null || e.disconnect(), (t = this.sortable) == null || t.destroy();
+  }
+  watchAllowDrag() {
+    this.setItemAllowDragState(), this.setupDragDrop();
+  }
+  watchDisabled() {
+    this.setItemDisabledState();
+  }
+  watchMultiSelect() {
+    this.setItemContext();
+  }
+  watchValue() {
+    this.syncItemsWithValue(), this.setSelectAllState();
+  }
+  observeSlotChanges() {
+    this.observer = new MutationObserver(() => {
+      this.updateItems(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setSelectAllState();
+    }), this.observer.observe(this.listboxEl, { childList: !0, subtree: !0 });
+  }
+  setSelectAllState() {
+    var i, s;
+    const e = ((i = this.items) == null ? void 0 : i.length) || 0, t = ((s = this.value) == null ? void 0 : s.length) || 0;
+    this.selectAllState = e === 0 || t === 0 ? !1 : t === e ? !0 : "indeterminate";
+  }
+  updateItems() {
+    var t;
+    this.items = d(this.el, "swirl-option-list-item").filter((i) => i.value !== this.selectAllValue), !(((t = this.selectAllEl) == null ? void 0 : t.querySelector('[tabindex="0"]')) || this.items.some((i) => i.querySelector('[tabindex="0"]'))) && this.resetTabIndex();
+  }
+  removeItemsTabIndex() {
+    var e, t;
+    (t = (e = this.selectAllEl) == null ? void 0 : e.querySelector('[role="option"]')) == null || t.removeAttribute("tabIndex"), this.items.forEach((i) => {
+      var s;
+      return (s = i.querySelector('[role="option"]')) == null ? void 0 : s.removeAttribute("tabIndex");
+    });
+  }
+  setItemDisabledState() {
+    this.disabled && this.items.forEach((e) => e.disabled = !0);
+  }
+  setItemContext() {
+    this.multiSelect ? this.items.forEach((e) => e.context = "multi-select") : (this.items.forEach((e) => e.context = "single-select"), this.value.length > 1 && this.updateValue([this.value[0]]));
+  }
+  setupDragDrop() {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = f.create(this.listboxEl, {
+      animation: 150,
+      draggable: 'swirl-option-list-item[allow-drag="true"]',
+      handle: ".option-list-item__drag-handle",
+      onEnd: (e) => {
+        this.itemDrop.emit({
+          item: e.item,
+          oldIndex: e.oldIndex,
+          newIndex: e.newIndex
+        });
+      }
+    }));
+  }
+  setItemAllowDragState() {
+    if (this.allowDrag && !this.multiSelect) {
+      console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
+      return;
+    }
+    const e = d(this.el, "swirl-option-list-section");
+    if (this.allowDrag && e.length > 0) {
+      console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
+      return;
+    }
+    this.allowDrag ? this.items.forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
+    });
+  }
+  selectItem(e) {
+    if (this.disabled)
+      return;
+    const t = this.items[e];
+    if (t.disabled)
+      return;
+    const i = this.value.includes(t.value);
+    i && !this.allowDeselect || (this.multiSelect || (this.value = []), i ? this.updateValue(this.value.filter((s) => s !== t.value)) : this.updateValue([...this.value, t.value]), this.focusItem(e));
+  }
+  updateValue(e) {
+    this.value = e, this.valueChange.emit(this.value);
+  }
+  selectFocusedItem() {
+    this.disabled || this.getActiveItemIndex() === -1 || this.selectItem(this.getActiveItemIndex());
+  }
+  selectAllItems() {
+    if (this.disabled)
+      return;
+    this.items.every((t) => this.value.includes(t.value)) ? this.updateValue([]) : this.updateValue(this.items.map((t) => t.value));
+  }
+  syncItemsWithValue() {
+    var e;
+    (e = this.items) == null || e.forEach((t) => t.selected = this.value.includes(t.value));
+  }
+  focusItem(e) {
+    var i;
+    if (this.disabled)
+      return;
+    this.removeItemsTabIndex();
+    const t = (i = this.items[e]) == null ? void 0 : i.querySelector('[role="option"]');
+    !Boolean(t) || (t.setAttribute("tabIndex", "0"), t.focus(), this.focusedItem = t);
+  }
+  focusNextItem() {
+    if (this.disabled)
+      return;
+    const e = this.getActiveItemIndex(), t = Math.min(e + 1, this.items.length - 1);
+    this.focusItem(t);
+  }
+  focusPreviousItem() {
+    const e = this.getActiveItemIndex();
+    if (e <= 0 && this.showSelectAll)
+      this.focusSelectAll();
+    else {
+      const t = Math.max(e - 1, 0);
+      this.focusItem(t);
+    }
+  }
+  focusSelectAll() {
+    var t;
+    const e = (t = this.selectAllEl) == null ? void 0 : t.querySelector('[role="option"]');
+    !e || (this.removeItemsTabIndex(), e.setAttribute("tabIndex", "0"), e.focus(), this.focusedItem = void 0);
+  }
+  getActiveItemIndex() {
+    return Boolean(this.focusedItem) ? this.items.map((e) => e.querySelector('[role="option"]')).findIndex((e) => e === this.focusedItem) : Boolean(this.selectAllEl) ? -1 : 0;
+  }
+  getItemIndex(e) {
+    return this.items.map((t) => t).findIndex((t) => t === e);
+  }
+  moveDraggedItemDown() {
+    const e = this.dragging.nextElementSibling;
+    !Boolean(e) || (e.after(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getActiveItemIndex() + 1}`);
+  }
+  moveDraggedItemUp() {
+    const e = this.dragging.previousElementSibling;
+    !Boolean(e) || e === this.selectAllEl || (e.before(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+  }
+  setSectionSeparator() {
+    if (!this.el)
+      return;
+    Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t) => t.isConnected).forEach((t, i) => {
+      var s;
+      i === 0 && ((s = t.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-OPTION-LIST-ITEM" && (t.hasSeparator = !1);
+    });
+  }
+  subscribeToSwirlPopover() {
+    var e;
+    this.swirlPopover = r(this.el, "swirl-popover"), (e = this.swirlPopover) == null || e.addEventListener("popoverClose", this.resetTabIndex);
+  }
+  unsubscribeFromSwirlPopover() {
+    var e;
+    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetTabIndex);
+  }
+  render() {
+    const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0, i = this.multiSelect && this.showSelectAll;
+    return o(m, { key: "81e4328b85a61fa6287fae5229dcc9b03aa22384" }, o("swirl-visually-hidden", { key: "46443bbe440e32294fa0695cb21e11636d1bb585", role: "alert" }, this.assistiveText), o("div", { key: "49e218580d2c7d3ffbe28ef4841a525e658eea2a", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, i && o("swirl-option-list-item", { key: "8ec07cb33514dcb997ed90e7e8e611ed3cf37eee", ref: (s) => this.selectAllEl = s, label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === !0, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue }), o("slot", { key: "14d73c971056601a5e20c2a461cbc1d7f3611da3", onSlotchange: this.setSectionSeparator })));
+  }
+  get el() {
+    return p(this);
+  }
+  static get watchers() {
+    return {
+      allowDrag: ["watchAllowDrag"],
+      disabled: ["watchDisabled"],
+      multiSelect: ["watchMultiSelect"],
+      value: ["watchValue"]
+    };
+  }
+};
+I.style = x;
+const _ = `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item,.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);color:var(--s-text-on-status);background-color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);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-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);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-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item{position:relative;width:100%;height:100%}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, S = class {
+  constructor(e) {
+    h(this, e), this.toggleDrag = c(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.indeterminate = !1, this.swirlAriaRole = "option", this.iconSize = 24, this.elementId = b(), this.mediaQueryUnsubscribe = () => {
+    }, this.onDragHandleKeyDown = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
+    }, this.onBlur = () => {
+      this.focused = !1;
+    }, this.onFocus = () => {
+      this.focused = !0;
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = v.subscribe((e) => {
+      this.forceIconProps(e), this.updateIconSize(e);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(e) {
+    var i;
+    const t = (i = this.iconEl) == null ? void 0 : i.children[0];
+    t == null || t.setAttribute("size", e ? "20" : "24");
+  }
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
+  }
+  render() {
+    const e = this.disabled ? "true" : void 0, t = this.indeterminate ? void 0 : String(this.selected), i = this.context === "multi-select", s = Boolean(this.icon) && this.context === "single-select", l = Boolean(this.iconBadge), n = this.el.querySelector('[slot="avatar"]'), a = this.selected && this.context === "single-select", u = w("option-list-item", `option-list-item--context-${this.context}`, {
+      "option-list-item--disabled": this.disabled,
+      "option-list-item--draggable": this.allowDrag,
+      "option-list-item--dragging": this.dragging,
+      "option-list-item--selected": this.selected,
+      "option-list-item--indeterminate": this.indeterminate && !this.selected,
+      "option-list-item--show-avatar": n
+    });
+    return o(m, { key: "7c8908b57d34b0b2b3f653c95e0d2e0f51718e5d" }, o("div", { key: "43d37288ae18d491525a11bcca3e290a2cfe8032", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: u, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, s && o("span", { key: "30033c6dc6a039513bd2af36d906d2b525a95342", class: "option-list-item__icon", innerHTML: this.icon, ref: (g) => this.iconEl = g }, l && o("span", { key: "895240689aae388704b648d07e58084a5f8b519a", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), i && o("span", { key: "55be7b715077761e58a5858983567114b5792f3c", class: "option-list-item__checkbox" }, o("span", { key: "def941684a7c545f67ee1ae7bbf28ab68a1d7eda", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "09b98b73dee9c9d56ef8d485099e008366db185c", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "27fc967fc1444071f0f2a836fc3a2279d2d29336", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "2af33cf8bfecfdb469fc34e9d5cd7e6b50dbf934", class: "option-list-item__avatar" }, o("slot", { key: "20b173de4a6859f68d0fa5461b2834c56adab911", name: "avatar" })), o("span", { key: "422666ffc17ba76eb144bb051e4a556b415681b8", class: "option-list-item__label-container" }, o("span", { key: "6eccae90d8ac2b0bbf4352afa09505d41155ddb9", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "b3145c6e0b24b60ae80917fdbd74b6f776dcc0f4", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), a && o("span", { key: "6e9f153d01c83bdf5ed2ff6ec6263b2aa790b9c8", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "f087458bf5ff0a5bfed119d72819f2c36bfdac1c", size: this.iconSize }))), this.allowDrag && o("button", { key: "82c37e9d5a8bb8cf2406800e1fa31684234e2793", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, o("swirl-icon-drag-handle", { key: "8b61a793b26fd7573521e2064a9bd9fa8b8aa31d", size: this.iconSize })));
+  }
+  get el() {
+    return p(this);
+  }
+};
+S.style = _;
+export {
+  I as swirl_option_list,
+  S as swirl_option_list_item
+};

package/dist/{swirl-pagination.entry.623875e1.js → swirl-pagination.entry.26b73088.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.9632ab86.js";
+import { r as l, c as s, h as e, H as r } from "./index.8f538b02.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { d as c } from "./utils-D_MUFqkF.654ff3ce.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: "20382f45fe6041f7a8d4d93ebce9f2cebeb4f041" }, e("nav", { key: "26b6d22fc4bc9fc2ffe5ae6ebf30c6ce5e9b6c59", "aria-label": this.label, class: o }, e("ul", { key: "47d749d57262eb5b277193d3b1fbb1e6a1194db0", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "e4d2bd569b832060cccc9ba569ac313a651037c5", class: "pagination__list-item" }, e("label", { key: "92384d3dfdc9e7ca611dbb2a954482e1873d00ab", class: "pagination__page-size-selection" }, e("swirl-text", { key: "a0dc7bfdb41296cb754b97810e7ab906ee4ab892", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "a67eedd2ec7b81a8e3a9e4ea476a4dfa33429c51", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "9286a300f6e37e68cb848a7098402298443204c0", 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: "63de1a3653e7d3ec598db18a33336f48ab7c28fb", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "11c71a54bdbd566dec5222f89886fabe476dfe9c", class: "pagination__list-item" }, e("swirl-button", { key: "708f9488dc91520ab2b07849cc04f95aa59335d2", 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: "0e8c718593af2b3af7c2983daec8097741463645", class: "pagination__list-item" }, e("swirl-button", { key: "24bba36488d9e99de8073624d8fcef9e04c3f29b", 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: "9591e1c1a1ac1d7af9beb171605fadcac5620259", class: "pagination__list-item" }, e("swirl-button", { key: "9af551b80cbcefdd1c7e392f1191954e44aa0db6", 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: "6a397b8f7ce772e315d9c194dd35dd70cf371d64", class: "pagination__list-item" }, e("swirl-button", { key: "778016987fccd52955ff6abf3f7baa66a3028f77", 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: "b704ed67ac28dce5806c06cb25a07dd084c5548c" }, e("nav", { key: "2f28d2cd07d9f6bdc754391645e416bcb7c70a57", "aria-label": this.label, class: o }, e("ul", { key: "7ed5dce860b61314e2162e0cf0ad59ca70e3bacd", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "d89fdb1d02f3fb1545006185b8333fc46e5e5086", class: "pagination__list-item" }, e("label", { key: "e346431a8a3c3fc4fe4ade7ae80840ab2562f7cb", class: "pagination__page-size-selection" }, e("swirl-text", { key: "dea7818337eea41ee40b9c0aa971020556b2734b", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "c672c813cd313fe0d44a83e964e40ccf2e0b1b38", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "645590e84b94957f3f8e24ada246836ad930ca54", 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: "6e9d135be6206cf2aaaac8825394e33f6573ff3c", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "80f4f41c6d945f81887e04f47564c583e6f683d2", class: "pagination__list-item" }, e("swirl-button", { key: "9955da23dea56f6e7ed30cd7f95739454ec7b89f", 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: "a1d3e6b188c72ae40aa6b84d2d7d1a06ba22726c", class: "pagination__list-item" }, e("swirl-button", { key: "9c0e5c0b0f8f8ef871bd223ed8b624d59752fe12", 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: "12502f89d5407005dbe5943ae55207c8651c0e46", class: "pagination__list-item" }, e("swirl-button", { key: "acc9845b16a0ff100fd92958987ea6951c3b467d", 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: "cd5f32bed27caac1acd8794fddc2afb755cd6011", class: "pagination__list-item" }, e("swirl-button", { key: "e20a1e9c05f70a5a85380951611b13d661eeda87", 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 })))));
   }
 };
 h.style = g;

package/dist/{swirl-pdf-reader.entry.5a7aaf5e.js → swirl-pdf-reader.entry.782178e4.js}

@@ -1,6 +1,6 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.9632ab86.js";
-import { A as b } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
-import { d as h, e as p } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.8f538b02.js";
+import { A as h } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
+import { d as b, e as p } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import { q as m, i as s } from "./utils-D_MUFqkF.654ff3ce.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: "f87b2b3a17aaf552e6f0dbc835b088eb536039ea" }, e("section", { key: "25b0731720226bed4184a5af5c71cf1e788ce48c", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "e92243994384e1f64b4d2428cac74b2530e758d7", class: "pdf-reader__body", role: "document" }, e("header", { key: "ee43973e95458e858327f6aff41604960ef62b55", class: "pdf-reader__header" }, e("span", { key: "d99b29226ab193058a2e0fff1c040ccf659afea2", class: "pdf-reader__header-left" }, e("swirl-button", { key: "8b8e4d8f98389f941ceac90cac49776411856ea2", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "5e7997697d19d70423b2f165f91de9b16cb35caf", class: "pdf-reader__label" }, this.label)), e("span", { key: "9bcfde5a3c1a6b97cb43cc1ab927429684641a55", class: "pdf-reader__header-center" }, e("span", { key: "6c0132c6acc1e70364e821c1f739113b1cf522d3", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "d9ea9812f4733a4e3277c82116f68edfc53738a3", 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: "11be2b56eee7d28c084f4e037cf2145a1faa9a51", 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: "bc9c90a84d42e856e12bbb0b8d3cb548779d8e86", class: "pdf-reader__zoom-select-container" }, e("select", { key: "181fcc00c792b3f3555eade3b54ef90d60c35857", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "3e98415364654611fd51e09ab695116bbc7f35ef", 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: "b423b9a5539bbb92ee274a71c58bf52b4f0301e6", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "77b0e060f06432b6e6bbb5772e5639e14ea49e9a", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "5a19c37fd2a0ad433dc3d4afe6a5ac42986b09b2", swirlPopover: this.menu }, e("swirl-button", { key: "ae1142188d599d6356af3d0b4e95b83c5caa7c45", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "7acbbf877cd39623ec955d327e261b701f1d8ab4", class: "pdf-reader__floating-tools" }, e("button", { key: "70d0d3747756f09f3e11ea6ddf65c4babede31ec", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "e27fffb208d9833dc8e24bd3e04bd0fe0f8c0589" })), e("button", { key: "e17bd59764ff227e1b8ff134246290cda9cfba7f", "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: "c58d3a80e58a10ce7632ce7ac28bcea58eccc224" })))), e("div", { key: "74d8c2e1ee69ad32af9b73ac2a496a764fadf477", class: "pdf-reader__content" }, e("nav", { key: "737e42464d5d2c6ba1efff03b3d03bdfff038f59", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "63b14085da166d9564ca9d6ccbf46d6561e90623" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "515960803523dea86f7446fd18eba521c6ca02f0" }, e("section", { key: "bfcfea211e11f4c2e565887aacc18367c220c421", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "801c07423b601e4f60fdf280d7d933489525164c", class: "pdf-reader__body", role: "document" }, e("header", { key: "896d7837356c61d927f88b66b0741aa622d811a0", class: "pdf-reader__header" }, e("span", { key: "ca1fe5f7be071c74b0f4c2bbcfb7909b4cbb072e", class: "pdf-reader__header-left" }, e("swirl-button", { key: "4a3676ea694b32348e8acff117b2bb26d0a10671", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "49272d13604584518ce0ad2dd25cb31699ed9634", class: "pdf-reader__label" }, this.label)), e("span", { key: "a482c669f1ee416f8ca355c5186e5a646cc5b11f", class: "pdf-reader__header-center" }, e("span", { key: "ac2ef58e250a4abee7a7c0cffdca057f0d52d07c", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "54a6f772eabbad5547ee7c3d3a113e2b4b5d6078", 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: "bd432310642717b5235f206a3e558fd475980a7a", 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: "9f3fc62f591ad873da69ecffa2e5e4a6cb7978f1", class: "pdf-reader__zoom-select-container" }, e("select", { key: "c00e81319387361d09d138e5d33f8c034841894e", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "5bbc342df0e97d2b70a4f5394c8e0ecc5b33dfd9", 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: "67ce2ae2a12f1b17c3e063521fa43b0f530cdf96", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "465ad127a3fc759ad93fc38dbd6cf68893785575", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "f13cd9ed6e32f68e2a7575d5fee58ad4b8b0a149", swirlPopover: this.menu }, e("swirl-button", { key: "f67a577d18843f1da912465834eccbe090560969", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "a44795c891c3566f783d63b522ec19b11e3f973c", class: "pdf-reader__floating-tools" }, e("button", { key: "e45255f56801ba041734b80d371c2210dd2fcd4a", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "6d1508cd90b8552c0cd5084d6926cbf49910a853" })), e("button", { key: "7ebdb7fb9e2d430bd0e4cfaeb262a8cf6b209663", "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: "f4726e2550e376284ec53a5200f37ce257c98c71" })))), e("div", { key: "90a9ce63695bdbe9d0ef74f74998724ebe3cb1ea", class: "pdf-reader__content" }, e("nav", { key: "554a7934e6d0a42d6090b216b0aff566dabd457c", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "db58c0237ae232f155d10220983cb4e2421f4c13" }), !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: "3858c868032472c3a59d514e91f58a5e460c0266", active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "4242e07f8f5c8af6c93212aedb33af817914b65b", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "3b08e227ea2cc3ea9aae3d380f90f861f55184bb", "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: "ae351989ba28399ca41152f20cfaa3e1438b5600", "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: "c2b553e026fd580505dbd37c97f96a1a937db5db" })), e("button", { key: "0ee23b8b2ded7e117a7493ccb6c9dd2a90269bc2", "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: "c6c9373b8fef486199d6c6f0c40c30103d08dabc" }))))), e("swirl-popover", { key: "7c0b07d01e9e7fdc5df8f782b4c1f221ebd6b0dd", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "c735b038b60fd8a425057bbc745ba19600a28c68" }, e("div", { key: "de929823da14fe898ca4f5f015677ec086432a58", class: "pdf-reader__meta" }, e("div", { key: "9c8d9abd3df26e0035521aa54199684c5e9b2865", class: "pdf-reader__file-icon" }, e("svg", { key: "2e01364248ea1b4f8baf4cb2f138927ee69e2406", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "b63ff107183509cea5c72ad8cdac419a61ac7492", 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: "993a8ebba103b08a1b3cb328516fb4a76da87d9b", 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: "70757211830be3d8ecb71b2729245238c22e6504", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "e17060418e5b6e4a9f55a7a071a0c5fdff893e33", 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: "1c91b39fe992a45c49af2c1a3df633e19dd6ace1", 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: "a7d1b7d3ab97344a73a3ebef3c8e181d6e0099ac", 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: "5973e0b9ce3693c651f54716ba7e52f7bedda0d4", 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: "e3996205518df8bd5383db2c405f07fa45b80d30", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "33adf23b10eb44545baf003aeabd35b1ef53cc82", class: "pdf-reader__file-info" }, e("swirl-text", { key: "c62b9ed3fc735956c07bf51554e85c2c3569d311", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "3f70a4750bf19d4a673f08f076ce95dae77228eb", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "a02b99f40ab20f2a6e90eacf4640e752ed595033" }), e("swirl-action-list", { key: "7b5e86ff8b0fbd6c80646141e88b59c904651878", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "db5d97aa1d4840357e18ecd20147c6e86d5a64f1", 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: "4ded273871f452184b41d9bd37b5292a8df6dcde", 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: "186ede09cf84da2c4065d5aa3d554b617a3ee68b", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "c84c8ff50a2853c66f5cefa3d15d036476567d70", active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "6a2a16abefd7345cabe50fffbf560b308a1646b7", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "b7746e87c3ec7f92018834626af35f7f17da32af", "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: "7e9b21d73558237b28fab6428f46b50dcb4d2167", "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: "0f0aa91182ad029370ace261907ffca0bde49134" })), e("button", { key: "f31f84e32cd31d37e8af2f3952883aa330a2da74", "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: "bf624cb0c92d4733a71baa9f2a23e8e983f61738" }))))), e("swirl-popover", { key: "18dd33fe5d315ff21b30e3e88358e22278f5a5b3", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "258a49b88b597f65c97838af96351bade870357f" }, e("div", { key: "c2c01eb57651e5cd8c2f0d8e393b16f88b718890", class: "pdf-reader__meta" }, e("div", { key: "928c5b3f17758532b6b65d113fe561d873ccd52d", class: "pdf-reader__file-icon" }, e("svg", { key: "88fa5638d77ac207ec74a3340d2cf41605cb6ee6", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "1cc10e32894cc61c3363593a6edbea668d923073", 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: "ad6810f792d9acc4f6dfc4af11bf98f897dfcc9f", 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: "2150afede08315b292342f1bc85e445ab3028c70", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "97202239494ad50b674af45741bfcc051ea119e1", 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: "b7bd8bdc65e1e1d49ee756a30ebf18cbe612e5f0", 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: "93a069d975f8ec5f3fadbc0342862cc5fb72e11f", 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: "f4460876179eb5c1645c1b8871b7d9164dfe480b", 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: "151f35595f07f77ec2c11163366b6360929e1cc7", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "5d80b3f3596537797ace6ad59b76fa0c4ed730f1", class: "pdf-reader__file-info" }, e("swirl-text", { key: "2fddf758f97c7f76ba0c142ef35fac9edd439433", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "c84f89631e0d6b29cff51600078c0b76a9ef6e12", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "008e2c0d7b29a6ff290c790009c7f880fd25ef98" }), e("swirl-action-list", { key: "bc53ce2850548cabb65e61a6ff0edaf5962d1a43", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "1985f7c3c8787a238b26b538c6c440a913ff93e2", 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: "1d27a3d176a43986b39b86f76f7f27e00be7111e", 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: "a67a0215e1c46f876d10cdda879cd6198d746266", name: "menu-items" }))))));
   }
   get el() {
     return f(this);