@getflip/swirl-components 0.293.0 → 0.295.0

package/dist/esm/swirl-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.js';
 
 const swirlListCss = ":host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:\"•\"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) \".\";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) \".\";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlListStyle0 = swirlListCss;
@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: '81280815afbaa049e1ab911fa3fc911593ea2477' }, h("div", { key: '4b9f28828010de5424d61504996ceb57db6cb2fb', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e2861a9ab6488c70e41d49a128cfe7c2ced66efc' }))));
+        return (h(Host, { key: '8cf6e70051c5f2e20f6e6030e1578500d863b81e' }, h("div", { key: '37be3fb5abc4a965778912739bad52f8aee491e0', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '2bc4ee5eb7e38468d14560f9be1dd36329412480' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/esm/swirl-menu-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as closestPassShadow, p as parentsPassShadow } from './utils-877a768f.js';
 
@@ -118,9 +118,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '75532aa818f189808a0c483efe64afb65be7eb09' }, h("div", { key: '599aa1a2f9afd8e25f3c7e3c830d98afb5847c9c', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: 'eb54e5031d1f2a7a81db9833853b17bdc602d9ac' }, h("div", { key: '289d644e14189d094df43eb66405b21c18ef3712', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '6b725fd7067d1286e7423653bb7b3a99d7244eae', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '2d3863b542e7c333268c69f7bbe620b83aae2ef3', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { c as computePosition, o as offset, s as shift, f as flip, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { c as classnames } from './index-267776a4.js';
 import { q as querySelectorAllDeep, c as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, b as getActiveElement } from './utils-877a768f.js';
@@ -294,7 +294,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '09282f9b414e9f9914ba0b94cfa9d014bce3968b' }, h("div", { key: '45e1291c46a9d8ac9c89d8d3fb6aea6966276bde', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '78d615d456e938d0bf57f73ba553718cea34f1b7', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '79613c077848b55b9cf04a3a0247f7c3524ddac0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '5a2da40e27d6389459c0280568638009e6b72bbe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '471a1a067678f08278cc6a308a3f2c4ec3686e53', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '10a71a472681b98a56043e73e09b65ba606c97da', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '348aa994468ef8cc10e2c3df09c5a2adcf90980d', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'bbbdf79dbdc050d9a1475b2859e8fdeec843a67d', "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 (h(Host, { key: '24b9a5a411f90f3343ec603f35e87c55b59255b1' }, h("div", { key: '2873fac136c34db022ffb48363cbd0d8aaa1175d', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'a366360ecca533efb243a22b7be2e2e7af03e103', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'dccd68774426953f61df8827d24a62ecf09d93e8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '42a40d4fc7d116e1da7c507d94afb8506c043bff', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'e7bcd311b9f7770d7ace9c7647592e207ac773ea', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd4963ef497c29a6ead642897b8d154994e501747', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '9481c0b5f3090fb6ff69a573047b2457c81b3138', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '4c5b0690e189053c2c355a1e532417e16de8b6f1', "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` : "",
@@ -305,7 +305,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'bb851986c93b5872d027f3873b10c35c201c99c1' })))));
+                    : undefined }, h("slot", { key: '6a57a102ed4a4a99c5e07fd19e2ab6cdaca54008' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as createFocusTrap } from './focus-trap.esm-49c9613c.js';
@@ -179,21 +179,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: 'b1c98a867cefa87defff50b03aa1f0bc786db36a' }, h("section", { key: '98cf6b7bda4bc48238d6a3d8ce779c98291a2617', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '0b655547a66905a89ec43a794eea750de905db51', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '1cee84e9c42292bcde9c6d604bdb5f43e7c6246d', class: "modal__body", style: {
+        return (h(Host, { key: '01f1a99d08bf7d14edbf134f18ff139064a6db14' }, h("section", { key: 'e859526369fa2b1f6e9c1514f67309326c797555', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '500de6e4f8ca20e3db551d821663aedc2b6ee761', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'afe33af8ae2b7c51d660d62fd2abe55a23c71bf2', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '75f7b255977bcffccf10fcb5826ac4706cd1b190', class: "modal__custom-header" }, h("slot", { key: '98d04a2e5e33f8ca0270a74347e2d7a0280fd299', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '2bebc9925168116cb94a3c2ff1af2c51f15f205d', class: "modal__header" }, h("div", { key: '2b724c519d0892d978cbe10e3ac91b597f889952', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '4083c5a5bd2da81425967525cbc749223f465026', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'a88e912716aff9035f1725382e73260e63824468', class: "modal__custom-header" }, h("slot", { key: '367c0c5663c61cc38adff9db245cb3c62fb41fed', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '1d8340d9496b6a1827dbfa5afb0cc5297c5b47b0', class: "modal__header" }, h("div", { key: 'ac9d727f63be6e7f578e808025aebe81d272d7b9', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'dbf6cc2118184e2082f6dd7f5cd3ac27cb1a70f3', 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 && (h("swirl-heading", { key: '8882743cf4abfe0396ade3d1b9368b44dbcd5d95', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'ac500c280e837e4fbb64dda6d33582678ddbbe62', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'd5f8cd4b34fda9ba929ba704abc31e788fb44dcc', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '88f2bacf1af61d802a6f9143022a771496ceda0b', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'b57c5138ae1cd324542c035ef4b62e841fc69e85', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'aba493484d2375e654965bc7356ae8af40367018', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '390ab7a0fdb2f0f3d7de8e2c436f73a707840cd3', class: "modal__header-tools" }, h("slot", { key: '0609a378b9d3a3ca64e2573ee6d0ef6d5f981d45', name: "header-tools" })), h("div", { key: '6de756c11116d256035631fdebf6b46773ab68de', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'c52bb8944f5d732d870d19ab3045fe9689031c7b' }))), h("div", { key: '1abc5469aba42427b86a2fa46cb97a6fcf346aa1', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '3e8bf32fbc258156f0bab8d41e42d8ac264721d7', class: "modal__header-tools" }, h("slot", { key: '9a704a1162c6ec60bc0f81722db05e5e079fd4ca', name: "header-tools" })), h("div", { key: '78377c91186312054af4c6d9acaaf8bbbe9cb428', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '664d1483dfe2510cb4f539f3f5d0fe7e8b242117' }))), h("div", { key: 'a455a0bd1d63ded0cb9b490eb3979e225be01f85', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -211,7 +211,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '4c9100b9d7ce7086633a0352e8482c34d180b714', name: "secondary-content" }))), h("div", { key: '63e8caf499fc6f9d311a45a554cbb9c591b39e47', class: "modal__custom-footer" }, h("slot", { key: '36073410f2f79a08268c2d32c771bb69da7b571f', name: "custom-footer" })), showControls && (h("footer", { key: '606128994fc32ff81f2915228a5675a00a9af6e5', class: "modal__controls" }, h("swirl-button-group", { key: '90e2196bf52d8a78040645bb4823def5e91ffa57', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '0703f8d5f77cd4ccef366410d35721638f5a9732', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '71cfc8418c15bf3c9135362996fb32c2aadbe4b2', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: '4cdd48db509c1e1ef1d822dcb8c0391e0cb219b8', name: "secondary-content" }))), h("div", { key: '7646bf87d24eb5222ea973cfd5c4103313819a42', class: "modal__custom-footer" }, h("slot", { key: '47646d2bd32381bcc34c4d74febdb30953026d6b', name: "custom-footer" })), showControls && (h("footer", { key: 'b7fca840a0e80d38d021c8f9f52243f125fe3ce8', class: "modal__controls" }, h("swirl-button-group", { key: '91ac48ca22540891189abdb0429aa3d1562a0d52', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '9d7739259095b4286b1c58109ce8b49e574e886e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'bd261ad844e3027dd6c0c1ab651bc4a868ea49c3', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.js';
 
 const swirlOptionListSectionCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlOptionListSectionStyle0 = swirlOptionListSectionCss;
@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'c42e362c4fc286e3d23af2d2ca05c4d635a0f385' }, this.hasSeparator && (h("swirl-separator", { key: '7918b0a63ec7fdc808ae3b672922e7dad2e5f262', spacing: this.separatorSpacing })), h("div", { key: '640495ef9be1d45ea875f5fb9e2c0a01dc13060b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '1e9cb3c67832846734c982d8db1ed3db559113a4', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'fc7080b2e2071b195509f6b9279c42e67b8b8522', spacing: this.spacing, align: "stretch" }, h("slot", { key: '576a1c5b2342aee096771cbc6ea6b39d38605938' })))));
+        return (h(Host, { key: 'c02de04bd11cce77a9370322046289994477c5ad' }, this.hasSeparator && (h("swirl-separator", { key: '055bdf6108e21cbaf9f1d62d3071fe72c12f360a', spacing: this.separatorSpacing })), h("div", { key: 'd96cdc9aa5adecabf1beadcd7b4daaa8cf537e81', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '31a3f661c238d15357dc3282327bbbddd4b8d1de', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '20e64f65904208e8fd238cf6ab27506ba8394bf5', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'c5ab020e49810f3060da43a20bbc83d8486ccc73' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { S as Sortable } from './sortable.esm-8c3d5856.js';
 import { c as closestPassShadow, q as querySelectorAllDeep } from './utils-877a768f.js';
 import { c as classnames } from './index-267776a4.js';
@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '8ef5e24306e9293d11444f7c1da65c2aff6f44e2' }, h("swirl-visually-hidden", { key: '3c44169be9ce667ae8124972ff25f0e1e05dd327', role: "alert" }, this.assistiveText), h("div", { key: '3848bbcba664be4c95fe0cf6f4051f38fbfa88f8', "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 }, h("slot", { key: '0531e6a2b9b9399151c9702542808998eeaab414', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'aa91d88e5c089e2f1f3d3a8cbfac313649bc9567' }, h("swirl-visually-hidden", { key: '6d0913a7a57035902f1013c01fbd599ed2bf959e', role: "alert" }, this.assistiveText), h("div", { key: '5d1f26d83f34fd218b2789c7eaf680f1f2a4b4b9', "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 }, h("slot", { key: 'd6ae9e673e28366d36da0617e3bae5b74f091b82', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -401,7 +401,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'e4b87239e8182dfec9083991f110143dd546b8d2' }, h("span", { key: 'f7249adea2f633a252cf0b261f9943cbe506ecc9', class: className, part: "tag" }, this.icon && (h("span", { key: '4588be9d20d846be387d1abb975ce98506d5db19', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9d24ba7bee531a4d741678105e79b2087299be8f', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'd92c9df4fdbb1f359c26fbdad005f7a6fa5d2c72', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'e4e8df37568d44dbc02f54892ece51264d76932c', size: 16 }))))));
+        return (h(Host, { key: '929845576819bd561965c475f3c4aa449096dac5' }, h("span", { key: '74c46991a9bbb9ad01409e658f4f6c72b1f15fd1', class: className, part: "tag" }, this.icon && (h("span", { key: 'c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '71083c3fa4dd03769975403498a2ec78f49826d3', class: "tag__label" }, this.label), this.removable && (h("button", { key: '9fa0c323135e2fcb064a1e30a3636bddcfaa9c96', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '495a501e9cf488855639af27193853b08e74dd30', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 import { d as debounce } from './utils-877a768f.js';
 
@@ -88,7 +88,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '2d4d4a20e12bdf5759a01072af8d0a905dd96d95' }, h("nav", { key: '2face9ae72dcbd5bf809c986a1729123eec4094a', "aria-label": this.label, class: className }, h("ul", { key: '30a59873b9700d96c1f3203a935a3d61ff34e399', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'db78195abfa6ec63f8b1be66a7c869c09514e043', class: "pagination__list-item" }, h("label", { key: '5b60f889fda62209e3d7984da9cbb3e09397fb93', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2a0e960fc0581b04ad88dc594d2179c654dcc3c7', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a82fec8e77c7b508a160ea99cc06a185be666075', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'a0c895a7ca5ff47dcd859af090441496d5194a16', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '6ec4ce1d8010fb4436cb2606fe36a524c5a39444', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'efe77415f10a014e72a78ee285ccd87afc21b67d', class: "pagination__list-item" }, h("swirl-button", { key: '8fbbc9440038dc0586653ba38eaf18f1a79d002a', 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 })), h("li", { key: '286a8656e055194c36387d92c9138c8f94cb674c', class: "pagination__list-item" }, h("swirl-button", { key: 'd24e631fbc400b127491107ded0cce68ea23b463', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'ac732b2c809b19c6064aa02f4eed15456fcb3f9c', class: "pagination__list-item" }, h("swirl-button", { key: '62f6b42488c19dff7232d2b18d22bffdc62823f5', 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 })), h("li", { key: '55db6d87e854cfd8d8bfe4074959f5fa8a9ee67e', class: "pagination__list-item" }, h("swirl-button", { key: '94b0c91962d01b9786e1aa91544a56452fd194d1', 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 (h(Host, { key: 'd0c84a71fcc96097b9d64aa2a053cc6cc38524c7' }, h("nav", { key: 'c29fa9eff21f157d125f3524e2e309a585f584ab', "aria-label": this.label, class: className }, h("ul", { key: '8664c3ac1fe1666430afb73bea59e2414e8e8f3c', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '53f2a95f8667542a88b0cd1d627c6009359e3299', class: "pagination__list-item" }, h("label", { key: '991ebe7e7f085623a9090652f65a8f9822a0e841', class: "pagination__page-size-selection" }, h("swirl-text", { key: '58f593f0f122975c023e02adf748d6b0b44255a1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '076f44c996cc39acd0ca88d4c1b53c193c169c3c', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'ee481772258639e27f786037d9a6eb55d0e160f5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'a0e92ca8306a152774079a383009e421ae51958d', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0ada4bdd3bcbc57337493041850dabb3c1c9f14e', class: "pagination__list-item" }, h("swirl-button", { key: '1cd735266c5810cda59d4968325855117d8e67b0', 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 })), h("li", { key: 'a3658a4d3b2343fee0fcace8c793cd29f46bfa2c', class: "pagination__list-item" }, h("swirl-button", { key: '3d9ea8dbd35f80e28d04dc7c011d7286aa92f8df', 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 ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, 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 }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '66638a2995d76a7987b8d645a7d1b30fbc013b3a', class: "pagination__list-item" }, h("swirl-button", { key: '24828e7028e68db7d74a31d5dd5dbf0da7678751', 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 })), h("li", { key: 'dc57ee5d997869f7e0085d82a2f7c75a5ba035a3', class: "pagination__list-item" }, h("swirl-button", { key: 'e5d8cdad8a748612b9a088b71308dc8e35b3303b', 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/esm/swirl-pdf-reader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
@@ -187,15 +187,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '2709d76680b67e569227106c98dab24cec6ed251' }, h("section", { key: 'c37797b9c99f91d0724c65422b86572fafad3b70', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'f9136fca5cd8eefa94c5bb44d5027ee73f277c54', class: "pdf-reader__body", role: "document" }, h("header", { key: 'd2dbc467fcfd99bab47d1231bd1a2af715b2ebda', class: "pdf-reader__header" }, h("span", { key: '1149f3b0843528535d9e374b3af54f87979a5f2e', class: "pdf-reader__header-left" }, h("swirl-button", { key: '1c0c2274f9c82e8ac6da10e6be73a7cf5eef41c4', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '5f2096ce2d51277119564eeac3048e7905e26f5f', class: "pdf-reader__label" }, this.label)), h("span", { key: '101d19412c5e8dda13ce0285c30ab293f5efb6b7', class: "pdf-reader__header-center" }, h("span", { key: 'ac37c1cd9cfc65fa5d5818f632fb52394226fa73', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '6654185fcb05f11c12c761b02a7f663fa5159f48', 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 }), h("swirl-button", { key: '997494350e5872b06575066cbfa8696c8383da15', 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 })), h("span", { key: '4b11a3d4c671c07f99a71ffe29fb68ae6b4b68a7', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'b821ef7eafaf3cb7425bc458def9c2fecf26a787', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '2d29a6132037f58dd2e4a47270dcb14401c2b894', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '6dc3df7c609d0b48e811ad2aa9cbef48c9695fee', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c8eef14695da8fb894cfb85d6c5e8db40bdac3cd', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c678f9b0a1a8cdf765e2d643d797fd10377d254f', swirlPopover: this.menu }, h("swirl-button", { key: 'ed8738a96194e0398c718a99e31bb7b3f09f4d5f', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '612306cdd6855bd19fb7fae371e87a393dd5d2db', class: "pdf-reader__floating-tools" }, h("button", { key: '4220877978651e6d752f5d92c92771fa5a73e2d1', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '3c2414277cb5a449d2bf78a55ad37d7e4c601c77' })), h("button", { key: '64d4fe53112a9aaa130a81585701e14ef9ee4dd4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '86e458bb99c2db9b353cdd1afe06a0926b896da5' })))), h("div", { key: 'e462cfdec58d0b32856e79efe1b1247129240929', class: "pdf-reader__content" }, h("nav", { key: '371658f94bf0059e7af46cf368cdade2d9c01a80', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '37c503e159acb346bc9feaa9290d110e1eadc3eb' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '124daa89d989f9b98ca277c7853931f2f5a9a9eb' }, h("section", { key: '498aac6fc2d4351d8a601eaa61ec767fb876c64b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '87a905212ece2784109310b0c6b38e7e77e5a9b3', class: "pdf-reader__body", role: "document" }, h("header", { key: 'a7a1ae8d26cf58501eae75fac69443344bbc64fd', class: "pdf-reader__header" }, h("span", { key: '51ba5d137e4855af276afb85df5f528c1e728a10', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd7c42a45848bd464c8249262a2cea1c7f9e5ccaa', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e57d1e180bd9673b8209fbd59e280dcd388df8f3', class: "pdf-reader__label" }, this.label)), h("span", { key: 'fe482991e4fb4594b7a6cd9eca8c91444a15a009', class: "pdf-reader__header-center" }, h("span", { key: '2bea6bb791e194569212868018ab05ac6de07253', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd3c4a6e5c1937d8c51584c23ed3399daa66a0a4d', 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 }), h("swirl-button", { key: '49bc59f3e6f8bbb70f1e3fba0cd5679a2054a9b4', 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 })), h("span", { key: '7e96c63a8471c14c580072388fbef7551c601643', class: "pdf-reader__zoom-select-container" }, h("select", { key: '89103227cf21b22544cf4ab59d2f02a7cf7cbe80', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'c127c4fa46ce29cd4d3ab1b8468f1bf02c9d9981', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '07c108bdc15f71323ffb5ba117b755385a14d04d', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'bcda4c76c3b09c865a999d0bf2b1c2f3d7fa68ca', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'dfb0aab858e3e33c88bfb04ecaf3d21939b228e7', swirlPopover: this.menu }, h("swirl-button", { key: '23c29e111d4dbabdbc7a84254295d444e1e7fed0', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '7dee759313e3bf1ab9818994389614b622c466f0', class: "pdf-reader__floating-tools" }, h("button", { key: 'a5995d5374d7fb42e1ee7b1a96bc4f976b463a64', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '111a8474a1e664b4581c5b5941f1ed1ac8e10282' })), h("button", { key: '836c79c3b2edc2c763db817aa082843ba7f8d6ad', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'b93a663193755d68d692900ffa321666ffea56fb' })))), h("div", { key: 'bea217281c6d6cd8d5cb4b3646661977b5463dd4', class: "pdf-reader__content" }, h("nav", { key: '15ed3e14075aad4c174e3b082aea236804bf0cbf', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '9beea3cba2378cebb5defbc6989e0c0ef3a19dac' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '8571ddded7ce48fc984f17c933bcf9c440ee93eb', 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 }), h("div", { key: '49f26cd4609296f602fa7cbf4d9dcf2f95715c5b', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'f766a2adc2238c4167302fe73c449cd077058181', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'c48758b662e94550b3fe8f147e2d302d3fab35cb', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '7da96a529281e7c5ea392bdc1bd5cd5bbc29230d' })), h("button", { key: 'ebc8548d6744a33686048d49fb11477e925afb7d', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '4d4e75f967cfc4bfaf6563d93a2bbeb3cc03998e' }))))), h("swirl-popover", { key: 'cced1bb53898beda1db50a794c28749df32118fc', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '0cd73bfa57f319f371c92590dc42a155682d553d' }, h("div", { key: '08e24f7903c8023226e8dccbbc03929365a2286d', class: "pdf-reader__meta" }, h("div", { key: '0610bf15418048603b11f2045f674cb8a13ce4bf', class: "pdf-reader__file-icon" }, h("svg", { key: 'ce44ef849a44598fdcc967ede98109332555b66a', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '910f74a2924fe1ce7862b1533b335d38dd44d91e', 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" }), h("path", { key: '90d89a5faaac1ae9762f6480b28617e61c10935e', 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" }), h("path", { key: 'e123fe588c22589b67566796d1f97c6e2b156ace', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '83301e625625c3e213883add108b593ac085853f', 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" }), h("path", { key: '121420ebe0519064fdde731d28f5faf2c05604b8', 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" }), h("path", { key: '0136a6a489690563c5f97b467ac67b13c850fde7', 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" }), h("path", { key: 'dc5442fe53e3c3a616db8ac734da21331fbaffea', 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" }), h("path", { key: 'c45fc76ff9ac254554e35777a905701f18c26740', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '369430c9f3570e6a5aa16429929b2a08987399e3', class: "pdf-reader__file-info" }, h("swirl-text", { key: '5b9dc266af046c5ce903b2099fb022e5cd9f5638', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '92de5a4d14371b0cd2a0c6b27ece163a9f95f2aa', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '7b2bed961ed38c27c2fd22d8e5b8741b621393a5' }), h("swirl-action-list", { key: 'd23b5e06c066123d490079f74ce8b605d7359226', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '455e2d2afa34c160ca161dd87286ed6d532bfb1d', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c074c2247b9b7c4dc64ef3520a7fe360b58d8439', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '5146c8b59e5a6320bcdcbdda334b711256484e42', 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 }), h("div", { key: '010a685f25cc8d99b2c7f7a83082fd423b1bd895', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '160d32904757c6fe8719d3548e789d1e390ae5e8', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '090ff62f81687a6b9e971fd3ad9e150fff79209d', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '36ece474b27355991279ec125c835f933ecc25b6' })), h("button", { key: '887eddf94828cda0bfa995805f6c21f69a3ab7cb', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'a9e3e570132585d098b47df0d9e33b4f9f951dac' }))))), h("swirl-popover", { key: 'fb245c7f12a4d021c619a37cc60d380cb84dfea4', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '08abc5ec5c9979f64f2e1b4a44affac7fd0be75a' }, h("div", { key: '6be065d438c68637065c7fc0c23a886e285e2a24', class: "pdf-reader__meta" }, h("div", { key: '228ae444bb6c007c6608219d4d5ca90a86c91842', class: "pdf-reader__file-icon" }, h("svg", { key: '1e83b08f9b344fa85508898bd110a718217e6458', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '6222d22726c5c2483d4ee3e5c73e31de59356794', 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" }), h("path", { key: 'd5e229be375a3c944833a177f9080b0e18f759a0', 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" }), h("path", { key: '91d6ccf71cc9eb8829c385aee75f0e8568b4f70a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '4236d87807d24bf82412b8b6aa09ed05ef8f460b', 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" }), h("path", { key: '59f9a961a70a77bde08ab47f1c6599b0f098a1a7', 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" }), h("path", { key: 'c7aac50bb1d0e7b9e70a59117bd26938818f214b', 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" }), h("path", { key: '7f74fa5fbbf8b9f511a358533cb876770116cb2b', 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" }), h("path", { key: '988907bfdf833928a58ef0137a2e538060adc343', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '5665a912fbd63ff6cf53779d39155a27ae4b4467', class: "pdf-reader__file-info" }, h("swirl-text", { key: '74ec1f42734fdd7153d2aab669465f7cb1a07ba0', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '124d45e7b7d2da99674db5e280143338f6620683', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '5d3d27fe73e12e8cab2ca87721f87784f597e088' }), h("swirl-action-list", { key: '28c9c902bb0a89c30ebdf8c91f2d20c4c5877621', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '88f44c20d922da716c3e39fa36068593171889dc', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'ddf56212730a9ecd7d3780c6a793511b543bcd65', 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 })), h("slot", { key: '7fa651008bf9150e3fc381c13d7209b14a38f73e', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'b90a9c522e56c7bd82aadeda90525640f4a5c66c', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { o as offset, s as shift, f as flip, c as computePosition, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
@@ -265,14 +265,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '29820e96782e4984e18d8fc27557a146d9d6aec4' }, h("div", { key: '6e83247a6c2dd0bb349cab26023aea381d4ca920', class: className, onKeyDown: this.onKeydown }, h("div", { key: '546bc91e603b43ff735f17ee4ded470485b4109d', "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 (h(Host, { key: 'ca21792904c5f112a6da3ff4606898163b551151' }, h("div", { key: '95b8aaf163bf77262059e81e991e15a35fb7de72', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'f3d726737678d385d35ae4f631b5a443d69903a2', "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" }, h("span", { key: '45994d1d5b40d04f23d5f5662700d32cef35163e', class: "popover__handle" }), h("div", { key: '6dc3db9ac953a627712e2ac4ac3935a3109aeb18', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '70830da61188d72e0f83e3c86211ad3c8b4caab3', class: "popover__handle" }), h("div", { key: '245a35760f9ae0cafbeb219eb478490315e5c8f1', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'f26c5fa70fc449cb0025229efe95b67cb9fef2bc' }))), this.active && (h("div", { key: '3a6a627cf2255ce448347d78cb17cb0dddcc1e74', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'af125ac1daf978774f331ec90ed1a658a0ad8c5f' }))), this.active && (h("div", { key: '389a414986371fd331a10adf4e334dc195600d61', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '8f376b54c2191bee94bd38cc0ce8363c272287db', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'cd7a3cfd0633c16655665c1b976b334dfdb51bee' })));
+        return (h(Host, { key: '83a4992faacadd2bec711e8d27110a7546a2e495', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '2a9898c45b28c41dd1a23176b4557f991a1dbbf8' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.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}}";
@@ -18,7 +18,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 (h(Host, { key: '0e2a5ad3b930f6666d02bb5378808e53b532d16d', class: this.variant }, this.variant === "bar" && (h("progress", { key: '12552afa2d688336af401c094974bfd4f8ba7a1b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '4f8e0ff7c7b260b55e11301498acff1a82c2874b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'b30905edb90423af3933a41cce18b9b3b76c70d1', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '23cc5fe506d4a9de93730050ded8bc7bf5cb95e2', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'dce59f9b8ec173d0e508a5a0f0c64868f1be6166', 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 (h(Host, { key: '20e4ff315a971f4d8c6e4ca27c3cf4805034d2e0', class: this.variant }, this.variant === "bar" && (h("progress", { key: '28ac73c385b494b5e58770a8c8cee8cbcf6bfc56', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '92a63b4edff63710d1d2cdd2cbb2500810375324', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '4c48d346c582df19662a5beb9fc388d3d60cfb06', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '58fa3036c00712fa81097d1becdef612dd609959', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'fbbb5c7ff12e7db2203998bf43768d88a4e402b0', 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/esm/swirl-radio-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.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;
@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f9decd16060992d58f7a520d93cb5211c764ef04', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '7d1f471bbfd7dca64f16154c2c2e7007ec2c215f', class: "radio-group" }, h("slot", { key: '7aa25acde5bf861c423520e435b30908c02828f2' }))));
+        return (h(Host, { key: '67d959b365fe796d7e6d50e7c50066f752216e7c', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '69ea788dc74a99dcedca327e0df898a73f377ce8', class: "radio-group" }, h("slot", { key: 'e1a8a0d611491641413e76a461ba5d7ca27dcb3e' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.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)}}";
@@ -43,7 +43,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '3af48515a7fb9b4c5b506c0ee098051cdccf21bb', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '9fd4a07742359de66316f8932656b10c7361d924', class: className, htmlFor: this.inputId }, h("span", { key: '42636ed0cebe323073c98c576e0dfdacd03682aa', class: "radio__control" }, h("swirl-visually-hidden", { key: '89069c18f35ba77601770aa6c4faa9ebf606ce6d' }, h("input", { key: '20bae4aa3d16010dcdfb6a083e15c16152dc1eb4', "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 })), h("span", { key: '830172700b27bf07246dac3e10ace9decac9b48d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'e6044fadc67073c966da84baf2952c4f1b82aea1', class: "radio__label-container" }, this.label && (h("span", { key: '542ca114a082b5e3a0061521fe318ddb7eaffbb2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '46d97fffc4db116fb4b30c9c1d0105dbea8c28a8', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '1df47526c19330774c9068651f6313b6cd6e05d6', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '0f6254ff8cbca2bf94a5f4107bb1b8509919fa9c', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'c8ab3f67e10ed0a233edcb9bd36f1ea878e84365', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'd4b0b184de0ae215eae18b15e66f7aa6cf4b2ab8', class: className, htmlFor: this.inputId }, h("span", { key: 'd4804931a70409459b7f6bfaeb3a0ca4bb2329c2', class: "radio__control" }, h("swirl-visually-hidden", { key: 'c9d7256de7328531b8403ea14e0b4c39cfec071d' }, h("input", { key: 'c3c379d4d4740d0b054330c8474a398fd5b9b8d8', "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 })), h("span", { key: 'da05cc59895164fe756a8ff764a465eea4bbcfa5', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1fcfc823659a8b5e4c4ff417a3864f8cd70143b3', class: "radio__label-container" }, this.label && (h("span", { key: '8e35ee44b7e4a5a10f4e3e5a637e4e8e6c66f3a2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'ad81f187365371a293c4b15f78ffd1f3e3e4a46e', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'd66838f16f1ec6fbea93a8557fa16d052439399c', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'f48842c39e8e553afc58957fc72a58099d6795d7', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-877a768f.js';
 
@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '9921b1cc9c4c4ae6521900230461a1f0776ca2fc', role: "row" }, h("div", { key: 'e55f7f2bde9a4c409803a1fcc1e637b60d34890a', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'bebee1c61be04f6642f9271e2835da238c9fc67e', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4394e7730152aef6bdafcaf36ac1db1eec1f9920', class: "resource-list-file-item__label-container" }, h("span", { key: '7f6468b5b840ae787f7195172085a0e8ad63bd75', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '302764c42586c64ccef5cb26cca5736b19e3076e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '8558269493ce9540cee34d65e1a8a7d74cb84b75', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '87b63c4d6126f2010804cf5e0ac62815c9ee5162', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'dbf6ed966fdfd063c456ee4d8d331a79a837c376', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '8a3555cb0ad73118c45e4a9fb100c380fb47f042', size: "s" }))), showRemoveButton && (h("span", { key: '28deb53bb1e88b39c23ce702064c2627055c94b4', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'fbed03f6d4a0840e38a12e630790a891b3f4898e', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'd662cc4713935ae7cea309398af1463e727ff046', role: "row" }, h("div", { key: 'f37fa89ff6e0cb06b66161a7a487c1f16ff56850', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '19b773939da02ebe816cdd20b977316d352af618', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'd23b7c98d2f917f179d31e72a1af1e8a8117863f', class: "resource-list-file-item__label-container" }, h("span", { key: '2d1a7cae8e37e2f497c863cb4e6413a7de5ebfbd', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '0ae1646588c3776d69df06c310a2f7a12eb9c8e8', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'dc2646dd7f1ded90e57df279acc06b85e7d6796e', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'b7b351013e6e33c0f352302b0ae304a4787e65f8', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '3b6016691e9dce1096c7420933aeb34a240b0d78', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '72cf377aa2bdf884da689ec076e423b24169ce60', size: "s" }))), showRemoveButton && (h("span", { key: '68ace504db233cef70a30efb0fc83550f61790fc', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'e4968e4bf908f4eaef723bc14c6d38c877c9b641', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.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;
@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '5ca8916ce6b784482723309cae2c0bb233ce240c' }, this.hasSeparator && (h("swirl-separator", { key: '9a2cf3392a86e6a4f4f92952f8f1721f19ca9753', spacing: this.separatorSpacing })), h("div", { key: 'b1bcacbacaa9806d381546b8e6a23baa874aca3e', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '231240cacd8c1979747163087ae4f38eb86a5e34', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '3e0ef9533b384272ab28c071233a57185a9b2a26', spacing: this.spacing }, h("slot", { key: '70d60de1978f7022b8a86123fe6a3326cc69f2c6' })))));
+        return (h(Host, { key: 'dabfcce1eac0fbcadc66cd9057e3637274229824' }, this.hasSeparator && (h("swirl-separator", { key: 'e849169ebc5fd350f2aaa75ed94c3d41e6b6fbb8', spacing: this.separatorSpacing })), h("div", { key: 'f24f03d819062ccddce558e6baad4dcf452e0f32', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '09d0a4dee06307eb9fd1cbfffad8707fdfacb22d', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '7cfd7dc93ae977694c6412629e0b7b0c5fba22d1', spacing: this.spacing }, h("slot", { key: 'b66e2c82e763068b8a4e1dffc833ad4f0936f77a' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-877a768f.js';
 
@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '54dcbfc6288862ac0a989b5415a03b2e2392e5f2' }, h("span", { key: '790a7475e943bce186a43c65ea98ce279cc3c0a1', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'aabb9e62c43b638f316cec7cfc9ebd1fdbff174b', "aria-hidden": "true", class: "search__icon" }), 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 && (h("button", { key: '1eccdc18fb5794a2cfd2327124ad71265e758e05', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '6f34a0be9acda42257bf2fd5659c00a9b0b3dc57' }))))));
+        return (h(Host, { key: 'd9c8dc9d1a269ef91f0196bfc047a1bd18cb4340' }, h("span", { key: 'c08f88bf78278ebe3859b1a8448f2745de3be744', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'fdcdb700831713b4ca4d970272250cd20badd838', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '48775e61a7c28f24ceddb1c2fa9b0a39211620b7', "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 && (h("button", { key: '3ba4483d3c101e20ce1dcdf94bceae7353fa34b6', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '4904ed9d9d7d99f1529804598b095057d5e6d711' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-100ca867.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 import { q as querySelectorAllDeep } from './utils-877a768f.js';
 
@@ -133,11 +133,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '557bdbe688aa2c444e87b2d434d9a20c1eb03d4f', onKeyDown: this.onKeyDown }, h("div", { key: 'e7cbe495f9a4fcb76c40bd955791a10cc58cddab', class: className }, h("swirl-popover-trigger", { key: 'c2a84750ec5f843a96e83d39eb3ee055f8ecec36', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '10da02528f305369f654edfc86ff5f9137e28536', class: "select__value-container" }, this.standalone && (h("span", { key: 'd88bc268e26886e3607b8da20dd437820531338b', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '7d5dbfa6eba96d219ebe22ab708845e83829461a', "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 }))), h("span", { key: '4a61260c7ca65ab1865a001e2e7350e6daf62134', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'e292511ea77a1195dc6dbcff605ed2b011860a24', onKeyDown: this.onKeyDown }, h("div", { key: 'e70b9d09730ae380577fb38993a6d1e30e9eea89', class: className }, h("swirl-popover-trigger", { key: '0675f4a8674a67a48972f92fa3202cf5b969a080', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '48a879317f02dc8eec062a31eedd6a48a1bdfc4a', class: "select__value-container" }, this.standalone && (h("span", { key: '28a7f5246c24c7ba1c1aa0c9e92a561008885a76', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '1e0d656c28e05ae48f0ce5edc49e655267ef5d66', "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 }))), h("span", { key: 'fe3efa5a2563bf2055455497b7d3cd65ae52468a', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (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 && !option?.disabled })))), h("span", { key: '0c0213dad797ce71b5feb8e3b47ef33a82416995', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '3f4b65666c9a86911ae43e80790008401da4f089', 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 && (h("div", { key: 'dfe681231df95937fd20c5b5bd9f79906a006643', class: "select__search" }, h("swirl-icon-search", { key: 'aa2ebe58c0341602e102342e9897334bf4305623', class: "select__search-icon", size: 20 }), h("input", { key: 'f3672579f599d1f7a88c052df31392b80b4d9e24', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'd977b7a7f68367f6483ab7ede90d10f0bcad9108', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '37f9d507ec584f7105a429e5bdfba19795fd8b4a', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '10ce6af2b4d3cd2037721934ba272c657f4d36f2', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'd2cb119309dd388c76bdf7c41a0c77bce82322ef', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'baa231ae6e9efbcee732087601c76d77a8fea99e', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '7939d02cee561b2dede2b63e6af53acee443773e', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'acc8236d4c312c82a7169cab34d36b66d7fd948d', 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 && (h("div", { key: '7101b9d607d8173df3fd99f2054a8c7b796c850a', class: "select__search" }, h("swirl-icon-search", { key: '0bde3efb980039163862b61b3b384e4a79e00c8a', class: "select__search-icon", size: 20 }), h("input", { key: '2d5d1873e5da0fe48d5d0c6e03bc175093e19896', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '19f8c9bad8d83ba813029098c216a25b1f4661ac', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '3db134a7981a7d151c124fc654433ed12251a0e5', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '9814667a4550815d5042f5207b1b1ca1b812d1c4', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '5e62b2934e852896ff4650cca3e6e5b85226435e', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '2375706ddb8bc65d1afe7137dcca52ef9319a097', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-separator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-eaf83092.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlSeparatorCss = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}";