npm - @getflip/swirl-components - Versions diffs - 0.311.0 → 0.312.0 - Mend

@getflip/swirl-components 0.311.0 → 0.312.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 (1766) hide show

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

@@ -539,7 +539,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '1447881d1efde84e8841c6d1aff531f7bb024a5a' }, h("div", { key: 'dbdc20d96a32973be23fda71e84ea1ce07955b5b', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a3fcfa3c03a4fdf24b5fa6d014b3d7236472d873' }, h("span", { key: '7c2ce1663e664c58f16342efff083079c8deb040', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '98e64f304653ea45e912a261077a2e39db3c7caf', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'e7a7e24ae63747c6bb0cd3418207fdb4bc65ef82', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4537f9b33fae4531eb8a10e0bc136c2cea949423' }, h("div", { key: '060dc5318ffe71018a4e6bde3e51cce04769d857', id: "caption" }, this.caption))), h("div", { key: '61598f2ba60d9def94e0a7c30a24e3108c67fc93', role: "rowgroup" }, h("div", { key: '6fc736dce4c2c50b2fc815b6065123cd9927462c', class: "table__header", role: "row" }, h("slot", { key: '4519fee7ab6b45db0f93ffc0921350a1c27b036c', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'c4e8834e738d66abcefca20e22b52e2bc0b68d50', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '1df1d994c3f4f305bd3c6cdddb25fe6c28e560df', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '87b06f67bf19a91337bd05964aa9435327c366aa', class: "table__empty-row", role: "row" }, h("div", { key: '734d97aad4b8b7235e113f1d470ac8fa5ec7a1d9', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'b50a849e4fab6a8fdc100eb5db793fd2cb3aaa77', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '2ae8540302a68acad9029fabf960923531ec934a' }, h("div", { key: '6b164e69ffa0182082ff290ff06ce36b8070b6b0', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '714747c389de5a86222b098da0ff7d72b18bbcd7' }, h("span", { key: '718b5a9b3190ae8f4f754b45dd05137ca4215399', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'c93b7539dc26c4b2ddb758afff05a39cbdbce178', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '9991891878bc050164e8c2a97d92b4d94bf31230', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4f3cd1c1702e628eb806e800e4ee71ee1d8a3f30' }, h("div", { key: 'abd58a04ee7ff3d59b649fb4e0a62f37836c2391', id: "caption" }, this.caption))), h("div", { key: 'd1229b8b8e99756be743a9c3a58080f8c5dde9a6', role: "rowgroup" }, h("div", { key: 'ae615779797edbae1f69a4f8f16a77bbb13a0e27', class: "table__header", role: "row" }, h("slot", { key: '8c423889a4e1d1347a49e99aa721dc8e71465c85', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'ac7ad4eb1591ec7e1031d18b012d3422891eeda6', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '803f24597520f80fc4241c72e5e22b63d3ef5b6b', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'c0e702dd177ec0a1ee0996acbf71943a3a4bb186', class: "table__empty-row", role: "row" }, h("div", { key: 'ae680509ac11d7ecf9b83802c5a36db19598e25c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'e0e1486a9e1f13d2b700772d5f274f1dadf3b0e8', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -86,7 +86,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '9416903ca9d6b88cae2a3cb3774cd9144197421f' }, h("div", { key: 'd13670144eb66f3fb1daa3efb65f87ccbf2b5fdf', class: "tabs" }, h("swirl-tab-bar", { key: '41c0d6c00ad2c5053a7cb37feec2bb0f1042c1df', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'f4ad6282aff0e59e73cd0b8beb7c0f9dabf8ee79' })));
+        return (h(Host, { key: '60260cb1f18a212dd2eabab8880fe0bdf107b559' }, h("div", { key: '182e210d264742891420dffc8ea131b661076cf0', class: "tabs" }, h("swirl-tab-bar", { key: 'a2669ccad64fc1f6002a3828f84d7f4e5a71b182', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'a8487d716c79005cea85a470bc0aa855b735ac31' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

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

@@ -45,7 +45,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'c9e0165b4ce7e54da1e0d8c019c23be5adf36e27' }, h("span", { key: '0748b03da59a2462b21032c8433ba7b5ee780098', class: className, part: "tag" }, this.icon && (h("span", { key: 'd837bc4fd0095f6c926287e89b1ad511e49cc32e', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '92387e9fc623f0b2be18509173b51d1e8e90f4c5', class: "tag__label" }, this.label), this.removable && (h("button", { key: '8784ddebf3f2b6b5d053ddc1c0780e3127e55028', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'da4ca93cd44e44cad789ba517fdec6ffb97ed96d', size: 16 }))))));
+        return (h(Host, { key: 'e93e031cc3d118f4cf37d8f1fbc0aaa858043795' }, h("span", { key: 'a6b8f34117404ad71ad618ac5754b12efb2b5989', class: className, part: "tag" }, this.icon && (h("span", { key: '468a295df356052181c3856029960590b1a71e26', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'c9a039b8fc98b4d79bb04360522d0697ddc80069', class: "tag__label" }, this.label), this.removable && (h("button", { key: '1291c98fdae7bb3e2e0b4bb233a0a451b98a1c5e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'b250455a45e4de1f7c40df4b09b0fe1d2a2815f3', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

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

@@ -985,7 +985,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '83e1fa2f130305615c7f3b5d0dd2c43be0678f4b' }, h(Tag, { key: 'e0722bc8f2d6546b2c67e5e3fa468bfad24d7823', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e' }))));
+        return (h(Host, { key: '96ae82ae22a10e00647691edb5252db1e8dec4a9' }, h(Tag, { key: '57ec6835e2324b4e26d19e701e698eeefc1494e1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '0a6be461bab15f5ad6ce8cf5d3018c1943bb7400' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-theme-provider.js CHANGED Viewed

@@ -153,7 +153,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'ca058bf771dd18b13dd047f2885a599a00647a5b' }, h("slot", { key: '50916c63269ea4c024c25dc06714af324521fe3e' })));
+        return (h(Host, { key: 'c412da23f8baf951faa754c36636458ec42f3b7c' }, h("slot", { key: '336242c2d1ec7b011aaba8059e5f309e36be476e' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '93eb2159e915846817927346703c83a53f3843a2' }, h("span", { key: '46416900bb5be26f94349e779da20311c73fb99f', class: className, role: "group" }, h(ImageWrapper, { key: '30d8702c676215d64551d33a19d9c03c827b1a53', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'a2d5700bcb9c7ca134b4a74bb717ac1d3c0616b5', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'd5933f9e53855458805c293b1768d0cc9f8ae8c9', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'e7e90168d3df4a458966064176255b57abc149dc', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '85ec89d577b90c7e0c279372b1a1aa9e06609895', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '3c11a2245507ff1881e22ab0a36a948c8c7427b3' }, h("swirl-button", { key: '346a643cb09ce5cac3722dde9e0c7d25c4135fa0', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '50a9abceddfc76775a93469ffac69b5bf62ca16b' }, h("swirl-button", { key: '9222ce4a0e8bf2a49a8c6c1d51b04f38fda44809', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '1e6efaf133b81792778dee7346b594cabac766c8', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '0748fd364a2e60fc9f8a9fc92efd715884841c2b' }, h("span", { key: 'd45c4b42315cf59cf40d343e6b0f8069bb114f61', class: className, role: "group" }, h(ImageWrapper, { key: '90413051f05e86ce4a53fd0aa98afdc7ef3dfdc3', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '6457877f8664d2ec13ed106f4c97e12dba062b8a', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'c92718f6aadc47b9afe9aed7b809b172a700870c', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'dcf850a75861d411f7afb785af1c285f378b8acd', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'b01bca59ae2fd1bd1cab7cc00e205d643f6417d0', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '5cd31881f3c399424960992e0222daef0380f9d2' }, h("swirl-button", { key: '5022fd313beb21ab45115beca21eab7ed2a1ab6e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '4e3662fbca00899db7fa90c810ff4384e9cea968' }, h("swirl-button", { key: 'c3be0bc5ca696dec4040d24e8a7c93f626d21a80', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '70d1b3ee9c47c5a0e28edff52012cd72683cad1d', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

package/dist/components/swirl-time-input.js CHANGED Viewed

@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'd9d349da2d5dffc4263107ef073af2a8cdd0ec02' }, h("div", { key: '6e9b753c44fda2e9b473ea3fb25b7f18905d4311', class: className }, h("input", { key: '3b10ce81f3a052205298dcbf75790aec6108c79c', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'a016010c070cb9f3fa502cee2ba1b5150c17ce9b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '76bb525b214a5bdf1f64e844531eac7249a04412', size: this.iconSize })))));
+        return (h(Host, { key: 'd0b3fb3ed85f81fbc3df1854bf01a5927eaf3129' }, h("div", { key: '7a1aa4380fba14845c2c3ff7531ce2a38eca03c5', class: className }, h("input", { key: 'd29606690c220d2273b58189ddb99e0a0a8ad850', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '006e537b7d623ba287481808397c1ba39f67be52', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '228a37b93f2cd5fa86277baade38c82826d4879b', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toast-provider.js CHANGED Viewed

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '1d56b15f712d5700eedf795fdd056f23829084e1', role: "status" }, h("swirl-stack", { key: '1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '0998fba2aca64e83e30d1dd6521282e00b8fb11f', role: "status" }, h("swirl-stack", { key: '78c8d98ac284279192495b2350d090a4afa9d9f6', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab' }, h("div", { key: '9b0a40561f9d22078f18e0ec648ec98a4ff26eeb', class: className }, this.icon && (h("span", { key: '8ec71ba2f631cd0c92f5082512064a68324ea85c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e' })), h("button", { key: '68dd43b53a9a600db3c0380b0432221746d9fca3', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'b1eae00996c672014fc04ddef4f3a3f79408ccbf', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'f6166d0f4e5056fb35f14de5f25eac8d58dd1c1a' }, h("div", { key: '62539278cb95d34d2fd81d90bb663036182cc449', class: className }, this.icon && (h("span", { key: 'b27cf85f7fa23bcb10d7c6734c20681f27d57ac8', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '78d34024974fbd20e74b818e155d3853486ef968', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'aaecc94e03ade48c3d7853eee2e55e2d619eff6d' })), h("button", { key: '854d3f18fcb5a03a71cdd04f8d10d3c0857a6d56', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '9c2d7bc628a096b4e1c0658de0ebd03aab329979', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -22,7 +22,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '74e8b4246d353bfd943f8f4d7447795c38f9e4de', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '1c9f8f24faa20722664176f3badd22525bedd122', class: "button__icon", glyph: this.icon })), h("span", { key: '38c1a93f671686f9ee525597636a61b03fd0c0ce', class: "button__label" }, this.label)));
+        return (h("button", { key: '83c7fbb5fcda60398ac5c71fed5b5998a921bd72', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '6e397adca526c1776322a170f0c45ea018b6e893', class: "button__icon", glyph: this.icon })), h("span", { key: 'a465db6330f888a5ae18bdee6fa4b0c31400499d', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

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

@@ -64,7 +64,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
     }
     render() {
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`);
-        return (h("swirl-stack", { key: 'bbb892ebb0078f1d85221c09f45d26ab1a9394d7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'b697050275ced33880041fa0f33fa9d9902c216d', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'f97cb2df8c324c931f4b644b6df0f4ec00a5d905', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '7a492e568a5f46cb19e8c622bf4a5cd4de1254ff', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: 'e0050b4506c6a1fa8f3caa40c2072fd05ee7a905' }, h("swirl-stack", { key: 'a81e0333e80646ade8b45644a1838baf26da1873', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '92fa6c0f06ac9651b2f3abbc086f143b36d11277' }))));
+        return (h(Host, { key: 'c47f1477439dbc75cd98519c4085b22ccd1cdcd4' }, h("swirl-stack", { key: '3beb91a150632d2f26bab090e4ed190fe5be3dc5', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '8a8b20e1d846ef3d2e7c44c4f606f8cd692d525d' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

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

@@ -117,7 +117,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'b98af38861cabd42aedd37fd9e55e4a4bab68349', onKeydown: this.onKeydown }, h("span", { key: '5bb42e83b24028a5b7497c639505f8617705ea0a', class: className }, h("span", { key: 'f6fb3fa48b455d68e538eea1a33d8c2a91abee2f', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '8ba4672f84663444be5131a4d240b84dffd94350' })), h("span", { key: '513527ac1724ab0ffa7c73026a46328f495ce9dd', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '2236c5b795c38c6d6099406fddfa6ac0cee7ab73', onKeydown: this.onKeydown }, h("span", { key: 'e5d0f6faf86e12294d005f3216341172f9974274', class: className }, h("span", { key: 'dc3270c80b0b59db83ad25e0de437227b5ef88b4', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '891b4c0bf749fe9d0f0eea92a6791338b7893368' })), h("span", { key: '4676c247f77288c7a1fb98088b5e57322dc22f8d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -125,7 +125,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'f9bba867d35b5d9f9d2f6b76d933285162ba747a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e002a27b50e4dc5bb1fb76ec8951b0a07ba9f4d7', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7d986a3fd9dc05ed2e0798faf5bbc087ff6edc82', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '9f24cf37428b014e9c3b0839b7cf1458b2825b6f', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '0e3826c70432ea5a1e4572723b4d68ed7b4cb102', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'db27a117ce2dcd64108e3a28f8241a828be66e2e', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/components/swirl-tree-navigation-item.js CHANGED Viewed

@@ -100,12 +100,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '33bef3f2582f3a66876f540eb64a4adca9c42095', role: "none" }, h("li", { key: '3a1ff715d4ab97ce1a8c1d4a2490bf0bbc32a95d', class: {
+        return (h(Host, { key: 'e4576318687cd5c04204d9143d491daf9790849b', role: "none" }, h("li", { key: '39a2d1e87b7f87acea4384eb2a1a00c00fcaea5a', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '907aa367836e088e3f472f9579a2891a074c4d60', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '15440fbbe9c089a5bd4e83858cebe11ab6421003', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '74174884788c27e30975823813b53bf8f81518a6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'b3bae7140c243df25b893fbf6121b2674ede0602', class: "tree-navigation-item__label" }, h("span", { key: '97b78af129e93c875efd89f7afe29c11c55e0e0d', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'ba4c64f57a82e998c8a3b439af9a5f027f7dae16', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '9b428893c69b34113363373c30d040092bfd60b6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a123a58d0a5e5785e69c1874549ee02faed762de', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '4e5125776c6a8ab2cc1a474ea4769797fd604f5e', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'efdf392212b852571d0db0228841f1761536e6f8', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '79e8b395fd48e48c4b78f47453bbf60c36d826b4', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '22d7ce73e9474afc48e9cd7926f39b813882cafe', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '1f24379f70cd6c108d546ab42d6b2c0bf2cdd14f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'a4a68870512d4e9a41faed70714a4fdc5a846937', class: "tree-navigation-item__label" }, h("span", { key: '4b06a7994f819e16473c83979acc16640a992d71', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '9bdae5291ca9797ddee33b690ecbe58329cc3d50', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5a11991d104527610e9459529323a51300075a90', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '88940e3e66e14239e7bed6fb858d82bda2a64b5f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e9e9fd847926123ae371a2d4c8c1bfbd031531f6', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '8419d950301dbbcc61deb81780dea70f3653de1b', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '8213c14e36a60a0a83665e28ee42b869004e2541' }))))));
+            } }, h("slot", { key: '9ec60dbb89df51923139feb9f213933129a623ba' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tree-navigation.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '28f12d544f31a15e4768ccd2724dc590499d516a' }, h("ul", { key: 'eaa75ff170fb4ad27ac2e4aca793ad62fc8165c9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '006168e0a4d9dcc0e3b3820f7ea23cdc223a26ca' }))));
+        return (h(Host, { key: '2e21813754c1a402da019a6751fdffe7ba515e1c' }, h("ul", { key: '0b44976618b26bb7e7245bc5f0d93d4c195403c4', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'e2428f21a7cdfa5c53a17406617005f9cc0e2233' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

package/dist/components/swirl-tree-view-item.js CHANGED Viewed

@@ -335,13 +335,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '75dd63c2351c480395661aa8610d95f73ba847be', id: this.itemId, role: "none" }, h("li", { key: '122ed8c7439065d4a98b8482f70ca5085afeed50', class: className, role: "none" }, h("a", { key: '32c6ca8c645d70c1a5613f308b5b02647e681240', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '5eece9bd6261c2dd0b4ff99ec6ee0bd23fd6eea4', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7539e72d5dc882dd7263ec4529ac406d69e77924', size: 20 }))), this.expandable && (h("span", { key: '062cd728c408668281f30ac640905fcdd6226c50', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd4c8f1bcc9e4672217cd6ea9cf03f0d8760623a4' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'aed364abae35a0d71531816442974a3a1e422367' }, h("span", { key: 'fb00b679ad160b319f79548f69a2c1479514e542', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '271390e11dff546cdb789b684ad128873213b441', class: "tree-view-item__label" }, this.label), h("span", { key: '877f094d48b4c80458021d84efc17f1f38cfffd5', class: "tree-view-item__tags" }, h("slot", { key: 'd610a4c86bfa2b1962cc94087382ca21c813e24b', name: "tags" }))), h("ul", { key: '12e5ebabf7f1b801846f0633a6116a093e81dbbc', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '93dc02e5eb22f1bd3c73ce98edf7f1d1f97541e8', id: this.itemId, role: "none" }, h("li", { key: 'dda1fa8815f770054c2c973657527eae92f09926', class: className, role: "none" }, h("a", { key: 'fd51ad27190a29e84b9bc5da1065fdbe3b68b5b9', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '466864a5732100a81c125e01ccac77f61ffc935d', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'c9019bd29e980bce6bd5b6de8251d2d9a511a283', size: 20 }))), this.expandable && (h("span", { key: 'da78e6b937508ae712dbf45e97b451452703b22c', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'c0053bf890ba01d40da334f2a443825f47d52010' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '571e97884326cb69f1bed60cb13855693dec61ab' }, h("span", { key: '524c89963b4be97fa50543f35458f09effa94189', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '4fb7d9453369eb53c0a27001513fdcc61e00d356', class: "tree-view-item__label" }, this.label), h("span", { key: 'ca5ab620a3ba4e99192907627e1e5a5c31b322b0', class: "tree-view-item__tags" }, h("slot", { key: '000bdd02c2c99720b4684eb32abcf25ff17d1947', name: "tags" }))), h("ul", { key: '4ecb032a5172292d5fca2c5d4cece01efba90826', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '6a4281e2924093ea470ee009f4178a296d4569af' })))));
+            } }, h("slot", { key: '8cab84b9a0f2dd58e2e2d90816a7f3d6058aa661' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

package/dist/components/swirl-tree-view.js CHANGED Viewed

@@ -327,7 +327,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '16955aa0d14337164dad7afde596cb024a9db2da' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'f057d62cdfc78ab6934c0896d9ab9dc49b536b92' }, h("span", { key: '535b2f2897208e08d5c3b9fe4f831643457d5bf5', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '16272c7b26ae0c84b0a6e876bb6253c344fa281c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '505e3b9141e895a347cca881762b67ae126485d3', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '4c2065517b90c6f27eb937ceccf4c57425dced81' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '6e10ffbbe3678201b4dced3f50de90d23c0d0974' }, h("span", { key: '6a2ab0e869c1ad73563d3edb29414fd0b7bba536', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '452b6a1a77dccf7ef85099a282400c716a733a9b', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '8704ebd9fe02fae40fc6ffe88da4eb81a9f3d123', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-video-thumbnail.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '725be56f5eeb3c9b535e0581b0421d3c86e8f4bc' }, h("button", { key: '04a020b91a16eb900b7c30738401f1ccd838bff3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9d441c9ecb649e25d34d7805b339a2e973d9cc04', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9fe1db1b3ef5c30471564e2e7359ee59867df9c3', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '686264efcee5ad08e10dcff64132cecf3c26b336' }, this.durationLabel), this.duration)), h("svg", { key: '34ccc3ae31421ae0b63158fb2dd5748bd29c94a7', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c75b854caf9c121031bbb83f3ec47cecf1f7221b', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '417bb1f3a63576455e32ad4cca9ae5146bcbb221' }, h("button", { key: '1cc51d2d880e45f1cc933f59267461bee2441507', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'de93241fdeeb0a9ed2f3f5ba379a18ad12d748b0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '62d3ccd011b5c2119b0a26f7f94456d89f785f49', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '6b59f1270f440a3a9d45865894092d835ea0aee4' }, this.durationLabel), this.duration)), h("svg", { key: 'f4c011cd334f4347772c00e416b661d325089b29', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5b2f0b42374aed1461134371e3e686340e79bf01', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '2915b24d87af8acf48c949ec521d11d2097ff073' }, h("slot", { key: 'c1991da67038c8aad9a4e09a2d05d213d474fa82' })));
+        return (h(Host, { key: '7294850eef8e84a5e02f997c93985c5637b8b8d3' }, h("slot", { key: '97659cec31fbca092e6e403c0fea4c0cdbe453aa' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js CHANGED Viewed

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '91a5a91ab3cb03e5f439fa08e6601673224cf954' }, h("swirl-app-layout", { key: '3cd9bb935c4db3f3fd1953973e6b4bee89a22153', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'd76293d2f5f9b7301408f3ed1ec430ccaba72bf2', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd6ee54966daba9a551987fb65a3f92840866ae9c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f531e76f86e29a2365f09911abedee8338826bca', label: "Sort items" })), h("swirl-stack", { key: '411c92f21f4d332cfd63db0761db42d277f9cddb', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4309a9265bf8566c3a8645fa2f8f9453715945d0' }, h("swirl-heading", { key: 'f7510cce72f3e8da773f55563de46c75f72c40fc', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '49af0fcc1f128bd6da78242f1187c5d5f14ffc98', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'd6e203cd6a25e98c98f6ed09a54d45eca121fe43', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '0c0cb4aea66d11ad5b574c22d8668eb5ba8633ed', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '19d56be20fb5bfcc9488fcb4c746dc3d8fbc4f8c', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '40074275be9bdc4a6118cbbe5dd220dce178b5fb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f4ae6fd0b5d22965e1e6068e4848f02614ff76ce', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '75ec845fa431f14adb871824a335593a68e5014e', value: ["ascending"] }, h("swirl-option-list-item", { key: 'a0827fe8134913f200b70739f3f058a3a0e0346f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '373a2aab6aef3205a492696e440ce1283bac46de', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e7b4dbf97968f67507331ac61a62524389303665', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '13271a195eb9221f8742c4e8353be4d5fb0df2d6' }, h("swirl-app-layout", { key: 'ac2c858b73a538c824e8e22af63267cd27593b0d', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'b1cd410e6e3dda79dc892aaf195fd576c1cbe84e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '8a11cbc2bb2a064659449430a057a68a0cd3cf96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'cbd73af9a604614e0f0b660907b98a7f3229d8e2', label: "Sort items" })), h("swirl-stack", { key: '907c7b511438b14e78ecafa28f99bdae31255a68', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0e21b30263107e2b5a0bc4e89bde263f0be0d6d3' }, h("swirl-heading", { key: 'af4c1c5075e3fa227acfa28e7349e964cfb147cd', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b858b75a27acf85da6b4f79bb95d4734e52ecbfd', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'c7d584755d12ce0fba86148a523c69ebf8c6c627', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '0fbb05394fec2284f6f2210e0d298e686b66b805', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'de24b80c8f2b40822e3d01d63d4501e1b1a24521', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '7f9dbe64d5cb3aa20a46a316cfbc2e5c23125218', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'bcb564ff02cad91686916dc14634aa5b94d4d569', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '6f3400de6db01c41871e751d8ea0a4c32a94187f', value: ["ascending"] }, h("swirl-option-list-item", { key: 'c099ef2c69fdb69321b33c5315dcf873b6194062', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '308e0810a2655b2cc0cd009ced52afcbdfa51179', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '2c6a9b98e548d0452cf6addc262849e7c60a2a6e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

package/dist/esm/swirl-accordion-item.entry.js CHANGED Viewed

@@ -64,7 +64,7 @@ const SwirlAccordionItem = class {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'f951ccc4ac61db37d06140df2d431419cd82901c' }, h("div", { key: '7fa7d7e89d574372e4217db6964b339603c9b3fc', class: className }, h(HeadingTag, { key: 'f829db405a340e95b471eaf26a440a4c42235d83', class: "accordion-item__heading" }, h("button", { key: '2ce164da5ab47a682c0069412b17ff506a4c1486', "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: '2214bb46310023a5e9c67b2d41a08804cc062c80', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '46d93be000154b0e26cdfafdfd0178608a0c5ad3', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'b0ea37c8e09ac78ae7fcae49503e9da0ba3990a4', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '0860a668b53927c1809ddcd98e371457f4aea96f', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '294ef0b5d6289a69a66bb32c7c9aa4f6695b0ddf', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f8a7be67ea974fce5bbadc6e0db545cbf785e581', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c6c57bc5c5876f31ba20f7a78293ee710e5262d4' })))));
+        return (h(Host, { key: '1a90615a1c901d606d518e88641d0e85f526946e' }, h("div", { key: 'b866c9b99d6677391a5d168847471bcfdbad5628', class: className }, h(HeadingTag, { key: '6bc0d73419c7a515a964bc110bc316dd2825a393', class: "accordion-item__heading" }, h("button", { key: '7976196db3c1b4066c43a0fbc9a7c016232b9e06', "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: '17c4b129411d3c579ef54aaf81112c0239f3ce1a', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'bbacaf5009bf16b367114fa8c1852d045d89e0d3', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '6bf59d3b45fca0f417df2e524b7e6f1f90932d56', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7597fe68474c59a67810eb7ff22a45b3c997efe4', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c7b18ac78d566b36c9b388e3b80070a147889080', glyph: "expand-more", size: 20 }))))), h("div", { key: 'ccce112d4cf2640f9bbfa944d6ad7edb8a5e5cbf', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '52b64ccf5a6ea90570c66574c4eda47338bbf461' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-accordion.entry.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a0238e83947d9afba57724fb36e774d78efd913e' }, h("slot", { key: 'f5c6514ddba5891899fce71770d0ff9b7d11119e' })));
+        return (h(Host, { key: '8ef36c3611f702d9a68fa14eff3f1df31501a004' }, h("slot", { key: '92a68a15db65f4f226b9c70ca3bb3800fb09f2bb' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'df76f2b7c5b1fc5f37f9d191c3c688aeaa20db99' }, this.hasSeparator && (h("swirl-separator", { key: '9689c9fa14a69d33c56f62b09a935274ef69eb0b', spacing: this.separatorSpacing })), h("div", { key: '18d611cadb26d1a73c51c528495306b660dbb68e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '1e2ba4d6358b5e11d68d6b4b175c63b049d7c7a4', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2676a9ca96414d35dd101f2b230a257678e96792', spacing: this.spacing, align: "stretch" }, h("slot", { key: '9238a1b9df58b33a34a68b9c21d1d61760f095fa' })))));
+        return (h(Host, { key: '30f49fcc99b81adbee8b2e62f38d54255b0623bd' }, this.hasSeparator && (h("swirl-separator", { key: 'd1f5363f99c9b5cc7d638d458101c4c20ded900e', spacing: this.separatorSpacing })), h("div", { key: '012bcbab8801f481f6e8dcec7297a83a68364bcc', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '96e36dd6aa3ef074459ddbf7ee9f6d9d6268355e', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'a5a3ffaf789bc4092ef90c4602ffc77b16a8bebd', spacing: this.spacing, align: "stretch" }, h("slot", { key: '1077b13cf4359fbcaebedea0e5d7ca07f782e363' })))));
     }
 };
 SwirlActionListSection.style = SwirlActionListSectionStyle0;

package/dist/esm/swirl-action-list_2.entry.js CHANGED Viewed

@@ -93,7 +93,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (h(Host, { key: '82241f786cb1b908d05d4d2a733be0bf51aee08f' }, h("div", { key: '8c5d86e958401b071587e3d4b7b842de267e4026', "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: '5e48f057027f3899c30f9c3181feff3935184a77', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8d70b6b3e10116e0085d1a7697212870c9c0b2ac' }, h("div", { key: 'b266eed0683947cf48ac3d54c36026098736960d', "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: '7a64aadd127a1d348296bbdf0c22472dfc910a69', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-app-icon.entry.js CHANGED Viewed

@@ -38,7 +38,7 @@ const SwirlAppIcon = class {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '1d540798f4137ca3932f465e8b5dc241b9dfe651' }, h("span", { key: 'f44fa6ca8d46f589cbab93aa1eea1ae5e1221cef', class: className }, showImage && (h("img", { key: '24f5f1df7531ecbd71d3aed31842ceacb171d5ce', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: 'c5fec7fd12b4004027f0e62b21a41d72130313a6', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '6c5cf88ef1f7227b2e2f692284dd6b2dfcaa024c' }, h("span", { key: 'a86fe3a6fc8e531b60820015ac26f682f23364f5', class: className }, showImage && (h("img", { key: 'c3acb5e1dbb6bbc846b9ddae80838d682934a6ef', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '963ee092b53a4badb190e3c11d5713c604670524', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;

package/dist/esm/swirl-app-layout_5.entry.js CHANGED Viewed

@@ -379,7 +379,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '7570e676c1abf223bc43bf9ad6859e002abc4752' }, h("div", { key: '8c9de8d856ec6a5be62ad73ece58457818ca3063', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'c55f30894ef235321dee377324291d466421f9d0', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '0dfb79d4447491a88f4e897321d131697a1ffa9f', class: "empty-state__slotted-illustration" }, h("slot", { key: '1a256a0910f0f37f5f090ec313149efa655ae5ef', name: "illustration" })), h("div", { key: '6452a3fb65a639c51daeb0bfef5150c435fc1da8', class: "empty-state__body" }, h("swirl-stack", { key: '6d66347651b55292b91191e52e909105f42a473b', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '9621b765500887da30a18be459220beda695148c', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '53381b2acf7ff39a0e5a1042c837b9d4ff3c8bda', class: "empty-state__content" }, h("swirl-text", { key: '72dc7bbbf30547bb01f48827b5c6cbd3334e7399', align: "center", color: "subdued" }, h("slot", { key: '3a6366779302310d5f5ed1fa6458cd6c2e51e90d' })))), h("div", { key: '785abad12d1732e007c26d3b26e2116e97ad764b', class: "empty-state__controls" }, h("slot", { key: 'edf1783bfdcf60366a16c638f893750f1bc571e2', name: "controls" }))))));
+        return (h(Host, { key: '4f9a2b61c37ce6cb9278d4f33cbe0151fa30b782' }, h("div", { key: '4275df6a75e2d9f1d43046ad2a58bf6773a217d3', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '13a70977ef71064e3615d2f3b048fb2e563a1d8b', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '265a92d7536f2fbb34633c157ff9ce4bdcb06d72', class: "empty-state__slotted-illustration" }, h("slot", { key: '1f92e625e0398c431d808c4d35369bbbfa810f8b', name: "illustration" })), h("div", { key: '2a5a0c219f44c8bfeb0864746a3b484398b92ba8', class: "empty-state__body" }, h("swirl-stack", { key: '1a11967da1994bb795f5ed872b46936c8d926a5c', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '62db8901c710bedf07eb571c0b402abc47eb2258', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '6ee917970fc9df131e8c717f07bda3ed8b4f9f23', class: "empty-state__content" }, h("swirl-text", { key: 'f2a1b33a7e997ad2caec502157e328dd6dc5b9bc', align: "center", color: "subdued" }, h("slot", { key: '9c5f90a8bb7e7e5e9ee2e1c0cd7dba05de11962a' })))), h("div", { key: '23f8bfa5058f7a230e67892792230f367fa03b4e', class: "empty-state__controls" }, h("slot", { key: '12c9da7acf5499baf1aa5cf6febe7d4ab927b18c', name: "controls" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -400,7 +400,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'e42f86ab6dcbbd6f1449717bb5296d1f40e557ef', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'bb9100d456bb627fc3ff4da0e6812bcd72375ecf' }, h("path", { key: 'a2096bfd37f1ad6c6edb5f6e33c5a57737244399', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '7b8e9d7a9cdcd364bf85318975e50a5d1f20782e' }, h("path", { key: '1c9d5c9574d46ece15ca055021cf7a30c77b2ba8', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4e09a6491458944d429ebeeaaf29d6d6e5278c11' }, h("path", { key: '07403ecb785b27a860b44e9065d2b8a184f56641', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (h("svg", { key: '8df710f5d430197ece6aa1ef41b0df0153f853bd', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '88fe95c8076cd2be6289c282eb75bbc6159b16c9' }, h("path", { key: '42cce76fec2993bf563cc2ab824fd6767b74913e', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '97a20f723bd52799ac0fe005fcd317d89d215cf7' }, h("path", { key: '1ef79c724c4039817962269b1bf4503fafa456a0', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cb66c51185b3f7eb8fd184cf649e30dae709ee79' }, h("path", { key: '9efc1496b10ff5a241e4bfb69f32c5c4213b80ea', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFolderShared.style = SwirlIconFolderSharedStyle0;
@@ -663,7 +663,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (h(Host, { key: '49ea535f5acb9fc68e3ae1f7136b8dc6380d17d9', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'cc24d6e02aa79b0b0747892880b25dd3c7eaab16', role: "alert" }, this.assistiveText), h("swirl-box", { key: '0b7168d12e7c114cc05a572c95cc8b1d62a01130', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '98e4699a1280896d410219ba9438083abb502963', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '0239aabdc15dd9088a2bdc47f25a7d5ebce551ef' })))));
+        return (h(Host, { key: 'ea624b9cdc78f5c8c6e3ef92b0ce1c0f5c43c425', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '54338db2bd13503985458d6d69424119d739d380', role: "alert" }, this.assistiveText), h("swirl-box", { key: '8e6317c2b577ab84b1f9f7958e80637d6379d5ad', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '667bc6e6a548d59ba9a7c82611fad24e82c9481c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'fb0056dedef07635f6afe08f6e7745437b83127b' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -827,7 +827,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '3bc3fa72a1abff66fb5c3651fa9014588ac55056', role: "row" }, h("div", { key: 'bc5b097590569b20c6e3c12dc81579d1106b3154', class: className, role: "gridcell" }, h(Tag, { key: 'ebf3bbd3e7e43bb7eca43a08bd871e8e2bbbfe43', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ba3f13bf18694ab2196e4a39f75c9c0f63aa8300', class: "resource-list-item__media" }, h("slot", { key: 'a984289394867903e6c6de0c4857df6c38af7abf', name: "media" }))), h("span", { key: 'eae163ca5e7872144ed2f88ad0ffb9c2ead37c30', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ecf7765c077159faf1c635581f969f3ab854eacd', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '117cc94c6884e001b38c86255e8bdf80adc8b409', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '6ce54162920cffd718c2099537290e9e2e64af9a', class: "resource-list-item__meta" }, h("span", { key: '9021d55561a83a5b17bacf80a6c4efeeede0e1ad', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f6c795ac584af2d38573167b3b3673d56867c8c1', class: "resource-list-item__badges" }, h("slot", { key: '7804eb9c844ef7320af6d0081590c343953058a2', name: "badges" }))))), this.selectable && (h("span", { key: '436f7ec288c6c934155dd063671a536a826b0ba9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'cd29d807d629d145c65aac56105da892daa9ad92', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'de2514fbb35ec904896ccb0cf80b71f7722657eb' }))))), h("span", { key: '2a446937a24714758d4fc89c690189f0dd7b7ea8', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f6edad002358c9c080c8da9c2f27bd6d33e30351', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '4b1b5cfb61c208bd0c3858356c69c7618d8c8e89', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'db5c75794ec64e4ee42ef72017da4265536981f5', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '2902462ef1a182de4887a97aabb68b8d98533410', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '8596f6557cdb8699b6f06b79e40170a166879b94', size: this.iconSize })))));
+        return (h(Host, { key: 'b490be956d5b8637fd78b0ad79644b486664e7bf', role: "row" }, h("div", { key: 'd0601dd41832cb17148c839c4aa64627c0db04ff', class: className, role: "gridcell" }, h(Tag, { key: '2db8e0b7aa88eccc0f2232d416cce0b969a99c42', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'fe5bf9b4a0704ad24cd4ce3acad355e532e017d9', class: "resource-list-item__media" }, h("slot", { key: 'fd5c6ee13e4a7660d7fb2b7b792591dd756a86da', name: "media" }))), h("span", { key: 'ac30abb10e90098b217741befb18be076c2d796e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'f108501e54065b661594c3bda7962f293cd5080b', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '28487cbf29d4c487f5df1240d4a8d919b16e063c', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'bf2e0990710156241d576c729489f48f5bc97c80', class: "resource-list-item__meta" }, h("span", { key: '2950e59ed97bd24ac6db35101e4fb13b631c6b88', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'fe6a342db95a591650aad7302e48008e4c235d99', class: "resource-list-item__badges" }, h("slot", { key: '35db381fd8b966e95c4cfead185f31807460ba75', name: "badges" }))))), this.selectable && (h("span", { key: 'd66c1ce0004520bab9164380dadaef66177b9498', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'e9b31811784dccc117ddb8683bd52b8ad1d285ac', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '3a1a9ce8016760abdcb7d83597ecd241af8edf1a' }))))), h("span", { key: '1961424dd1df7746661b2dce6fcded7d31efa947', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '101473408691a44b8f0404272b2843c3bb47d7c9', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '5531b9f9bf68d65a21ff261d4fb5c0613403468c', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'abce27ae17d75257cfb47a3e678fff00980d3f94', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '90c2e805b9996d0b93c2cf1d8ef998a02fbd0d63', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '71821bd9ed475792afe62314e36b89760543e04a', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-avatar-group.entry.js CHANGED Viewed

@@ -27,7 +27,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '8006642426c32008d08219733f23ca90ce5b572e' }, h("div", { key: 'c2980d52eb16ff1a559230ce7f8cdb4c9cf60e0e', class: className, role: "group" }, h("slot", { key: '0ecaf6ce8e3831b44e23fcec3eeccc9ff8cee9b4' }), this.badge && (h("span", { key: '13fd0d6c4436938a328e0e8379a9c8e30b79f03d', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'c7257cd9ac2c94a11847ba5a56acd1815f066613' }, h("div", { key: 'e9bfad8bbbb6802c3b8017e24abe56fdbbea9d8a', class: className, role: "group" }, h("slot", { key: '7ccc570f803317d285bfa77df77f7ba866430137' }), this.badge && (h("span", { key: '7cd54c09e634a12bb48b863e46abc886f9add9ec', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = SwirlAvatarGroupStyle0;

package/dist/esm/swirl-card.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}";
+const swirlCardCss = ":host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(\n    --s-surface-raised-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-raised-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-raised-pressed\n  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}";
 const SwirlCardStyle0 = swirlCardCss;
 const swirlCardBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
@@ -51,6 +51,7 @@ const SwirlCard = class {
     }
     render() {
         const Tag = Boolean(this.href) ? "a" : this.as;
+        const hasFloatingControls = Boolean(this.el.querySelector('[slot="floating-controls"]'));
         const hasImage = Boolean(this.el.querySelector('[slot="image"]'));
         const styles = {
             borderRadius: swirlCardBorderRadiusTokens.includes(this.borderRadius)
@@ -80,14 +81,15 @@ const SwirlCard = class {
         const className = classnames("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
             "card--elevated": this.elevated,
             "card--flashing": this.flashing,
+            "card--has-floating-controls": hasFloatingControls,
             "card--has-image": hasImage,
             "card--highlighted": this.highlighted,
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '9275906a65a55264d2b70c2f7e406315a267eca6', styles: { height: this.height } }, h(Tag, { key: '0ea75344d70f0ba3519ca36d37998e899b03e8a6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: 'a529ab8d475d1ce1149af8f07b038209ff1cc107', styles: { height: this.height } }, h(Tag, { key: 'e92dec9f64ea96d110d199d38967d18f1a51b2a3', "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: '20b1197520e50ac5d3a6e1f6675042123d6e46ef', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '48d19587d91bc3f40144e2657c687d893011875e', name: "image" })), h("div", { key: '90dd49534a31e78955060233c963bef48fa8067e', class: "card__body", style: bodyStyles }, h("div", { key: 'bb667238706643cf3825658574a211304c4556c0', class: "card__content" }, h("slot", { key: '2f3abe22d702b215efdbae2337547ef09c902521', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'c2bab78c7aa2e0870323665fd1cf32b726555986', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '81d4109c5d4083ca0c51f46efc5aee66a8a720c7', name: "image" })), h("div", { key: '40173769b7abb3fe39711adeff1184cbb4ef4ab8', class: "card__floating-controls" }, h("slot", { key: 'c75b077c34356024496573cada02613a75d9a139', name: "floating-controls" })), h("div", { key: 'f8a54d4101dd076f2235dc58bf6290d0edc023f2', class: "card__body", style: bodyStyles }, h("div", { key: '20f774d42589259219d42b35cb4216927a1edb8a', class: "card__content" }, h("slot", { key: 'f06732e9e53795fe23e3a48061c2de2ae7a279b0', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-carousel-slide.entry.js CHANGED Viewed

@@ -16,11 +16,11 @@ const SwirlCarouselSlide = class {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'f126cb05eeab59e4465fb28ef86eb9dd5ee73a7e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'b7e11a45eb4daaf04887f85915f78ba9dbf9511e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: 'b7cc7c295f5cbc2b997102ca7dac3ed2170f90a4' })));
+            }, tabIndex: 0 }, h("slot", { key: '895d2fb992c51579519932a314bc52048e0b666c' })));
     }
 };
 SwirlCarouselSlide.style = SwirlCarouselSlideStyle0;

package/dist/esm/swirl-carousel.entry.js CHANGED Viewed

@@ -158,7 +158,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '4a31eea643388a6ebcf52cdd818a9bb3c689fdd8', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '0c514ec843a103b11a01ea3d82e2096dca5a7aef', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '2fbf655f2234d14e06ff47d2f439f0bad3ce1e10', 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: 'aef153d9d78f45024d7c4eb122b505001a80112e', 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: '4dd88527e9bdb0f57b415f46d3f04ebf66d24895', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'a4b6b640183b5355c064ae8fe6fb4c910580c846', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '4a51de70cfbc822287ac89be9a023ce3b1765c72', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '9252572f5774605943cd9dcb5ce69fe80db082eb', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'e580f6713df6b45e9375aa8b235259d10c647d4e', 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: 'c6726a036c07c20f35931684c2ba4bb5f72fcd18', 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: '5e72c254a630d77df8cb29ea23e799b3a78081d0', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '8b1a05d213ca9f011769154a19fb5d9777b26247', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };