npm - @getflip/swirl-components - Versions diffs - 0.290.0 → 0.292.0 - Mend

@getflip/swirl-components 0.290.0 → 0.292.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1730) hide show

package/dist/components/swirl-inline-status.js CHANGED Viewed

@@ -46,7 +46,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
     }
     render() {
         const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '856ac6cf78d3d4f72ec8db6c651d849aa770de41' }, h("span", { key: '4654c90f1dd3b2569f848414fc8fd739a7f49555', class: className, part: "inline-status" }, this.icon && (h("span", { key: '3f32569549ea2facd87d267b8836a0dfdc308405', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd3086330637d3f4999d7cf04716f5de09f4ddd0f', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '52adf6af07edb7cb4d8a72183b628161874405a8' }, h("span", { key: '3a217c28a78f2d31efbbfecbabecd76c9603b95c', class: className, part: "inline-status" }, this.icon && (h("span", { key: '205b767b943a0385706d0d59faa2c625680b46f8', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '5cdb30f562fd692635332c6357556ffadd3f1a63', class: "inline-status__message" }, this.message))));
     }
     static get style() { return SwirlInlineStatusStyle0; }
 }, [1, "swirl-inline-status", {

package/dist/components/swirl-lightbox.js CHANGED Viewed

@@ -310,7 +310,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922', onKeydown: this.onKeyDown }, h("section", { key: '83beaa9afc9f61cfb335d9db541ed666ce2d3f02', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '9da23537c23f1990176ff16e09023850c2db4ae8', class: "lightbox__body", role: "document" }, h("header", { key: '63de374446036fe8d2d2869991e7ffbd4b458b5b', class: "lightbox__header" }, h("button", { key: '543d26e507cd3478b639ad1d87ed7a63129fa8cb', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'ecec8c257983f094ec3b336b0d2113d99ecb3ee5' })), h("div", { key: '8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59', class: "lightbox__toolbar" }, h("slot", { key: '5d72749e96080ee1447ede1a013d557a03daa680', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '22692b7c64403576ed27ee78753701993869b0f4', swirlPopover: this.menu }, h("button", { key: '2cf90488154012ed8308326821bc0b086cdf7d1e', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '4feb1c6169c337e8f02a6dd53570d78e4a3a3461' }))))), h("div", { key: 'b365266f68fefd033e91b942096bb87ca6541b9d', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'b5ba36b62356763fd81c87ef160a1df9596335fd', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6c2581badf908232cb1642d3eea15a2dd1d4bb27', onSlotchange: this.registerSlides }))), h("div", { key: 'af5442e3bde8d9c18c58ffb87acabe298fc8379c', class: "lightbox__controls" }, h("button", { key: 'a16af74a6dbd6168fb44c0b40ef584824a90612f', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '4160e454cf194bf910c88ff9e91405dca8babfc6' })), h("button", { key: 'ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '48de4f64580779e17907b5bc70c6b59894bf700b' }))), showPagination && (h("span", { key: '01907c1e3eb44037d0978660b61e177a70e3a51a', class: "lightbox__pagination" }, h("span", { key: 'bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '4b04077d2100254834912bf76b905defa588a554', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a98f21b521ae63b02436c402bb250b71ea80ec42' }, h("div", { key: 'caad1888856f677f28136b2eb9e7ad77dc9e4e03', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '06527190cd5914dbbec266a298819355f51ad3bd', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7b85a2908765bb662520fd026182a7e5f4ae6bae', alt: "", src: currentThumbnailUrl }))), h("div", { key: '5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc', class: "lightbox__file-info" }, h("swirl-text", { key: 'b71e439fd73142424563a493e68023bec26151be', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '8265bb14022bf27e53ce13754dc8e1ac2ff21196', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '6a5ea757cf7658aaf7f1e33132275e7317d6f2e3' }), h("swirl-action-list", { key: '59b1bb67911d2bb6e92f15976fbd86cedea48580' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '35acefefe19ae17f00ee700aa21db2248ab87eea', name: "menu-items" }))))))));
+        return (h(Host, { key: '4055a2b5f10f617be24e21e629b0c38010113a33', onKeydown: this.onKeyDown }, h("section", { key: '1d6b77bc044f67e76dc7412bb62bd855efc29af8', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '938ea73cf0bb70aceabfaf592f4ecb74965e99b9', class: "lightbox__body", role: "document" }, h("header", { key: '9fecdd52aaf89fa218e0ddce785398f2b6372c57', class: "lightbox__header" }, h("button", { key: 'cfe3980b08b6983a473bbef8171960e4c6f9c5c1', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '0b634b7871ee743b1d591fbf9ed7321f9828882f' })), h("div", { key: '1ec7e677e7046c4f11296bcd2e22e746ff973db3', class: "lightbox__toolbar" }, h("slot", { key: 'e5ba1b47b030f76f5040b520e7ca58097a314c79', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'eea2415ab71f956ab7a83fcbf784ae8c961696de', swirlPopover: this.menu }, h("button", { key: '731be94bd302f431bb212ddb29455b551301b046', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'c62e3417b2f8c2f6830922b757a38c74012e4f27' }))))), h("div", { key: 'c713aeabfbf4ddbbe2d7bedb09507c1d01e8c3a8', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '7195fccbc8ed4f62bdc6fca0acb6cdc186baecca', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'aea00d48d9acc6f4d0c69a0d0ec448a977197aca', onSlotchange: this.registerSlides }))), h("div", { key: 'fe2ee730f81ac18e93b80f99ef7faee58abefe89', class: "lightbox__controls" }, h("button", { key: '8369e13a5bef3ad19c0244a1a07541417462dcae', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '9458f1e0e12b57e4cf2286e8f17b926f7a85bd9e' })), h("button", { key: 'dccda703748cc588ecb37b5fc246f05e7d2937e2', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '28b963cfcd168be1e650692f82a510e1260aa70b' }))), showPagination && (h("span", { key: '31a7280c1b526e82f056efeb2ffdf8ac8edbfee1', class: "lightbox__pagination" }, h("span", { key: '76b87c753f50917e25bcb1de73f254ef1740b789', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'e181e01cf62b32e7756a523a8368627c732a5b42', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '79130ed8bc6000577dfc3318dab99db7c26ce8a8' }, h("div", { key: '6d0f29656c2c21387ff87777d7dad561a88a316b', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '71e045f62840a083e74d634d0a9f9e822a680ac0', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '5ac2cdd6c78bf4458567f053d5874840a203109f', alt: "", src: currentThumbnailUrl }))), h("div", { key: '6cb830bbd15cf27a245555402c7fec1e3d9f0dc8', class: "lightbox__file-info" }, h("swirl-text", { key: '7102a0aedfd72f9dd04bf46640c1b45ad7b87131', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '1e55061acd46d50b516a6fb00f3eb582bd13b426', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '5d17474d2bc97e1583d8f6befc6dd475d02156dd' }), h("swirl-action-list", { key: 'c24d40cc241fcb4de485083b9ed4d2fc9ad80d65' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '4c165f77f3faca5c08d5453a4cb2109731dc67b1', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '04d73a039e5d627aebf1e705de0ae088e6a8f61d', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-link.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'e7e0c66fbd3ea0c860e059f0d1e62186efd6d294' }, h("a", { key: '9e1deec9cde153cf663bfa415caa38293962a2c4', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '4dcc9ee9433ad922ed6fe145e5308f90da057107' }, h("a", { key: 'a0562a616017115c457e97f329c323e37c954d70', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return SwirlLinkStyle0; }
 }, [1, "swirl-link", {

package/dist/components/swirl-list.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: '46fec8693acaa0189029acb53ad67d4271be59a2' }, h("div", { key: '159207883e56500b265f14bda7bafe0af066ee8e', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'c6d81201fcce3f5bdaf44ae0e197aeb67fbd4bce' }))));
+        return (h(Host, { key: 'b221529cdc43d23f1ad93489b0555295f68069c6' }, h("div", { key: '11a9783539675ec441e1bd5a46786de3015b3009', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'f11b3b9d93c60310ca288111a1eb75aaec4523b5' }))));
     }
     static get style() { return SwirlListStyle0; }
 }, [4, "swirl-list"]);

package/dist/components/swirl-menu-item.js CHANGED Viewed

@@ -125,9 +125,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'ec53da29dd7ec22ecbb14eae3cfd7212e666325e' }, h("div", { key: 'a639071a7c8fb60cec52c673bc1b0fe9518100b9', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '4c32fa4ff397d80e0636546b9f2b32cd3018dbdf' }, h("div", { key: '66902fc5659b18f6a9279f5890f0e5f0273acddc', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '02935d7a4997aaa9c8dece8f66f21a42508f8294', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '820d9476aace294bbee6f24018338d297b5e497d', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-menu.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { q as querySelectorAllDeep, c as closestPassShadow, p as parentsPassShad
 import { d as defineCustomElement$3 } from './swirl-button2.js';
 import { d as defineCustomElement$2 } from './swirl-heading2.js';
-const swirlMenuCss = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}";
+const swirlMenuCss = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}";
 const SwirlMenuStyle0 = swirlMenuCss;
 const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTMLElement {
@@ -298,7 +298,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0' }, h("div", { key: '4c036f7cc11ad4baaa694370f58200b95e9d8bd5', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'efc5872b0eab8e30656ff08be0f22369b5dea335', class: "menu__mobile-header" }, this.activeLevel === 0 && (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 && (h("swirl-button", { key: '3290279dae6aa2f24db3e6255663a74d9ebfb245', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '74ec9876905b64c1d1564b4673da0afa6df8be88', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd11cb7e73bf2ae10e4877adea3a1fc76ef8709bd', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '18763d9d7b8235d36d15962d9f0fa186f06cbf06', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), 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
+        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
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -309,7 +309,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '9e4b84a77c38b544a1012c7cd28f767b54399b31' })))));
+                    : undefined }, h("slot", { key: 'bb851986c93b5872d027f3873b10c35c201c99c1' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-modal.js CHANGED Viewed

@@ -184,21 +184,21 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: '3bbd1990a38876aa5fa6022a7e75100bbf7b581c' }, 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) }, h("div", { key: '9f2fdee44602aafa9192bf74491e6ef8ea54b916', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '6683da7a0d57dab9436e7de71ac3936b25d7a4e0', class: "modal__body", style: {
+        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: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: 'd40897c1767ea0a339159f34bfbe876c5acd6e17', class: "modal__custom-header" }, h("slot", { key: '60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7', class: "modal__header" }, h("div", { key: '1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'a1dcfcdd6d47091805c1423520cec1418c20cc60', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, 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"
                 ? "<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: '9ab5c9fbc09068883a45a624de7b8979af08c309', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '9bec8811feb9e321f192161dbd31ce8713d2cf2e', 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: '8882743cf4abfe0396ade3d1b9368b44dbcd5d95', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'ac500c280e837e4fbb64dda6d33582678ddbbe62', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '2979e5f0d391f891f547b45c2f632a11a95b6429', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'b57c5138ae1cd324542c035ef4b62e841fc69e85', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821', class: "modal__header-tools" }, h("slot", { key: '461ed54444ab5dc497f299a7d4c1319847d58f1b', name: "header-tools" })), h("div", { key: 'f9086457f301927401c089e78f2c1c650c729952', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b' }))), h("div", { key: '1c49dcec32e002149de659191999d7b0a9093596', class: "modal__secondary-content", style: {
+            } }, 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: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -216,7 +216,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '28a894c1566166272c55a5d539bd4168a17947c1', name: "secondary-content" }))), h("div", { key: '5af192de2cfbdc6adbaa97d333e2acde0902d478', class: "modal__custom-footer" }, h("slot", { key: '60933eef98ebb97a50fdb29952a61318d96d2d2a', name: "custom-footer" })), showControls && (h("footer", { key: 'be3fd73f74e76731b5d3a8a4400586cd42b5bdaa', class: "modal__controls" }, h("swirl-button-group", { key: 'c544bf607faa67ad57292234f70f4a2713b47976', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f47e2ff0439c95f480c931d598981c5fbdf55b62', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '6e21d66f1f8583d13f48c105eff3d22ec9269759', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, 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" })))))))));
     }
     get el() { return this; }
     static get style() { return SwirlModalStyle0; }

package/dist/components/swirl-option-list-item2.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { d as defineCustomElement$2 } from './swirl-icon-check-strong2.js';
 import { d as defineCustomElement$1 } from './swirl-icon-drag-handle2.js';
 import { v as v4 } from './v4.js';
-const swirlOptionListItemCss = ".sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;width:2.5rem;height:2.5rem;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlOptionListItemCss = ".sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;width:2.5rem;height:2.5rem;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlOptionListItemStyle0 = swirlOptionListItemCss;
 const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionListItem extends HTMLElement {
@@ -69,8 +69,7 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
         const showCheckbox = this.context === "multi-select";
         const showIcon = Boolean(this.icon) && this.context === "single-select";
         const showIconBadge = Boolean(this.iconBadge);
-        const showAvatar = this.el.querySelector('[slot="avatar"]') &&
-            this.context === "single-select";
+        const showAvatar = this.el.querySelector('[slot="avatar"]');
         const showSelectionIcon = this.selected && this.context === "single-select";
         const className = classNames("option-list-item", `option-list-item--context-${this.context}`, {
             "option-list-item--disabled": this.disabled,
@@ -79,9 +78,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '571967136a03f1cf4a3f0a14b4db18ffea6cee70' }, h("div", { key: 'edee17217bbe6135429b62c39ea430a49e66b39d', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '06fae754220c60ec8feb330ae9e19be3a96c3da9' }, h("div", { key: '94a1392df812afcf19464076065566cfa9943ed3', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '55191d396106978ae8d444fb05f7fce76ac2e574', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'be4ca95a4c7d8f7b4110db7993edb0f3ce3972e8', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), h("span", { key: '7dbb9384750e7c2ccac2c7ab3109f13b951f3061', class: "option-list-item__avatar" }, h("slot", { key: '2ad759cf4624a24d9f1fe94c456a36243857ebf4', name: "avatar" })), showCheckbox && (h("span", { key: '02f71ffe6bb74c85617157b7b9cb7adec010cce3', class: "option-list-item__checkbox" }, h("span", { key: '64edbd1f5c23878297ebf29087d1ff188db01856', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'b793ba564a4fdd251f2f70cf68720d240b6b39d1', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'b35ad7c3bd7f2b22c30729b3012bd5b4db320c85', class: "option-list-item__label-container" }, h("span", { key: '1a4d118965706046092e70c320593c04f06b19a2', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '374aeefa73f78c2926ed0fd81dd254c3afcd7663', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '0df5b07795109dbd28195b6e14ef10b7fd587e77', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'accd8448bdf36a253e8f79be9c989a4d791361c3', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'a1b622a719ca5fadff72a06be63d353a8c29d571', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '6a5c73788d36010e27e443aeea2977ad441742bd', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '5167994aa24f94c99af817c07a60f323ae66c8e9', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '4911908a511d3209d19208166228c6c9b17c6450', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'ee1de89f8ba6dbe700ff6b7381295fded44565df', class: "option-list-item__checkbox" }, h("span", { key: 'fe45438b041e7abdebca58ec332abeb1784ead69', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '0ddd85b44e0218f08faa0e6edeebadae61226ad6', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'a3cad10caab6eb4522dbd4bfb4c379983c5e815a', class: "option-list-item__avatar" }, h("slot", { key: 'c55c73eb7e8ee25e45517d342c810e6c7519fd71', name: "avatar" })), h("span", { key: '7b3a5ed2f26156c6dae4166f4e4f7f59cfd80edd', class: "option-list-item__label-container" }, h("span", { key: '4642ac0e19b77866b1f3eed324b9494a86269432', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '7e974ed7f68139b69e247e95746abc89720eea18', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '18b9511c8be4ae95abaa54f1579a6301546233d0', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '19035ea288a4c6d69c66a060ee2876ca421d72ca', size: this.iconSize })))), this.allowDrag && (h("button", { key: '22da8d9781d3fa9a58630e2215aad8d93125b1f2', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '2ce19558908d4fcde2eb64835d973c2fa3b6bc70', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlOptionListItemStyle0; }

package/dist/components/swirl-option-list-section.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './swirl-separator2.js';
+import { d as defineCustomElement$2 } from './swirl-stack2.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 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;
 const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOptionListSection extends HTMLElement {
@@ -9,25 +11,41 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.__registerHost();
         this.__attachShadow();
         this.label = undefined;
+        this.separatorSpacing = "4";
+        this.spacing = "0";
+        this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'e2401f37b99516ccd62cbed3fdb4637bd5a8b68a' }, h("div", { key: '31bf726f13e37ea9d3ad74a74ac6078228bc1118', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '8551ef2c99a481cb66dda9ed22958432075b37a3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'ba28fd3e52e4542ab60745e01106a9df92faed69', class: "option-list-section__items" }, h("slot", { key: '402e4c95d254d4477223dece4d0696d3226bf305' })))));
+        return (h(Host, { key: 'aa2c523fbf0dd6a76bfc66280669d5f1e9512e67' }, this.hasSeparator && (h("swirl-separator", { key: '78dd976244a7a5a22ad0b16557b23db67f9288b0', spacing: this.separatorSpacing })), h("div", { key: '4d41f00722e68cd8fb96cf0f8d08f2a3016de11c', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '9376c4f58dfacccec733d4e2e2599383fa1cd06d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '2c2c0d9bc81a0bba9d1ba397652f5218f84a567d', spacing: this.spacing, align: "stretch" }, h("slot", { key: '63032dbd6ae0cb054e5090bda75a9fce2dcabba6' })))));
     }
     static get style() { return SwirlOptionListSectionStyle0; }
 }, [1, "swirl-option-list-section", {
-        "label": [1]
+        "label": [1],
+        "separatorSpacing": [1, "separator-spacing"],
+        "spacing": [1],
+        "hasSeparator": [4, "has-separator"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["swirl-option-list-section"];
+    const components = ["swirl-option-list-section", "swirl-separator", "swirl-stack"];
     components.forEach(tagName => { switch (tagName) {
         case "swirl-option-list-section":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SwirlOptionListSection$1);
             }
             break;
+        case "swirl-separator":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "swirl-stack":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as closestPassShadow, q as querySelectorAllDeep } from './utils.js';
 import { S as Sortable } from './sortable.esm.js';
+import { c as closestPassShadow, q as querySelectorAllDeep } from './utils.js';
 import { d as defineCustomElement$1 } from './swirl-visually-hidden2.js';
 const swirlOptionListCss = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
@@ -129,6 +129,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         this.setItemContext();
         this.syncItemsWithValue();
         this.setupDragDrop();
+        this.setSectionSeparator();
     }
     componentDidRender() {
         this.setupDragDrop();
@@ -332,10 +333,20 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         this.listboxEl.focus();
         this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`;
     }
+    setSectionSeparator() {
+        const sections = Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((el) => el.isConnected);
+        sections.forEach((section, index) => {
+            // First section should not have a separator if there are no items above
+            if (index === 0 &&
+                section.previousElementSibling?.tagName !== "SWIRL-OPTION-LIST-ITEM") {
+                section.hasSeparator = false;
+            }
+        });
+    }
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '24f83ba63aced28e609882a62c32376954884920' }, h("swirl-visually-hidden", { key: 'ee9e29f8f6096b513b81353635ec420a84dd3708', role: "alert" }, this.assistiveText), 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 }, h("slot", { key: '912b183b44588e9eaccf7a80ef8a7446efd394d9' }))));
+        return (h(Host, { key: 'f1af79b584c4131da300be12a347efc1d931fa28' }, h("swirl-visually-hidden", { key: 'ac3e92f02ddb0e4325e1e87ef2eee38c8f85c6dd', role: "alert" }, this.assistiveText), h("div", { key: '272200c9edcebfb0a36423019aae3025a6191eab', "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: 'e5c7adf13563870a5ec991b8ae46fb6dcb69b318', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-pagination.js CHANGED Viewed

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         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: 'fba8207382cf0734db42a2dea298004f8943c17f' }, h("nav", { key: 'e166fe66e852e224c321627921c57605628d0ac4', "aria-label": this.label, class: className }, h("ul", { key: '3a4affd8175c790ef5d25f5e80523daf9b94fa01', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0', class: "pagination__list-item" }, h("label", { key: '9f6e04dc201cd60da406324be6c4ad9363c450b9', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'c2c85487931e6912edf0821eaa201e67e64bdc65', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c7e46aae5f41adef62625b81e4335466f3ae51e8', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '354fef3715e457285692f4fb4cfcaf9ef6d47b1c', 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: 'f6ef8a317e72eb0239aaa6acad36bc148c873a29', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'bf02a4f8f0413dee0791c39f26c6cbd46207474e', class: "pagination__list-item" }, 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 })), h("li", { key: '47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1', class: "pagination__list-item" }, 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 ? (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: 'f33a629ea11be2c8c1b1c07906b71f49b05afa35', class: "pagination__list-item" }, 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 })), h("li", { key: 'da1add506c324ae199592b1ef100737149a28ccf', class: "pagination__list-item" }, 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 }))))));
+        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 }))))));
     }
     static get style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-pdf-reader.js CHANGED Viewed

@@ -217,15 +217,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '81d5e89fd73cdf93940502130d39382d68757763' }, h("section", { key: '77fd45b43ab3ba8d424b105fd956d7637dab08ac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '97398c5d3531d0f210543efd5f4db5629c7f1b5d', class: "pdf-reader__body", role: "document" }, h("header", { key: '524e7c7fcfb5ec456403c4c7354ce1dc8565a31c', class: "pdf-reader__header" }, h("span", { key: '1a7f36ceab510764e4fd58be82db76c96ef849fb', class: "pdf-reader__header-left" }, 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 }), h("span", { key: '49ddb9cc5ce3a929f4031c6ab6ea374ca9313ef4', class: "pdf-reader__label" }, this.label)), h("span", { key: 'e26499b4bcf6c62f6b356020e4d84053bafb4b75', class: "pdf-reader__header-center" }, h("span", { key: '64cb978c4c8b46160fbee21fd1c27d658441660b', class: "pdf-reader__zoom-button-container" }, 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 }), 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 })), h("span", { key: 'e94afea8d541b40eeaf0f86d620797c07c850ad8', class: "pdf-reader__zoom-select-container" }, h("select", { key: '3abbbcc6a5feca804e7fd288a4f45d0d6904c29c', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'c1e9ec582b5594664c3d64ebd858b89682a9602a', 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: '29d8ac50214cfdb1fb4c21b5ab0012dc3d258867', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'fac4a6296c778b801a5963a9fbbb4610451c9fc0', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '5dbebf1825f3a762f27513b0c26a1334a1a5e2ab', swirlPopover: this.menu }, h("swirl-button", { key: '1ca64fd2b9e222b27c29b5acd30011858de16658', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '70dec652c63d082e7d5083d8cc8720cd2b5172d4', class: "pdf-reader__floating-tools" }, h("button", { key: '60d418dde1e7e6bf2e5b4c2dc91bdda1ebdc302d', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '58fde27cc6af25fff66e01c72cb60772a1989b8e' })), 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" }, h("swirl-icon-file-copy", { key: 'b2a6b1e5f124924dc7352898e78b8fc400dbe023' })))), h("div", { key: '49c372ff04c32b061a045863669f446b161978b1', class: "pdf-reader__content" }, h("nav", { key: '5fc70757f58b12c3ee7e2bdfbd06f91a3f5cb887', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '8eb682ef0eb16ee71b3dd0748de265941ac146f4' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '372f22e6fc90e7860f1932f6bf8ae7b1a80a898b' }, h("section", { key: 'f0b66462b8ee98d56b30c87de43d179fa54fea76', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '5ef98c721eedbea7c9091305b1c54a561fcb90b6', class: "pdf-reader__body", role: "document" }, h("header", { key: 'd8dfe0baefc5caf4b6871163ea13aa14cc34401a', class: "pdf-reader__header" }, h("span", { key: '0848a14b35e3f6d5687ecc095b144332c75fe86a', class: "pdf-reader__header-left" }, h("swirl-button", { key: '47ceb912e31ebe627ddf93235125b1ecf2c0aba0', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '4a5aff3bf85a358c192ac7dc6d4d4b1901970778', class: "pdf-reader__label" }, this.label)), h("span", { key: '0afe927687f0ebcad904941944ae062cf239eb61', class: "pdf-reader__header-center" }, h("span", { key: 'c93cfcd7585aa28a3ab06dcb7cbbd8ac2c42ca15', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'beae345963461d1ca6298971577758677a628c0e', 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: '93b0d16660c198031d0628d774d491655957c0c9', 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: '9fb9861e9933e21f686b76be62e52a437d8edd3a', class: "pdf-reader__zoom-select-container" }, h("select", { key: '9fd047c2286ea7de7598d44878f65110b25181cf', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'e70c6ad6db40ab20c4fc4075cac130d011fe0feb', 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: 'c1c24f55940506c5a344ad98a057fcd31524f737', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'f1b519f71ebb4a24fc76fb4bb3843422d5181e05', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '51d26bee689e3bc258eef953d36402a1e82ac106', swirlPopover: this.menu }, h("swirl-button", { key: '591a4ca3b48641bcf876251f8d0be7fccf1b02e5', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '9c195ea8e7d0100586c7a8846767c89bc6286d7b', class: "pdf-reader__floating-tools" }, h("button", { key: 'bcd2bf08434fe3839c44f229a886f9f0e13221dd', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '3737e631418408e7097cc44453931cea66799cdd' })), h("button", { key: '40ba4ab0d2d0f10d1899da0e888e2bb7acbadbca', "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: '5b23f4663761a8abc3843f58e5f325e95f87b215' })))), h("div", { key: '7e99d8b48820091418fa5b84ad2d25c516f7a21a', class: "pdf-reader__content" }, h("nav", { key: '04eb20583191dc6a6be99e5e0dd771befce9d45f', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'f23910457522a88fbb20773ca9cc4e2ca06494b7' }), !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: '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 }), h("div", { key: 'baf1b664b7966ef07411fa92207abfed8b466e1c', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'fa16e93ac77cd1c800227a6706a2b0bfde5fae28', "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: '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" }, h("swirl-icon-add", { key: '9f22c2f191ea77ffd2a9c9ddb9c521d5b6360f0d' })), 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" }, h("swirl-icon-remove", { key: '7d88c0725e991fbc8951a5c9c3d2863d8f5ab679' }))))), h("swirl-popover", { key: '1e9c2732f6b208f7143fbe78b6ea99652373b47c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '9fd356755e76115ac89f97c4a929183eadd325f0' }, h("div", { key: 'efda7662f54e9cbd0f9cdc56c0dde04d89ace796', class: "pdf-reader__meta" }, h("div", { key: '88a33932c2fc2075dacfe9b6c824a4746b45c224', class: "pdf-reader__file-icon" }, h("svg", { key: '913544df7dbc97da4eef47a4fe0c1e8064934b3d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, 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" }), 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" }), h("path", { key: 'd59e131de4dfff7a981a468a31245fc757c02544', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), 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" }), 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" }), 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" }), 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" }), h("path", { key: '387377193f9ae487182e4b22d03e2052a6ed9c10', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '7c8e3a0935be4192a87d6cbd146fbe6646f77a4a', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'a3213ad51f4e330e265ab2eb38a825717af4a687', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '9f50fe4b4de372e801ceb4c02f8c3299ebbb6f44', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '560ad0e0e1df5a4807b32ec5d2b4e98fe5f64c46' }), h("swirl-action-list", { key: '8ade0c1800a31901a0c0030e54a03863d26b912d', class: "pdf-reader__menu" }, this.printButtonEnabled && (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 && (h("swirl-action-list-item", { key: '73e5b021562fa7244ec1408398d44ae575a0c289', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'e9bf0b6e6ee5d5332f59b6cb339730d6f4c077bc', 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: 'fc9581e66a583bf8b1f03f245de8b6e630d55989', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'cbf6a5fa7529e753baa3186411c2257ee2103700', "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: '9f24dd96dcd2242fd70703efc36ca6c6bdf1e6b7', "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: 'ce5dc4f9604cddcff442c2a65a9f8a0a0e851b93' })), h("button", { key: 'a16adb6bc5ac6275525e55a6a71d39ae5e0b3656', "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: '852215d89ea7bcdecb3c1c24c7cf914e1e419c04' }))))), h("swirl-popover", { key: '1add847fc355c43ae6a6c67d88c17716d330401c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c00a3bebf90922db852d51753d42a14b1643f1bd' }, h("div", { key: '005ae4a7f04cd5f373aaf01906599a060abcf4e0', class: "pdf-reader__meta" }, h("div", { key: '680918c588b9dae7e247bcd0c66f31844b54c246', class: "pdf-reader__file-icon" }, h("svg", { key: 'c33488562e88c1b2752499bf66c0d7628cb0d546', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '950fd959afac30f99434ecdc65874ed9482757a5', 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: 'dd5186fc6d7d46fe3d20dfe22a22ad50ff0952e3', 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: '83d83f5be51e25dd1d93230fad4a8d2b73224e26', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '0b0f489a65a554db9f20ac5c109c6119cba836b7', 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: 'd03e25deb32283dc8637498ccb3e816063414167', 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: 'ea1a0804f66df67a5a81e11c7390af4c3ee28729', 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: 'a2f95bf00ace5b4d4ed1de500c736ce2baa39c89', 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: '6248256c79993f87f2f1d13f10723c78a61e3b7c', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '22b7a5d882cd851e5bb652aa201ca35962eaf9c7', class: "pdf-reader__file-info" }, h("swirl-text", { key: '72089a8f64888fce5e5f8cca35361b47b4aef9aa', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'dd3bbd7721853c067fbf4924401549864ce2b647', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '07ca7297ebb553d8c30f4401936f3b01b9d1d224' }), h("swirl-action-list", { key: 'b47b6a7ce8ad148d31c05f87d641a23ebc73b3dd', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '60aa16a95d2d9ef0073ca0316311acbcbd9c65fb', 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: '4d9bf8f94e0e0a345e5e8377c465d2c179d6a128', 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: '39a090c22adc5081d628f9d097fb537293a53d50', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '141750e75af85a1ce90954453b81fa71c7ca2b05', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover-trigger2.js CHANGED Viewed

@@ -164,7 +164,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'f24c307c0c793b723219d70536814ad68cb894a1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '82f8797bcca392f456ed38085bb057fda4561e28' })));
+        return (h(Host, { key: 'cf67a4364178d7a3585d8b470639207c822e4939', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'e9cca15ad3cf2295d566db8acaee2bd5bda40351' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.
 import { c as classNames } from './index2.js';
 import { i as isMobileViewport, q as querySelectorAllDeep, b as getActiveElement } from './utils.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: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 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-base);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:var(--s-space-4)}}.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 = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends HTMLElement {
@@ -267,14 +267,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'df476e6322d8d9d846f63c77d2150f058ff510f4' }, h("div", { key: '9be59d3e4afcdc085d6c6da4c6cf73117352ae15', class: className, onKeyDown: this.onKeydown }, 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: {
+        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: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'fcbd5a764f47a2fe387893203c5fe5f7d3e5d158', class: "popover__handle" }), h("div", { key: 'dc8acca5962062f9c48ae39181046c8c2c769771', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, 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: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'c3941c4f0600dafcafdc9cf4328f2eb6319cbe79' }))), this.active && (h("div", { key: '7f94b4404281c6ac68551584e6e1f273d99810df', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'f26c5fa70fc449cb0025229efe95b67cb9fef2bc' }))), this.active && (h("div", { key: '3a6a627cf2255ce448347d78cb17cb0dddcc1e74', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         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: 'ec67df0261c2d7085b5993de26b9e8f8ef30aee5', class: this.variant }, this.variant === "bar" && (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" && (h("span", { key: '60e257b78d70f3bd56b3a45178c6d97e84ba5dcc', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ddf18412e0bcc8acf6703471f812d19f9f65d7dc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '14dd6d446c100b80ac0ea3ca13f0f0f265222019', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), 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 }))))));
+        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 }))))));
     }
     static get style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

package/dist/components/swirl-radio-group.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: '4d62efbff3589261ebe21f9819ccbff59b5d7d44', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'fb0b457aec9c6004b5110ad66d6d88be6dd63140', class: "radio-group" }, h("slot", { key: '9596bc61932d368521ed3ae511e05689013b4e1f' }))));
+        return (h(Host, { key: '92146b046ffdff34a1bebe1ee5ab0e2d1da701fe', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '2ed00e4dfd3b4a717b60bb876b81c5dc7adf092d', class: "radio-group" }, h("slot", { key: 'b23b828def60ac6e84592129029e36fa4d0196ac' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

package/dist/components/swirl-radio.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '4511fc8bead880f2a7466f8329220752d17d0325', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '555b8c019f96022c8b9ad454862e4c6532004448', class: className, htmlFor: this.inputId }, h("span", { key: '18f02be569b58bd87648e70c03bea4118017b156', class: "radio__control" }, h("swirl-visually-hidden", { key: 'db1e1c34d76b0f537bc7f405a1e0e978319c8478' }, 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 })), h("span", { key: 'f73f6e2708d5b0453b54a5650e9a23c75e25e19d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'e4f5f4eee6ce7fd06362067983dd522f98739fcb', class: "radio__label-container" }, this.label && (h("span", { key: '99b22ffb4d9b5b7e43ef0bbae23317e4cf3c91f9', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'b22e0419ab77eaa2d2bff4302998e927eacfcfd3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'f7bd26220e164febd139175c17585f36c7d937a3', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'ec75b1f0cf9e6aed549e25295534881b39b40cee', class: "radio__description", innerHTML: this.description }))))));
+        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 }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

package/dist/components/swirl-resource-list-file-item.js CHANGED Viewed

@@ -49,7 +49,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '9bb3ef70133735654524bd510124cae8d4321e42', role: "row" }, h("div", { key: '1179c9aa1979500876810e64b5ad0c61e3329c32', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '081c7068de1c9c55e678dbf0e9ad6ce0ee52b762', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '9341f71ea91a3d080d68e2bb8dbd15755e79f91a', class: "resource-list-file-item__label-container" }, h("span", { key: 'c31d9cef43167e5b531cb108cca285ac59ecb3d8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '1616529961268c9dad657383d9cd6c3b4bda89d4', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '7ce7536ce5fe7c39e63140d1059a22db2b8cbb10', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'd96eb7bcf6931a5d62c1fee20010cfcd7f3a29b8', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '199eb340ff5efb7736eb6f2e198987aa1cd74ce8', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '0f622305a27a9d14cb54bf1adbfa62fa98a1d284', size: "s" }))), showRemoveButton && (h("span", { key: 'e306ce21915b56159170c3ebb7870a5dbc6888c6', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '49da8673e828b30d115ecc6bf13ea018295ed992', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '432b70d824c20fc8deb9f720d66e45b171846b6d', role: "row" }, h("div", { key: 'f423413932e6a3aaa7a624e0cc513c97226e0a3e', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'f62426e8e301a38170a13a91a392e035c206ce9b', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '00af703485945da50353feb2dcc82ec62d3cd88e', class: "resource-list-file-item__label-container" }, h("span", { key: 'a0dc1741939e40b494cad63b3557c9de80b92684', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'fa18f6d0ed69baa796472e0a1ccb2593d11571a9', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '1e11951bdc02842edb3979d03c35b683dadd82b9', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '1efca4f98e41edaefe8615a57aef4df79b2b5091', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '1041b566ba4097cd45f2f4c2a98e5f22730248aa', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'a2a9ce1d38015c1b6a7afff6caab032d95afa3f8', size: "s" }))), showRemoveButton && (h("span", { key: '1941a262d2d2bd525be32aff8228e71300cd8ab3', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '02800be10785eefb04c4dea881739ef9d97e1ed0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get style() { return SwirlResourceListFileItemStyle0; }
 }, [2, "swirl-resource-list-file-item", {