@getflip/swirl-components-react 0.335.0 → 0.336.0

package/dist/{swirl-lightbox.entry.39cc10b9.js → swirl-lightbox.entry.2c4c5fcd.js}

@@ -1,5 +1,5 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.d7454d9a.js";
-import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.736c6dd0.js";
+import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { q as v } from "./utils-28df99ee.9fb223f6.js";
@@ -30,10 +30,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       if (a || s)
         return;
       t.preventDefault();
-      const r = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
-      this.slides.forEach((d) => {
-        const c = this.activeSlideIndex * d.getBoundingClientRect().width;
-        this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
+      const d = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((r) => {
+        const c = this.activeSlideIndex * r.getBoundingClientRect().width;
+        this.dragDelta = d, r.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
       });
     }, this.onPointerUp = () => {
       if (!this.dragging)
@@ -138,7 +138,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.thumbnailUrl;
   }
   lockBodyScroll() {
-    g(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
     m(this.el);
@@ -157,15 +157,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, d = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
       "lightbox--closing": this.closing,
       "lightbox--hide-menu": !s,
-      "lightbox--hide-toolbar": !r
+      "lightbox--hide-toolbar": !d
     });
-    return i(u, { key: "0f13478b9fc8ca96313a99269fed18c96b7e1d40" }, i("section", { key: "1acf4bae73d51de2a8c44d4178a0a29283969d78", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "ab5b72987a2959dab05a8a689d7cae0159b0af39", class: "lightbox__body", role: "document" }, i("header", { key: "71e9442757567cdd1208b089f9e78ef6797fe300", class: "lightbox__header" }, i("button", { key: "04581bb9fb5fac3ba94af18c0ee5cfe7c04fc0dd", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "a7e815487f60e133ce98df74871213a64ff727fe" })), i("div", { key: "0714381dd50d3c9b5c2e9f4bd80bac6fe181d9ca", class: "lightbox__toolbar" }, i("slot", { key: "85c930a59b6027cfeea3513fe64e40f7c675569e", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "ce0eef23b2130778497743ca9e25f4f947ee85fb", swirlPopover: this.menu }, i("button", { key: "1b259f69aea21a260b873dff57cc4ceadaeca2b9", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "a9868c85737d1c0871d41d10f4e3eae5c8804bbc" })))), i("div", { key: "e743369f3f895ff75a9748eb65ec93f1e2908515", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "548bfeb69bc9eee7a2af440f454890d4336d4e17", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "3a01f0a83f7a46b363e61e4b0d20a25528f2a9b4", onSlotchange: this.registerSlides }))), i("div", { key: "3b2a05bb8bc1a41b00193c371d0090484dfd422a", class: "lightbox__controls" }, i("button", { key: "064a3fd392e8fd87f8bc12dc264dd904f22fe115", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "fb6c82ca86df19a580c0b909dfb1a3f46fefe143" })), i("button", { key: "abd6770f2f5bd3b5255e2573825525cd4472b949", "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: "03b54cd86d1501b59778543b162499cb75fefe51" }))), e && i("span", { key: "d86a972a925a67ade235f5e5180b25b3a9d7fa69", class: "lightbox__pagination" }, i("span", { key: "2306b3690e40de9a0d29534e61a9188d7a06279d", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "8d53e120b0dd92753e3c33e1721679e0ec868775", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "f73adc18cd36525bc761ed06896f19b8937c157a" }, i("div", { key: "7c7698fc8ebf185b422f729dc2fa164be6b1782d", class: "lightbox__meta" }, o && i("div", { key: "8157eee080146d19418812a768f0f5a1ad43cce1", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "767729e27152cc056cd3aabf1d8b9782ed7eb57a", alt: "", src: o })), i("div", { key: "64efe75f389d636483cf2b2a693787869a288d55", class: "lightbox__file-info" }, i("swirl-text", { key: "ee40df737527388a578f2cf89b78cd8c3c0b663f", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "33be93202741c22790af03a1f28b1e691583e9e4", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "6a68895a68ac35c7606b435269ff73041e9cc8b6" }), i("swirl-action-list", { key: "fddbf109d3432464f507881fc4f26bbe2587b944" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "f49993dc07023aa36c34ab141eb0253fb3327ea9", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "54b9adf9b66f4163e7d91944d82f3023e9205e5f", name: "menu-items" }))))));
+    return i(u, { key: "0f8c48b00e1972fe20b9cb9160ffa75ebbe68b31" }, i("section", { key: "497f4b128ea46393aca19126b2e81dfd5be12eab", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "704ff8fd78be391bb0a17970a25da3f29755a3e2", class: "lightbox__body", role: "document" }, i("header", { key: "35f91ae5a3b5aecd2c12e43f48c8319802b6369e", class: "lightbox__header" }, i("button", { key: "91bcc985d21ee9884f01130d4b8468d7180b81f3", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "a0ddde2a8106a25b89f4654702cd10dfc73d0f62" })), i("div", { key: "7eb00263c251f1dc80bb0d9071f3c108a6a6532d", class: "lightbox__toolbar" }, i("slot", { key: "3230652dfd135e4f23e991bb9cde79ece40e4db2", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "6960b0e789bec4ec1452065f081b53af86299a1f", swirlPopover: this.menu }, i("button", { key: "b18a6cf31da0ba74b167315d2bd8f4d51967c490", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "81ae6eeb8e40b79126295ba31325978866cd1678" })))), i("div", { key: "0b9fa62a239e6cecd5a9c122226866549eaf627b", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "a00dc489d44cb1a8667d6c8cbedec9f3cf59ccda", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "51220e3d6f431f63fd57dfeabbc6953baec2fdbe", onSlotchange: this.registerSlides }))), i("div", { key: "8ddd14a6cb67b72040b46d14cd22d8d4879aad3c", class: "lightbox__controls" }, i("button", { key: "35bbc23a12f342a7df04c9e7145dacd837ab6018", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "3d65bd01680cb6744a13ba3b577387766875afe8" })), i("button", { key: "0ef6dbf292ec27584d6e9142e49f1558309da82d", "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: "cdbd68c166f56f35cda50d4ea1b68f44227de575" }))), e && i("span", { key: "12bda3033b9940e60e5d5ab38b8fb8077ac1361f", class: "lightbox__pagination" }, i("span", { key: "3916a1e62af8bd9e901fccf576f8f11adc8c821e", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "2b0d20711719bf7943643b686fae4fec6412b428", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "0a9e6b60fe85e12eabc0b57dad29b9966e961961" }, i("div", { key: "760d838368b6b4cbd99df8c3088a15d49f70bf2b", class: "lightbox__meta" }, o && i("div", { key: "35ca983a46615e6bf4f0bc5f987b2e163290b217", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "485f69edce7ca222126c10a7e046c8468233c5d5", alt: "", src: o })), i("div", { key: "c6904449f12ed823d51b6dd6f621ef77528b778e", class: "lightbox__file-info" }, i("swirl-text", { key: "b474eaadb4dc03d1554db2ec2ab16359a7f6d244", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "4c5471691b311c2e0780fc3a6a6d163dd4097014", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "95eb4c4c9a1b33f25359f29505aadf6d728d412b" }), i("swirl-action-list", { key: "b79c2a14665cce827d6d81a0e14953e9625f67dd" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "01c040fc1e3fc2e9568c58d69a47ae6f7be6d0bb", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "bd874991eca3968674fad34b6c8cf358fe9a14bb", name: "menu-items" }))))));
   }
   get el() {
-    return f(this);
+    return g(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-link.entry.3cf1e0e6.js → swirl-link.entry.97bddf86.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.d7454d9a.js";
+import { r, h as i, H as t } from "./index.736c6dd0.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-list.entry.29631d45.js → swirl-list.entry.af0e3d34.js}

@@ -1,15 +1,15 @@
-import { r as l, h as i, H as r } from "./index.d7454d9a.js";
+import { r as l, h as e, H as r } from "./index.736c6dd0.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 = s, o = class {
-  constructor(e) {
-    l(this, e);
+  constructor(i) {
+    l(this, i);
   }
   componentDidRender() {
     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: "8e9885ba8500482b3655414fce3bfbb36f1323f9" }, i("div", { key: "67e7f395d2692501b0dd1bdb0b67b2063efad59d", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "86ce365ec003fd1366381237b4a041974e1fad29" })));
+    return e(r, { key: "83c4e9a4baa5ccdf8e91af03eb6a06504aa39347" }, e("div", { key: "f83a8ab8353ea1b0e6775302223b01b9192b10f8", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "0f3777a914a78b39572113ed94da683c80389d97" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.9728a271.js → swirl-menu-item.entry.bbd9fe47.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.d7454d9a.js";
+import { r, f as l, h as i, H as d, g as h } from "./index.736c6dd0.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { l as c, p } from "./utils-28df99ee.9fb223f6.js";
 import "react";
@@ -37,7 +37,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     return this.subMenu;
   }
   async updateValue() {
-    d(this);
+    l(this);
   }
   async getParentMenu() {
     return this.parentMenu;
@@ -67,7 +67,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const e = u("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "a8cec36a609b88295d386d37f0365d41aa59ec8c" }, i("div", { key: "b40f54c07f333a5991304e8b21ecab2ea7dc6339", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "9c3b52e919cb8a6b8dab58195a8259a64d0c6953", onSlotchange: this.onSlotChange })));
+    return i(d, { key: "c93af684f4e13ae0900063a8c4ad3f9b4e8b49f0" }, i("div", { key: "1cd656c86608a56073896bf2359459c6d5b9b3fc", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "a9a29e748a54ec9a277e2717a0a0f36760666faa", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.03d482d2.js → swirl-menu.entry.f25a2f3f.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as f } from "./index.d7454d9a.js";
+import { r as d, c, h as o, H as b, g as f } from "./index.736c6dd0.js";
 import { c as p, a as v, 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, l, p as h, i as I, k as x } from "./utils-28df99ee.9fb223f6.js";

package/dist/{swirl-modal.entry.9695d54f.js → swirl-modal.entry.d27c16aa.js}

@@ -1,10 +1,10 @@
-import { r as p, c as t, h as e, H as u, g as v } from "./index.d7454d9a.js";
+import { r as u, c as t, h as e, H as p, g } from "./index.736c6dd0.js";
 import { d as m, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { c as _ } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
 import "react-dom";
-const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--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);--swirl-resource-list-item-background-default:var(
+const w = `:host{display:block}:host *{box-sizing:border-box}.modal{--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);--swirl-resource-list-item-background-default:var(
     --s-surface-overlay-default
   );--swirl-resource-list-item-background-hovered:var(
     --s-surface-overlay-hovered
@@ -12,22 +12,24 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     --s-surface-overlay-pressed
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
     var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
-    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:calc(
+    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) +
         var(--swirl-modal-max-secondary-content-width)
-    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content .modal__body{max-width:calc(
+    )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
-    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(
+    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal:not(.modal--fullscreen) .modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content:not(.modal--fullscreen) .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
-    )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, w = g, y = class {
+    )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, v = w, y = class {
   constructor(a) {
-    p(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.onKeyDown = (o) => {
+    u(this, a), this.toggleFullscreen = t(this, "toggleFullscreen", 7), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
     }, this.onCloseButtonClick = () => {
       this.close();
+    }, this.onFullscreenButtonClick = () => {
+      this.setFullscreen(!this.isFullscreen);
     }, this.onSidebarCloseButtonClick = () => {
       this.hideSidebarContent = !0, this.sidebarClose.emit();
     }, this.onPrimaryAction = (o) => {
@@ -44,7 +46,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       var r, i, l, n, c, h;
       const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.sidebarScrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.sidebarScrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.sidebarScrollContainer) == null ? void 0 : h.offsetHeight);
       o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), s !== this.sidebarScrollable && (this.sidebarScrollable = s);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.sidebarLabel = void 0, this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.hideSidebarContent = void 0, this.hasSidebarCloseButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0, this.hasSidebarFooter = void 0, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1;
+    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.showFullscreenButton = void 0, this.sidebarLabel = void 0, this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.hideSidebarContent = void 0, this.hasSidebarCloseButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0, this.hasSidebarFooter = void 0, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1;
   }
   componentDidLoad() {
     this.focusTrap = _(this.modalEl, {
@@ -78,6 +80,9 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
+  async setFullscreen(a) {
+    this.isFullscreen !== a && (this.isFullscreenTransitioning = !0, this.isFullscreen = a, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
+  }
   updateCustomFooterStatus() {
     this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
   }
@@ -109,6 +114,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   render() {
     const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
+      "modal--fullscreen": this.isFullscreen,
+      "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
       "modal--has-header-tools": this.hasHeaderTools,
@@ -127,19 +134,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(u, { key: "1a9eb8a9970023ad99eabf1d17eb759eb75afad2" }, e("section", { key: "deb32d3563c0393fdacd7bbfb9aa07c0ae397159", "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: "25b29175d141fe4d010c1585ff8154f88d8b4d9f", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "7ad5e8e10b50ab09792c77c1f3b122d2398612f4", class: "modal__body", style: {
+    return e(p, { key: "2b23bee007479c77c1d9b2933b2c4d4810c53c32" }, e("section", { key: "64d583fdc341ab721810f81054f82673c1ee382f", "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: "f0c219caceeb4a4f71738c2d3fc263c7beb4c208", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "1329ab999eeddbe8d28a96c972f3789560cd8c1d", class: "modal__body", style: this.isFullscreen ? {} : {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("aside", { key: "fb5853f488161fbb2df6e0ef1bc911d115999e9a", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "3643530a51c304a2a7c4ac1103f1546a4d090618", class: f("modal__sidebar-header", {
+    } }, e("aside", { key: "63f669b4ad672558db1d1fa6bc3b7b97454dc78b", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "d7eead9a08be568d954af5aa2d2e68e3c67db59c", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "29aa13a04ef83133049eb6f49f4578ccd93cfc6b", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "b92e3d38bc6559e9868e5f75e3aaf296e78c9696", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "8bf37fa2dd52477ca828758ace0ef7b18bb945bb", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "c1c0873ff28611a5cc5ed9705322e86b75b67c93", name: "sidebar-content" })), e("div", { key: "fbebaaf26c3152ce16ee5cd8e82cfc7ca5d8b8b8", class: "modal__sidebar-footer" }, e("slot", { key: "83c9f754a9e5c9063a12bd403476a84b746a96bd", name: "sidebar-footer" }))), e("div", { key: "55d511a2c357da9c2f54caa1981e54ae45519409", class: "modal__main-content" }, e("header", { key: "fa630f032e937e80bae3aaa03f7f20209bd0728e", class: "modal__custom-header" }, e("slot", { key: "0bdb2933cda72a2013058294c5130c01a7de196f", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6ca45cec4e99f4a43a54b619757749e3841899b0", class: "modal__header" }, e("div", { key: "7628dcff105c33d18a2baa1fe5c9b98f64ec626e", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "536e9768763548232a010e4ff1c9742989af674b", 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: "518b2561a7c6a50a1e7c689fc19184a42307fc8b", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "0152c4b62ccc9e291d262ccf12d15b9a472d5583", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "54fbca0f39217bbf7d6d8200b6462eb295a99e43", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "6072ef15fc9c9f8e4d5eac37379aaa658e82f8e1", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "53da064e8995cf4be83e30ba6c5b0e0ca15ffb55", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "d03f908e630b4732731b0f9079f9a2d803569083", name: "sidebar-content" })), e("div", { key: "013734312f1dbded05d40e3f7dbb0f2a82e391ef", class: "modal__sidebar-footer" }, e("slot", { key: "d2b9d588479058021563e9e898e3429fdd5724aa", name: "sidebar-footer" }))), e("div", { key: "54bf61dd702931a4cfc91548c3f240e7adad0268", class: "modal__main-content" }, e("header", { key: "3fee55ec687e448b15c97f2084c26d098ea82895", class: "modal__custom-header" }, e("slot", { key: "ad4893a36c51280dc039b9f5fb38c1c5ff219ba3", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "51c21e62a5e8c9addacdf9683e269b082b6d8d69", class: "modal__header" }, e("div", { key: "a6872ebf5ccd2e94e2727d51e927eb43a3eaa0cf", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "aa957cec58fb976602decedc4b86fdc22f2658a1", 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.showFullscreenButton && e("swirl-button", { key: "64f5445121a25644bac5226896f23f33854f6b88", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "b30b7e9691d24b0ac0d3a9636a7f79c454c4f139", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "562bb64ba36106327e16ca1f2a5ea336ec45f796", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "61838be7fb71b6472ee38d02e56535b98df3fd02", class: "modal__primary-content", style: {
+    } }, e("div", { key: "f2c8bb40bdd191b92b88acff3a96712c9efca717", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "fdf89c643852c02c9661d72d8926c120bfe8fa78", class: "modal__header-tools" }, e("slot", { key: "722ac833e1c53029732a806d8aea56b2af195740", name: "header-tools" })), e("div", { key: "5d65274b8121e39358dda35dbf6cbf6b780d3933", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "6e22111e1e0436a8e0d11c20f1faedad1e55e4e2" }))), e("div", { key: "20ee5f4f6ac4b9048081967a10338696329f4134", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "8f87e7a5c7a0904637627e927d86ec2e286408fe", class: "modal__header-tools" }, e("slot", { key: "4097e5d5ec47a737d1f66d5d54297845e6409a87", name: "header-tools" })), e("div", { key: "1c50d0ff133324c69fa717e39d58360a2d112922", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "8a08576a54e4e270c6ac0cb48ddb367bb962fba5" }))), e("div", { key: "9cfecbc1bb7e4e75b7e868fbb2cf098bb41c490e", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -147,13 +154,13 @@ 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: "52e7ff912e0ae9470737ff2e7e1bdfa5efbbc886", name: "secondary-content" }))), e("div", { key: "9203acddc3938230cc0f969291fb367ca097b048", class: "modal__custom-footer" }, e("slot", { key: "0565cd9f141112c4d89d7254c7fd4d770eebe47f", name: "custom-footer" })), a && e("footer", { key: "85eac43cf12814b865a0ad924631fe65955e329c", class: "modal__controls" }, e("swirl-button-group", { key: "dc8eb5bd5fbfd3b2663eb9004be754ee14af9976", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "e39f06e8d355ca92ee4eb90b16be67ef632cbc40", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "1ef4dd744b20a90ab6c1e37233aed06d8edebc6f", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, e("slot", { key: "bfebcaa9b7bb8c5a8c2b1dca7a966892a9476ae3", name: "secondary-content" }))), e("div", { key: "7ee46134d7e88144004a50106706c9f7ef6afce6", class: "modal__custom-footer" }, e("slot", { key: "2808a25c4d093faea576e39a8f91ed93fbab9197", name: "custom-footer" })), a && e("footer", { key: "a20d76c251b5a1b4c96adedc61f3775ec0ef1d6f", class: "modal__controls" }, e("swirl-button-group", { key: "79b50ac7dca79c37a5b754755146917596d101a7", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "903d1f7a4d4cbfd71e8183eb52eef9089e1a4082", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "83566b3c0a6202a9702c7d9c0638d5550a127837", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
-    return v(this);
+    return g(this);
   }
 };
-y.style = w;
+y.style = v;
 export {
   y as swirl_modal
 };

package/dist/swirl-option-list-section.entry.d0398537.js

@@ -0,0 +1,15 @@
+import { r as i, h as e, H as t } from "./index.736c6dd0.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;
+  }
+  render() {
+    return e(t, { key: "ee4b8f616e8bce79d56e2c4ee01e0bff4b48ecc1" }, this.hasSeparator && e("swirl-separator", { key: "02710856d1f1ac1966f35746f2b8abc8b1526430", spacing: this.separatorSpacing }), e("div", { key: "3f3fc7f2f3f31cca31817f456a6d95c39f909534", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "7d5e11e171e99ae2ec29519e5bf64227ad6394a1", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "6b13c82884cb33956e834b2eae1709c459d612d3", spacing: this.spacing, align: "stretch" }, e("slot", { key: "effbff457589afcd3ef71c190f4959fc03c68b7e" }))));
+  }
+};
+c.style = o;
+export {
+  c as swirl_option_list_section
+};

package/dist/{swirl-option-list_2.entry.164139b5.js → swirl-option-list_2.entry.571abbc7.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.d7454d9a.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.736c6dd0.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { l as n, q as l } from "./utils-28df99ee.9fb223f6.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: "003cbff6423c2009a237caf4e9ea62924b961c43" }, a("swirl-visually-hidden", { key: "4ba3e72997bc2c7583c15ff4fdc68d00ce87dfa0", role: "alert" }, this.assistiveText), a("div", { key: "903a5bcf61080d8095ceb1a0d4f0369b02f765c2", "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: "aeb537f31f17b798410e39f3fcc1f3b3112e2fad", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "437c57985259a8ac0cdfae22ea186626c9b22850" }, a("swirl-visually-hidden", { key: "8e30551e6c3485a15f9d582ad6a94f9cfb1ac765", role: "alert" }, this.assistiveText), a("div", { key: "de5fb417cbbc40d2212797e042219c58a488a86d", "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: "0995b79d35c5097d2f620531a5b33b9fa6b64f83", 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: "47c30c429b8e910b006b21f6e39753a710ff7425" }, a("span", { key: "91c7946323875360ac053a28a83849b669d35913", class: e, part: "tag" }, this.icon && a("span", { key: "000de8f304e3accd6d3647e9934063fc8cd7da05", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "cadd70a25bbd6214719275f8a24aa2882c0e90d1", class: "tag__label" }, this.label), this.removable && a("button", { key: "5278b9fceb383c5854c6053d943da4e4171551fd", "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: "76b23763ac812f53e4caa07a94094982847d0525", 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: "103d9ab78d541322d1448dd09179387ff46b19de" }, a("span", { key: "a741496891a039d484db076b0bc8f8eb0aa23251", class: e, part: "tag" }, this.icon && a("span", { key: "36a53c42257ab5a5a7fde3362db258d0ad6902a6", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "36df7ac2ce98fe8201e9a56e7d7b91b7071f20e1", class: "tag__label" }, this.label), this.removable && a("button", { key: "a1db513ae6e6a09151a5c73d65c04ec8faa27e3f", "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: "2d9a7229500cda146745fa03aed1383c1e97c377", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.5e4b37bf.js → swirl-pagination.entry.d68c2d85.js}

@@ -1,35 +1,35 @@
-import { r as l, c as s, h as e, H as r } from "./index.d7454d9a.js";
+import { r as l, c as s, h as e, H as r } from "./index.736c6dd0.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as c } from "./utils-28df99ee.9fb223f6.js";
+import { d as g } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
-const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = g, d = class {
+const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
   constructor(n) {
-    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (i) => {
-      i.target.select();
+    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
+      a.target.select();
     }, this.onFirstPageButtonClick = () => {
       this.page !== 1 && this.setPage.emit(1);
     }, this.onLastPageButtonClick = () => {
       this.page !== this.pages && this.setPage.emit(this.pages);
     }, this.onPrevButtonClick = () => {
-      const i = Math.max(this.page - 1, 1);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.max(this.page - 1, 1);
+      this.page !== a && this.setPage.emit(a);
     }, this.onNextButtonClick = () => {
-      const i = Math.min(this.page + 1, this.pages);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.min(this.page + 1, this.pages);
+      this.page !== a && this.setPage.emit(a);
     }, this.onPageInput = () => {
-      let i = +this.pageInput.value;
-      isNaN(i) ? (i = this.page, this.pageInput.value = String(i)) : i > this.pages ? (i = this.pages, this.pageInput.value = String(i)) : i < 1 && (i = 1, this.pageInput.value = String(i)), this.page !== i && this.onPageUpdate(i);
-    }, this.onPageUpdate = c((i) => {
-      this.setPage.emit(i);
-    }, 500), this.onPageSizeSelect = (i) => {
-      const t = +i.target.value;
+      let a = +this.pageInput.value;
+      isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
+    }, this.onPageUpdate = g((a) => {
+      this.setPage.emit(a);
+    }, 500), this.onPageSizeSelect = (a) => {
+      const t = +a.target.value;
       this.pageSize !== t && this.setPageSize.emit(t);
     }, this.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.label = void 0, this.nextButtonLabel = "Next page", this.page = void 0, this.pageLabel = "out of", this.pages = void 0, this.pageSelectLabel = "Select a page", this.pageSize = 10, this.pageSizeOptions = [10, 25, 50], this.pageSizeSelectLabel = "Items per page:", this.prevButtonLabel = "Previous page", this.showPageSizeSelect = void 0, this.variant = "default";
   }
   render() {
-    const n = this.variant !== "simple", i = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "08c165e0dd8f22f1dd462079afbb904e3f7f50b3" }, e("nav", { key: "c6fc744fcc8ae4f67f6a5e655ca974962c5cb515", "aria-label": this.label, class: o }, e("ul", { key: "ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "eb039a282c427edb7ea44fd2af641b3f88ea1342", class: "pagination__list-item" }, e("label", { key: "7fb991ffd443fe256914638308dee16108ce14f6", class: "pagination__page-size-selection" }, e("swirl-text", { key: "6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "c3941c2f196618e857fff5d7056ff4634a51ea0e", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "073e9ede82d16fc9b1a118f428c03b507dd969c7", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => e("option", { key: a, selected: a === this.pageSize, value: a }, a))), e("swirl-icon-expand-more", { key: "ea7208c33ebd133e84d5e518140bb58137f12bfe", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "98269dd12133ccf1f48b118aec35d730d0ff05e0", class: "pagination__list-item" }, e("swirl-button", { key: "023beef078ddc519c1ac3806a99d9622246842ed", 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: "6c61b9fef4793d02fbf6f8cc872a73aca704721b", class: "pagination__list-item" }, e("swirl-button", { key: "57440dfac7ee40a3cf58a1078227b228707949e8", 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, i ? 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: (a) => this.pageInput = a, 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: "d419d0a1786dfc70389d218299656a495cfcb8f6", class: "pagination__list-item" }, e("swirl-button", { key: "d2bfc26fdeba915ed92bdae39b7a7dfa29b03de3", 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: "c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6", class: "pagination__list-item" }, e("swirl-button", { key: "79bfcd72e7a97dc01d4ac4bd2531960b618208d8", 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 })))));
+    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: "0402b2a64d56d926253ad477a7be0e3a9a98a561" }, e("nav", { key: "10c8f15e1c67976163ab968947fcea762a76f4d9", "aria-label": this.label, class: o }, e("ul", { key: "58658726f4d916e505f9ac0d84165e5947d441e9", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "50a0c3572c057b094e109d5122c12fa05a3a19f0", class: "pagination__list-item" }, e("label", { key: "4b2d8c7dd077df50920839933ed7b1af978f54a8", class: "pagination__page-size-selection" }, e("swirl-text", { key: "6a0085737edca1701419cd8ccfec43ff56d6d211", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "174b9b24838db58e6d25d6642cd602525ae22bb1", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "075ef3ffa1aeea7d6a0eb6a9e634777139fe7400", 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: "165ff6e18086347955546fdc5b9f47ef4134e694", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "ef567d2280438c435a9c9c2cf4edf7632d65cbd0", class: "pagination__list-item" }, e("swirl-button", { key: "82dfda97938179b53553cc81d895496dd0cbfadb", 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: "82e2399b7a8961102f5ba9faf576f7d0e4f59e35", class: "pagination__list-item" }, e("swirl-button", { key: "26b9a4afae8b817ebe519af5db9e79b9fa50286d", 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: "8f0c607327413a8fd5c4c0f159b6c8fc88eb3bf1", class: "pagination__list-item" }, e("swirl-button", { key: "a6b7b8bc5ad007fb65327c127ecb5f40fcd3650e", 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: "66f4551ea9a595b80c26af7dbc24cfd7c9b05b04", class: "pagination__list-item" }, e("swirl-button", { key: "bb19278d4fc1d3f6f7479401fa02a0d87312e197", 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.53feb2ad.js → swirl-pdf-reader.entry.5dab52ff.js}

@@ -1,6 +1,6 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.d7454d9a.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.736c6dd0.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-28df99ee.9fb223f6.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: "e78a93834790fb705a46c9d46230f6555aff17e5" }, e("section", { key: "07a76a9a3ff3f5e7b24950f4c32abb6d8f4f2e79", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "951418d03803cc2fbc4d447296eba560f0a61a63", class: "pdf-reader__body", role: "document" }, e("header", { key: "6590f3e9dd2894a5e42942e867e5d73ba24fdf67", class: "pdf-reader__header" }, e("span", { key: "7b4ae43784541b75c530b32507dc285ca02fd283", class: "pdf-reader__header-left" }, e("swirl-button", { key: "e5020b5b071b93d17428fd8fc4cfbe336b06be76", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "d67fb7cb78b676746f80248c724b62874c93b870", class: "pdf-reader__label" }, this.label)), e("span", { key: "dad46d9e4260a681c4b6d9ff19d1023bdb81689e", class: "pdf-reader__header-center" }, e("span", { key: "15392deafb7c4e24595a12cc67a3cb40dca20911", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "ae745adac38b228952636f420a7e09e2a7501fc2", 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: "8d79291b941f7f13752d30a0c5c28b96702cab20", 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: "6f86d1788221308e80d294f182eba8d3b398865f", class: "pdf-reader__zoom-select-container" }, e("select", { key: "b928a5a6489340e65c4d3f879236602e9ad56888", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "bd2620223c70bb6d210a0bb5aae1a55b3ac43433", 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: "0100c5c0dcdb8ca41bb4d817db59e7ee41e4d9a1", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "884910223431ca6efc3192986eb4005a4ee0ba6d", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "e2b280e30ab50af9ca81ad4b1356468708c89f77", swirlPopover: this.menu }, e("swirl-button", { key: "d69cf500996ed399dca84deea9fe853084be1b0c", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "a886e744daeb6562cebca9f6d6cda3c5e75e1dfd", class: "pdf-reader__floating-tools" }, e("button", { key: "12c4ee28efcbbd0de21abeabdb64891048560833", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "f88906a98bc5a8a7c3f093ce530686e4e8b518e2" })), e("button", { key: "4530af82a896ad8fcac2a594db18603ecb2f6880", "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: "31ba3cd3aef48717c188b9668741603501305150" })))), e("div", { key: "29287fcf3a321699cf6aa2459cbf1c4e73fc47fd", class: "pdf-reader__content" }, e("nav", { key: "af5fcd44bc6a54fc7d7cf31474719bb369b61222", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "36b044b81bd39b905322cf631e038343d3f9b2c1" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "f649bf5d117aaa70de74ef6273328596fd3856d5" }, e("section", { key: "8cb89233b4ba863a81ce8504166a68ffc182a698", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "01411c75dc1fff8834a174c24a6b2081dee5ae50", class: "pdf-reader__body", role: "document" }, e("header", { key: "e5573b593b6897a48622e47343d17f80787f6d3c", class: "pdf-reader__header" }, e("span", { key: "33aa88d23982eea387a8ebf5de8947edc8e8d838", class: "pdf-reader__header-left" }, e("swirl-button", { key: "7121bde1bbbcbed19be97a239f21fa54668d1562", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "ecfcfec14382e130f6c61f2e38253d31d1bc435b", class: "pdf-reader__label" }, this.label)), e("span", { key: "10c780f29a224ee8b6ae52ed0dd1c5a6b12c8aa4", class: "pdf-reader__header-center" }, e("span", { key: "15fee56e5f03c88b2b31c0dfeb5a68aadf1899d8", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "93212b55f13e0cfb03fc2e9defade19fd741873b", 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: "ad23ad105c118f0c92b4dc586556c6bdf9e5d044", 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: "51926efd444f7f2f83d7d139a32ce67d7d304369", class: "pdf-reader__zoom-select-container" }, e("select", { key: "6a8e4cd063ba1a49463a927b7332ab126607c53e", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "c9d32d82420526639878cc740f0720bfbe2d2669", 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: "b3fe1a80ba6af4c6dfff3afc03c6374d01455536", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "c94adbccf1543ab8226d807c6b0fd25b81b50a51", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "c2c69238ec9d3127105d08b2101620bb96e7899b", swirlPopover: this.menu }, e("swirl-button", { key: "9e3edf95c7ebc83601a78f8cbae14bb2785ec0f1", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "791d8c2255204e924c18e6a67f2a709c2204a135", class: "pdf-reader__floating-tools" }, e("button", { key: "ef0fffa6cbe4f818c8fc08985a81e7a986fa8808", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "8724277e2e49fd24614990d1e19447b7797d02f9" })), e("button", { key: "5bcec1160a3832132e1fc5962b059e5cb46a6b26", "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: "c18e21e2cbc4544b2a6d2c9c9ff88c9840128d16" })))), e("div", { key: "0e8969e6cc1462877a85912f728c04387c48959b", class: "pdf-reader__content" }, e("nav", { key: "14dbe7955b2ec4b4130c59d9a30bb7490c0b451b", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "090f2bd6ebbb496c6685739c03d2e3ea8827c002" }), !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: "91f17a8d7924fcb91547ad6f0e214997b025292a", 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, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "4e3b7cdd6c18aca9fc059711b0c3d9d1e09482c2", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "4041ba876b40c84a5a979c8262fe33ae2ec2d797", "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: "e5b8c381bc62cd3c51460a4516271acda322bccb", "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: "25cc06b58c191b2d1ba477a776cf5f7c6de8891d" })), e("button", { key: "964b671c2f78296c2e58f0c670c2e457de3ab774", "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: "deb24f624bc634b224d7e8794e8d231fd14f6848" }))))), e("swirl-popover", { key: "913b824bfb95365858e47275ba762806f599dc76", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "9cfea064c15c6b39bbee5058fc60d8c0bb362c7c" }, e("div", { key: "e6fcb05b497b9a064d9352e97f83c349607f019e", class: "pdf-reader__meta" }, e("div", { key: "150d3adfc65148e14a30d9718cea4cd6c8e95051", class: "pdf-reader__file-icon" }, e("svg", { key: "30157e5227a1f316c3ac59d8758d7eda657bf57c", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "eb7b4df4b151236ac65cc756531bf220684e06e4", 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: "3919882c22c523483692c766ca35c4375e004b05", 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: "c8902d23791924ef347655125d34b0e75b29e619", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "ab271f45ecf494d58141f54c2c9ef0d83dc182d4", 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: "67df861405c8901c79d7ff3be7623c7f484d75b2", 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: "fbc136b085e60005b43e0e7ef5c072a7d12c647a", 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: "53e7719c7e7be2e481a01d2ad162b3ab81cdfccb", 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: "a7e76a6633fc125fe2fc8d69046602c454be1de1", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "98fc2cf49eef06d73b66e04239a7f728a3a34d21", class: "pdf-reader__file-info" }, e("swirl-text", { key: "5b7ed460613e3e5e9dbf6723ec17dbf5debfdfff", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "ba187f3a6775b856162fe30dbf39ee6d49c54a79", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "9650d57f92506f50d87de46bde441be7aba747cd" }), e("swirl-action-list", { key: "a27f372a63c6d4c362ce0cc8739575d9d8973f40", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "9a3b70c0bc1ff347f3dd4f276ef30d4c0b642149", 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: "f05b509243c31f645122cdab165148cbeeb89896", 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: "5e97d819f5b9090a6762aba3d96d243c47100a68", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "ff24ff104efc8f4fc08778bccf058d95210c5967", 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, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "d4fe6ee631a59ec1ef9d6e9504607a48dba1585f", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "271f8811eed492224ba08827d1915e264bc9dc76", "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: "bfc2d9f0ed1d06a795386df30c3ddae190f0c285", "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: "6688cc911d75d842375df600553aa02dd0b9f750" })), e("button", { key: "7fa656ae26777d1077e689b6b54ad3533b43a4d4", "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: "760eea661e47e6cb7d03da889a35b6640e2f22ac" }))))), e("swirl-popover", { key: "2460c76606e44ed7848c80161aa9c611c040e440", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "ad036822d97c9b30fa073c12e87604c84d49dc38" }, e("div", { key: "10d5ee0ec551dd7fc02fb24647ae828fa82d8a9e", class: "pdf-reader__meta" }, e("div", { key: "5297a2e7fdb4c1df5f1c65090fa86bfe308cbbd8", class: "pdf-reader__file-icon" }, e("svg", { key: "2ea8928b7326289c0c8db8628c14f925bb549c9c", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "1f523d45e01da77899393462e767d7be319b951d", 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: "6bc21878c346a6c0640b60379c12d6ff389aba9e", 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: "16258e1612a2ba811cbdc8e07cb77614b17ccab4", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "7b6c4243789a102f1f71a960107dbfd2deeaaa1a", 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: "4340c619087ef24c0061aa63cc53f4429e90295f", 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: "133fa043d8dfe1e84c3cb99be8bb98965a52d1bc", 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: "3da19a084828155a21b60ef6220938eebae5cd62", 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: "daa09b8cb6a6e1ed3b16c687ea1656d912dbef6b", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "3ccc30d7d6b154c9ac3efcc63e14e17ffbc6206d", class: "pdf-reader__file-info" }, e("swirl-text", { key: "259795cdcc1e6ed91bc276feacb27845dd205a87", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "bc491beab5f91f2127f3a463a422ee9ef481e61f", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "48323e4234c7c09116e805eedac60feb2d62a49a" }), e("swirl-action-list", { key: "32f485d1fac2798ee671fc1d1c9b9184b2a25aa1", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "4a80b6953c4d0b6229388efaa79f25627e128dd4", 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: "bf959ade6f9ef261fc50d61847f0d366d6f29113", 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: "f236a2a4b21e6b088064e7a55f419b49e925b94a", name: "menu-items" }))))));
   }
   get el() {
     return f(this);