@getflip/swirl-components 0.314.0 → 0.315.1

package/dist/collection/components/swirl-table-row-group/swirl-table-row-group.js

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '873848231e19955e3a177cd4e5f8f7171ea4fe90', class: "table-row-group", role: "rowgroup" }, h("div", { key: '935b972bc54973cce991597844702d174c138c4c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '6900812b1e35785d71ee606e2686a2cdf6a96db1', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'c4e3dc8b90fbc8eb1f0070fe065a383ddbcd345d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '9e6c8dcc82a8e4a253dc05e225637f3402d59c98', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '9414153f80b993bcf5b34ee04fb5adf0040e7bb2', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '715a9cac9b61c957e19325d731b110dcc24234c0', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e9387185233dfe57ec4d2bef8d4210d2284eebb8', class: {
+        return (h(Host, { key: 'e1c0285f2ee72732d876aff8f0c420506c464c61', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'cfbe54d60cad453a461bea180ca78f9cf48590dd', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'a55f29d9dc02544b474a4f1ab96bab35a96aaa28', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'ca8b94c74b40a1ecc5567811be68cd681206d7fa', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '83c0bd35b887608b73b40f399e6b13615b951b8a', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e659dca274fb2f3081c4e8623be94e0f37f6a139', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '3af901840de6e559020e5227ac8e8d3acd281569', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'ed602294faad0c8a753fa04e69a792735f8dfd08', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '28dd9896610c1a4f36e6a596a329c7fc1d0be3a4' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '196feb738d060ea57040056ad47711beefad0b1a' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tabs/swirl-tabs.js

@@ -78,7 +78,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        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' })));
+        return (h(Host, { key: '0bdeab8068914f43c99a024988ccac1e32a332a8' }, h("div", { key: '72012d3d820388a1ffad5639bca48339930ec483', class: "tabs" }, h("swirl-tab-bar", { key: '60983bf89599537663dd7abcf2f863ee5f24d3b6', 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: '92c9ac1640443d137581688ec106c01619c9aeae' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-tag/swirl-tag.js

@@ -36,7 +36,7 @@ export class SwirlTag {
     }
     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: '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 }))))));
+        return (h(Host, { key: 'a8c1ef84544825607dce253e49ff7073fc1950f4' }, h("span", { key: 'd0e6ee455f9a47fe7ea0c2d676f439278b9de190', class: className, part: "tag" }, this.icon && (h("span", { key: 'c9b58bbf9a4fc5f639eca9dc1f22bd7d9acaa6a3', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9c10a9fe0cb23f0233456053b681adfaca041252', class: "tag__label" }, this.label), this.removable && (h("button", { key: '008c6159702fe894b3fd4eb3df3c523317255450', "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: '4d170dc7377724819b8715675eadc9dd2564d9ab', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-text/swirl-text.js

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '96ae82ae22a10e00647691edb5252db1e8dec4a9' }, h(Tag, { key: '57ec6835e2324b4e26d19e701e698eeefc1494e1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '0a6be461bab15f5ad6ce8cf5d3018c1943bb7400' }))));
+        return (h(Host, { key: '682be394022bf8e1a3c308db9bf2c1b5c5d6570e' }, h(Tag, { key: '3778ed20aed2fa1b5bf45d221a2c2ae9e10ed550', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '083acbfe45c2010b6a408666d1a176e57eeb6eb6' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'c412da23f8baf951faa754c36636458ec42f3b7c' }, h("slot", { key: '336242c2d1ec7b011aaba8059e5f309e36be476e' })));
+        return (h(Host, { key: 'e916b26b719ff2fe05b27b81ed1609bb8c2a2cbf' }, h("slot", { key: '3a8bc2f696ba62b5dcbb011f2f8105d7fb1dadd9' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-thumbnail/swirl-thumbnail.js

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        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)))));
+        return (h(Host, { key: '9dcf3d4773255e9661e368712395b7c3f1fdae47' }, h("span", { key: '7598406de1fc263633cb44412062b6aee8b7b9aa', class: className, role: "group" }, h(ImageWrapper, { key: 'a2ba5dcc059ddda642057fe21548f4a936b4a022', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '993082b256421b0cdd09ce51b5555bc283f92cfe', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e43904bc38443d6d8353395f8763918cfbd05a35', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '11992eace77af91869213de52a8c91efa40c97be', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '34df2238b91d86213de12a38d2bcbd01a0bb25a6', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '96feaacb95c0f6c5b3a5e793b68565e8e5a372eb' }, h("swirl-button", { key: 'cda8e8f376991eb8df50cdd35c1db9c0a1ff4af8', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'bbc51a8f988d47b242f36d50c448276a897c5b99' }, h("swirl-button", { key: '09c153d0964adac8535f098a49a840a556513aed', 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: 'db76c7eb804e9f393d5de46401b3aa201ae370af', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        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 })))));
+        return (h(Host, { key: '26f25cb1702afdf025eb7a232dcb424936e8c9e2' }, h("div", { key: '7b8fe40949857cdb5164733c54db1fb487eb7f34', class: className }, h("input", { key: '119e78c2d99fd23de00018184b672b7ff68561f9', "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: 'fadc399c1a46d7dc3159fdbf7ab0bf78b363b5c5', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '4c2b8a48b295f3cdc9af4bf824a85a3637f0973f', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-toast/swirl-toast.js

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        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) }))))));
+        return (h(Host, { key: '271a75f8636b458af944bd4e3043149f2ba94c0e' }, h("div", { key: 'fc92b931ae5e05c50cae291f673389f0362696df', class: className }, this.icon && (h("span", { key: '226683d4cd7ce961bb30ec061e4f616c10671d69', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'd494d70bd8b918162b244546184ddf80a5492fb0', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '9eaedc68f21703e2c6566accfe64d16ed03d8ce4' })), h("button", { key: 'd830538656c58b72cc7c4efc8039129c1d0b9ece', "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: '67a59a486503cd13dbbf69070dd45444e251081d', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '0998fba2aca64e83e30d1dd6521282e00b8fb11f', role: "status" }, h("swirl-stack", { key: '78c8d98ac284279192495b2350d090a4afa9d9f6', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '9b59892c696d679d54f514b3132193291fddf006', role: "status" }, h("swirl-stack", { key: '51896f184a5a44ba65e299827d426d073f27d8fc', 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/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -14,7 +14,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '83c7fbb5fcda60398ac5c71fed5b5998a921bd72', class: classNames, 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)));
+        return (h("button", { key: '86f7a45ffb63d08677071ed761cb39b217c63789', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'bc07f1c669341ba2798a01c7ef52a22550d8c701', class: "button__icon", glyph: this.icon })), h("span", { key: '0f7ea6340339ee144c04c6914c5a7eadbb8f5214', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
     }
     render() {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`);
-        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 })));
+        return (h("swirl-stack", { key: 'fb0734c6077fbb6db9911f450884eadddf9215f6', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '65135b370d16fa7d2ea80f640df8ebd014d49cd8', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        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' }))));
+        return (h(Host, { key: 'bdd8b9b78e3d42fe48c7c3f5efd34fa2d4ddf1d3' }, h("swirl-stack", { key: '8258f6df50e1915c69deb97003b6887bb27043d2', 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: 'c78d840684a0c1f9c3269187fdd227dd5d408680' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        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: {
+        return (h(Host, { key: '56110027e5c5eba4550cf8bc8c84bcccdf876176', onKeydown: this.onKeydown }, h("span", { key: 'ced7c3cdc8bbf6f22838709b014cb4de79428873', class: className }, h("span", { key: '579af956243ff6f11c031860cbfff3297df696cd', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'e54c2999edcdf1c5c3bf58f6da05126f30831e67' })), h("span", { key: '58dd3f88312b592b5acd792b59a0d00c0c25f77d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, 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.visible && (h("span", { key: 'a09a352aa06bfd14f7ecbd78ae1b8e1fb10633c0', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '99bf41d14e7af1dc7247283392b3dd1751cecbb4', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'bdf668711ddf0a04c8ea272f182684d48724f52c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.js

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '2e21813754c1a402da019a6751fdffe7ba515e1c' }, h("ul", { key: '0b44976618b26bb7e7245bc5f0d93d4c195403c4', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'e2428f21a7cdfa5c53a17406617005f9cc0e2233' }))));
+        return (h(Host, { key: 'fbe80606091f084351fd413c8bd9d84840a43853' }, h("ul", { key: 'b570f59e9d44fbcfb54daa22b083b0bf30af6920', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '08bc43245333aaaaadb4b2157117849b28c9ef46' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'e4576318687cd5c04204d9143d491daf9790849b', role: "none" }, h("li", { key: '39a2d1e87b7f87acea4384eb2a1a00c00fcaea5a', class: {
+        return (h(Host, { key: '7546bf91687cb5255d0ef2856f01a4548985268b', role: "none" }, h("li", { key: '5f02e0faedc4b2d787f9759ef2f434c1d6cf3fa5', 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: '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: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '8c219beee1fe1ee73d1cd522f838422acb33b33e', 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: '4c117cc39f106e791e585630fea054836654eaad', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '6fb3d79ca8cce16844def593363c3ef5e1db2547', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '85ad7eae806e912da5de9ff56f231aa13c1bd67d', class: "tree-navigation-item__label" }, h("span", { key: '635144abfeb581ac66daefb47b7eb2be65eb9704', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '89f60c6b1ebdeba002dfbf5c6b3d59274e21466b', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '67e02c4f54fd23d95d6aa6149d416f5212cb0239', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'fb64bee62ee5d24c86c0add84727e16c3593ae1e', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '9c52b27c8dcff4094a86c4003675c953fbf24d89', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '30f499f93b18ebf815cec0b153bac97c7b26697c', 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: '9ec60dbb89df51923139feb9f213933129a623ba' }))))));
+            } }, h("slot", { key: '17ed564e5284de612b5e82075b8cc591facad53a' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        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 }))));
+        return (h(Host, { key: 'c74f0eef5ec8ab6482c062277106d925a35a4717' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2e83137a61d57d1755feb66c9e1eb8d09c3b7bfa' }, h("span", { key: 'b5c423550a882b6e640cac4557aa8b4daf4814af', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '22590a1c7c01e43efee1e24d5b981aa65905b579', "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: '7e3132eaf1953e8d8143f657337b6037faf62a0d', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        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
+        return (h(Host, { key: 'e0d2b8694f743503c83d65b022181b5f4b8aa430', id: this.itemId, role: "none" }, h("li", { key: 'a62867688783903f80962951582f3e546e005433', class: className, role: "none" }, h("a", { key: '96d0fa15dc38aa0e16d040e1f738f8afb2043492', "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: '7689ac1a7220245d6a00faaf178e1c18bdcedad0', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '68f03e71f98c60fc6c8c7d45b417065e4cfecb69', size: 20 }))), this.expandable && (h("span", { key: '235a6f7a70a4fc56ea471afe99768b6466c2ec28', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'b6ff86e4d1537e1784f8ed05a7eaad298795df36' }, 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: '204331ae9d679405b1ad048503ec8aa7e2edc69b' }, h("span", { key: '58e9b0d869982ee5c8405206c498cab117395606', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'd4aad2cad83f0dc5d7b5cd5ca4ef578a9df68f74', class: "tree-view-item__label" }, this.label), h("span", { key: '85ba011efab486be722cfdf74eca42f4a58836da', class: "tree-view-item__tags" }, h("slot", { key: 'bfa534b2372549c62a72cd169233dfeedc47726c', name: "tags" }))), h("ul", { key: '30df34467ff1672b2eceef412c78e008103e38c0', "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: '8cab84b9a0f2dd58e2e2d90816a7f3d6058aa661' })))));
+            } }, h("slot", { key: '1f8bf0ca427bcd43526dbff2d700abed393f5394' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        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" })))));
+        return (h(Host, { key: 'cbc11a536fffd7c596d73e5949e8611da83d63ed' }, h("button", { key: '580655c9d10438b903ace6b4f6b0fd0a52d60512', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'e79343ab5641db05771c83c2a5dce4ff6b3681b7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '35d60fd03690cd00917804ff5d6429c3b73d9c50', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '04f8127dabb303be0bb552fe08ee1bd72c681a95' }, this.durationLabel), this.duration)), h("svg", { key: '64b971b3065a17c42a71c9c7f93b7c2f4b4b1b58', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e67be3ac8b5354875dedf9a246d12182cb0b2ce6', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '7294850eef8e84a5e02f997c93985c5637b8b8d3' }, h("slot", { key: '97659cec31fbca092e6e403c0fea4c0cdbe453aa' })));
+        return (h(Host, { key: 'a470864466ac55523bf867caba0784b4cce4cf82' }, h("slot", { key: '23dd04478e50d3cdaf11f7a60c7c8b9f687850bb' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '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" })))));
+        return (h(Host, { key: '43d7139cd0dfe3093a3373c412912e70dcd73a1f' }, h("swirl-app-layout", { key: '417e375d94b816fec1281b8fd9dfa5eabcb538c2', 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: '9a0b7f02b9189a8c80590b5bf12f6b2e8c559496', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'af708e0be50f798c4185474ddcee0b6395da94b5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '722ce6c225e57ab70dc9f612fdfba6945279a2aa', label: "Sort items" })), h("swirl-stack", { key: '36337d16816c4d93b7b959de08204044c0fb8af4', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c0e390059cb104e117adbfde6669669f16370cfa' }, h("swirl-heading", { key: '9afaa8ec286165a28b4f4bd0fff2e56e77e2ef34', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '20268f492ddcc7ab3d67f1b2833ed05b0147ffed', 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: '356a6d6accdb5f81287ecc30176cd05316e0cbd1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'e611b83e0a4a1bd374725ad4513825633a482bc4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '3fb01c15a15f72a0cd23f0f04a46ec5f7a02512a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '096e30dba3eee05de14cd5f16811eb05fc683096', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '0db3195dca9277c90681a3ea1593f374637928db', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '209bdb21d12a693eb5d032595d52a12cb9f67bc1', value: ["ascending"] }, h("swirl-option-list-item", { key: '298593b1684f7da3eed0b11ee3bcd3b13f0425d1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '1dc162a7eb90a121f91a36f4048f4a5964017bd1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '1d4601e6adce6e7e01176b60195e08b6541715cf', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/file-manager.js

@@ -90,7 +90,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             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: '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" })))));
+        return (h(Host, { key: '43d7139cd0dfe3093a3373c412912e70dcd73a1f' }, h("swirl-app-layout", { key: '417e375d94b816fec1281b8fd9dfa5eabcb538c2', 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: '9a0b7f02b9189a8c80590b5bf12f6b2e8c559496', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'af708e0be50f798c4185474ddcee0b6395da94b5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '722ce6c225e57ab70dc9f612fdfba6945279a2aa', label: "Sort items" })), h("swirl-stack", { key: '36337d16816c4d93b7b959de08204044c0fb8af4', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c0e390059cb104e117adbfde6669669f16370cfa' }, h("swirl-heading", { key: '9afaa8ec286165a28b4f4bd0fff2e56e77e2ef34', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '20268f492ddcc7ab3d67f1b2833ed05b0147ffed', 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: '356a6d6accdb5f81287ecc30176cd05316e0cbd1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'e611b83e0a4a1bd374725ad4513825633a482bc4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '3fb01c15a15f72a0cd23f0f04a46ec5f7a02512a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '096e30dba3eee05de14cd5f16811eb05fc683096', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '0db3195dca9277c90681a3ea1593f374637928db', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '209bdb21d12a693eb5d032595d52a12cb9f67bc1', value: ["ascending"] }, h("swirl-option-list-item", { key: '298593b1684f7da3eed0b11ee3bcd3b13f0425d1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '1dc162a7eb90a121f91a36f4048f4a5964017bd1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '1d4601e6adce6e7e01176b60195e08b6541715cf', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

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

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        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' })))));
+        return (h(Host, { key: 'ab0821e2b64b25d70b6844e0803b5068629c030d' }, h("div", { key: '3f8793f330542296e9eb179997120eef8a3d2e41', class: className }, h(HeadingTag, { key: '9dd5755cafb86958415ea7df5945b5a5ea463edc', class: "accordion-item__heading" }, h("button", { key: '1f1f3f1681b80fd1e43ea8a2dceea1b9570dcecd', "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: '1c48c0229adc1d05df871b1500852c05e2fd42a8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '25c12ecd85f0ada8945ba2d74fc67223cebe3d5d', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '5a8a98b5f012a635557a06a7f8f08a570dc5d800', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '5dcb111296698d8eb934d3d923bedbeb5a88b97d', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'dba85de842f5ae33a11043a08354f1698447d2e6', glyph: "expand-more", size: 20 }))))), h("div", { key: '5b265788eb21ca6ef9eff67af9802d070f294045', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '85a331dbed8f667541c8467d2340d176c063ca17' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '8ef36c3611f702d9a68fa14eff3f1df31501a004' }, h("slot", { key: '92a68a15db65f4f226b9c70ca3bb3800fb09f2bb' })));
+        return (h(Host, { key: '46d2d5aa89ad9d42f11fa1fc3be81564527fc48f' }, h("slot", { key: '07700bd3cb690e259c284190eabfdfe4aace3df0' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        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' })))));
+        return (h(Host, { key: '8c086bf2f2d9ee6f5606d0bd08fa24862d69c09e' }, this.hasSeparator && (h("swirl-separator", { key: 'f48c78feeb9dbb96e8fad48d21b6d46ee93922ba', spacing: this.separatorSpacing })), h("div", { key: '55d83f73c74f3b427b099c714bbb908ce89dbd08', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '9dce6f92709b9685643a99f84ac689c4d8f6168a', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '7689d47c2acddbec2546bfefde02b72ef18dfa23', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e51a78f1e6fce0efba9f207f17d48be8faeae301' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

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

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        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 }))));
+        return (h(Host, { key: 'a0ea42376ac01453c6dc4e26b3ac4b874532baee' }, h("div", { key: '84c9c7dc7b35e80f18b9f5ffc1719df7d609fca3', "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: '8de1e48beeadc818cccf236d47e15fa61947bdac', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -40,7 +40,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        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 })))));
+        return (h(Host, { key: 'c18730b10ee238eac59209ea0c7b2f071013ad79' }, h("span", { key: 'fc52a85f984257021cf69f2917a68fef5c8265e6', class: className }, showImage && (h("img", { key: 'ef5fb1a5a468f387b1e7b9e1a62ebf3c7d397e68', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '67a262cf11a30763c2de3afc7173c549047af941', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        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) })))));
+        return (h(Host, { key: '4d1894822472cf61aba94c310a3dd0e23423d07d' }, h("div", { key: 'd5818a30214d106c5f4df8ccdd6ba434f8512be2', class: className, role: "group" }, h("slot", { key: '03ea2ff56531a122a31faee3f978da37a245ec30' }), this.badge && (h("span", { key: '9b26b8f39b487327e7edbaf8ee1d8b4f91a4f614', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

package/dist/components/swirl-carousel-slide.js

@@ -18,11 +18,11 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'b7e11a45eb4daaf04887f85915f78ba9dbf9511e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '82293d231b0180862d821c33e3d4ea314911e3c6', "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: '895d2fb992c51579519932a314bc52048e0b666c' })));
+            }, tabIndex: 0 }, h("slot", { key: '33f3a6fde4d4d4f89c8d3df917267b9d0c3c11d4' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

package/dist/components/swirl-color-input.js

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '017564ea06a2892e07523b23d237c9e4f8be8775' }, h("div", { key: 'a8b66d64de99a82d690c5e105221fe92720c7ad4', class: className }, h("input", { key: 'bdd91a1da2ff8e8c0a126dd66d64be16e26351c9', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'f9121ebf1fe458e7cea55aa13ac0c0df92471af1', swirlPopover: this.pickerId }, h("button", { key: 'c53e71efe0b82be74580f074e350f9dc9f3867c0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '9f9ed68a406c52c5343ada04b5ad200d111ad6f9' }, h("div", { key: 'f79d171d0cc6313c2bd1e77c0b3c6e767d24eeeb', class: className }, h("input", { key: 'f409125d5d6101de3cadca0062fbc237e8556b03', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '1eb1008ee3d0e7c3ac65a0bd0b35212635605205', swirlPopover: this.pickerId }, h("button", { key: '518e81d8dae3fb1e20a7d29bc8cea2c6fdb5167e', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'e737b882a87ef810bd5394014b33f3fbe990a477', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '297494caba9da7a581550b8f8d23df97852db357', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'b82b3610b49074d304deea840a23e03aebb8e68e', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '94b815f83ac58bc6e02f776fcf1066ee6a2a1c79', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '885b083fa0db272624f58efad5c6371e873e22df', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '6c8ed809a24833e78249888b245c9ef0e5007900', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-console-layout.js

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '4bbd6bca2c2cf8241faa9e0d8537a272cbcff5cc' }, h("div", { key: '250702ecaa075792fc8cc13dff74231146ff67b0', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '4f9f2ba1fd4889795ad7b16aeba4b56db09f4bd3', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '923d2c3bb22d6d9bc0c61d2c80694877841c50f8', class: "console-layout__header" }, h("div", { key: 'd5bae5adbf4e87ce445eba388dad9dfdd9f77e89', class: "console-layout__logo" }, h("svg", { key: '9c5bf4d27d9bd0a900d7996d5cfc145b07382bcb', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b9ab10638dd9487fe754093b52bc0c339460e0dc', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '3867b6d78ff947bd0063fe611fad4b2a8f31f16d', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '525af8f06f7331c05019c4518ba6c4787fc70cfa', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'f590a3b5df1069bdc61b43f0c98cf517a5242633', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '68ffe5e74a9070641b56a210ce407708bb430797', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '825d91297b760152189bfc3a05b1920d11c7a0b6', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '40e003bf235e34358ddab2331d3eb5be4eb22f58', name: "navigation" })), h("div", { key: 'd282a547de4357439f46c46617527edf43bbd1b6', class: "console-layout__user" }, h("slot", { key: '192b1075bf3ad7e795358b54aa35262994126cfa', name: "user" }))), h("main", { key: '19a90333af4bd5cb357250fdc3de0b537d803bd1', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '17a8e912aaa664437019c5770190fdde2a628e0b', class: "console-layout__app-bar" }, h("span", { key: '088b327264d0171d7320beb504601e81d3d938c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'e65ebf0a1e638bf15b85a37e6e1da8886c200747', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'ef0ce7bb7bbe6ced53f4f3a616a89f5f6fc64593' }, h("div", { key: 'bbaa6db332f705f8bbd4ccf39d06f4204bec6e23', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '4cb0e59b3161181f82c5b9a25550d1a5783b445f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '9beaf866310805143ba9febddbe5baab06bf7188', class: "console-layout__header" }, h("div", { key: '0c21451b5f8bfa72e84c9c39b81400901c0db58e', class: "console-layout__logo" }, h("svg", { key: 'caa44e0b3ab86a5b25d117a7ec52b35b00c4117a', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '334efcdb373de09c9906f676492e8248462b5945', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '07e8e2fca382c9608cb58cacd3596361155358ec', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '5581039a65716cff9bf2fbd753053812ed01b354', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '961760aababbb960c76b9d535c33796846920df7', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9c4f87c696dde306eae22061b13e4d65011fc3eb', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '803a26e7688d66be8deba309c2225f4cc5bbc638', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'ebbc2fc908a9b678c4c1fbdd5da5b4ad8a3f5f79', name: "navigation" })), h("div", { key: 'd48d9d70bd83d1e62c4791c60c6e383b0c425863', class: "console-layout__user" }, h("slot", { key: '5bc8044de35dc9bd2e33b0f74fd5874264b4a136', name: "user" }))), h("main", { key: 'f06af86ef1225b8e13509c973b1c1dec52c6b344', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '1b07e07a55b9863cab3caca6ba78e9f2f3ccb62d', class: "console-layout__app-bar" }, h("span", { key: '2f642e6d2069f951cb3a6211581ca1d3f058fe86', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '42a73c0394b1cc8c05bccc143e4db60ba6e71751', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '756d8e6b66fa450797d5ff5e94b6a8a4264cd807', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5fd6d81d3ed39733ed842cb632214d7ec66a6590', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '61fb5720dd2ed1eb916d3b565ffd63b46a710e68', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '5ba28f30993123ec5564bc73837d79c621671feb', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '8e991655cadbb3a77832ffb4a707b9ffff619635', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '8c16a465c4a9a0d97ae364529eb35ad98f68f61e', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: 'fe251c7c8a021611fabcdc65976607c0d9c6f8f2', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'd681716bd7c5ce568da2fd7d6fa9adf3aad58ad9', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '59e812024214c58c860e00ed64d9be6f6195ba86', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '65675119392059d968b6211019c88b2fb3f6b506', class: "console-layout__heading-container" }, h("slot", { key: '6e8d93f3d2c8f9ce1cc0c13eca2f55872d320b9d', name: "heading" }))), h("div", { key: '5c02e56187efc26f93c7c9ab671b6975edb73b63', class: "console-layout__content-header-tools" }, h("slot", { key: '8c35b525fc674c3ab2d4fe9805b6bb879dcd8fec', name: "content-header-tools" }))), h("div", { key: 'b24c25b26928da2be8b5eaacdf4ba93e1a2e4255', class: "console-layout__integration" }, h("slot", { key: 'f1941ad1209a9afee81793288dee60f91c9ddd30', name: "content" }))), h("div", { key: 'a352836c210867f44550be4746acbcb250ebdbdb', class: "console-layout__overlays" }, h("slot", { key: '3e9db30733835eb5573b4c9ba5a52ebb07ce0f29', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'e957041a10f331fd96578255d3024f265faf1813', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'b777779b6fe3a097479512c455ee9f3b1f1443a6', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '17ab67df84157575d6ba8eab342f6c86d82f3d6e', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'feb028a1d5918201884bbda849f921f1fb260ed5', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6e73b29f0340f23297bd84d335f7eeaf037ebc40', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '335e6ad9aaa2d8fefe56c962d88597fa6a482b1d', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: 'db883bb93c28d4933c75b9fb7c7fe62a066065a7', class: "console-layout__heading-container" }, h("swirl-heading", { key: '6e15f5fd4385993ec7727dc78ec2d8b6a3e13d37', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '3f29587d92e3e2e46614351a4867ac96c4c5ed9e', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '7b2739708bf77b5b8df58e18f2c3aee3a822ff73', class: "console-layout__heading-container" }, h("slot", { key: 'b1c861258f12240b8171bf1f548aa0d8cd07285c', name: "heading" }))), h("div", { key: '3957edd8c2c249732e2f048365d898c402c71e0d', class: "console-layout__content-header-tools" }, h("slot", { key: '57e128aaa9ede0e60f6fc89a5d9ecaf35b99897b', name: "content-header-tools" }))), h("div", { key: 'ec4551b696c8220b6d3e909a7e355ade14164782', class: "console-layout__integration" }, h("slot", { key: 'b57e012b3bdde5ffd8531dbd4786ab79db8bfad7', name: "content" }))), h("div", { key: '4a73b546b3f95fd5a9aa4a3ac0651bb6bab89937', class: "console-layout__overlays" }, h("slot", { key: '2ab53b5a85569ded356fdf96db94b17545aac44a', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

package/dist/components/swirl-date-input.js

@@ -160,7 +160,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'f86299768496c2ac73e144d9ecf43ec92d5f38d6' }, h("div", { key: '2342b2aef911cd717d4597c1e96a8535c3905040', class: className }, h("input", { key: 'cad5c82307f58720fb9b28b3206c16739ab5b853', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '7099dfbd9ce53e65a0e94c2c7383c25535477157', swirlPopover: `popover-${this.id}` }, h("button", { key: '226af64b7f475cdc438fd36d1f731ce48770d0cb', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '0865058239d7e74cc60596068a55cad17eee6dce', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'ab0a1c930c424994d81870a61c564112a29b9617', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '86ec29082403667409a0e83b9ee8de5337293edf', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '02675d2c6d78cecb735c559d304f3003cb3fc66d' }, h("div", { key: '41baf5dbde93910c75383313a744dae7c5c599eb', class: className }, h("input", { key: 'e33a19f8ea6a9e49224197f3107676139d59b02d', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: 'da1b02af7fec7ff4161bae04a61ae71e6d891a62', swirlPopover: `popover-${this.id}` }, h("button", { key: 'd13f0dbb35e789a06930eb5d7ccd9132dfc6635f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '735e54cfb23845329b75c82a533a25269a1f1f5d', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'b72b60403331fa4879b4597a2a6f8dd0585bfc08', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '1c04d93e3d0a628caea28df9eadb23192f87caac', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'c763bb2a09ba2877124d133cbb8496c51c815f7b', onClick: this.onClick }, h("wc-datepicker", { key: '29650bdc3473238fb90f9a52aa46522375eb2fa8', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '9cdefc87ca86a1511725d78cdb94f9ee7c48ccac', onClick: this.onClick }, h("wc-datepicker", { key: '9fd4c414a8f1a09fec0d503f26f9a526f36e9bd3', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

package/dist/components/swirl-description-list-item.js

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'a55f43510b981ac7714a1f1a75567aed1bb0b87a', role: "listitem" }, h("div", { key: '1b7970b58b17879dd7427695f0ce2cdb97fc5523', class: className, part: "description-list-item", role: "group" }, h("div", { key: '5f4c3b15eb8808cfa415134fbd1e51f3a8de9d83', class: "description-list-item__inner" }, h("div", { key: '1967a5376153f5b4ce0282d8651986bcf72a1dca', class: "description-list-item__text-container" }, h("div", { key: '3fd2c34a9b37dfbaf37a53f74831f4dd9393ff3a', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'e0336a389eda3d63719fee7f7a8b251ac5ea4b3a', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '422655600b6ba5b61d3df39eadbc40a2c4b36370', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '48e9fda84abf436e1eeb6369b533ed2256875bb6', size: 16, tabIndex: 0 }))))), h("div", { key: '81c1ff4a68bad60c59299aeba692bc525b031352', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '6fb24def48a3ecdb9f0b28710610cc1aeaac8b09' }))), h("div", { key: '5347fd041f19e7c5c4ea289584dc084f82a1faba', class: "description-list-item__tools" }, h("slot", { key: '6e81741c9c25ff564febb0e4017fdc1290890876', name: "tools" }))), h("div", { key: '479e903886f1fd0b00be63ad508447a3ad36ba94', class: "description-list-item__additional-content" }, h("slot", { key: '71c1e7a71f6566cbc88338b96c928935882c570b', name: "additional-content" })))));
+        return (h(Host, { key: '93092bfa9bacca0559ac8a7a475494e7b1430e78', role: "listitem" }, h("div", { key: 'bc2cee0c7db2fcf6f4666d7cc7110b4796bc102a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '470bf2346a99311da56e060e8da7a8e608a92a2c', class: "description-list-item__inner" }, h("div", { key: 'b27273deeec369364fa1d75d18e91a23b718549f', class: "description-list-item__text-container" }, h("div", { key: '462b4855e32db83b9f557af192355835e40d0e46', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '33cacb14236da8653d0b61d3189b2488019a8eea', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '536f2637434e375131442c974936e398789238f8', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '108b2c2a72a2766680453011055a3ac778cf00a4', size: 16, tabIndex: 0 }))))), h("div", { key: 'f0c3dc71f65479aa6ccdb58c885855ad0adb34cc', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c1afc71248eafcb31795ff48caa35c910ed8ba9d' }))), h("div", { key: '98f4a7315467b4392155a1c4e7f1a6a18b2c17bb', class: "description-list-item__tools" }, h("slot", { key: 'f6f30a342f5754aef1fb6624d111832cda10f126', name: "tools" }))), h("div", { key: '1e24c6d7274917b1d6dd28ae332664988849c3fb', class: "description-list-item__additional-content" }, h("slot", { key: '089c39eef4692f0f427023db6f6e146d2a47a850', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

package/dist/components/swirl-description-list.js

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '7b773fd4098b9dc5a97d1b0d692df342a3e051d2' }, h("div", { key: '9e24ca02ec1b0780f2dd479b7905beb42d6bde77', class: "description-list", role: "list" }, h("slot", { key: 'd58af866867f947eb2c20aef4bb1a7af014354de' }))));
+        return (h(Host, { key: 'c39f4d0cdaff32f8bad93486847f2191872b37c1' }, h("div", { key: 'dfb692de25f759ff75ba0a72767b1fd3852fd063', class: "description-list", role: "list" }, h("slot", { key: 'e4c2073f20d25ddc73e29d1c699e4a16d0d62897' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);