@getflip/swirl-components-react 0.339.0 → 0.340.0

package/dist/{swirl-modal.entry.277c1fa4.js → swirl-modal.entry.a680d3eb.js}

@@ -1,10 +1,10 @@
-import { r as u, c as t, h as e, H as p, g } from "./index.65ee776f.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 { r as u, c as t, h as e, H as p, g as _ } from "./index.89ae7741.js";
+import { d as m, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { c as v } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
 import "react";
 import "react-dom";
-const v = `: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
@@ -20,9 +20,9 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     )}@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.modal--variant-default: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.modal--variant-default: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 = v, 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)}}`, g = class {
   constructor(a) {
-    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) => {
+    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.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -39,17 +39,17 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     }, this.determineScrollStatus = () => {
       this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
     }, this.determineMainScrollStatus = () => {
-      var r, i, l, n, c, h;
-      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.scrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.scrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.scrollContainer) == null ? void 0 : h.offsetHeight);
+      var r, l, i, n, c, h;
+      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.scrollContainer) == null ? void 0 : h.offsetHeight);
       o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), s !== this.scrollable && (this.scrollable = s);
     }, this.determineSidebarScrollStatus = () => {
-      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);
+      var r, l, i, n, c, h;
+      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.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.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, {
+    this.focusTrap = v(this.modalEl, {
       allowOutsideClick: !0,
       escapeDeactivates: !1,
       tabbableOptions: {
@@ -134,19 +134,19 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(p, { key: "0a59eba861d5f7af91bbe686ef1d2479692dcff0" }, e("section", { key: "83461ad5b19cccf7641bd09a8febe400ce77e9e4", "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: "18704e2726f5d042ad323a840ec3573af0209b35", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "de27c3fca3869ac480bca16526d1df669345e133", class: "modal__body", style: this.isFullscreen ? {} : {
+    return e(p, { key: "c82bd24e5de6cb12dd85b207a2a4cb7b5976872b" }, e("section", { key: "8d380c32de1a1721c7343fa705416c846d415384", "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: "74389c724c2fc3dbbf64e9acf266c311e98be466", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "cd1d3b82a0de6914dd11765901f891ffc6779688", 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: "fe113c16dc3c9c84d33b01ff45a87d6c5d114aa8", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "8d8b23a54c408172f7869d4f785c1d5f7dd0b782", class: f("modal__sidebar-header", {
+    } }, e("aside", { key: "6ba43b9903fc20b97c384cbb339d6ccf88bb9544", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "0dc8eec524121375cc9c78c5866cf8642a0a5339", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "9cbab3d64d3673d035776bc46a8d91bbbfdb2a0f", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "91019a6bbd5744afc3372eef4943aff3763a0389", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "c857ae76550b0f1308cbbb97efe8588613d699d4", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "1537bee461ebe073751160091af42b588f1667cd", name: "sidebar-content" })), e("div", { key: "1848ed2ac120d83e9b3786b8871fa3af98ef7534", class: "modal__sidebar-footer" }, e("slot", { key: "88924ec194e2045696865b1297115eebb7df5cac", name: "sidebar-footer" }))), e("div", { key: "db23a81cac33f085f3b86306e058d7ca3136cd7f", class: "modal__main-content" }, e("header", { key: "3d6dcf58695a9021add933aa607dde6c2957e81a", class: "modal__custom-header" }, e("slot", { key: "0c17547f63f3e42719dfa346a7f12ecbd2d50beb", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6cc9c6241938879b572b72ff1596a06bf600bd03", class: "modal__header" }, e("div", { key: "8d4f6e649a0e7915fd2b946c0c5375146687548b", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "574e5ca9b8c855b2987e1fed5eb417e8d6dfaf9c", 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: "a55cf49196ac11b0b9b074b2ff4efffc46c689bf", 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: "5a90dcf113b810a7a78876f8da6b752aeddf0834", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "81ddff0b1a512c7b8a7f57b52fab4d12ba2d6fa8", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "ed06f016a6fbffaaa97a73a66bf8b81b70610413", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "66061ab0f8e8bf7bf44ffea221584f2bb30e090d", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "df228a3e86bddbeade95c73bad1fe523aa3c30e1", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "be16658b4ecbc40c97b8a1f1d7b6ec67c9c13828", name: "sidebar-content" })), e("div", { key: "5fdedc18e02db89897473843c7aa40e0719e128d", class: "modal__sidebar-footer" }, e("slot", { key: "116e70c57e40e8f20e9380af357830d31592fd74", name: "sidebar-footer" }))), e("div", { key: "b219e652242ebd7e9b782e1282079a1d08674573", class: "modal__main-content" }, e("header", { key: "e5e07dce0daead5e23f2a719a5f41f373b559008", class: "modal__custom-header" }, e("slot", { key: "93f56acb67aebd593806a8f67d2d184bb243f2ec", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6c940113e4e1535ac2b479f509f4552b8ccd288a", class: "modal__header" }, e("div", { key: "e4d0b9584cffab4aa97726a5a0ce6a52e8749024", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "19dcddfcbd1488a4255bc36d5e48d7aa87b37810", 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: "f4193147bda2699e854b19016a81f46be67af807", 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: "3456ba73064e116782fc2d379a07fcb7e548b559", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "930969de9c366d5c3b7a6ad41207c5e8b156a512", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "e7958595ea46433b2ed54308ec4bee28100fc941", class: "modal__primary-content", style: {
+    } }, e("div", { key: "709500b83b513e4668921e7187a34aed059d67cb", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "ed03bb2611cdc596e2fbcab1eebc550df25c6445", class: "modal__header-tools" }, e("slot", { key: "10364a544af98434e359fb01771b0e813282f755", name: "header-tools" })), e("div", { key: "a654394e1e3b3bd9fcec28e099119ae33c93b9fd", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "1391bb9a51311df273221eff2f0b057f338130bb" }))), e("div", { key: "ed03ff6ce971f504e7b179e90fdfc71aabd62a45", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "c8c62935631f3ac6f6cdefc4fbff82737b535caf", class: "modal__header-tools" }, e("slot", { key: "df88048fb9956987d3950616dcad6c4a8df81e27", name: "header-tools" })), e("div", { key: "fb44494135b40274f22bf5a13cbc6981c5c5d08c", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "b9668bd1510b36ec0323d320db94e3d574c3d487" }))), e("div", { key: "b8061c98f1093c9ea51e12e7aa90969c89827d3f", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -154,13 +154,13 @@ const v = `: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: "73be1d825e7395254ae68068c15e06e6e59794bd", name: "secondary-content" }))), e("div", { key: "f29bb84ba3f488e43595b587f1c24296ca808069", class: "modal__custom-footer" }, e("slot", { key: "77453da2b7d5918fcade82c0dcad30280310a009", name: "custom-footer" })), a && e("footer", { key: "6732f3c5ebc6e11ad49ca80af2702ec025989391", class: "modal__controls" }, e("swirl-button-group", { key: "b0778f3a461cdc85e30859e27a90baf836c9e2d7", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "02f1a653685dc4e026ab8f73ba07ea556d2b3061", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "79e87b3661c02df3fe1008deed737af6e7b39e58", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, e("slot", { key: "fd8b40685e996b00612861fdfd685aac799234e6", name: "secondary-content" }))), e("div", { key: "d3e7fdaa221558abe30ab7dbdec90f3ebfe32103", class: "modal__custom-footer" }, e("slot", { key: "9e691351090de8e834973565e01382750e9f48c2", name: "custom-footer" })), a && e("footer", { key: "79ec849bd85830c012ba1762e7fc8d18bf15b2c0", class: "modal__controls" }, e("swirl-button-group", { key: "1ffa600e094bb0647619ba1f4204f2059ced15de", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "5c4c0634686922d4adc96242808bb685ae35da7d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "b6310f56ca29ba9c2bf94957d676fddffaeeb65d", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
-    return g(this);
+    return _(this);
   }
 };
-y.style = w;
+g.style = w;
 export {
-  y as swirl_modal
+  g as swirl_modal
 };

package/dist/{swirl-option-list-section.entry.43717732.js → swirl-option-list-section.entry.4c68c4de.js}

@@ -1,15 +1,15 @@
-import { r as t, h as s, H as a } from "./index.65ee776f.js";
+import { r as i, h as s, H as t } from "./index.89ae7741.js";
 import "react";
 import "react-dom";
-const e = ":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 = e, c = class {
-  constructor(i) {
-    t(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
+  constructor(a) {
+    i(this, a), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return s(a, { key: "e7f6faa64205a4994560a667d45dc6c300c63337" }, this.hasSeparator && s("swirl-separator", { key: "54165c5b3c400a5b5c4935b2a16637ce269382d0", spacing: this.separatorSpacing }), s("div", { key: "9a5ff841e78a9933969f13c3cf462ce4375ba2c3", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "4f5a533505b904f2a46f5581471cc36f579cc6e9", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "01634007613b98f483a3becffa8405e62336c33e", spacing: this.spacing, align: "stretch" }, s("slot", { key: "038269280461816e7b03918ca3c23eadba002866" }))));
+    return s(t, { key: "e7f6faa64205a4994560a667d45dc6c300c63337" }, this.hasSeparator && s("swirl-separator", { key: "54165c5b3c400a5b5c4935b2a16637ce269382d0", spacing: this.separatorSpacing }), s("div", { key: "9a5ff841e78a9933969f13c3cf462ce4375ba2c3", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "4f5a533505b904f2a46f5581471cc36f579cc6e9", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "01634007613b98f483a3becffa8405e62336c33e", spacing: this.spacing, align: "stretch" }, s("slot", { key: "038269280461816e7b03918ca3c23eadba002866" }))));
   }
 };
-c.style = o;
+o.style = e;
 export {
-  c as swirl_option_list_section
+  o as swirl_option_list_section
 };

package/dist/{swirl-option-list_2.entry.8b2ecfc1.js → swirl-option-list_2.entry.55d11d46.js}

@@ -1,12 +1,12 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.65ee776f.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 { r as c, c as o, h as a, H as d, g } from "./index.89ae7741.js";
+import { S as m } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { l as n, q as l } from "./utils-D_MUFqkF.654ff3ce.js";
+import { c as v } from "./index-orsBiyT_.fc4357c3.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 = class {
   constructor(e) {
-    c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
+    c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.allowDeselect = !0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.value = [], this.onClick = (t) => {
       t.preventDefault();
       const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), r = t.composedPath()[0], h = Boolean(n(r, '[role="option"]'));
       if (!Boolean(s) || !h) {
@@ -41,7 +41,7 @@ const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
       this.dragging = void 0, t.removeAttribute("dragging");
       const i = this.getActiveItemIndex();
       this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0, this.focusItem(i);
-    }, this.allowDeselect = !0, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
+    };
   }
   componentDidLoad() {
     this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop(), this.setSectionSeparator();
@@ -195,13 +195,13 @@ const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     };
   }
 };
-p.style = b;
-const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
+b.style = f;
+const p = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", I = class {
   constructor(e) {
-    c(this, e), this.removeTag = o(this, "remove", 7), this.onRemove = (t) => {
+    c(this, e), this.removeTag = o(this, "remove", 7), this.iconPosition = "start", this.intent = "default", this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default", this.onRemove = (t) => {
       var i;
       (i = this.removeTag) == null || i.emit(t);
-    }, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default";
+    };
   }
   componentDidLoad() {
     this.forceIconProps();
@@ -221,15 +221,15 @@ 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}`);
+    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: "d935838061914acee796acbc26839417eec2f7a4" }, a("span", { key: "a228aaf477d802804cec5d399cebbe5d52de66e7", class: e, part: "tag" }, this.icon && a("span", { key: "e9f8e478e81885c684d23e85dc337cb53fc53acd", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "7ef2bc52290833984fa3942aac8ef45dc6580193", class: "tag__label" }, this.label), this.removable && a("button", { key: "37c73aeb61dc7353fb80428834bd57d5df7d71b2", "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: "56814e02338864126d1d0bd049fccd6ffe64756f", size: 16 }))));
   }
   get el() {
     return g(this);
   }
 };
-x.style = w;
+I.style = p;
 export {
-  p as swirl_option_list,
-  x as swirl_tag
+  b as swirl_option_list,
+  I as swirl_tag
 };

package/dist/{swirl-pagination.entry.19107524.js → swirl-pagination.entry.e0989492.js}

@@ -1,38 +1,38 @@
-import { r as l, c as s, h as e, H as r } from "./index.65ee776f.js";
-import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as c } from "./utils-28df99ee.9fb223f6.js";
+import { r as l, c as s, h as e, H as r } from "./index.89ae7741.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { d as c } from "./utils-D_MUFqkF.654ff3ce.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 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 = 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.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.nextButtonLabel = "Next page", this.pageLabel = "out of", this.pageSelectLabel = "Select a page", this.pageSize = 10, this.pageSizeOptions = [10, 25, 50], this.pageSizeSelectLabel = "Items per page:", this.prevButtonLabel = "Previous page", this.variant = "default", 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 = c((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: "33ef24711dbe940ceb097ae34364c95a9876f2d3" }, e("nav", { key: "8a0a8bd45031d3e77e1288b80d0092bcb0d8b001", "aria-label": this.label, class: o }, e("ul", { key: "06a81a9e130f202b8e948a3b22ea726c5bac7930", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "742cc66d2c1abecf1f08c0b676d49a19c474c1e6", class: "pagination__list-item" }, e("label", { key: "fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0", class: "pagination__page-size-selection" }, e("swirl-text", { key: "3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "3dc37e42bb1e69b069939e9c7db68b023361fd08", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "100c22c1ec562d41df270f347c8e94eb0637ffc5", 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: "69eb7fc8716d507a02fbd8560374337b1919448c", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "8c53c034e8eca71cc129b44e324b195195d4cee8", class: "pagination__list-item" }, e("swirl-button", { key: "8719d05a8a33b9ce032fbbdd8244721ec77f06aa", 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: "006de63ce8b760abd86f239a48ae539509b02dc5", class: "pagination__list-item" }, e("swirl-button", { key: "ca7eb0754a268eeddc6dd18716f712af67db251c", 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: "1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e", class: "pagination__list-item" }, e("swirl-button", { key: "e1844315c1dcd415bcb92d0a663592b29652411f", 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: "3fb22e26047156723fdba78666f9a24c8268a5f2", class: "pagination__list-item" }, e("swirl-button", { key: "01fba1e4dc82332939e6c89aafe85f07aca6927f", 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: "33ef24711dbe940ceb097ae34364c95a9876f2d3" }, e("nav", { key: "8a0a8bd45031d3e77e1288b80d0092bcb0d8b001", "aria-label": this.label, class: o }, e("ul", { key: "06a81a9e130f202b8e948a3b22ea726c5bac7930", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "742cc66d2c1abecf1f08c0b676d49a19c474c1e6", class: "pagination__list-item" }, e("label", { key: "fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0", class: "pagination__page-size-selection" }, e("swirl-text", { key: "3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "3dc37e42bb1e69b069939e9c7db68b023361fd08", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "100c22c1ec562d41df270f347c8e94eb0637ffc5", 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: "69eb7fc8716d507a02fbd8560374337b1919448c", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "8c53c034e8eca71cc129b44e324b195195d4cee8", class: "pagination__list-item" }, e("swirl-button", { key: "8719d05a8a33b9ce032fbbdd8244721ec77f06aa", 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: "006de63ce8b760abd86f239a48ae539509b02dc5", class: "pagination__list-item" }, e("swirl-button", { key: "ca7eb0754a268eeddc6dd18716f712af67db251c", 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: "1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e", class: "pagination__list-item" }, e("swirl-button", { key: "e1844315c1dcd415bcb92d0a663592b29652411f", 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: "3fb22e26047156723fdba78666f9a24c8268a5f2", class: "pagination__list-item" }, e("swirl-button", { key: "01fba1e4dc82332939e6c89aafe85f07aca6927f", 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;
+h.style = g;
 export {
-  d as swirl_pagination
+  h as swirl_pagination
 };

package/dist/{swirl-pdf-reader.entry.d677f75e.js → swirl-pdf-reader.entry.c41b4098.js}

@@ -1,14 +1,14 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.65ee776f.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 { r as n, c as d, h as e, H as c, g as f } from "./index.89ae7741.js";
+import { A as b } from "./a11y-dialog.esm-DyxMdBpZ.05195d89.js";
+import { d as h, e as p } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as r } from "./index-orsBiyT_.fc4357c3.js";
+import { q as m, i as s } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
 const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0
-    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}`, w = u, g = class {
-  constructor(i) {
-    n(this, i), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.toggleViewMode = () => {
+    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}`, w = class {
+  constructor(o) {
+    n(this, o), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download PDF", this.fileTypeLabel = "PDF Document", this.menuLabel = "File menu", this.menuTriggerLabel = "Open file menu", this.printButtonEnabled = !0, this.printButtonLabel = "Print PDF", this.sideBySideButtonLabel = "Toggle side by side view", this.thumbnailButtonLabel = "Scroll to page", this.thumbnailsButtonLabel = "Toggle thumbnails", this.thumbnailsLabel = "Page thumbnails", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.skipNativeDownload = !1, this.active = !1, this.closing = !1, this.downloading = !1, this.loadingThumbnails = !1, this.thumbnails = [], this.viewMode = "single", this.visiblePages = [], this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.toggleViewMode = () => {
       this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
     }, this.toggleThumbnals = () => {
       this.showThumbnails = !this.showThumbnails;
@@ -36,20 +36,20 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       const t = a.target.value;
       this.zoom = t === "auto" ? t : +t;
     }, this.onThumbnailClick = (a) => () => {
-      var o;
-      const t = (o = m(this.el, `[data-page-number="${a + 1}"]`)) == null ? void 0 : o[0];
+      var i;
+      const t = (i = m(this.el, `[data-page-number="${a + 1}"]`)) == null ? void 0 : i[0];
       t == null || t.scrollIntoView();
-    }, this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download PDF", this.file = void 0, this.fileName = void 0, this.fileTypeLabel = "PDF Document", this.label = void 0, this.menuLabel = "File menu", this.menuTriggerLabel = "Open file menu", this.pdfWorkerSrc = void 0, this.printButtonEnabled = !0, this.printButtonLabel = "Print PDF", this.sideBySideButtonLabel = "Toggle side by side view", this.thumbnailButtonLabel = "Scroll to page", this.thumbnailsButtonLabel = "Toggle thumbnails", this.thumbnailsLabel = "Page thumbnails", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.skipNativeDownload = !1, this.active = !1, this.closing = !1, this.downloading = !1, this.loadingThumbnails = !1, this.thumbnails = [], this.showThumbnails = void 0, this.viewMode = "single", this.visiblePages = [], this.zoom = void 0, this.zoomSteps = void 0;
+    };
   }
   componentWillLoad() {
     this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
   }
   componentDidLoad() {
-    this.modal = new h(this.modalEl);
+    this.modal = new b(this.modalEl);
   }
   disconnectedCallback() {
-    var i;
-    this.unlockBodyScroll(), (i = this.modal) == null || i.destroy();
+    var o;
+    this.unlockBodyScroll(), (o = this.modal) == null || o.destroy();
   }
   onWindowResize() {
     !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = s() ? "auto" : 1);
@@ -69,13 +69,13 @@ 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) && b(i);
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && h(o);
   }
   unlockBodyScroll() {
     var a;
-    const i = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
-    Boolean(i) && p(i);
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && p(o);
   }
   async generateThumbnails() {
     this.thumbnails = await this.pdfViewer.getThumbnails();
@@ -84,17 +84,17 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
     this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
   }
   render() {
-    const i = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, a = r("pdf-reader", {
+    const o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, a = r("pdf-reader", {
       "pdf-reader--closing": this.closing,
-      "pdf-reader--hide-menu": !i,
+      "pdf-reader--hide-menu": !o,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "1014152922d7277f5e604d791bd64f7f1a9b8bbf" }, e("section", { key: "85eaf8100406e98811d2f4a583967f13823c6bb2", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "51427c8edca49093c0a4f2126d269d007b01e12f", class: "pdf-reader__body", role: "document" }, e("header", { key: "eb336b26eeedcf826e03324ed35397938f0171ae", class: "pdf-reader__header" }, e("span", { key: "e8405708621772321e778326c010ab27083186d4", class: "pdf-reader__header-left" }, e("swirl-button", { key: "16e6e213aa462f907c8aa400be28dcbd2b3e8064", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "e9fcb270a5650ce24d839c0e171523efe2662804", class: "pdf-reader__label" }, this.label)), e("span", { key: "c37b50adb07830c2c29fd45786cc6cce67c10435", class: "pdf-reader__header-center" }, e("span", { key: "aa8633133f4778ec58e9520d9ab677ed7c876617", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0", 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: "f5ee4402636803ce6df854cbb845a1d8ee30c63d", 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: "fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31", class: "pdf-reader__zoom-select-container" }, e("select", { key: "e4821a82d428c2227bda266b5915b3749a0d7a4a", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5", 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: "03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "f755abf85fce384336ea64e98cbe05c422ea2342", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "c46fc664382b6635bc1df2280e5d5f85746e8104", swirlPopover: this.menu }, e("swirl-button", { key: "d189de80e0b405c5eccf84377338d4780ab6e540", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "9109dbba25328ae07802a49e749ad4c596decade", class: "pdf-reader__floating-tools" }, e("button", { key: "e3c399de81ccd73a1530764f640da712d05d03cc", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f" })), e("button", { key: "69a1e860aa55d62d7ceb83be925d17eef17c57a3", "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: "e633b571ce4ba30380b7efbf9d688feae95dc512" })))), e("div", { key: "774bbaf3bc3543114439adefc9ab2e422c39e3b5", class: "pdf-reader__content" }, e("nav", { key: "ca6bbea8ab40c503f17adf585675c3be64982f37", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "9a92c6f6b1f8a196125d41b873428629531155c8" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "1014152922d7277f5e604d791bd64f7f1a9b8bbf" }, e("section", { key: "85eaf8100406e98811d2f4a583967f13823c6bb2", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "51427c8edca49093c0a4f2126d269d007b01e12f", class: "pdf-reader__body", role: "document" }, e("header", { key: "eb336b26eeedcf826e03324ed35397938f0171ae", class: "pdf-reader__header" }, e("span", { key: "e8405708621772321e778326c010ab27083186d4", class: "pdf-reader__header-left" }, e("swirl-button", { key: "16e6e213aa462f907c8aa400be28dcbd2b3e8064", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "e9fcb270a5650ce24d839c0e171523efe2662804", class: "pdf-reader__label" }, this.label)), e("span", { key: "c37b50adb07830c2c29fd45786cc6cce67c10435", class: "pdf-reader__header-center" }, e("span", { key: "aa8633133f4778ec58e9520d9ab677ed7c876617", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0", 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: "f5ee4402636803ce6df854cbb845a1d8ee30c63d", 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: "fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31", class: "pdf-reader__zoom-select-container" }, e("select", { key: "e4821a82d428c2227bda266b5915b3749a0d7a4a", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5", 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: "03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "f755abf85fce384336ea64e98cbe05c422ea2342", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "c46fc664382b6635bc1df2280e5d5f85746e8104", swirlPopover: this.menu }, e("swirl-button", { key: "d189de80e0b405c5eccf84377338d4780ab6e540", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "9109dbba25328ae07802a49e749ad4c596decade", class: "pdf-reader__floating-tools" }, e("button", { key: "e3c399de81ccd73a1530764f640da712d05d03cc", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f" })), e("button", { key: "69a1e860aa55d62d7ceb83be925d17eef17c57a3", "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: "e633b571ce4ba30380b7efbf9d688feae95dc512" })))), e("div", { key: "774bbaf3bc3543114439adefc9ab2e422c39e3b5", class: "pdf-reader__content" }, e("nav", { key: "ca6bbea8ab40c503f17adf585675c3be64982f37", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "9a92c6f6b1f8a196125d41b873428629531155c8" }), !this.loadingThumbnails && this.thumbnails.map((t, i) => {
       const l = r("pdf-reader__thumbnail", {
-        "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
+        "pdf-reader__thumbnail--active": this.visiblePages[0] === i + 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: "981cb67856144c11d3aaf84de9e026646c2cdc43", 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: "bb6d09787842a9e7ce2c433b8c6bb4b2484939f4", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "5357c79fd4073689f5b9b0dbdb0a4015f301215c", "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: "251343df1d78a228f8f0c8300eb0be3bdcc46146", "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: "eb9b7ce29e508c22286ad880c741624c4275b89a" })), e("button", { key: "5748706f4a3ff12476cb44d31635fdcdc14b45f7", "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: "10d5ace6eec6205dc9aca8d869ccff32f332c96f" }))))), e("swirl-popover", { key: "087109c45501c6f8c5f697d9b6712fa00eb40d46", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "2b506d1a95b92aa68df642f93171d18fe8d5f7b0" }, e("div", { key: "6839127db2a8d7f56737947990a4d7707fecdebb", class: "pdf-reader__meta" }, e("div", { key: "0c527fca0e20e8e2df21ccdb669a17e0e0156ee6", class: "pdf-reader__file-icon" }, e("svg", { key: "b271cf5e1cb4179e4eda27d6a269df476ed7fc18", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "ad5408592da56210d40962db50f35d398061ba14", 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: "6c30cca922352c35775552792fbac463e443b153", 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: "d9e28b318dbecd7957c681d02558469049c1cb38", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "a1f326e9599ebcb7914c4bb2f0fde402c11acfd1", 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: "d2db86f35c074c7f9db649e3452bdcf173dce0b8", 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: "3c49ccfd940a9db83da83fca2f078c4f9a2da88a", 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: "c4d12548162dcc140805d7ef4892e6170c81caf2", 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: "37ef1adc8de98ed316b591251607bec068a0687a", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "4da59716902832b7b5c51f23073df266dc1caff2", class: "pdf-reader__file-info" }, e("swirl-text", { key: "81abc032800adcf9450a704a43b52b00a456b7c0", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "be6ad03d7ebff901aa0bbdee9f922065e01f9eb6", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "5433aaefd8a7bc18a6a1b3fd6034de34c1772982" }), e("swirl-action-list", { key: "002d8d72693f9b686f223b3ef200c5b23b4cecee", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "59e47374f9392a063ccf9463165c5ff6b24c5270", 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: "a5dab4b137cefe711c742f19a38cf55fc9768dbb", 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: "c1346c0b9c3b6bdb2c52676d1bf7c63760199503", name: "menu-items" }))))));
+      return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${i + 1}`, class: l, onClick: this.onThumbnailClick(i), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
+    })), e("swirl-file-viewer", { key: "981cb67856144c11d3aaf84de9e026646c2cdc43", 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: "bb6d09787842a9e7ce2c433b8c6bb4b2484939f4", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "5357c79fd4073689f5b9b0dbdb0a4015f301215c", "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: "251343df1d78a228f8f0c8300eb0be3bdcc46146", "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: "eb9b7ce29e508c22286ad880c741624c4275b89a" })), e("button", { key: "5748706f4a3ff12476cb44d31635fdcdc14b45f7", "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: "10d5ace6eec6205dc9aca8d869ccff32f332c96f" }))))), e("swirl-popover", { key: "087109c45501c6f8c5f697d9b6712fa00eb40d46", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "2b506d1a95b92aa68df642f93171d18fe8d5f7b0" }, e("div", { key: "6839127db2a8d7f56737947990a4d7707fecdebb", class: "pdf-reader__meta" }, e("div", { key: "0c527fca0e20e8e2df21ccdb669a17e0e0156ee6", class: "pdf-reader__file-icon" }, e("svg", { key: "b271cf5e1cb4179e4eda27d6a269df476ed7fc18", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "ad5408592da56210d40962db50f35d398061ba14", 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: "6c30cca922352c35775552792fbac463e443b153", 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: "d9e28b318dbecd7957c681d02558469049c1cb38", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "a1f326e9599ebcb7914c4bb2f0fde402c11acfd1", 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: "d2db86f35c074c7f9db649e3452bdcf173dce0b8", 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: "3c49ccfd940a9db83da83fca2f078c4f9a2da88a", 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: "c4d12548162dcc140805d7ef4892e6170c81caf2", 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: "37ef1adc8de98ed316b591251607bec068a0687a", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "4da59716902832b7b5c51f23073df266dc1caff2", class: "pdf-reader__file-info" }, e("swirl-text", { key: "81abc032800adcf9450a704a43b52b00a456b7c0", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "be6ad03d7ebff901aa0bbdee9f922065e01f9eb6", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), o && e("swirl-separator", { key: "5433aaefd8a7bc18a6a1b3fd6034de34c1772982" }), e("swirl-action-list", { key: "002d8d72693f9b686f223b3ef200c5b23b4cecee", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "59e47374f9392a063ccf9463165c5ff6b24c5270", 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: "a5dab4b137cefe711c742f19a38cf55fc9768dbb", 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: "c1346c0b9c3b6bdb2c52676d1bf7c63760199503", name: "menu-items" }))))));
   }
   get el() {
     return f(this);
@@ -105,7 +105,7 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
     };
   }
 };
-g.style = w;
+w.style = u;
 export {
-  g as swirl_pdf_reader
+  w as swirl_pdf_reader
 };