@getflip/swirl-components 0.285.0 → 0.287.0

package/dist/cjs/swirl-menu.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
@@ -53,10 +53,12 @@ const SwirlMenu = class {
             if (!Boolean(trigger) || !Boolean(this.menuContainer)) {
                 return;
             }
-            this.position = await floatingUi_dom_esm.computePosition(trigger, this.menuContainer, {
-                placement: "right-start",
-                strategy: "fixed",
-                middleware: [floatingUi_dom_esm.offset({ mainAxis: -10, crossAxis: 0 }), floatingUi_dom_esm.flip()],
+            requestAnimationFrame(async () => {
+                this.position = await floatingUi_dom_esm.computePosition(trigger, this.menuContainer, {
+                    placement: "right-start",
+                    strategy: "fixed",
+                    middleware: [floatingUi_dom_esm.offset({ mainAxis: -10, crossAxis: 0 }), floatingUi_dom_esm.shift(), floatingUi_dom_esm.flip()],
+                });
             });
         };
         this.onKeyDown = (event) => {
@@ -136,6 +138,9 @@ const SwirlMenu = class {
         }
         this.disableAutoUpdate = floatingUi_dom_esm.autoUpdate(this.el.parentElement, this.menuContainer, this.reposition);
     }
+    watchValue() {
+        this.updateActiveItem();
+    }
     /**
      * Activate a menu item with a sub menu. Only callable on a root menu.
      * @returns
@@ -212,6 +217,21 @@ const SwirlMenu = class {
     async updateSelection(item) {
         this.valueChange.emit(item.value);
     }
+    /**
+     * Update the displayed active item.
+     * @returns
+     */
+    async updateActiveItem() {
+        const menuItems = utils.querySelectorAllDeep(this.el, "swirl-menu-item").filter((item) => {
+            return utils.closestPassShadow(item, "swirl-menu") === this.el;
+        });
+        menuItems.forEach((item) => {
+            item.updateValue();
+        });
+        if (this.parentMenu && this.parentMenu.variant === "action") {
+            this.parentMenu.updateActiveItem();
+        }
+    }
     observeSlotChanges() {
         this.observer = new MutationObserver(() => {
             this.updateItems();
@@ -278,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '871e162e3b3f261be6a9c8a0426d65f7abe50f25' }, index.h("div", { key: '01d3b2e0ffa7a55cda07a477f95fe4014685ff7e', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '8927be3673d2db5cba405199f833cd7aabbb8610', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '4d4ee3f8485470270ae59c9635b96ebddb2d44ee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'f4c63de9a83fe17567371528cff256228a12dd25', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'c241e0b1573f5c96f570017ed2b9ac4a3361e89c', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '78f3377166d291981bf076ae448278877a6288ba', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'dddf25259fa3495d9c16f9e2155fb1b69ecebb80', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '04b4e0e348861cee0a34727850e69439a5c6b402', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0' }, index.h("div", { key: '4c036f7cc11ad4baaa694370f58200b95e9d8bd5', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'efc5872b0eab8e30656ff08be0f22369b5dea335', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '011aae50518fcc6acf2df643d1b8baeb02ee258c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '3290279dae6aa2f24db3e6255663a74d9ebfb245', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '74ec9876905b64c1d1564b4673da0afa6df8be88', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'd11cb7e73bf2ae10e4877adea3a1fc76ef8709bd', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '18763d9d7b8235d36d15962d9f0fa186f06cbf06', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'd13e7e02bebdc0b2672f9c99ad16b140245f0309', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -289,11 +309,12 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '894ca7c7b59993da2caecc103e14a166df1c60f2' })))));
+                    : undefined }, index.h("slot", { key: '9e4b84a77c38b544a1012c7cd28f767b54399b31' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "active": ["watchActive"]
+        "active": ["watchActive"],
+        "value": ["watchValue"]
     }; }
 };
 SwirlMenu.style = SwirlMenuStyle0;

package/dist/cjs/swirl-modal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
 const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');
@@ -183,21 +183,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (index.h(index.Host, { key: '59bb0f17c4f2e60c77575cf02823626e631c9e6b' }, index.h("section", { key: '0c31064fe837a46bdfc50f744770039fc878359a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f45ad45df2a06d53c1c5cba852b652e31760ef03', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '9a3485ea35b08428ab58fef765f4497b75bef734', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '3bbd1990a38876aa5fa6022a7e75100bbf7b581c' }, index.h("section", { key: 'bce314e825048303343607cbf919d2bc0d3705b2', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '9f2fdee44602aafa9192bf74491e6ef8ea54b916', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '6683da7a0d57dab9436e7de71ac3936b25d7a4e0', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: 'abc085e2e7b8964e7400d67dac99fe5c81470d00', class: "modal__custom-header" }, index.h("slot", { key: '211d44847186a221263a6930a12f72b3fb92ff45', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '3d8c94ddbd3e4b15c41c67a15559948b3f207ac8', class: "modal__header" }, index.h("div", { key: '42f998e77ea2f2bffde4be10b184bc2b7fd4f275', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'ff3a001411f87b58a7757e049c15802b8f6001a4', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'd40897c1767ea0a339159f34bfbe876c5acd6e17', class: "modal__custom-header" }, index.h("slot", { key: '60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7', class: "modal__header" }, index.h("div", { key: '1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'a1dcfcdd6d47091805c1423520cec1418c20cc60', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '0bb0418d9f1524921a556d5888f6795be95a9942', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '735da7ca7911404a453362feaf169a3c15023f54', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '9ab5c9fbc09068883a45a624de7b8979af08c309', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '9bec8811feb9e321f192161dbd31ce8713d2cf2e', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'cda8107e32fe2f331d65906510b294ae66dc7abe', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '2979e5f0d391f891f547b45c2f632a11a95b6429', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '5a597a80b7de25a74e4d215c26444abe6efbcb02', class: "modal__header-tools" }, index.h("slot", { key: 'ae5385cbb22afa2048b91d0697733b404a487d8e', name: "header-tools" })), index.h("div", { key: '82ffe6da927ed8fc5167f8aa738dc6058d76e4f7', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'f6cac69b194055b59cff5f556d043763c2d7c5cd' }))), index.h("div", { key: '0b4791c0bf3b31c34e8808f75938be5c2a0a01ad', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821', class: "modal__header-tools" }, index.h("slot", { key: '461ed54444ab5dc497f299a7d4c1319847d58f1b', name: "header-tools" })), index.h("div", { key: 'f9086457f301927401c089e78f2c1c650c729952', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b' }))), index.h("div", { key: '1c49dcec32e002149de659191999d7b0a9093596', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +215,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '1424f37190233bd4657b815e364c09242f8a5a5b', name: "secondary-content" }))), index.h("div", { key: 'f5affa411b74d5a00cc57c016f396c8bfd82ccea', class: "modal__custom-footer" }, index.h("slot", { key: 'e8818cd0a955b68595d48e9426a8188d662d79c0', name: "custom-footer" })), showControls && (index.h("footer", { key: '4d6f7769b3b05b56ab754be3c09e6fa0a10aebec', class: "modal__controls" }, index.h("swirl-button-group", { key: '3a3c37269c30c68736b7cbe166b4050150e987ec', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '5efc5c3383d6333e00a45e912428c0623c2e4925', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '178f724035753ad35592a19ef3ceeea7f43c28dd', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: '28a894c1566166272c55a5d539bd4168a17947c1', name: "secondary-content" }))), index.h("div", { key: '5af192de2cfbdc6adbaa97d333e2acde0902d478', class: "modal__custom-footer" }, index.h("slot", { key: '60933eef98ebb97a50fdb29952a61318d96d2d2a', name: "custom-footer" })), showControls && (index.h("footer", { key: 'be3fd73f74e76731b5d3a8a4400586cd42b5bdaa', class: "modal__controls" }, index.h("swirl-button-group", { key: 'c544bf607faa67ad57292234f70f4a2713b47976', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'f47e2ff0439c95f480c931d598981c5fbdf55b62', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '6e21d66f1f8583d13f48c105eff3d22ec9269759', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 
 const swirlOptionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlOptionListSectionStyle0 = swirlOptionListSectionCss;
@@ -13,7 +13,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '886f128f4adac71c66e18cd48928b4aaa8fb1740' }, index.h("div", { key: '2618e2099bc6167ffc57fdc52ff4e38e8866261b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'b67845388db7da756a5b8a235fc5f940ddbb30e3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: 'c4ed155d194346006167d468a3b118960605cd5e', class: "option-list-section__items" }, index.h("slot", { key: 'c43201c5bced887b1c843aa889cdeaf873e0cfba' })))));
+        return (index.h(index.Host, { key: 'e2401f37b99516ccd62cbed3fdb4637bd5a8b68a' }, index.h("div", { key: '31bf726f13e37ea9d3ad74a74ac6078228bc1118', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '8551ef2c99a481cb66dda9ed22958432075b37a3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: 'ba28fd3e52e4542ab60745e01106a9df92faed69', class: "option-list-section__items" }, index.h("slot", { key: '402e4c95d254d4477223dece4d0696d3226bf305' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/cjs/swirl-option-list_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const utils = require('./utils-ea8f1bbc.js');
 const sortable_esm = require('./sortable.esm-73cf219b.js');
 const index$1 = require('./index-9f94303c.js');
@@ -338,7 +338,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'c09257a978e5824fff31f2ebbf4035e75084b383' }, index.h("swirl-visually-hidden", { key: 'd7b2951497207e3327f191ae04ae8c878424ccbd', role: "alert" }, this.assistiveText), index.h("div", { key: 'bdb7ba8848454c49eec7b5341cc05177a4fd692c', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '0ff323330f231e906194b840d785e03518acb996' }))));
+        return (index.h(index.Host, { key: '24f83ba63aced28e609882a62c32376954884920' }, index.h("swirl-visually-hidden", { key: 'ee9e29f8f6096b513b81353635ec420a84dd3708', role: "alert" }, this.assistiveText), index.h("div", { key: 'd3477fc14b737db3e9f532681b4db036c48c0029', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '912b183b44588e9eaccf7a80ef8a7446efd394d9' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -391,7 +391,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '95d5870924775beac03669d847b98a50961d410e' }, index.h("span", { key: '84a3d54ce98125ea34c72c636ec3cdb1e1b0fbf4', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'e4d1cce127244c451c7689abaf0c7d245fb77ad2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'fa9e7c623b90f9e3a61dad17f2f4c695a385d43d', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '268ff7b2de842fa24f2bd647ea41e8b89cca1d72', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'b1a595c4d769289c2d7b4795f4d18016266844e7', size: 16 }))))));
+        return (index.h(index.Host, { key: 'ca2cb979501329ba3ba800a37c3a7132d75222d3' }, index.h("span", { key: 'bd936736821251c24baf182234105ce17d1f71d1', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'ca1f65bd6534347f6d31478f5ce6aed953595a72', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '56ae5febd056e6fad9ffca2aca2389639a679083', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'a0638fc6ef90664d7c309b72b40a9cde043a3480', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'bc276c83d87e0a4c4fac1ebcb3106006dd65376b', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-pagination.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
 
@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '73ae765ec8dbf588bfc32a4bbd6852291604214e' }, index.h("nav", { key: '4eda9560a9a019e82f821e187a6e83443979697e', "aria-label": this.label, class: className }, index.h("ul", { key: 'cc5367e85ca4e251e4f7d033bfa850968889caa6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '38f5fb33b9c24315271764e2784f1ebfe1d8723e', class: "pagination__list-item" }, index.h("label", { key: '9dbfeb8a3e464d50379746ec85c865cafd52ac51', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '748fe2c2ec1fbf50d4c4e4347e23571553f30c36', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'e9982f4cc6830489314d2bd13aa927201e51d415', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '48a9950fa6a353d49883c69ec7918c38a26a2619', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '60d4677d0c8d24adf39cfc90f31b27660526233a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '7829d37667bdf4f643669d5aa7394b8c67300295', class: "pagination__list-item" }, index.h("swirl-button", { key: '774e9ba9e1bb90800b6e35b0ee531c1c4c88d405', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '582aecb2808382dc58032e872cfb97d29d772c83', class: "pagination__list-item" }, index.h("swirl-button", { key: '01395eb8e5bf7b0b06c55926213b5023b22a5fcc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '6848c16b69f7e9b67f7924eeb7c4d10bdf7ede4c', class: "pagination__list-item" }, index.h("swirl-button", { key: '566365451279b0578be3ba9378204c144791db8d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'fec0371d798351e16ea95a2b3b886ff310a71bd5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b1d0b4b994695ab9d46eaeb10835a8cf23cb7ed8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: 'fba8207382cf0734db42a2dea298004f8943c17f' }, index.h("nav", { key: 'e166fe66e852e224c321627921c57605628d0ac4', "aria-label": this.label, class: className }, index.h("ul", { key: '3a4affd8175c790ef5d25f5e80523daf9b94fa01', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0', class: "pagination__list-item" }, index.h("label", { key: '9f6e04dc201cd60da406324be6c4ad9363c450b9', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'c2c85487931e6912edf0821eaa201e67e64bdc65', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'c7e46aae5f41adef62625b81e4335466f3ae51e8', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '354fef3715e457285692f4fb4cfcaf9ef6d47b1c', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'f6ef8a317e72eb0239aaa6acad36bc148c873a29', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'bf02a4f8f0413dee0791c39f26c6cbd46207474e', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e6aba96a8c7156e573ad7ff33d1b36be8f248158', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ad00543f21637b669f341ffa7ff7dc9c985f7b11', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'f33a629ea11be2c8c1b1c07906b71f49b05afa35', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ae4becccba62f16b92e4056ce44d49ba800bacec', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'da1add506c324ae199592b1ef100737149a28ccf', class: "pagination__list-item" }, index.h("swirl-button", { key: 'be7e1d28fe3af44062e3eda3c3889ed32f413499', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

package/dist/cjs/swirl-pdf-reader.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'b98e2d55d898dc79865d67169e3915143904964f' }, index.h("section", { key: '79c7969d68c722c4a731c6feb17f6b037a67ac9b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'a31f466d3d56f5183b0a5ce12c342d305abc13a6', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '429b0e53eb529cd937805f416c5f687548ea7aaa', class: "pdf-reader__header" }, index.h("span", { key: 'a05280d69ee9a8d507971f7a3fa672cf0d3deda2', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'f1d79af38c7b7ee5152718af881b1485bf5ee600', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '7eb3753ca638dfa8833f1ece407e2df42b0ce9b8', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '1f6ebdee5beda1b4b9efb9dc7f5f498db674645f', class: "pdf-reader__header-center" }, index.h("span", { key: 'f8726ccafc993fba57433ecfc07a0f617e2c2906', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'd4f03d6f39440324085d2fe469fcf0c7b2d75168', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '0c18f0c9ff0e32470344d8233a13b9097551cd38', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '4eca318e5e989487a7118d376017f7cabd5c77d0', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '04b861a96873d63125d8d7e877326959d5adf920', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '17cd08bea4ae1a51f83ca979b30882d206d70a5f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '693977adf2884dbe1a6aa9ae1eb869216a8755f9', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '3237fc070374cf1376f9f8986784ce3f538ec5e6', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '3c7fdd4fbfffc00c28df32a696274031ef406ac0', swirlPopover: this.menu }, index.h("swirl-button", { key: 'fbaad43371abdaad13e4c92a002ec511ecbe61d8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '785f05b31ed8bb4bf44b953cb1357c0f32b90591', class: "pdf-reader__floating-tools" }, index.h("button", { key: '40d2fba151469f0a21fc3d403f58d4787a205894', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '0a6f7dc866c83d3629e795398e6e4f039097c102' })), index.h("button", { key: 'dcf71874a2645920cb4e0532bd57e9646c5686d2', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '8f9d0937eb27f3eb0d75188e48e5b1d5ba238368' })))), index.h("div", { key: 'e82b50d1ba99ca2d4aa3548ddd9f18805d955e77', class: "pdf-reader__content" }, index.h("nav", { key: '80637a1a2ab6df90e4ea2f92a17a466e8046d116', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5a42f8d16dae2e3694159cfe3a6a3f83c36c8e6a' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '81d5e89fd73cdf93940502130d39382d68757763' }, index.h("section", { key: '77fd45b43ab3ba8d424b105fd956d7637dab08ac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '97398c5d3531d0f210543efd5f4db5629c7f1b5d', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '524e7c7fcfb5ec456403c4c7354ce1dc8565a31c', class: "pdf-reader__header" }, index.h("span", { key: '1a7f36ceab510764e4fd58be82db76c96ef849fb', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'fae99230801a2d755a86701bbc492d4260e9919d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '49ddb9cc5ce3a929f4031c6ab6ea374ca9313ef4', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'e26499b4bcf6c62f6b356020e4d84053bafb4b75', class: "pdf-reader__header-center" }, index.h("span", { key: '64cb978c4c8b46160fbee21fd1c27d658441660b', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '86ffdb46374cbe575746d5de3d227f6663ddf8e7', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'cfac8e6d9ef38dc58966fdc42059382e474ba1d4', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: 'e94afea8d541b40eeaf0f86d620797c07c850ad8', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '3abbbcc6a5feca804e7fd288a4f45d0d6904c29c', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'c1e9ec582b5594664c3d64ebd858b89682a9602a', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '29d8ac50214cfdb1fb4c21b5ab0012dc3d258867', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'fac4a6296c778b801a5963a9fbbb4610451c9fc0', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '5dbebf1825f3a762f27513b0c26a1334a1a5e2ab', swirlPopover: this.menu }, index.h("swirl-button", { key: '1ca64fd2b9e222b27c29b5acd30011858de16658', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '70dec652c63d082e7d5083d8cc8720cd2b5172d4', class: "pdf-reader__floating-tools" }, index.h("button", { key: '60d418dde1e7e6bf2e5b4c2dc91bdda1ebdc302d', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '58fde27cc6af25fff66e01c72cb60772a1989b8e' })), index.h("button", { key: 'bd9e31b3c67695b8fe37fa128914d05e792dc015', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'b2a6b1e5f124924dc7352898e78b8fc400dbe023' })))), index.h("div", { key: '49c372ff04c32b061a045863669f446b161978b1', class: "pdf-reader__content" }, index.h("nav", { key: '5fc70757f58b12c3ee7e2bdfbd06f91a3f5cb887', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '8eb682ef0eb16ee71b3dd0748de265941ac146f4' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '93968c37c3fb60094507ff98551761a4c5f6d5b5', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'a43f60a606c1bb6a71c798ddf013f7ec6b3577dd', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'add4aab18be18484e003bb7b7f3de12d1a745909', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'dc6cbf23eb401cdbe7731bb4b90d5a3ebebc0a41', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '6d9cb1897157fce7cb6719b787af24ec45dd993f' })), index.h("button", { key: '8bbcfca12368ac943883538cae6ecde36a6d6830', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'e7621f5f69e9fb049af458bfe69514ee4b757884' }))))), index.h("swirl-popover", { key: '47a19324ad61a4f85b3e978b87273cdb5265b458', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'd582e076616b4b58e80c5ed69414e087574f9e2d' }, index.h("div", { key: 'eba1d8f0f59825c617d460274d126868018e8902', class: "pdf-reader__meta" }, index.h("div", { key: '9e482c5c9d5e245291834796057f1a33f73d5200', class: "pdf-reader__file-icon" }, index.h("svg", { key: '5b98560f82b34390e70c1e08c66861d5041b8cf7', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'a457163273d46c89ba8c898157dfd392d6c699da', 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" }), index.h("path", { key: 'a566ae2306d2f71ca392d1680852522d1104ff8f', 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" }), index.h("path", { key: 'c95e02e13bc82555a13403d07e5f000c1147fd87', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'c9d1954f66e1dee43656c900f36c15699f3daceb', 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" }), index.h("path", { key: '47913f83ef77d0ae284d356f8d802577044d913b', 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" }), index.h("path", { key: '15559f8ae2b8d9d33931431dc933d9f2a675c5dc', 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" }), index.h("path", { key: '3d865301834f93a733fa7c6de9bdb2bd244e93ae', 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" }), index.h("path", { key: 'e7a2cd443c4eaa6d7a52b1da02028e4bb1261eba', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '6bedc40cac0e6e5b2f58112e19f41acc835e29f6', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8e4bf6b3308baf3a6cc4d67f43433e561bccee41', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '48383b264bc1ea29301905502f53cf69a4a5f451', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'e012f1ab3b1d30058e42ed7621542c925b9bb267' }), index.h("swirl-action-list", { key: 'e96277f5425ce80ec7bffbb2f0ca52e135b5de57', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'a0c40f36c120a7352afad28355684abd39892096', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '6dcbb8a7f4716423947cd42bd0123e5d6b1a0007', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '101b56bb9a17e754866767610f178813c2db46de', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'baf1b664b7966ef07411fa92207abfed8b466e1c', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'fa16e93ac77cd1c800227a6706a2b0bfde5fae28', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'cac6b459d2f424348bc737bc6efbe3dfc3f15e40', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '9f22c2f191ea77ffd2a9c9ddb9c521d5b6360f0d' })), index.h("button", { key: 'c3c1bf865ee86007b6806b965ddfeb875bc3893a', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '7d88c0725e991fbc8951a5c9c3d2863d8f5ab679' }))))), index.h("swirl-popover", { key: '1e9c2732f6b208f7143fbe78b6ea99652373b47c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '9fd356755e76115ac89f97c4a929183eadd325f0' }, index.h("div", { key: 'efda7662f54e9cbd0f9cdc56c0dde04d89ace796', class: "pdf-reader__meta" }, index.h("div", { key: '88a33932c2fc2075dacfe9b6c824a4746b45c224', class: "pdf-reader__file-icon" }, index.h("svg", { key: '913544df7dbc97da4eef47a4fe0c1e8064934b3d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '1fa0b0d843b909c616f23d291f00fa4f8e089ecb', 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" }), index.h("path", { key: 'c3a612adf57e7800d2461bcf9243b623806327f5', 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" }), index.h("path", { key: 'd59e131de4dfff7a981a468a31245fc757c02544', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '6f4d8c47e0a13955050de7c54a1081392dbe1b82', 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" }), index.h("path", { key: '48cd4136c99fe57c08996470bc75614643300ff0', 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" }), index.h("path", { key: '408f2d9be89e1d79ce0f29bfb1be6a432aeea11f', 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" }), index.h("path", { key: 'f938659112f6e9fc86556e7571ce865f6d06ad9d', 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" }), index.h("path", { key: '387377193f9ae487182e4b22d03e2052a6ed9c10', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '7c8e3a0935be4192a87d6cbd146fbe6646f77a4a', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'a3213ad51f4e330e265ab2eb38a825717af4a687', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '9f50fe4b4de372e801ceb4c02f8c3299ebbb6f44', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '560ad0e0e1df5a4807b32ec5d2b4e98fe5f64c46' }), index.h("swirl-action-list", { key: '8ade0c1800a31901a0c0030e54a03863d26b912d', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '8514d3e65061a3a50c2200756b1724da07c8692f', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '73e5b021562fa7244ec1408398d44ae575a0c289', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '281de19c25482e9ac0bb2744e5d65a8fc4c22467', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '39a090c22adc5081d628f9d097fb537293a53d50', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-popover_2.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
 
-const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
+const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
 const SwirlPopoverStyle0 = swirlPopoverCss;
 
 const SwirlPopover = class {
@@ -63,6 +63,7 @@ const SwirlPopover = class {
         this.label = undefined;
         this.maxHeight = "22rem";
         this.offset = 8;
+        this.padded = true;
         this.popoverId = undefined;
         this.placement = "bottom-start";
         this.returnFocusToTrigger = true;
@@ -266,15 +267,16 @@ const SwirlPopover = class {
             "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
+            "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '99534cc34240b1baeddb8ee17927d587912dc044' }, index.h("div", { key: 'e661ff024e5e74b9312509f09b80f87f75adef13', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '7d4c81aab941a8b63c8512199507e382eec77fcd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'df476e6322d8d9d846f63c77d2150f058ff510f4' }, index.h("div", { key: '9be59d3e4afcdc085d6c6da4c6cf73117352ae15', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'da116f880c0744a9b626e772a79a8833deaf92b7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '2bed2c3bd3829cfbab6b95b11cfb98494c1f70b2', class: "popover__handle" }), index.h("div", { key: '962b91b8ce00f33f4faeaa1d23dd6284d650522a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: 'fcbd5a764f47a2fe387893203c5fe5f7d3e5d158', class: "popover__handle" }), index.h("div", { key: 'dc8acca5962062f9c48ae39181046c8c2c769771', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'f5237b619333de1b78eb449f2e9de90d2455568a' }))), this.active && (index.h("div", { key: 'c37ea60b95e20c2d84bb090ae3a8cdc1b5a3aabc', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'c3941c4f0600dafcafdc9cf4328f2eb6319cbe79' }))), this.active && (index.h("div", { key: '7f94b4404281c6ac68551584e6e1f273d99810df', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -443,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '301b84437aa2fdc12b313ed844a66386a70d12dc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '0ed5e952b04c3aa9eef3540ab2056ee2021275f9' })));
+        return (index.h(index.Host, { key: 'f24c307c0c793b723219d70536814ad68cb894a1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '82f8797bcca392f456ed38085bb057fda4561e28' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-progress-indicator.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";
@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: 'b0055e1af4f90544d14efab8c1c1e7bbfd88b59a', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '8af1fec195f11ae75d74ca69994ec7fad91f933d', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '2539beb6d3fd754ea7550c7a5351b9318d1dc3d7', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'be87aaf4d43e3dd65e9be85dbd8a2f5a93ff7162', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '194f56603d0076e7ab254346d431f7257384af4e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'b78e26c2945bfc2465e8edb0e120f9e3cc52055a', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: 'ec67df0261c2d7085b5993de26b9e8f8ef30aee5', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '22cbde6694554a5fadec799363a7ee3ea9c783a8', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '60e257b78d70f3bd56b3a45178c6d97e84ba5dcc', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'ddf18412e0bcc8acf6703471f812d19f9f65d7dc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '14dd6d446c100b80ac0ea3ca13f0f0f265222019', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '8ccaa481b7637c0e7f3c57b9a9eecb495ede602c', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

package/dist/cjs/swirl-radio-group.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 const SwirlRadioGroupStyle0 = swirlRadioGroupCss;
@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1e01eb6ceacb20bcd71535219b96cc9a2a54ade6', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '86b29d67758d1fef3172a8c3c83fc443c732ec2e', class: "radio-group" }, index.h("slot", { key: 'b9073f0993b00cd97ef1eb8bc925181e9b6c1062' }))));
+        return (index.h(index.Host, { key: '4d62efbff3589261ebe21f9819ccbff59b5d7d44', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'fb0b457aec9c6004b5110ad66d6d88be6dd63140', class: "radio-group" }, index.h("slot", { key: '9596bc61932d368521ed3ae511e05689013b4e1f' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-radio.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'fbf3f0ee0b30c72b5ad65ac0692b6e9d31b7d90a', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'a7ea6566aa319b575a84929840b7a73a5a0b9056', class: className, htmlFor: this.inputId }, index.h("span", { key: '013c04a9fc328161c2f7ef1277918bd678017abf', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'ec6a686366bbfc2f0eb880f64228b743b054208c' }, index.h("input", { key: 'c1f503b67a5e04ce44e26e719656282d94e03461', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '31655ce0ba8f93ae33e472cae75a901eaef8d0be', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '7bdf6ef7ce9b2c66f4fef128e7f0d5b5a2dbc3d6', class: "radio__label-container" }, this.label && (index.h("span", { key: '7a12b6a227a56b1054ad2e3598bf56e57fdbfc9c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '392c3f0be615b16c51d272aef5bfb8babf6378ef', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '321bba48e44221a8d17d196d7e6fb044aa41ca3f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '6f8c09868609b23f9d67aa0b31c972a549f499ff', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '4511fc8bead880f2a7466f8329220752d17d0325', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '555b8c019f96022c8b9ad454862e4c6532004448', class: className, htmlFor: this.inputId }, index.h("span", { key: '18f02be569b58bd87648e70c03bea4118017b156', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'db1e1c34d76b0f537bc7f405a1e0e978319c8478' }, index.h("input", { key: '5f4aadfc527b06daf0a4a658c96c11fda7692a8d', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'f73f6e2708d5b0453b54a5650e9a23c75e25e19d', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'e4f5f4eee6ce7fd06362067983dd522f98739fcb', class: "radio__label-container" }, this.label && (index.h("span", { key: '99b22ffb4d9b5b7e43ef0bbae23317e4cf3c91f9', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'b22e0419ab77eaa2d2bff4302998e927eacfcfd3', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'f7bd26220e164febd139175c17585f36c7d937a3', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'ec75b1f0cf9e6aed549e25295534881b39b40cee', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
 
@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'bbf7d4cf8f9eae81bad49bec1307cf45a2004f11', role: "row" }, index.h("div", { key: '0959caa4bede9ed5a649b80c98366568eff0e4bc', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '0eeef5e65fad8fa597a643458c5fb264149fa7cc', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'fea932a17c0b6964be6c566ddd3ee9bd79a17df4', class: "resource-list-file-item__label-container" }, index.h("span", { key: '724df159b81a3051a99ce643008a687b46ad49a5', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'bddfdd71675b637955c9de19d64ae4bca023ca3d', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '44b7e596c8497af50b6cd32f3fb6b03890291297', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '0c867d1feaf0656c8f7c133964a32813905ccc15', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'aba4068b2354414f4d3894847e25d724eedbcbd9', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'aa0bf9e3e0b0d92847929ddec9e2ebf54ea9aaae', size: "s" }))), showRemoveButton && (index.h("span", { key: '0eaa41587f80cc96aa159039670a72eb3771afc7', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '45830b0497beb5dee13ef0c1e61252b73d16fc03', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '9bb3ef70133735654524bd510124cae8d4321e42', role: "row" }, index.h("div", { key: '1179c9aa1979500876810e64b5ad0c61e3329c32', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '081c7068de1c9c55e678dbf0e9ad6ce0ee52b762', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '9341f71ea91a3d080d68e2bb8dbd15755e79f91a', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'c31d9cef43167e5b531cb108cca285ac59ecb3d8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '1616529961268c9dad657383d9cd6c3b4bda89d4', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '7ce7536ce5fe7c39e63140d1059a22db2b8cbb10', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'd96eb7bcf6931a5d62c1fee20010cfcd7f3a29b8', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '199eb340ff5efb7736eb6f2e198987aa1cd74ce8', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '0f622305a27a9d14cb54bf1adbfa62fa98a1d284', size: "s" }))), showRemoveButton && (index.h("span", { key: 'e306ce21915b56159170c3ebb7870a5dbc6888c6', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '49da8673e828b30d115ecc6bf13ea018295ed992', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

package/dist/cjs/swirl-resource-list-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 
 const swirlResourceListSectionCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlResourceListSectionStyle0 = swirlResourceListSectionCss;
@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '97625ee360ec9abe158f5082d47c6a0143ab549d' }, this.hasSeparator && (index.h("swirl-separator", { key: '7c4d8d3e04ccc10ae18047b49295950780bd7ce6', spacing: this.separatorSpacing })), index.h("div", { key: 'ecd4081a7af326616db50bbbb6940be54a49dae9', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'fc1a6ec3f9b12d93896f9d6bac739181604e59cb', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'cbad51573b8932d9bcaf13129a173ab008ac2079', spacing: this.spacing }, index.h("slot", { key: '19ae8536965b4a019524253a98dc480695c419cf' })))));
+        return (index.h(index.Host, { key: '66b19a0b67bb9852159a48a9e9519d98870e1e28' }, this.hasSeparator && (index.h("swirl-separator", { key: '09bf9a3261d4cde9ff52ef570622e5feaab226c4', spacing: this.separatorSpacing })), index.h("div", { key: 'e8746e32c6fbd741337d322c37aa1a49450d365c', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'e4d14f26aae32356c5f575e183ec1823c3a3364c', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'dfc0d9f52168a67d5439755b774c66cb6ca9bff3', spacing: this.spacing }, index.h("slot", { key: '600f8565505f85c946a72e205deef8b894f72c28' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

package/dist/cjs/swirl-search.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
 
@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'f830fa0298aeb9964b387ead34933777c99a6f08' }, index.h("span", { key: 'e7890af7315af940ca4cd0cb71bf99debf271e9e', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'beed185035923e749bb89e76a46173240a0a62a9', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '41a49f1f07380196b2f82894b190912b5e3de1f0', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '2269c36181e09cbccd1220975f86192816d08ce8', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'f5544b823a90130d1c21c4517b284438ba400add' }))))));
+        return (index.h(index.Host, { key: '54dcbfc6288862ac0a989b5415a03b2e2392e5f2' }, index.h("span", { key: '790a7475e943bce186a43c65ea98ce279cc3c0a1', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'aabb9e62c43b638f316cec7cfc9ebd1fdbff174b', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '9a47eed049fbd48af61bc6f4d5f3a8c071ee6325', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '1eccdc18fb5794a2cfd2327124ad71265e758e05', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '6f34a0be9acda42257bf2fd5659c00a9b0b3dc57' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/cjs/swirl-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ab5d772.js');
+const index = require('./index-37911b7c.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-ea8f1bbc.js');
 
@@ -137,11 +137,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: 'e4c4aeec0c23ceb10e14b3db511b3cdf80dcb953', onKeyDown: this.onKeyDown }, index.h("div", { key: '0db57b420288cfad0afe5416e487e42a22bad267', class: className }, index.h("swirl-popover-trigger", { key: '9175666caee15b648fa7a03620982d54c1f1f1e5', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'b9fc7cbecfe9f107edb7909a3f5ecd474dbf869d', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'db0e8a2ff9ad650c487bed7497ad3afe3015e604', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '6be05a6d1a8f2ba562a15a4266bfc08a7484bca1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '4f9f13507e1a53ef28aa88f2c1f9d501bdff6eca', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'f4d1a32e6f1a373a6597c3994697c1e41231e80d', onKeyDown: this.onKeyDown }, index.h("div", { key: 'b569382d1c19ca5006541d12ec66220d985f02bc', class: className }, index.h("swirl-popover-trigger", { key: '58af3ccf7e08d5c89ce941b7a6feb99cd399491d', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'ae0fa89c7fa0a1a9f33be2f4b65bae75bec7fee2', class: "select__value-container" }, this.standalone && (index.h("span", { key: '5925fdb57028f69b37ec11ce49d9417445670426', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'e22d665fa1b455683d9b029ec1d8d0c3606c0c87', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '0f41a50d84757fe69c9ff6f18af3602facad4386', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), index.h("span", { key: '3a1f1f423fd7455e9b531e87222262f8bba7b6e1', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '6a2ce51375de331525f2627f30672bb4dce4fc1d', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: 'c9de5168f5a66c254ebc27e3f4f4eebec462b278', class: "select__search" }, index.h("swirl-icon-search", { key: 'f71e3ea1539c50d71f73b32f9695979e6d084630', class: "select__search-icon", size: 20 }), index.h("input", { key: 'e72f94990346ca928f7ef96356e5f8c318127fe9', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '9e411c05763d21227f4ec6df57854ac1b90ce86c', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'a1c53e85baa83a9bde5b01919037eecf293368e7', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'c9c8b315c77ba9d276a0393dc9b31a96bb8a6095', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '199b726f248edcff4e725827373bd8b91f659ce4', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '71661c8a2ba9163902de76bb928131c268c3b3fc', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), index.h("span", { key: 'bec388f4617fc7e76ecf3257fefbe606e35222b7', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'a86dc806e0f318351a82cf2873f336b09ed2b1be', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: 'b8a402b67be647f16cc67fc2bbc267f88fc9985a', class: "select__search" }, index.h("swirl-icon-search", { key: '6bc2304573c12ef7c2564afa811925a5e35543f2', class: "select__search-icon", size: 20 }), index.h("input", { key: 'd8031cb8385895c3338f75b85440d81a6521fe1c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '102850e362aadd1424136a4d417b6d9fa0606cd7', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '0f914332c497c4a578cc45f16fed8626dcc50d5c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '17818d47966d414150ddee87b65d964f86924cac', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '6543eaaebfda3ea643897a2f0aebb5792440d986', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '954c68c83c8280dce551f50273c3c4565ba706e9', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };