npm - @getflip/swirl-components - Versions diffs - 0.365.1 → 0.367.0 - Mend

@getflip/swirl-components 0.365.1 → 0.367.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 (307) hide show

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

@@ -63,7 +63,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'bf24d1cae76ed824c925b80adb2ac6b5be606023' }, h("div", { key: '9f3dc67e8a670f451cba083d416461aa4ac16749', class: className }, h(HeadingTag, { key: '170838a1750fb89568500f70a93f91de36f41d5b', class: "accordion-item__heading" }, h("button", { key: 'c18a4cbe335f688a94c61ed1802f7a0978d74771', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'da8e2e070591c3ff0de1face3c62a91c5ff19731', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '0bcfac9c58151f160b2bece95475d104d3dbfb05', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '701edfe1826e393845316e3815454de002b9ad94', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3b76c29e09f641025af072622ef05f8acc37f9e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '952a2755bb44491e2b9155fd22d1817feed7ecf4', glyph: "expand-more", size: 20 }))))), h("div", { key: '6332cee85a9630c0280e72518ace7ad41cbbb368', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'b506d4b57c138cc18722b34320155599b472e70b' })))));
+        return (h(Host, { key: 'abba07ec2f943c86ff88aed65ea1c10d170e3a55' }, h("div", { key: '4cd9a307c2d01266220cbd3df1b27afa401fdefa', class: className }, h(HeadingTag, { key: '2271f5ee54750532baecbbc34da135fa278461d8', class: "accordion-item__heading" }, h("button", { key: 'ab13edffd0c9bb073473d16a0e3838ee04678a15', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '3fa93043d6b8c929b37ced1d779957ec40ff3e02', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '1470c3ce33a835bb53fd8759b82c26608d018281', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'a292fa27389bf972b2b9b7d5d4f6e1d9962f4919', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'e9903a0728bcd15896d9586a107ea88f1197f1df', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8cb634c1bcf0c65daaabad79394183ac040237aa', glyph: "expand-more", size: 20 }))))), h("div", { key: 'b0693a31cf7d608b542ca10a13cf6a6b36a6774b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '95c3a5da8e122291bf06f2fa691b38a1dd53bfb6' })))));
     }
     get el() { return this; }
     static get style() { return swirlAccordionItemCss; }

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

@@ -45,7 +45,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '7889025b9ea75254eaabfcf488ec883378c01e5c' }, h("slot", { key: '3cd0eb5227421066116b06fac1d2e6ed488d03d5' })));
+        return (h(Host, { key: '7f8aac6430364eac4124b89ac4fecdc73e82c8a3' }, h("slot", { key: '374b1d722218716869143060496ace17fd84b46d' })));
     }
     get el() { return this; }
     static get style() { return swirlAccordionCss; }

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

@@ -14,7 +14,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '511a8b83e8c4f68e029406b60669253570bcc48d' }, this.hasSeparator && (h("swirl-separator", { key: '42b740aaa40bc5dbe03da925c702f4bbe613817b', spacing: this.separatorSpacing })), h("div", { key: '66e3818e57a2b506174a39ba81f52d2228da8e6b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a1bdb4cdf8bb9849ccab3656f9eb8b88ffe4b132', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c964cd1d0d54201e7c977e16a4dbb84cc0d5d359', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b3d173498c5b9c8f16b9d95e60230bdb8bce3110' })))));
+        return (h(Host, { key: '6e93266c1a1debf29380963f64c6f853d1e528d4' }, this.hasSeparator && (h("swirl-separator", { key: 'f264ee771b77f2c363bf2fc64c0dcda922c36649', spacing: this.separatorSpacing })), h("div", { key: '702424f77b73f0fce4510715b5a8fe70b2219926', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '2928fcfc41ae7e9795b757090eeaec491b7ac63c', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c637246f7ae9e3588d990685baccc4253ea7d15e', spacing: this.spacing, align: "stretch" }, h("slot", { key: '988b050cdb85bf8d41cca165b94f51018ceb6dc4' })))));
     }
     static get style() { return swirlActionListSectionCss; }
 }, [1, "swirl-action-list-section", {

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

@@ -92,7 +92,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: '0dd1f57febfea783b0e1dee429104b12d4819a10' }, h("div", { key: '85865f3e4611208d541134b51fbd8725a0dabc5b', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'e39aefd6e63c0f0bf43d75a50314773ea1996312', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '162314574b7f7192fcef7636bea795bcba95ae82' }, h("div", { key: '67b71217628367b29b108d8c67d3ce7186849fed', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '9731e7c3223b90e34c83dc6b31b95ef342b51961', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return swirlActionListCss; }

package/dist/components/swirl-app-icon.js CHANGED Viewed

@@ -36,7 +36,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '0678d24af53e36995ce49232513940672f1623fe' }, h("span", { key: 'a2e2fef78199d7d91d25c55591ad7dfd7136d036', class: className }, showImage && (h("img", { key: '7005b6b43b9215c96a4a04944d2ac25d2536f9b3', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '0d1539585d6e4d278b9f24c4db68728d9e3f89d9', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'ebf22de161e63b6a95a668c83683f1ed4ed9fb3d' }, h("span", { key: '7998c7b113f48ad715fe897f3e547790de5b8e51', class: className }, showImage && (h("img", { key: '685f743ace846d014058b6c40a8b3852f7108367', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2583c7ac995dd3b239258dbc21eb4e229ff9edf0', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return swirlAppIconCss; }
 }, [1, "swirl-app-icon", {

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

@@ -1,13 +1,21 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { c as classNames } from './index2.js';
-const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
+const swirlAvatarGroupCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-of-type){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-of-type(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-of-type)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}";
 const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGroup extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.layout = "diagonal";
+        this.avatars = [];
+        this.onSlotChange = (event) => {
+            this.avatars = event.target
+                .assignedElements()
+                .filter((el) => el.tagName.toLowerCase() === "swirl-avatar");
+            this.layOutAvatars();
+        };
     }
     componentDidLoad() {
         this.forceBadgeProps();
@@ -22,16 +30,31 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             badge?.setAttribute("size", "s");
         }
     }
+    layOutAvatars() {
+        if (this.avatars.length <= 2) {
+            this.avatars.forEach((avatar) => {
+                avatar.style.zIndex = "";
+            });
+        }
+        else {
+            this.avatars.forEach((avatar, index) => {
+                avatar.style.zIndex = String(this.avatars.length - index);
+            });
+        }
+    }
     render() {
-        const className = classNames("avatar-group", {
+        const className = classNames("avatar-group", `avatar-group--${this.layout}-stack`, {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: '3d323ce2f50de15cda4630897705da5446856e20' }, h("div", { key: '49b71c1a65716a95d9885ae16cb6fb18422cdbfc', class: className, role: "group" }, h("slot", { key: 'c5176ddecea970fae882e6eb7b7c5d9c2462561b' }), this.badge && (h("span", { key: '6de3511f5027ae3eb6abedfa053bf6504538b808', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '2edd03b924ba16f132c055efda042ed7b0beb38a' }, h("div", { key: '5b5cc714269ec9ea1b603ce1b1991278b6b22eb4', "aria-label": this.label, class: className, role: "group" }, h("slot", { key: '6bc20021c1ed36e17fbff8ad7f027c631cc15abe', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: '7980eb5e7a5d7febf1bcb3b6f92582d302237f00', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return swirlAvatarGroupCss; }
 }, [1, "swirl-avatar-group", {
-        "badge": [1]
+        "badge": [1],
+        "label": [1],
+        "layout": [1],
+        "avatars": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -17,7 +17,7 @@ const SwirlBadge = /*@__PURE__*/ proxyCustomElement(class SwirlBadge extends HTM
         const className = classNames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: 'fa7e0b1d32f0bd9ce63f557053114cabf14b7a7e', role: "status" }, h("span", { key: '1a71edd54fcb08942fc13e31ca44ea8394958f52', class: className, part: "badge" }, this.icon && h("span", { key: '46a782fc1b13c959fbcbb3dc5f5cd4b40ea4def7', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: '6b83b0188fafee31f864047bc0b16f78a8b8c4f0', role: "status" }, h("span", { key: '663d7ffd7c164512488d6eef9ca198cf1309efba', class: className, part: "badge" }, this.icon && h("span", { key: 'f57ad0add763c7e402df4a071e1c33979605750c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get style() { return swirlBadgeCss; }
 }, [1, "swirl-badge", {

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

@@ -57,7 +57,7 @@ const SwirlBanner$1 = /*@__PURE__*/ proxyCustomElement(class SwirlBanner extends
         const className = classNames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: '52901533a924083e7080527d05c024dfeca4cfd8' }, h("div", { key: '3f9b2e12dae3fd6ac3320f1f207c3f80163b4895', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '210dfff43e7867341485e8a08ca9f646d8f788f6', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '4f52c17e778ad0a097b15df1bb957c00108f5f40', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '388cac66f35b9d5230e83edfa6b4ee1f83343c95', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'dd2c85861e304e20b7413d8543b7d44b2403e2ce', class: "banner__controls" }, this.actionLabel && (h("button", { key: '60020c45f5b232742c5dfae378fac62bb1b552a0', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '0fd55fb8949212dcb7e21a3c47806acdfa00fa6b', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'a1f408e4beaef07ff7379ea7625f590dd943a87f' }))))))));
+        return (h(Host, { key: '11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0' }, h("div", { key: 'bc5e53f04ad5e80defe407340d191d1951a10123', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '86b3950336dca8b1d28994d1fb18113a4b4c421a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5716e25d171cc28861459258e257c8a821ebc56d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'a5a5019667573c14dde87041e475481a7edf6d5e', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'cf8632f83dc502caba7f10710a353d1a34f30493', class: "banner__controls" }, this.actionLabel && (h("button", { key: '166c562828b381640c29783ac8b275f49b088cad', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'b1247a38ea5f7592d7c12f0919360041ea9061b8', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '12524ce0998e451f9260924e2a5226ddee4ade43' }))))))));
     }
     get element() { return this; }
     static get style() { return swirlBannerCss; }

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

@@ -91,7 +91,7 @@ const SwirlBox = /*@__PURE__*/ proxyCustomElement(class SwirlBox extends HTMLEle
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '9eb887b775004a6c938285b4713f7d42a76d63c4', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '801d75966176bee2182fa524131d230e2ec273f5' })));
+        return (h(Host, { key: 'e9eeaa11b7a04b59744d8cf369855874fb8eab02', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507' })));
     }
     get el() { return this; }
     static get style() { return swirlBoxCss; }

package/dist/components/swirl-button-group2.js CHANGED Viewed

@@ -17,11 +17,11 @@ const SwirlButtonGroup = /*@__PURE__*/ proxyCustomElement(class SwirlButtonGroup
         const className = classNames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '3f4c0ac1ef25dc8663a748c9d5da839ba13715cf' }, h("swirl-stack", { key: 'b3128cad0d6eb223551310ef71d45fa31750f8a2', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '1c5dcaf521e8ee19f572f03e428f6f6297106ae0' }, h("swirl-stack", { key: '78073a9c28c55e16c68c9f32f4573e18f08d8822', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'e237d1c473fadc6b27b4140c6de0bb1ebdaee8b2' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '4936fecbd49610aec18174458b1cd7ef42723eba' }))));
     }
     static get style() { return swirlButtonGroupCss; }
 }, [1, "swirl-button-group", {

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

@@ -76,9 +76,9 @@ const SwirlButton = /*@__PURE__*/ proxyCustomElement(class SwirlButton extends H
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '6337212b126484088e98cc5912189b1ed232bdea', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'eb12293e543db44de0dde0913f31561384adb984', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
+        return (h(Host, { key: '49d43aafbfefa72d23f1fb0bec48dcb7333d0610', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'a7cf0739cf899b6736693ec45604bf06960f42be', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
                 ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: '9911496cd21581532424a9ccaa902b16759f74de', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '9a9a262855e3f7db4b686386bc7a7b22af2468ad', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'c043bcbec31a01fce43a01747f01537e9e5fe88c', name: "icon" }))), !hideLabel && h("span", { key: '8ae906d08d3520362f816783ff48f01f08349d7a', class: "button__label" }, this.label), hasTag && (h("span", { key: '388cef78ae0744f4dae57f712c8a772fc2e65524', class: "button__tag" }, h("slot", { key: 'd03270a8b768de0df1bfa07ba1e2aeb99f4646c0', name: "tag" }))), hasTrailingSlot && (h("div", { key: '38f7c4fb73a0b7edc0c2d25d780946fed13a3123', class: "button__trailing-slot" }, h("slot", { key: '372c71c84d11ed7eed830701e0d1e620a878b37b', name: "trailing" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: 'a48af7d78a53bb7efd90df4f8df886a7a8c59dc8', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'c3c70eab6feabaa93cf1599e662aa37706f52757', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '69a451895b40ee9decfd817e9f2d015c4a76dde6', name: "icon" }))), !hideLabel && h("span", { key: 'cd1669aeccd8cc518b252a48e95b7e8c978b2548', class: "button__label" }, this.label), hasTag && (h("span", { key: '40de97546408ff28cd03b4cfd6e216044ea89088', class: "button__tag" }, h("slot", { key: 'e69c28a98e3bdc1d6c8c6d5f6fef04330b9e64f7', name: "tag" }))), hasTrailingSlot && (h("div", { key: '6306ba16fbf752aa11c34a3aa3a190c8094d79fc', class: "button__trailing-slot" }, h("slot", { key: '4d17a8b0f819b95ae7a0908bff23648280a84dce', name: "trailing" }))))));
     }
     get el() { return this; }
     static get style() { return swirlButtonCss; }

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

@@ -72,9 +72,9 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '627c49d41c681c969170cb6acb654e8f703ce9c9', styles: { height: this.height } }, h(Tag, { key: '97120ac1aceeb6bfb2dddc0f1dab2b152f332176', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '5bfcbd19458056cb51a4c4f3ed715a14a7cd6733', styles: { height: this.height } }, h(Tag, { key: 'efb06d77947f2318c2e74d32b7e47c7d7b3110a4', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '3f8ab8e7df574ef27ba36b24cecf1dc75b5c1ff8', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '5efeec1b6bc81100e1078aaf231408f33c099de7', name: "image" })), h("div", { key: 'b8122399fb965b4d4569e4fe8dac21ccdc652e68', class: "card__floating-controls" }, h("slot", { key: 'abc47854902b427d759f13b162c937a3c4a3eb5b', name: "floating-controls" })), h("div", { key: 'a455be81f568fb3f0a9869a74bcf71b284c85b47', class: "card__body", style: bodyStyles }, h("div", { key: 'a079ae3c14eeb38d75981e8a1c6822b6373d305b', class: "card__content" }, h("slot", { key: 'b81644a39a20f76b816d566084044f72b2e02afd', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'd904c27cc0be54ca742da0724082f5054f865cfe', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'e961923314ced9e3328fc524c5482711f4d27b74', name: "image" })), h("div", { key: '5df1afc2ea9ea939346c8de9c0175767d8f516c8', class: "card__floating-controls" }, h("slot", { key: '7edc1118e0bdd548a4f2d7299b70b48574e0b00e', name: "floating-controls" })), h("div", { key: 'f11335531fada3ae2b3a5ab215b5a1a825b314cf', class: "card__body", style: bodyStyles }, h("div", { key: '17de1d4711bef1fa8f14061e8118f6a0105cbf3d', class: "card__content" }, h("slot", { key: '4eb7af808aaaf1f762089ed98f231cea57d10b93', name: "content" }))))));
     }
     get el() { return this; }
     static get style() { return swirlCardCss; }

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

@@ -159,7 +159,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '6f554892238c026db3502297458273b682d68098', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '362e62f0a21b074001997fd0f277dd1109bfd1ea', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '2b65c6bfb0509564c01d90245f98b5d34e88fa3b', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'c76723f69f1c1d4ca6f8e59b834f94f7b7618ee4', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'f4d391b47f7ec2406bf26b2699712e86defdd8b1', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3747e42e63c10dbd1a2dda5d739700f7b60c8769', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'a1dfb1a45c399559d25df72add7723b231b5e6b8', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'f9e9dd3bb8162550accfcd6b653a3737355f93d4', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'bc30a83c74273b4b5832338422a95d91e3e67321', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'cb596e62b8517b2d6ff791032b41608c6a5b25be', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0fab582bd3650e63d512e934d03183b3ae9b5901', onSlotchange: this.onSlotChange })))));
     }
     get el() { return this; }
     static get style() { return swirlCarouselCss; }

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

@@ -45,7 +45,7 @@ const SwirlCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCheckbox ext
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: '38efd2f720fa05c50cab83d831dbe89a75bacb66', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '67043fe316855dea189be6ab881bfdfb723e3ecc', class: className, htmlFor: this.inputId }, h("span", { key: '4914260178c7e8b5e3d34194ed78332ffc9b4e88', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '0ff1c7d8e8846892051ac64b1f846c73264b8598' }, h("input", { key: 'f1418be880c823472810b09784d7971418a0d023', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: 'd59a0780fa7d659c7ae08cbc21e3388eaed69e10', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'c23383243cfe53a9b85d4100e8b6166c1b42f972', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '671fe5e2cb55df26dced0c13159819abd15e498c' }), indeterminate && (h("span", { key: 'f02555616ef2059a4e9e686460cf193e37f020ff', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'ae445d06d03d3f2efd45682d66590aee1c985728', class: "checkbox__label-container" }, this.label && h("span", { key: '6a6be7b56266f2218799aebac36e6d6d1b409bfb', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'cb24c5979fde3237609ce63e30edc9426984732b', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'acf777ca7224f41f607bf84f193ecb05881f1fc1', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5', class: className, htmlFor: this.inputId }, h("span", { key: '5e49492e10519c0f2f4f6ed187b318bca8316dab', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '06217d12dbc1ea25117e421d8e0e1cebd392f599' }, h("input", { key: '455840493b5e9b60aace6f4a0e2de7e5cece2e78', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '8b69f9ae79e957c52066cd80cf0da11fe5613ed2', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'cca029718dd23f8c2e0637ce4f44c24b4fb0b289', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'f3bab31db3d5ab5a6fdc78610abb42763f51154b' }), indeterminate && (h("span", { key: '7002b8fffbb15b73d84fae98761196bbe6af3347', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '082ac434bc4dd0c98d983650aab5208a760063e7', class: "checkbox__label-container" }, this.label && h("span", { key: '62737cd8068a70eb10e722c2ff91ae4dc9917f7d', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '3e7f891b80511b9a4d811db31b594f2a0429d8b0', class: "checkbox__description" }, this.description)))))));
     }
     static get style() { return swirlCheckboxCss; }
 }, [2, "swirl-checkbox", {

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

@@ -48,7 +48,7 @@ const SwirlChip$1 = /*@__PURE__*/ proxyCustomElement(class SwirlChip extends HTM
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '6cf98a76051269d475167f5b1ef8c4e6e5ba0985' }, h(Tag, { key: 'd804e9b1af2e1c08ff84dc956faca04827144b1c', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '10bdce13f683d1934b79562a73449c9711d412d0', class: "chip__inner" }, showAvatar && (h("span", { key: '3f713423a9b96b29c1b0e73c04f2dbb3b4f0d527', class: "chip__avatar" }, h("slot", { key: '79b6d3fd10cc692ba4854702e0b1013074396765', name: "avatar" }))), showIcon && (h("span", { key: '3b959fc1fba827e6b3c535f18aaaed66292c23bc', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7219ec62e76d302d4a6db70635818f49c8e70270', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'cfc6a8d791f2ea8de71294c8a14e1695e38faf6f', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'a81bda66ec0bb9803c97dd89824150b36624cc55', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '785be4546e07cb5a8610b6d1ca590c9250eb8fa5', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'd31998d3b4d24dc24d359e98e0a3a6fe14a07256', size: 20 })))));
+        return (h(Host, { key: 'b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec' }, h(Tag, { key: 'a5198b26f19750bd4c8372acdc21e26f3ed8cfe1', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '2ed93ce33faf8a1bdc4b07e4f866a10650ae8395', class: "chip__inner" }, showAvatar && (h("span", { key: 'ec44e6a99988aa14dcf330098de8593a1deeaed8', class: "chip__avatar" }, h("slot", { key: '880a8c96422c0f31cbf603676ffecef66c6bff21', name: "avatar" }))), showIcon && (h("span", { key: 'b5ba3f75080b5452fce8886c513eaa6abcd58009', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '808fe136faee7570c2329a300fafba4e0efcbed8', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '50b4eb47a59290e9c21570e0b2d91a8aa7a97723', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'e0d54da0d2c6a325f6068740bba0c72b0837fb87', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'ec75adbbf28bf1df36d7532d832137f795973dab', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '85c241bc56caaf410421b102607f902f1c4b33ef', size: 20 })))));
     }
     get el() { return this; }
     static get style() { return swirlChipCss; }

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

@@ -10,10 +10,10 @@ const SwirlColumns$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColumns exten
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: '6b6957a8a4e48add8aaf0fdc9cc401cc6e31ad6b' }, h("div", { key: '488afed4210c50d59235d5bd432505f0fe085a78', class: "columns", style: {
+        return (h(Host, { key: '779371e7d28640a71aaad2d2de8d91b5b8d63e88' }, h("div", { key: 'de846647d2b436277cd2765f9814796320af071d', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '9c341f311aee888a54ce68cb58282c5a832fd182' }))));
+            } }, h("slot", { key: 'ca510de4dae9c7055d2db6e02020cdfca95e58c6' }))));
     }
     static get style() { return swirlColumnsCss; }
 }, [1, "swirl-columns", {

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

@@ -69,7 +69,7 @@ const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends
     render() {
         const className = classNames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: 'f6ba27679357f368b55d07989244ea2b98108e38' }, h("div", { key: '43948b58187646e33c9a48296f403bfa8414d712', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'abc0a9b0647efa2de484035ea8c9b5e4bcb402b6', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4a472ecd8ffdaf0a07baee3e6fb3dfc24b7c3c32', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'a6b9c1f20f22962bd1d0762f6a363a7235eb42ab', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '3a9d2577196b34ddf807bbf5a1af048ead5334f5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '49e5f843911a07dd5d9710e74cd1e2987d43458c' })), h("div", { key: '239c933bca14d64f903d9825611db352ea013b79', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '99ac2337d8290d519db0db15c1550f72862f7127', class: "dialog__left_controls" }, h("slot", { key: 'b560909069d980a907facf8f0e27fba7d077d773', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: 'd88e72bf896fc77840ad8d97cf082b323de0d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '5f8c21a53c12d7d95efd8b54989c6d4575ef9846', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: '61ba06cee740b1bf21b246aeba14996b002a5aab' }, h("div", { key: 'e195a08fdac8f9ad6f76d412cd50eef88905128f', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'a1dbf13fe86dec8256c06393c4abd6c6c59382c1', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f0b9dd2f2d722bf050081b2bc7fed3552c8a457c', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '18eceaee59d9184ace51898fe73c603af383387d', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '612edee73bee789b7ec2f8fd2e16cd3c3a9370aa', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '9d482392bce3c82df30c166fc99577c036da49a8' })), h("div", { key: '3306d185ed549fc6470a2fbbaf649cdc33b98189', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '0a7eb43c0f7f3e016767a8364334bd5f9d3cdf86', class: "dialog__left_controls" }, h("slot", { key: 'eb39f26ed1ff0a7931a899c8b9f70b3f22bba2d5', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '70cc4de12878fdb5f123a23a42d9c6cba67ddee7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f02577b4cad57daea316f66b61ee3eec6844666a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     get el() { return this; }
     static get style() { return swirlDialogCss; }

package/dist/components/swirl-file-viewer-pdf2.js CHANGED Viewed

@@ -28214,7 +28214,7 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = classNames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: '6c993c31fb7c5a14a1f1962c2d04ec180b72a94f', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '2e19f6c7baa969be681c5ccb9d011e01f0c9c02f', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '925b5eee96fce4de3d632355029366e36d625ccd', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (h(Host, { key: '17dae0b8e5bf16769a356414071943dc7f8ebec1', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '472e62e48d63545fef3bddaefe8cc307139b382b', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: 'ae504112d088bd4990b419e787e48c5737f6d552', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -28228,7 +28228,7 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
-        })), showPagination && (h("span", { key: '01fb8d36ed635e6d1162dda924f30f8eba52f6e6', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '2f259c6a82912b536d49d5f70f3c99e75461b4ec', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '56e8e4a3a6cff4d21af48feaf7b2837c23a08be2', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '74bc78b27a8d712df1aa3b140c7263e2946f16c9' })))));
+        })), showPagination && (h("span", { key: '0986d71eab6496cd1b588afa28c8ba5cf2a02967', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'b0bd18dd65703cb4d240ab66883e23b03d282265', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: 'cb4c58f7641b05e55132ca315e83b7254d2a1d66', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '3a0dc7d43eebc9169928e07959239471d3c8b5ba' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-form-control.js CHANGED Viewed

@@ -170,7 +170,7 @@ const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormContr
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: '52fe1800376b50b0ba51d6d7e77e7b7acdb74fba', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'e7fb3cbfde803c1e19fe254a8beedfeb99bebd03', class: className, role: "group" }, h("span", { key: '87102e73dba02beee06637cca40bf37f2b02fc3f', class: "form-control__controls" }, h("span", { key: '1d4914e53862d023508149cbf234d1dc9350a571', class: "form-control__prefix" }, h("slot", { key: 'aaef4038fed8d914ee17705aeaa718b43f82eebb', name: "prefix" })), h(LabelTag, { key: '60e192ac260047614676fcfc78230fbd1f78e0de', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '570e1f15672152c405332c47e6e38bef858bf245', class: "form-control__icon" }, h("swirl-icon", { key: 'a24a3d2eb4077530e36578347ccbae23a2198abe', glyph: this.icon, size: 20 }))), h("span", { key: '92d3b2a327f5e83865459cd73cafa6e67dee2aa6', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '80c816c0797761d48e927b3cb26cdff676aa0fbb', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: '89c3a73550c113fae0b4c2f384c0d9844897da82', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '8523312cbad32091e2290fa0966ead80c11acebd', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '8967ffda8dbb4af0a55c733fac5c457471bbc88f', size: 16, tabindex: "0" }))))), h("span", { key: 'd338e4b75ec38d9357d1fa9b626701c724c361da', class: "form-control__input" }, h("slot", { key: '38192e98919b25f1f049761b010790dfec19e805' })))), showDescription && (h("span", { key: '5b85cd8335ede10f02858040772a52252a6bf767', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '95f44e9b1dd26eaba6e82b85c478faf6368f1645', "aria-live": "polite" }, showErrorMessage && (h("span", { key: '80b7229f0a83905a2708020b40eaf74ce8154689', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '50ea19db5f1efb26697c35f5a79f38d2847c7a97', message: this.errorMessage, size: "s" })))))));
+        return (h(Host, { key: '13d2a3e34d0519deb13fc0c48bdcd50e5c998afa', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'fa2959507fcbb63ff9b46e3a5250b24a5b8e3020', class: className, role: "group" }, h("span", { key: '5da5d74a5a29102e15bf5075b696f0cc53712830', class: "form-control__controls" }, h("span", { key: '7dd1a58fdac4a4b4ef6932d8c92068a5a77b58bb', class: "form-control__prefix" }, h("slot", { key: '78928c653468ce923e22d73f7f3db1f048a5d066', name: "prefix" })), h(LabelTag, { key: '5b632cf43b54e83db9e908d76120119696b351b8', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '9f3dd8179cd5a9ab2f373f360676002c3f375b30', class: "form-control__icon" }, h("swirl-icon", { key: '84f763010a68c9782cde47af8028ecba5ee21c0a', glyph: this.icon, size: 20 }))), h("span", { key: '8525bb87b93fd1fcec6bf9299f77b66055f664d3', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: 'fd4ceb7d0951b4b5f6c8c1f9ccf1339789cc9d55', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: '045855d7e63c2f3c63fa716f485c0248e8a08567', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'e9ff35f3bff49113de0535f62e9d80f7003fb962', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '61d4d4df9d518d9294a510530003df16c0215dd5', size: 16, tabindex: "0" }))))), h("span", { key: '748d81f068640f3cbff2ab1b31a87046442c6521', class: "form-control__input" }, h("slot", { key: 'c395ac72ad7d609f88e91fa38cddab6b871e66ec' })))), showDescription && (h("span", { key: '632118d7120ae262a52ca6eb3f8449c77a7288c9', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: 'd9dc941f07cb0df699afbba834de82546f06b361', "aria-live": "polite" }, showErrorMessage && (h("span", { key: 'c3f41f71bb570cbe08348205cbccf0170d4757e7', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '3b579f6ff3941f7cafedf0991022026b6ac9e5fd', message: this.errorMessage, size: "s" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const SwirlFormGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormGroup e
     }
     render() {
         const className = classNames("form-group", `form-group--orientation-${this.orientation}`);
-        return (h(Host, { key: 'c77edf68821e2be59d0e257f24e0cc434c16b831' }, h("div", { key: 'cfb45daec2da59258ec62bbcdce4f97556d03ae0', class: className }, h("slot", { key: '018945ab9dfde031502168b8258274c5ad0180ec' }))));
+        return (h(Host, { key: '5b14e0132c0975013caced41c3d42765900b0301' }, h("div", { key: '5a3f2d09416ebaeac67e310c658445d56dfea2c8', class: className }, h("slot", { key: '56a1bda07c9042e0e81696c64b0789a54154915b' }))));
     }
     static get style() { return swirlFormGroupCss; }
 }, [6, "swirl-form-group", {

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

@@ -11,7 +11,7 @@ const SwirlIcon = /*@__PURE__*/ proxyCustomElement(class SwirlIcon extends HTMLE
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: 'd80fa710397f1e78cbbef310aa3dfb1d42a402e8' }, h(Tag, { key: 'e10324a45a14805608743bc6e5ccb37f0df405a0', color: this.color, size: this.size })));
+        return (h(Host, { key: 'abb8a9d727983cca95e5c9600a13f0f77d26223d' }, h(Tag, { key: 'd86673ee0436541dbf40f73d9361b3d1c5f4c414', color: this.color, size: this.size })));
     }
     static get style() { return swirlIconCss; }
 }, [1, "swirl-icon", {

package/dist/components/swirl-image-grid-item.js CHANGED Viewed

@@ -140,14 +140,14 @@ const SwirlImageGridItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGr
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: '5d5b948fedfc62da915663bdb43dc7e3fd76ff41', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '34944b7baa5f2799f293a79953eaf01a36b1a5b8', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'ee76d13224c00a988f00e0032994f21ab781e861', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '573e3f3d031a8b08e3e52c4ca76b2458390cd351', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '529e1fc28a87ca13d1dcbe3ba2a9c64653eac8b1', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '02ee7f89bfb6535501773ba05c9782c027d47faa', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '45fbe463751392050c5eb492cf98a6b02cdc96b5', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '317bc2c711b1e1d91401db0f8ccea254625f0571', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: 'ecdb4838cb4d342903565826c303ef4e3b0f1202', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'cc54328af1c474f9390fc2f2f8044b7617794cbe', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '675aaaefe83d45d310e65f2cb6fd168db429df1e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'f3a6259a8f9da085c13dbdbe119b4c060e40c547', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '9269385dcf157eb1393bafc15e34498933124998', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '8863f41745b446f16673aba8c7d26a036c0fec3c', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'a7e2cb8a18ce8ba183003f84912cf2c8cf9c0f9f', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '5afc7f156eb5619a198d701f4f02e1e17b16100f', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '1bc253fa0af9538c5f6b8b426bc5908f6176bf19', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'f4bf60edc6f42ff7787b64d39584ff4874492e80', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '61c761d4e2e606ded092e6c18d8766f017110a7f', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'd42380e1652fe3355f7f54ccc0c43fbada2e04c6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'abafe4a7983861c54cc788fc760ed28b9e4ec7ae', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '54d62c8ae3d44c37f8d79d8892d0b7adde498c3d', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '6c8c0781b308141a4276ce13874b8798d92c5ee6', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'b9c820fb07f1267c2c254bd8ee9a482c86348a6b', color: "critical" }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-image-grid.js CHANGED Viewed

@@ -56,7 +56,7 @@ const SwirlImageGrid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlImageGrid e
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '7d4fdf93cbd99bf38f2e5390b4b3eb6bb4f912fe' }, h("div", { key: 'b2e0670c4fbf879bec3365a2741717d3aef5755d', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '3d24538c879cf9ab7f13572b6c24ad9b4dcbca68', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
     }
     get el() { return this; }
     static get style() { return swirlImageGridCss; }

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

@@ -37,7 +37,7 @@ const SwirlInlineError = /*@__PURE__*/ proxyCustomElement(class SwirlInlineError
     }
     render() {
         const className = classNames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'af228808dda7d6de19148f80436ba521c9c30060' }, h("span", { key: 'e0d32e776ea1953b66328b1c419a5a7d58a10591', class: className, part: "inline-error" }, h("span", { key: '5103dcec5609115db0aef6c06d861e987cfa61bf', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '6fdd605f165ca93ec27234a8f2284b56ff38bdcf' })), h("span", { key: '6ef8d8655b7615b18fe4ab57b401e282a9305854', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: 'f337c4a3cf306beb21a8aab29f56cdf1aa18c50a' }, h("span", { key: '469d8d13a5422ee1417665661fa701fc631de84a', class: className, part: "inline-error" }, h("span", { key: 'b6ffebe3eddd929284ff1f59466beda3fb311c23', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '44f1a31a92af8bd93eebe7fc58935ba690e5a1c2' })), h("span", { key: '8b7b1353da57ca708cba3090797bbe6ecb0cdc68', class: "inline-error__message" }, this.message))));
     }
     static get style() { return swirlInlineErrorCss; }
 }, [1, "swirl-inline-error", {

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

@@ -19,7 +19,7 @@ const SwirlInlineNotification$1 = /*@__PURE__*/ proxyCustomElement(class SwirlIn
     }
     render() {
         const className = classNames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '9f5f0e6f028bcbc7add923e36fa21d83aa4ae24a' }, h("div", { key: '0a8d9ca76eb803cd72aaa623d9c4755c17d47f6f', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'd514031657c986396e37d90a4f8462096dc04d61', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'ca5c67748239e1c4a8ad6a7b7502cd52b40ff235', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'cdd4978314fe86ff3e3bbc2f3256d94900ac12f9', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '4df361caefaf8290b7ec4924ec85e4567e0235b4', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'e3f4566951b68e6f0acfbee8d23f81c0e3bdf016', size: 20 }))), h("span", { key: '573fbd6dfb001ce39f38a5d203fe4db1c57962a8', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '8a40f20b765ccffa3344f0771e4871fc21e9f9e5' }, this.heading))) || (h("swirl-text", { key: '5d22a928aef150061140ef8d3bb893bf66a6c573', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '23907678254fce68eddade2d2e631a81fefbb159' })))));
+        return (h(Host, { key: 'f05af92c68a8b3949d6b478b77f885185ba32119' }, h("div", { key: 'dfe2626206cc8af2d44c7b44cfd8fb364d3405da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'bf79373b5bd5902e95a801ecec44e40525963b41', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5cae31b55f245b4f9d8aa7d598cb524a044f85df', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'fa006e3eda6102644d140b34c6a9f67b09b08cd7', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'b08fdfeab0389e8ada4b900e397095226246c379', size: 20 }))), h("span", { key: 'a54b17d14bf62a131cc546750af5cb6994eaf816', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c7829d25e4fca758745ed3faf812b3544c593539' }, this.heading))) || (h("swirl-text", { key: '17d5bc32cc74b529f92144fd129f55cc7fe1361b', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '7f5c2df3a604f376b38eb3f42edd8d0fd1219d78' })))));
     }
     static get style() { return swirlInlineNotificationCss; }
 }, [1, "swirl-inline-notification", {

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

@@ -40,7 +40,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: '8edafcdcaf987ecaf6933cf29763b148259a45b5' }, h("span", { key: 'fef5b8bd929f382719e40f2bba7361366cf5e705', class: className, part: "inline-status" }, this.icon && (h("span", { key: '8ac0cb5da2dd6f73ef0e55107ef8a5429dde7dd6', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b11996adddd091d3281e96623b8065ab6effc171', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'd67b2912b5cf8351ec349444bae702a0bc6f66ca' }, h("span", { key: '382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8', class: className, part: "inline-status" }, this.icon && (h("span", { key: '652aa28a1581cb78685e3e31d2a16621a025fb6a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '712e906a2cb9c58bd665831cb0299f154a8b5990', class: "inline-status__message" }, this.message))));
     }
     static get style() { return swirlInlineStatusCss; }
 }, [1, "swirl-inline-status", {

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

@@ -12,7 +12,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '32936db0ef9f80bb39feec54f41a5808c7dee885' }, h("a", { key: '67150f2600f8a1597f254da93f598035701458f5', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return swirlLinkCss; }
 }, [1, "swirl-link", {

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

@@ -295,7 +295,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '5e6f7b4b48d7251669789f0844ccca7457292073' }, h("div", { key: 'd732f546739ba29ff883ee12c5697a8848b4a4c1', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '2bad059ccb077a053077d4c4c9fcfb38833f8911', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'f424eb771529442ad9ad17ef7b4587a41b171c58', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '1100e69afa7deb00fec5574a4500481deb1489af', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'b0ef8a53dfc76dcc4c9e3a4e2cf98adddcca863d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'c0da63e4bc5f95baa4a1505eef8c50a2b2577398', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'bf18eb1711813ca7ee91d5f4f01b269fef898cd6', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'e5f32c075459e5083bc3c25de1b7085adbf0880a', "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: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "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` : "",
@@ -306,7 +306,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '28508c258b51e993822210c06077134c3e1b69ca' })))));
+                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -238,29 +238,29 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '7c24fee5323e2df19dabcb9a5a91655f0f28d4a1' }, h("section", { key: '4c30f0c893b6dbff9583c739793c877db7776d13', "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: '9c54e0b2b50d584c7e1ee97f2228d3d7d9b3cdf8', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'ac2f5576bfbf714ba3a6bf1eda46c25d30237737', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "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: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: '8ef849f9a5e17ccceb7cff955e39bc28892dd28c', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '2352dc5cb17e549f064dcd5ed0abfb7d99fec9e3', class: classNames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classNames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '004b9da5c81869306984a3aa87519ae452800fd1', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '69bde9ad0b480e9969e56c089c29117bf1f28d10', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'a6346c2c7fde58212c6f5097d5d70606c3183e1b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '02bcee4978aa640ecbb3b4417cdb3e50291445cb', name: "sidebar-content" })), h("div", { key: '136c44311e48b3b88db6c642f245915656e59233', class: "modal__sidebar-footer" }, h("slot", { key: 'a5e8df9f9147b7da7fd96a7efb9b3f71d4075d45', name: "sidebar-footer" }))), h("div", { key: 'bb0170d8b569589cb559fedadfb3a0723c618934', class: "modal__main-content" }, h("header", { key: 'ee87585b97d37bd9521a3efb97af9c24fea9d83e', class: "modal__custom-header" }, h("slot", { key: '5ee6d3e095940d24906edb710a574a13d82566ec', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '387bfdb294a2da6dca9126e19127548770d7e323', class: "modal__header" }, h("div", { key: '4a54700cd7a2824447892206073af4f5dbec9451', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'd6c3c80fb0c2cdee570e987bcc290e6581246f74', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', 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.showFullscreenButton && (h("swirl-button", { key: 'c3879455946bd91bf57c33fd8693fe0601933ead', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'd3b7a16db9e4feae042a90ae3d2d8505757205ff', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '3b55bc21765c6d3ed98cd7c8787fe69906164aeb', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'd417c7f1e060b64bc7be2b98bffd5a1d1d460c0a', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '36fc3cce5333dec26141a19ed94e16d0e536bd32', class: "modal__header-tools" }, h("slot", { key: '36df33eb9c484e602ed9c5d245f50e4ebcbff514', name: "header-tools" })), h("div", { key: '3a1fd477b1d5b70291d163f3e0c2759fde8dd34c', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'cdd147f7e0320742091611b92ef5318065d6bd2f' }))), h("div", { key: 'bafcb6677a0da44e76e56ca189a8dbf4afa1f573', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -278,7 +278,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'c6061a71b7d66b3e204ff7c4f075ae4908c4cfae', name: "secondary-content" }))), h("div", { key: 'd1501d2c4431b43d053a67e3fb99922dea905dcb', class: "modal__custom-footer" }, h("slot", { key: '404cb5ab7559754b1944fbb675518afcfffcadfd', name: "custom-footer" })), showControls && (h("footer", { key: 'f2cadd2076b5c180494935945894fd468e0c46ba', class: "modal__controls" }, h("swirl-button-group", { key: 'd24df43e386d5431f5df152c5840bd290dbb38fd', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '1cb65ccd7d85057820d2afb79e647f078d70a9c7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '705ca5cf78b9d0f0c576288cf94f6d9208e66def', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return this; }
     static get style() { return swirlModalCss; }