@getflip/swirl-components 0.365.0 → 0.366.0

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

@@ -6,7 +6,7 @@ export class SwirlSpinner {
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: 'bdf7b6f681921865df1608ab06524f8383528e26' }, h("span", { key: 'b9dcba1438bdf2e63d7aef0e8cbb931f9618406f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '2b7d3c75ba5a79eef50407e5fed41eb74efbfe97', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '81199fac690923088344f04baa7c8afb6b161b77', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'e907111217a8eb3dd77d008cc3c64531bfab5b6b', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '7074edee4079429b95081c859795ecb78e0d544a' }, h("span", { key: 'e0667a8e8c7b4827356e7e6419a0aa851d04863c', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '7473ef4ce23a3ac1bd5c89668d7a10663f02a126' }, h("span", { key: '67c60e30573ea41033d53db9c867a1894927c07f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '39fc5eeb1ea2bcedcd36ab277cb86c0c89355db8', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '3934f9d637d137e789e786cd875a714eac05d7df', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'c80f183024b804a025487ad1f016fd0993d2b7b9', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '98293ce76f10d1cda4b00bf5e46802fd4542e576' }, h("span", { key: 'fa8c5b10c84bdf95b1966f610055c9867b1cdd96', class: "spinner__label" }, this.label))))));
     }
     static get is() { return "swirl-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-status-indicator/swirl-status-indicator.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 export class SwirlStatusIndicator {
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '2f8369ea2519eea69ce69f621635e891f72d0ecc' }, h("div", { key: '67ba9066cffc2200b22357c7c35cb200ef8e7e76', class: className }, h("span", { key: '5ef43b53d420779528989428e91d8162eb2e4308', class: "status-indicator__dot" }), h("span", { key: '08602ca50a9c5773d767ffa991b387adfb7842ec', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '41dfc98d88dcb82deaf62c580678f47cc4201155' }, h("div", { key: '96b1b3dd588d536d1727e3a1a3bbc023ce68d835', class: className }, h("span", { key: '9496a089d6be5990cb2964f5bd3908995b1e8bed', class: "status-indicator__dot" }), h("span", { key: '882f34bd6a6cb1812f9e4f62cb35aed21a017212', class: "status-indicator__label" }, this.label))));
     }
     static get is() { return "swirl-status-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,9 +25,9 @@ export class SwirlSwitch {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '40184ad6f15536d27cfe85b2c06d4d0c7fabbade' }, h("label", { key: 'f3d13005d15ea8002cfb6c24dbe340717e846378', class: className, htmlFor: this.inputId }, h("span", { key: '6639940aee314a14577bc5ad84c16d618c51985d', class: "switch__control" }, h("swirl-visually-hidden", { key: 'cf2a8cab1d1c614c45942f7f7a607ddfa3fa8047' }, h("input", { key: 'd715bab138e9caafd2b30f07ff867c3b68df3dc7', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '0184a03f354d0a1dde8ef2e4314d1466aa45fa7c' }, h("label", { key: '264a92b849b655fd7ad2d51529efb619c5ce40a3', class: className, htmlFor: this.inputId }, h("span", { key: '437681fc1072c4431ae0dcde683fe2db142e1103', class: "switch__control" }, h("swirl-visually-hidden", { key: '34503aec9107d0dbe82c1172048aa1a83396dc1e' }, h("input", { key: 'b2d078664d35e3f037642c8865478707fdf3e7f6', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'ec3e40970160b5df4c41df7407979b81a909ae95', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '585fb118f15044434e03f0f528dd283fae326d2f', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: '78afbcaa56db50fffa27c409b0cd97bbd9e6d9a1', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'ccadba99b35f8a02d450bcc07a0ae0fa3603ed05' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '0e518058bba1c054b91c7e6ee37ade5263032519', class: "switch__description" }, this.description))))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '988d10b07dfbe72e6b7c2cf55dd841544e7c6e16', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'cd6001d80e63b1e84fadfdba8719fd8d205027d0', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'd6d776add33f4092571b33b48353eb8a7459983c', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'd648c431437ebc0167c56065dc4e0ea7fb96c4db' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '83d3537d6cf33cc92419f9e117fea4eb7cc2a878', class: "switch__description" }, this.description))))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -6,7 +6,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '4dcaa666ac2c76ef69a3db108fec8d9261f0c2c9', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'd4be897cca0b201d4b72b400f6a7433ccf86921c' })));
+        return (h(Host, { key: 'af05477db147d507a7837e803a4753bd1372e3d6', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'b34433957cf644494b0db7ff9572970b03e6356a' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -54,7 +54,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '368847e399163f3d4f6eec1437f46233cbf1d16c' }, h("div", { key: '71cf8665ad8504c928fe192fff8c796f7f1bca08', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '5ef8c8903864a9101f7092cadd0ba1837bfd07b0' }, h("div", { key: '8649fd672cf8066e640f5ef14fdb9a2b815f0f10', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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

@@ -495,7 +495,7 @@ export class SwirlTable {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: 'e8e26be172fd960a27b50a6f922a5f30ebca740d' }, h("div", { key: '456bbf4e46a794c5977a91118b55461a143f942d', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ad2e5199871a890e066f89dfe58d264a026408c1' }, h("span", { key: 'a9e7dc975e69159e6fd18845037ba33666d3f9b1', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '9f9ccb292b3d0a3fa22dacf2996cca5c650d3cb2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '71f20c04d802a6bf3fdf1cc9d688ee0d81906ba1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'cbc0091eb12536e4c63da439a8d55f399a880a6c' }, h("div", { key: '9c4db060db4014b8f8ffc4f07c87bc98c87f9b7b', id: "caption" }, this.caption))), h("div", { key: 'aa6deac1fc190819984f573d032a6365b4a356e7', role: "rowgroup" }, h("div", { key: '9cc8865772ec5e98d8ac2308580d779046395604', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '334b7a3830f6312e9f7386005c7ce299018ba968', name: "columns" }))), h("div", { key: 'bdeeab1f818c24776efe9740c9caed3584eb5ef8', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2297c9ed8af8df509ae00658d4e05b3b115ced95', name: "rows" }), h("div", { key: '2ff715819bc2eeb7ac0b96b339497a2d3f475645', class: "table__empty-row", role: "row" }, h("div", { key: 'f2550204f8fa4fbbc2a40094cc7b3529fa221a14', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '58e3ef4a1ac4e92b5e0b238630dc39f464ba803e', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '3052cd1849759fdfcd692cb0530b565ddc365815', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-table-column/swirl-table-column.js

@@ -17,7 +17,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '7b44381a58a3166a253085ad49e9dfd2c789a6cb', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'bbd36f836c804b7705a4734146d75b0947c60d0e' }, h("slot", { key: '31bd5ea3ad4241e3220982b3b6b09177b1797815' })), this.sortable && (h("span", { key: 'f1412c8cfee58866f449cb188a2def485af9066d', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'bb54544c676dcfb0f13f93354d6438a635fa028d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'cfb63e3e1edc6c6d99da43eed402b467f3ca7770', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '148b9cd30b22f970e01be32b926323cab0565520', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '4b410cd2f6afc41b296678fbce8e820c3e2ea93e' }, h("slot", { key: '68d5575912abab56c1268aca6e4e251702772a1b' })), this.sortable && (h("span", { key: '621301715f82384c874519ea73d3c1d5c97f6d85', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '1615c073f5bf7e6a4531534edc40b39d52901163', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'e60037d0b7cee9a885700126b52ef49cb3707c09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,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: '09fa2403c719f7c4044d2bc6eda7afea33233a94' }, h("span", { key: 'decc4c2a2e4b49243ef685a6b4f6d1c256bc3fb7', class: className, part: "tag" }, this.icon && (h("span", { key: '8459722f419b6cf188e3fd3819e1c2bf0a9ccdd1', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'e0655a8e813d13493eddcbccb2ffb6a744f64194', class: "tag__label" }, this.label), this.removable && (h("button", { key: '82255cd05fed4b137fdd35d7fd6ae035fa804c67', "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: 'eae9d9d7a8062c2d13f38db2f3279f7d9e221c78', size: 16 }))))));
+        return (h(Host, { key: 'f51cb74eb358b045c153d6fc27824575363a604f' }, h("span", { key: 'fb015e48a19f9b05c0ec1cbf5608f190b7d08757', class: className, part: "tag" }, this.icon && (h("span", { key: 'bd9f60baf34bec57f244da9b499d79922292cd88', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '8b3b266c177a47a4147a7925f5e514104c570f1f', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5b35b8bcc59396e5e732c7108b4dd49f11dfb297', "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: '187c45887abfeb6be86308ae6bd5963ea8d99849', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'aa4bbe2225008cecb2c6ec9e53806effd2626f0b' }, h(Tag, { key: '15f3601f4f4ccbe31ffee21899d7b6d2295404be', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'cb88abe9577c046dae4cec6b6f0dd5c22f5d6df4' }))));
+        return (h(Host, { key: '72ae83c8442c8f7584114ae0364e84538795db4c' }, h(Tag, { key: '9305a6fc5d8c976040eb4c59322e746a1f7c6b2b', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '7b8410b15bd9e776c58d6b92c7e65d1fc6984bf1' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'a97f811fbdc1bd92e6c68b2487674f465607ab9c' }, h("span", { key: 'b9236a62649782c2611d2d25f281121785c7362c', class: className, role: "group" }, h(ImageWrapper, { key: '56f922d22b188f10437831b3c21ad12824a3adcf', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '1a1aa79b7403b621e9fb675d87c34c47a18815e0', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '529d3f1f3d815edf7a3cb9058dd023f0f6a791f6', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'b39fee3d0c3c45f4bb5bfe217a504b874f7d7f2f', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '45ed95fd9a6329b501ff2a8449eb5317bb8e24e3', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '1aac3ca83bd7ca87a7dbc182df443ae245aa3bf6' }, h("swirl-button", { key: 'fd26d300902a3dad1e894f5d209729bcba46ebe6', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'c157f917e2db23918f18c504331c2ac9b0982e54' }, h("swirl-button", { key: 'db2e001570b2b9b09a8dfcae893708be4349b0a0', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '10df1c72973f6a4fdc715439efe49bbf07d2d7ae', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '4b58ba22dc9f0b9c0be3f56873b16deb1998697c' }, h("span", { key: '2ad49020fc42d47ecac762f7be6fe428b2abf9a6', class: className, role: "group" }, h(ImageWrapper, { key: '2bc4f8b7fc3028117963fb2dbbfe88df5cd6fbe4', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '2027648d04e9240de9969a090979e3350756552b', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '84f51bb5c8188b8038d6f895a06d623f0d149041', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'd6f6b5b6e89571cefc24831595b71d43cbe960fd', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7eccff66f568a9d3f3220a7ef12e75dd8495e357', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'bb7e0cb730563c2f6377c885e904c6effe621b0f' }, h("swirl-button", { key: '3b537fa98561c2d4490bb8d59af86801c45fd1f5', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '0a9e1537e585c7f02315204d10618301db22ae33' }, h("swirl-button", { key: 'b11475cf5f71e0cdabfaf1a9ce4793ff3617105d', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '5739cc1c463d14736dc22def30d59b94de4bc920', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '92b07a92a62e8693ffd2abdc1ca83e60262e5907' }, h("div", { key: '48977e170f216559fd794fab9c037dd869a57473', class: className }, this.icon && (h("span", { key: '1eef8cd7425a9ccc528c922028083a393ee8bb39', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '6ee9428f35c9883867d3113a98dfc74460b7ecb0', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '3b5bcf7ec248d35f98baf208c0a875b0eed2e14d' })), h("button", { key: 'cbc93ee269ee75998b60953eb05bd09908ad83eb', "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: 'b85ed80ab495089f57d490f6382101af5c6f520b', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '1d90e266e746ba5baf37e1b9934bf7b62a2b76dd' }, h("div", { key: 'c08523f0cc5776fd07849b5218fd7f6a19ae23aa', class: className }, this.icon && (h("span", { key: '90cdbca501d150947101b30d2c44db8a6a4546d5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '58c13071b3b6b97ac97cc3549034e993c0681390', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e5767ef37b95dbd7eba122da95e7c601e4a4ed31' })), h("button", { key: 'd51d3fe6dc59d4c0f98415e6c283112febc8f49f', "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: '58e922172f142b49891b4335b25fe3c71d8cdac6', 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

@@ -41,7 +41,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '33639d97045b322e83d7818be564938d0ef2f454', role: "status" }, h("swirl-stack", { key: 'c254ba18da06539ce00e29a00d68fb46a01b74cc', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '0c8f2f92549542bfd53336138f5d6a4e9ce21dd3', role: "status" }, h("swirl-stack", { key: 'e6d420aa0444ca7f24c269616dda30d2508214d9', 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-group/swirl-toggle-group.js

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '6f19ea5f25220a966b38c746a67cea37d53ab1df', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '768a4e08bb2634680ac7497e009bf3bd4aa97f88', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'f822695f41e9028f839e871e567f22f0b163b2c7', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '1492fc481cf2eb0d957dc8353f09f75fd341fe79', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'fbde85af69d0cf6b5dea3d77c4c5cb4d9d0ed5b1' }, h("swirl-stack", { key: '4ae07de10482f6905a6297d12ae31e9ecd7534be', 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: '66feafffa0b2efad298d47ad337fce89c478852c' }))));
+        return (h(Host, { key: 'b4d26b328470b945d344895908b1c5c50c833d17' }, h("swirl-stack", { key: '2d47b3300ea9398264e18fc197e1f15d759a05a3', 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: '922353e031756d3d4b2c89f2107c4048437fe89a' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'dd367105cdd87c0316a8faf392b2d8558ec98670', onKeydown: this.onKeydown }, h("span", { key: '814b10559726e683991d5d7280e1166f01683cbb', class: className }, h("span", { key: '6c9589734c395c5623edff08e2e745e8e33e5f3c', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'b217bbe84fa8530de7642984ccd222ae316eac6f' })), h("span", { key: '4bb993c557a2bd43dd1a836e0d3aa5d07915edcb', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1ab6f241602a99b2de2cb8028b5dd8a05d37ed3f', onKeydown: this.onKeydown }, h("span", { key: '9529d1fca5ce68aa7d9981f1c003d4e9654c90c7', class: className }, h("span", { key: '07606dd0778d20d989f695356de71ab4c94550ce', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'd8145e425e2ec5630accb88ee7e660a2e63269cc' })), h("span", { key: 'aa10860e427cba38873101a7222173e4e323d7e0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -115,7 +115,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '97ef53308c9789bb6e1ada60a342626dddc28548', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '84ce422203d26199cf5bbc7f9bb5ffced4237421', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '05610d84e74762227a52075945b2461fb9de6b7e', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '79b2d4e54133935e433f28f6c00848ea36206179', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '53c0eb8a14932a811900e58534824f231209e672', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7391938a87a02650214bafa226892261ddf4e1e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: 'c0fe9f1ed516bc620251650866717f4862086017' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ec46dbbae6c40b9ab939f3c8867d0cb2523819ff' }, h("span", { key: '9177e7bb9d2a77a8472b6560300a6bae6536228b', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'd93817ba54356a565d6f5d652505b7a302d16533', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '0801cd554dabc43b4796cb74c21f8426c1388cae', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '7b4136fd912ca7990b5e55f1575421ec3672dc8f' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2196f8f992789a4fda56d48e236d602db85035f7' }, h("span", { key: 'd49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '8835b6dccdf5550788c877c9f8795c440420e540', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'ac46b0399f32189de2372e3fd7c6c108b28a46b1', 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

@@ -329,17 +329,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'd085c2b88c107c203ce428a67712da04323f8e24', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'b0ad24c16fcf8e64fac7f76720ad474f34a25aab', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '1df2bdeb1171dd86c2439d0e475ccd5f9b3d8ca5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: 'f571e0aa5fab77a62b4b6a63e1226011b61202ce', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'a13caedc50c5df33f7674c93696a141c019a0be4', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: 'c1a7d0fd676447956630dcc37569fb0830c2099a', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '44d0850b2d47787d97d405a554f518a1428290fd', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '0f52b403d04a371971c985900e18c7bd6f5f1f5e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'ed7c79bbedfddcd631404f6b910b7a3b0320a829' }, 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: '95353c0276d3629919a19952490b50c4f79674bf' }, h("span", { key: '4c73f3ecef5022087a72874912003a2abad5d221', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '061dc160720af1c7e22339a10297e42c7c241007', class: "tree-view-item__label" }, this.label), h("span", { key: '4bacb2b0968245f5c4a9e84a010653bf6513efdf', class: "tree-view-item__tags" }, h("slot", { key: 'f3cc5dda408a78092033ecc1bf305e8a55241870', name: "tags" }))), h("ul", { key: 'c845651262d91941a9748d2b0412104c75485874', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '943ebb467ca02496363deccd1757eaa4878680ab', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '00c15f06df99116176b9759abb86794a5306aa1d', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'dbdd4b084c23f48caee3245a3a2f414cba1fcce1', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '48b76c4675d392b25ad97d9e73f0911f43fc6918' }, 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: 'd98c931c4f9db219e70fd31365304808c53808da' }, h("span", { key: 'c041476e9a1940dcc3c2c4edccde824e0d6f9c81', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '92c600e90332b236742f47ca8ba190e2be704a00', class: "tree-view-item__label" }, this.label), h("span", { key: '143e4df9520c3be93508e1e63c5cdad62f26dc90', class: "tree-view-item__tags" }, h("slot", { key: 'e8a16506b1c9fa9bdc2a0dab23c042efee9373dc', name: "tags" }))), h("ul", { key: '95d6d7047fa12c5a0fc51848457db871f5ec7abe', "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: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: 'dfffc7c21716f9c00da9c2e6224daced78ba3ad2' })))));
+            } }, h("slot", { key: '556e0b1487930406f6179a0d50d2ef0c832e2e45' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {