@getflip/swirl-components 0.294.0 → 0.295.0

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: '8acb18971b79f40679872f3e3ad56a80ffb1f545' }, h("span", { key: '65d7090da15b6e2ba2eb3b0e857e4785ce4fec3b', class: className, role: "group" }, h(ImageWrapper, { key: '36fcb4c2daf90ee32368df493bbad767fa5f348b', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'fb876bef75a0f612a663e51bafe0afc932e0a908', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'bd51e4655c1444519e1d661f2c69ea0261b05099', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'fa1b8182f261bdc535a9b47f8157d59f680e451a', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '74fc26527be06fe2fb60030497728e5ea2777377', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'd77189e842a048c7d750053a22afc046c994753b' }, h("swirl-button", { key: '2db75d17a36e2911c12e90cb2baba811771e079f', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'f9809e57a3df0401bba3235b5cb822d5297c5ebc' }, h("swirl-button", { key: '41d3eda0cf02861f1b78fca15de94b9f729f6da3', 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: 'f264b33fc1fb9b7e61fd676085ce98ca482a5ff2', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '27810c76f26cbb658b7a3a6cb839fde0e6e305fc' }, h("span", { key: 'b1475ef339eb9ae763783a3fcf51d6e895c25ecf', class: className, role: "group" }, h(ImageWrapper, { key: '448850e4211c37dbee89842ed83737887ef16aed', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'aca1355bec065bef134b8fdb585dcd9221fc030c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '6619f8c2b4e061ca05adbdf9bcaa8b9e53090f2e', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '9eb4fc3684a603d20a8bd9270ad238afd12825f3', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '674404f90c29aa3ca709ba9b90db056c927f96a4', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '084ee61645e12b39eba7b62083eed4e4cc3a4ed7' }, h("swirl-button", { key: '886828d7acd45e9c6d5d1401a1f611eef9825d55', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '31261848ecbda55eb795d03bffd7132680383569' }, h("swirl-button", { key: '10be5572750f74d11167b3fc3ed1c6cb7a4f3a28', 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: '360e5b55243802d8d8dda4e82517da3b029b7549', 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: 'b9de641ecd62b2b701be62e17ca2f10d9ece98b7' }, h("div", { key: 'f89b9d97a4bbbf8fe053761863336e965054bce0', class: className }, h("input", { key: 'e7b4c002f4ee97ca3c5567a9c4d9ce0d26b1810d', "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: '2bdab6bfecd54decf6c6ecbd1a2679346215c61b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'fcabff90dc41c35d4119bf68d64020c468e91057', size: this.iconSize })))));
+        return (h(Host, { key: 'c0e95e6ad0b228bd294b4233b1695f843d218c88' }, h("div", { key: 'a4b44d6c06394587f03af8c8ddf0368da11d576c', class: className }, h("input", { key: '650dbf5d014edb1ec2a6698ea55351035115c056', "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: '9461096964410fe9a479f55e6e8ec15cef0d4ff5', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '5739f6448b68b625b5669605613ec934fd7673ba', 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: 'f13b7019f9fe5dd537f55e98c5f59a4608a11ba1' }, h("div", { key: 'c92eea5154be70cc099ee18cb3b3caf389bd9d12', class: className }, this.icon && (h("span", { key: 'eaba6a7fdc594ed5922e1f73950fbd0a3c979b62', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'd051a303c25a2626f75e317e020d73f42c777122', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '02ff7970aae6b760a6485fc303d768f94580c4d7' })), h("button", { key: '0f202582d613d7c6ba3e3eea079427aee99e34be', "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: '8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4' }, h("div", { key: '4ea2c045680fbbc40984b3450eb7aef7d0d326fb', class: className }, this.icon && (h("span", { key: '8d99261ffbe152eb3226bcca2016d485ef6f18af', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '9a9003bf3186f75010475c6872d891ffc884c1f4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e124b4a2f81cfd83a2e9e43973aab6d755d5953b' })), h("button", { key: 'f2208e156ecd27f963e0576d1c996d730424e905', "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: 'e969f9969cd92f431b2d3352604dd0572d54d2b0', 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: 'e045177df7cff3172098cf31219edd163d887573', role: "status" }, h("swirl-stack", { key: '9d0d089b2e58e99cb3c73472d0051af3c5b87519', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '29a12ee787470e3d5167ae13f8fd0c84da2d81ed', role: "status" }, h("swirl-stack", { key: '65533b090312d7f6d2f4e20e693c75d6ca985362', 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

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '7dbc49d9f241d51464c0fe2d6699ff0d9853c686', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '9002b26a2451e798068d6f96342b63106bcc76b7', class: "button__label" }, this.label)));
+        return (h("button", { key: '88f35d41af040cf3250d327b428033274ec21e43', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '1885ff37a1e42ca8d130fbf71da89c1b60cbf91b', 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

@@ -51,7 +51,7 @@ export class SwirlToggleGroup {
         });
     }
     render() {
-        return (h("swirl-stack", { key: 'e78c35d533c8ffc80650256f6fe78fdca0cf965b', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '9fd3933a1826d847695b011f5d9cd7253824b0c0', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '1a212de148b3d3311fba2192b88dc93a8c3256e7', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '98539b0fe4f57d9ed3d87375bae88e8ce8b6057f', 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: '0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17' }, h("swirl-stack", { key: '5627a2705583a78d2160dea68313ec1006a4b1d4', 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: '030851de2134c50b17ca1d09d744f31d2b3f019f' }))));
+        return (h(Host, { key: 'e2561eda6698db369a4c97c1f35cf03a901d0bc4' }, h("swirl-stack", { key: '3f45d178282426e5ac027d4bb0c58ef505c116f9', 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: '545bd3669c2dab02e60dabe810bb21ee13319509' }))));
     }
     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: 'ffc758691e7eb769d7c63a8d00cdd97fbd0fb88b', onKeydown: this.onKeydown }, h("span", { key: 'd1fbfb04a0757fae672c0e2ed79d47aa79665834', class: className }, h("span", { key: 'de2f233384b1cb66d9e09938d5b3a0b7d95c241d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '87728d6c2818b7cf44bd11b64f8bac60334d00af' })), h("span", { key: 'e5992fb02ce1cc73e7f82e6b666601c2f1890c75', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1a482a32a49e394974acc0614eace76e337c7275', onKeydown: this.onKeydown }, h("span", { key: '9f73d78cc853308520291ee20b7624d6ec64bd5e', class: className }, h("span", { key: 'ff7e20853f18c9b3851a028e385db1fd85841333', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'ee9be7d542982f7d14b07e3648f24a11da92780e' })), h("span", { key: 'fdfa09ae65125350e555b73417dc77be82edda0f', 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: '1b433d578d60ee7f206e48caaba583ba1c51b1c7', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'de588b3f12fc2e4a07013d8c2b99c3c37cc3c864', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'de5b0812122f51cfd867731a5406e1443a9b8f05', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'a632b60342e4194bf6eefecf1f7887da300ea007', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '78d2b5c880e4ed314723acb1200e61cc9e284428', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '757859caef4234141415d572db53a7b98e1375da', 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: '59ac8ece7083364d946cce062ba35ab06d1df4cb' }, h("ul", { key: '73f71370d003bb0620fe7712c1d2ee922a75d8ef', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '75724b5255927ebe59bf59a11cc4e0eae6324b2a' }))));
+        return (h(Host, { key: '44937af0d442ccff29e9b78b273dcd196121e76e' }, h("ul", { key: '88ba3c0dcc0fd51f858aa3bb5dbad5861de9faab', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '91efe0ff1cbe0e5715136c7f5f2af65ffcb879ad' }))));
     }
     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: '736da02376f7c94d4dd47a60be58ca2a376164ac', role: "none" }, h("li", { key: '6c723c41caea052735e39a676ecd09cffbd0dc7c', class: {
+        return (h(Host, { key: 'f8f6e2d2fe47c9825b6ee3c940a50b3228906ab5', role: "none" }, h("li", { key: '966a95ffa405488d71c9b7b50f5596c711ea8e99', 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: '00a999bdf8c95c02547b9099f598d12306f47c45', 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: 'd1310bb5b7f35a31761ce4b504f59bfa9389f42a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f15cdd0c5d9334a840fc9c80c2a91d8c809f047b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0438fdfa0f8925bffa40814dc131795c85aa582b', class: "tree-navigation-item__label" }, h("span", { key: '20530bcdcdb7bb75f9fb263658c6adfa4e94fac0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '53f44b73c11f38a5ea79d421a2ca8873415d2f46', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'f42374147aec35f9ee5e9b4aac949a5ce7e7e857', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'aecba874f56b67b1920482743131060bfdadb74d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'af7e026a2a78010be560ebf77ee8b908416c7e32', 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: '15541688e590c74541e748c3befcdd552b127c5f', 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: '4b55edffa2a8539e31a14668f004cf3b02bb224e', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'afba09c1415074cb3d6ab7604d99d7bfed23a7e3', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '78bedc6d1089f070019f40bd88b1199c6a52aac6', class: "tree-navigation-item__label" }, h("span", { key: '18c249443c3d11ae0265001583cf937d139a3aa6', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '6e03749bf130b8f52ba2f30cb5db6edd8dcc497c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '2eb5a67409aba702447d787d208328a942e0afa6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd7731053f4ff3512e1e29d4c0225a38e8760c970', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'cb3f9bd4fce1144cd7adc7df9b0750a71b3756d6', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '532b5e836b3c663f53a984ea24efb3147e0966e8', 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: '2d04a3db58107a0d69724785355bfc575e8f213d' }))))));
+            } }, h("slot", { key: 'c2cefb5da24e69e6115af6404ad1c05b21aaacd9' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,7 +192,7 @@ export class SwirlTreeView {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: '12af463f0f3ef90fc98fb6bbab2039b6a3524d7c' }, h("ul", { key: 'fd41f29496015f4a188f0bc9fa60d256c9789d38', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '48962c66ffe7a3c30e6d2f39a586c1c9566d765f', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'caa7174a0cddd890bda97332701e66ef4ac9195a' }, h("ul", { key: '7648d3a86e8e7f9e4698085f86aa579894f1ee0f', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '54224ff085a157bd7220d6ca34e9b00493ec50fc', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,11 +74,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '7055128d592ea7a599026cb9e9ca263016c9ab28', id: this.itemId, role: "none" }, h("li", { key: '19db1a5c434521aafbcf66364af9d731958c3217', class: className, role: "none" }, h("a", { key: '8d4d0cfb8f68280bc21fa560be3dfc8536957e69', "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, style: {
+        return (h(Host, { key: '0f6136f547a9222d81f5879b03b7693cee12be79', id: this.itemId, role: "none" }, h("li", { key: '39e82efa16e592b0fd16cfb9f0dbff080d576ada', class: className, role: "none" }, h("a", { key: '7fedb6deb583e17c4cd8db10aaeed4003e52f57b', "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, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: 'a1df0b690e3648a3efd78963580536e68244346e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '8b37bb4dcd53888c2d34bb60cb48caddc1dae2d6' }, 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: '3408a32ea893cfdbc7829be311d2b337a6995099' }, h("span", { key: 'bed3cf8a935be1aa489a12097e0f1daa51874ae1', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '6c2f60b9c5f7cf54d69b539b77a6fffef305bada', class: "tree-view-item__label" }, this.label), h("span", { key: '2ec646c4068d3ebbc1417c9138a7f26aaa5d13a9', class: "tree-view-item__tags" }, h("slot", { key: 'c277c4aac4812a969366771dbe5723e266884fd2', name: "tags" }))), h("ul", { key: 'a18acac09207d0db6993b92d49f375f0091958ea', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '46db3460c3adb7034527e35f6608fd3c99d23d6c', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '750f8640e9474686122bb9dec9f5bef200116827' }, 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: '3b5b6625449c845e78c6f9c404a53b8c5ace1c56' }, h("span", { key: '0ccc884558049222e1ac47659ea1e0e76e18cee8', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '9198b324756d32d9967c69e8460b0be07735fa25', class: "tree-view-item__label" }, this.label), h("span", { key: '24b62ac74ebd0446d748fc4477734800faa4c888', class: "tree-view-item__tags" }, h("slot", { key: '16ce0a3f727b177b4f09bbda543df06d8282a386', name: "tags" }))), h("ul", { key: '46fca36bc60f706d014c7347acfc303edd672bbf', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '3870afdc596f7b91480c0951e0553478865ff2a8' })))));
+            } }, h("slot", { key: 'a7eb07a70ab5fbc6d5368633e4a15eb3f3ed5cca' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get encapsulation() { return "scoped"; }

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: '662c00b709440b09ace04bf30c5538c8ba8791d1' }, h("button", { key: '44d6affc18f5f77deac8e8f1b3f7d09ec83d7b88', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '1af4c020293b6d9f2f7c6ac144e9b56084a1467e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '0b1c477e6cd851f4449c89e81783b9f8d482b9f8', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '2df532b90fdd4900b0dafbf7721ec6ed2b3dd23d' }, this.durationLabel), this.duration)), h("svg", { key: '41bcb649ed660903b4ff9778c448381359e0925e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '51eea7640272fdbf8ce7eb1df570f80be50471ae', 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: '9098a95f7694941119cf278a921f2e23e25baa43' }, h("button", { key: '1d96db1c725932b1c6495898fecda1a47bf0a9d3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9064a70875b2633b99aa0f5337f332032bed31d6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ae289e11551e1d52a693a1f532f7f07b6e789ff8', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'fb531389a7e2381a8a032bf6876cbdccf04b9894' }, this.durationLabel), this.duration)), h("svg", { key: 'b202c89cc042698517cf56ffe4d87090fa8b2c84', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '37bf4335a29c2a1359d148c1bcb64dc1870c285c', 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: 'a94fe415536bdc6069d84e8d074d05f3a833843d' }, h("slot", { key: 'b21fd056d98d66ad78549d340776f045625f230a' })));
+        return (h(Host, { key: '7d8a0a62d60c8a158bdcbf1cab24f1f11527ed33' }, h("slot", { key: '742a1b41a3b89fcded12b2b9ddfb1665a54f805c' })));
     }
     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: 'f824d7bc63476fb19f71a42c5aa09fb4d954d01f' }, h("swirl-app-layout", { key: 'ec6500f8d872dde19f9c6f6a55452712a7a87ce1', 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: '89a732c8168fcfbf48f8e71d17a5a6d6d40569c1', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e42b4c1d9e6b46603fdd867119bb6ba86b54807c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f21bb99f0f836c2c6914671f5727b9b6ec336e73', label: "Sort items" })), h("swirl-stack", { key: '47479bd60214ab399eecc5dbeec92a99b75ec529', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '351c6f2f6172b01914d52be76f41690af6d0835e' }, h("swirl-heading", { key: 'f16201178c34ed452b1d48e47ea0b28a9bb83cf1', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b2b5638b1bd3ad80ccd7a13d646bc0ab5f7ae811', 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: 'de582407fc445eb9ba1e279195ad240bbb4ff714', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '6019d2af82f81f72c95b5270be7f36a35bdf9bf4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4339cdc0c792a5d1767e54887584713796026848', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c08ce0b2f25c51aeb2cae3236623a376f97571b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'da973e49a8554303ab0e02ddb7daffd5b8e61b69', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e2fde653a3eccfaf9a91bbc45cf5c770cc9e53a3', value: ["ascending"] }, h("swirl-option-list-item", { key: '2dda190f020c675d70a4986a7870f13ef60551a3', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd07d86a691addea39319de2c9c97b43491c16d9e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b52de72d2545eab36d71015da08c340b6b7ba17e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '18b248c1fd36f3a015195c34f90e30f3d0129a25' }, h("swirl-app-layout", { key: '23ee44bb967041b5ee4c0044c05532de08c55e48', 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: '8dd15f955dd8fc2f85022d3160eeeddb8015b227', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2af1a886f9e1431081053cb4a1723d2f975b0516', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '8ea888d58eb9a05d41b8803f0f0fcfa0a5c34022', label: "Sort items" })), h("swirl-stack", { key: '670c09f8464528db314302c868dec4cbfeced464', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc0597dc1a5abae8ed8e403a997cca3f7796534b' }, h("swirl-heading", { key: 'a811da97e04b193beab8288d9012b5b54635eb06', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '44f69f2fc0ff0a7e51c94002525d41e6f4307d3e', 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: '0eb5c25bfdce727555615e1d4be67666af96439f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'a7ad8f5828fd2c2b8363b94fdef058609ccb81a1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '94ba04d3a38a3b1fe0141a070dca99079abce01e', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '8e930ed7bba88057d9fe10d034b7c3a283063b53', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2000e436742879d4b3c08262ecf86c1e793b5709', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1311545ff3c088b1d62687a769e8595e9d2858fe', value: ["ascending"] }, h("swirl-option-list-item", { key: '443503042a3a634be5b68278e5b99e4770b7e499', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f613ac4d843282aee7e5bb61ffad3abf47d080da', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '6fbde353175945ce1b706ac1b1a3eedde30c877e', 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"; }