npm - @getflip/swirl-components - Versions diffs - 0.296.2 → 0.297.0 - Mend

@getflip/swirl-components 0.296.2 → 0.297.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1711) hide show

package/dist/cjs/swirl-symbol-youtube.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSymbolYoutube = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '2dc411ceece6dccefad8a890dafb2c2b087c30f9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '556960cc3923fa26d9e0e7ec1b5cde9a68be9489' }, index.h("path", { key: 'c05145d5286a8eec233ff2efb02a85bc99c4b89f', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (index.h("svg", { key: '81ccf2a1c926616ec8e7730b39d1c97044bc5cba', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'bf16db3901d4f5feb31c3c1f1d637bcda8ffba34' }, index.h("path", { key: 'ab34d9516f4f14537e8373eedb30495150063b3a', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolYoutube.style = SwirlSymbolYoutubeStyle0;

package/dist/cjs/swirl-symbol.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: 'b36c6c0f01bb6fada4ea8a4f9f9f14fbe7ecf9d7' }, index.h(Tag, { key: '1533aa621a32706ce1b04e834b7afae57fd469ac', size: this.size })));
+        return (index.h(index.Host, { key: '736f0bdc93b37f9ce72133fd601ddc82c323fc72' }, index.h(Tag, { key: '4b30ea09faae60cb9a4a57cfa43a39bdddc8c4dd', size: this.size })));
     }
 };
 SwirlHeading.style = SwirlSymbolStyle0;

package/dist/cjs/swirl-tab-bar.cjs.entry.js CHANGED Viewed

@@ -72,7 +72,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: 'e3851bcbea5ee34311e68e30a80ab7199aee54aa' }, index.h("div", { key: '086163eb504824251fa6e6357246aa8faf4df5d2', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: 'dd1c6db7b1b431d4a20e954b570a4ac64b36feb7' }, index.h("div", { key: '3e2d33a8a0155b94a6c3305823cab30a08e3bc05', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/cjs/swirl-tab.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: 'f2f9ad54be016d4ed0dac62e55d8542a40a9e65f', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'ca7a7082b8212d789385e37471edfc5d0474b933' })));
+        return (index.h(index.Host, { key: '60335e3851044504d055a3b38aa90c25c5fb8bbe', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '284853bd89212dfc43572949ea7695e5b723f53c' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

package/dist/cjs/swirl-table-cell.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '1530d1c43ec576cdb5b1b4e34f372aafcdab9a79', class: "table-cell", role: "cell" }, index.h("slot", { key: '1765bdc2912e7db2f46813282baa09b5d70fa56d' })));
+        return (index.h(index.Host, { key: '316b66ba0fe4bc2dff1bae627279bfef3312206d', class: "table-cell", role: "cell" }, index.h("slot", { key: '829b3c84293caa7e14c0e892cca191ad5b646351' })));
     }
 };
 SwirlTableCell.style = SwirlTableCellStyle0;

package/dist/cjs/swirl-table-column.cjs.entry.js CHANGED Viewed

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: 'da54355854d6f43ffc37358e05f44775d38df3a0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'e901e9c9085997776c8f324a52d7c8158c318bef' }, index.h("slot", { key: '190cf7d873f142ee8b7f8af0003b04bd20fe1c86' })), this.sortable && (index.h("span", { key: '93ef6dcddf0a2019e0ccb7151cd91b97a825c56a', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '10827a5ec050bc42657d3bf391acdda935eac20a', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '84577bd046edc3ba7d34da1f1c204f22ec263f49', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: 'b4b2b34e8bc2f9dacf9ee83ff0976f7a29deb265', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '494a409686b6826531a8f2b40914c3baf85a4fa6' }, index.h("slot", { key: 'd7a1607dbe9e7e897f0699dbc7b8f118a667094b' })), this.sortable && (index.h("span", { key: '71f37474cc4c854bdbf421aead9cfad84abf9ee5', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '4709f69b17239f3aa10b6513bb1b45b7e0a998a8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'de9b1cdb14ae43dc8a1b042bac4423ba837b1191', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row-group.cjs.entry.js CHANGED Viewed

@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '7901d6394a256618dc48b1911c68680641c9ce62', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '8d9043058c0a17975e64ff5095365996bdd5285c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '6409629165534461258892a09a804a8f7c23663d', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'a0a0b6f4e63fb4973ff5aac3fda88e04e6b904cb', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '7f210b4b75c1b9d373598304c9b5154ea9ec6db8', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '16510652305da1f78cb4a95b805a5ede72d9eba9', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '2bb2e34d6ec1d50e2edf54281d4a0afd3d86e916', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'a214b2c31d25febf718aac366b52ce9f107b1a65', class: {
+        return (index.h(index.Host, { key: 'c88b498464392825915456cde50e1cd86784e95b', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'b430a7f8bbce7899a1e305b5f32f84d6d6741cfd', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'f80767556a73cca5be5e161d773b0f48416ef0fc', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '176eb2d179d37e89259529d6017a9722909ec603', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'a3873dd1f620fbed2eb3f88732070c43960b83ba', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '04b48bab737428de33efc053dec6e230d1ca6189', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'e3666b0cef84945676edd6ab67fcd1a94c488890', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'fc4ae5148aa61fb7c47f18c354518706f316df18', 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) }, index.h("slot", { key: 'a46bbd3ea2f60d9bcab132ddcfc8e1392eb5a404' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '1291364c64464f539014870e1faf5a98ea089173' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: 'c817b37c2a00350ea4ddca5ccfc86cb00958c852', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'f31d17f130798fde9677685b404ea301b1fe2a18' })));
+        return (index.h(index.Host, { key: '2447fb97560094815d341fc1f2354cd35c2b654e', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '18cb9d6800ec03f2226b01d74129e3255a6a10d6' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js CHANGED Viewed

@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'ac0fc42900c1f03af56d4b3f51f5fa7c70d4ba72' }, index.h("div", { key: '98b05663bad511bac4cfcb977467de684e459492', class: "table" }, index.h("div", { key: 'db76800f2f7c480ffe4b0c88da1007d92587999e', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '98cc460a99b4b47d2a16fc93a3864c5613e5c57f', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '4c3f6a7007c8b408b508c5d6deeba625785a6348' }, index.h("div", { key: '82cacba1c07834002a8c73db2caf6c17899e16c0', id: "caption" }, this.caption))), index.h("div", { key: '690ca5e86d175b6d7d6d3ff14b1449336bd3baf4', role: "rowgroup" }, index.h("div", { key: 'ec0c9d643a8151ef1b151ea1d4db3b2025a6d913', class: "table__header", role: "row" }, index.h("slot", { key: '249b8f388b9bcbfece5af856f13606d68abf6b8d', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'aef3e65ad3bef5e68cc371817b45d44302825f7b', class: "table__body" }, index.h("slot", { key: 'b7fd68bcb7e8497da85b2589b60302a730df4702', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'd2d2001f8f1fb77f342353de1a5a29650c1df0a7', class: "table__empty-row", role: "row" }, index.h("div", { key: '5bf80a7ac46bd87e644b2ea38c8908aeb60724fa', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '859308abc57281351264ed367511229a5716e3c4', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '1dad264e782e779ec3c641670d6745ae27f311f1' }, index.h("div", { key: '972ff6748270ec8c89e68803dec81bb3b696b7d5', class: "table" }, index.h("div", { key: '8421a34d775292faec2fdb16971aa328a3d9e40d', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '2057cabb89b21c4d2634552b6c868026f90c1746', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '853d3788f7e0dd1170cfbfc84e5d810e999bf800' }, index.h("div", { key: '72ecf2b03aa6c46d45609254f5fa9af2fbbcb039', id: "caption" }, this.caption))), index.h("div", { key: '02b2b15ca2aefc20a3237d95ca34b892a9bc9b41', role: "rowgroup" }, index.h("div", { key: '6543839c056f6caf174f65670668c2a5c6f2606e', class: "table__header", role: "row" }, index.h("slot", { key: 'e6581bc48062a1d704ba2b9280b35190f03e2c64', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '04e5564657fed6b436679cd300e56e18d8f64ce8', class: "table__body" }, index.h("slot", { key: '4054d9418eb60559e996bb630143fbaceca90a5a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '8200eb9e5bf3d8b52ead63df6d77db21bc6adbac', class: "table__empty-row", role: "row" }, index.h("div", { key: 'f86a99a732345affb1e8fd1224673970066da191', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '29199285a11c90a6839a68c84edd71f04fbf4d6e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tabs.cjs.entry.js CHANGED Viewed

@@ -88,7 +88,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '688e243951ab23e9678737c58220c25f2879796b' }, index.h("div", { key: '5cfc4d6bc4d868eeeb6abed3642df59a3b9c96ae', class: "tabs" }, index.h("swirl-tab-bar", { key: '360c4dc256606e21291b3ce4938fc84e10ff886d', 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 })), index.h("slot", { key: 'f8672891a20bc1b627fa6f966472932d4d7a4698' })));
+        return (index.h(index.Host, { key: '8f776091b83d55785e936df66c991738f1f98102' }, index.h("div", { key: '94e213f60729e970661621a683b791c44a67a90e', class: "tabs" }, index.h("swirl-tab-bar", { key: 'd680d7a11f6a0a89edcd6f0a63cf2d79e64d50f0', 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 })), index.h("slot", { key: 'edc54b9b40475e1930eb98c08774a5e7d721e31e' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-text.cjs.entry.js CHANGED Viewed

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '7cf2f2ea640acde9ae455c33ed94f96629a4cee9' }, index.h(Tag, { key: 'e0a5546c4bdee0e9f901a1378deeefce167977e1', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '96c959d69c0b4f457e3c804c655ab5d4afa6e8a3' }))));
+        return (index.h(index.Host, { key: '58852d3eda21365916053627efdfd755cf1a3512' }, index.h(Tag, { key: 'c88165cea60cb0d540f1636262a449818c8127a2', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '267baa6125ef490f3536adc3d51f16e9782ef94a' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '0c89323210a5baff48c0cf250bb50f597fbccfbe' }, index.h("slot", { key: 'aa20eab928c58e4ca4b5593346d2ae14b9ef0e4c' })));
+        return (index.h(index.Host, { key: '0f1694a7bf967fcbffdd7e915ec4aa4a8d2f93cf' }, index.h("slot", { key: '7c3c75d2927e01783040f473ba41f3831164bfa8' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '1c6b8b08c8c890245ce412f370bb2b78c53a6684' }, index.h("div", { key: '208d65696db4b5b1cb2a30d3a88e998aa3237c02', class: className }, index.h("input", { key: 'e384ed51b2a4ae3899d3e4485a876745e05a838e', "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 }), index.h("span", { key: '8a07959b7a6937a4785dbd5c369c714df1cb990a', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '9100b6c78073deb95eda58bab1ca3ebd7fb18fc3', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '19d6ea6fee406249c4ae1220f966cd2a157e72bb' }, index.h("div", { key: '3a59905a0e5ec9e6591fd7467ede76511a8c9902', class: className }, index.h("input", { key: '621cc10e8441af59e22d26ebbeabbee3fb7f4f95', "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 }), index.h("span", { key: '2c52f9937ba29729b2019bb11ebe8b5fdd18d1fa', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '6d04cabe2577d1bf98686be52b2657acff08e604', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '29a12ee787470e3d5167ae13f8fd0c84da2d81ed', role: "status" }, index.h("swirl-stack", { key: '65533b090312d7f6d2f4e20e693c75d6ca985362', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '3650e2962ff80074ed761a02c2181aa199b113e7', role: "status" }, index.h("swirl-stack", { key: 'a7d56803f722b22f3a58d4a9685d467895e8a65b', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js CHANGED Viewed

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4' }, index.h("div", { key: '4ea2c045680fbbc40984b3450eb7aef7d0d326fb', class: className }, this.icon && (index.h("span", { key: '8d99261ffbe152eb3226bcca2016d485ef6f18af', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '9a9003bf3186f75010475c6872d891ffc884c1f4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e124b4a2f81cfd83a2e9e43973aab6d755d5953b' })), index.h("button", { key: 'f2208e156ecd27f963e0576d1c996d730424e905', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'e969f9969cd92f431b2d3352604dd0572d54d2b0', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'd8b87d66d6b46d6e3678bbda5ff0dfed5b2973b1' }, index.h("div", { key: '0faa222d47f49ead1b9450850c123febe7802a23', class: className }, this.icon && (index.h("span", { key: 'de352e1b20de617a528012a84ab9f159c386738a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '748399536dd563bf5773974dbb44d54ede1154df', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'b33f4fb6706da2ba79af7eba95849021c795b848' })), index.h("button", { key: '8c0d380c4d712319db321fe2fbad913941d3d371', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '8e0fa55a3901245b223242144daecd11ca4202ce', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '6428213e5bb688dcd518892f5f619ce8b4b0f7b1', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: 'f213af72aca0a1b2cb934f61c9be176887f1d48d', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'f1fd00b70d49441eed96d0c3cd3b513abc2e2942', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: '62b776441bc1175ff19ceaeebd19bb7ea9818b51', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

package/dist/cjs/swirl-toggle-group.cjs.entry.js CHANGED Viewed

@@ -61,7 +61,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (index.h("swirl-stack", { key: 'bcc626996c6c4955fb5a3649b986d7c62a643cf5', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'fc82133e88334d3248f4ee31cb235e71c5446721', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: 'dd91f7ccecce01bf2bd29a155b888b1c7ff0325e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'b22ba319fb73e5c448e513156f64f817766fd055', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js CHANGED Viewed

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e2561eda6698db369a4c97c1f35cf03a901d0bc4' }, index.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 }, index.h("slot", { key: '545bd3669c2dab02e60dabe810bb21ee13319509' }))));
+        return (index.h(index.Host, { key: '0bd307a0ad1039736f25124308ad98dc4fa03d18' }, index.h("swirl-stack", { key: '626904a735a98982c9f84aa1e27e1e4b7cd78606', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: 'c4f06b12016aa2589d470ca1dcf4f53a3ed2c099' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js CHANGED Viewed

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '1a482a32a49e394974acc0614eace76e337c7275', onKeydown: this.onKeydown }, index.h("span", { key: '9f73d78cc853308520291ee20b7624d6ec64bd5e', class: className }, index.h("span", { key: 'ff7e20853f18c9b3851a028e385db1fd85841333', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'ee9be7d542982f7d14b07e3648f24a11da92780e' })), index.h("span", { key: 'fdfa09ae65125350e555b73417dc77be82edda0f', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '529375924a131657990ae49ca1577e384d7fb757', onKeydown: this.onKeydown }, index.h("span", { key: '6738c27b573fd2b6b9ddf090454a67fe1f28a7fa', class: className }, index.h("span", { key: '4152986331edada0253c5eee675c2841ddee4f21', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '15e1427b464e34bd69aa29527d99294e56e2a432' })), index.h("span", { key: '1632c52e95fd3b944ba6377beeab511deb1e995d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'a632b60342e4194bf6eefecf1f7887da300ea007', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '78d2b5c880e4ed314723acb1200e61cc9e284428', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '757859caef4234141415d572db53a7b98e1375da', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'f25541f0a71832bc92bd90cadabb38e22c5e8f1a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'e7e07ec6b2dbebe5a713e05d9c608a91f8128c80', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '5772550951013f59e059277ba958efc6380f8f73', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '5f0a416341a790d9fca20539f5d461208e705f5b', role: "none" }, index.h("li", { key: '0d6030b2053a97e29d7b2aecdb6565954c5ac1e6', class: {
+        return (index.h(index.Host, { key: 'f18b67c58e0aa8fac5291b8c0a6214852021cc6c', role: "none" }, index.h("li", { key: '7aa01185db544c5a5d9f97383c75dde04a22dc18', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '55b3fb27f9ea4ce1c616d9c89c3916fefbb9cf60', 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 }, index.h("span", { key: '0a5abb5af6684ae7dd2925b46bce486fbd282d5d', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '06462246f92fbb5aaba518f29ec55124a11f8e5b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'aa76ebdf77411ecdf68fffd89c1fbeff2b1b9c90', class: "tree-navigation-item__label" }, index.h("span", { key: 'bf75096a94dafcaa46fbe5687e1d9fe782b0d433', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'fcdc469239e493c2442f80d721fe3b928e89789f', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'f8e831812d44292e51477360c668546614d3182e', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'd5f8d165ea028c4ea0d174af39fd9d74a156823c', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'ef766b1eb82aced5a99d684de308d2a18eeebb66', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'a85dda318d7e3fb0942b08dabe2d4a62c2c87f5f', 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 }, index.h(Tag, { key: '817727ed7c788a5faa868fb25effdc3518167228', 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 }, index.h("span", { key: '4a4a71f00bc9a9825a51d39a0dc4dacd3a099400', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '4b887aef2710b7d99ca08879cec167c5bf0d1811', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '0c2416f44caf82a332c79f70856f1b1f7aab93a0', class: "tree-navigation-item__label" }, index.h("span", { key: '99283c67764645d4eae695c7db89c9526f3cd108', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '0e97d7a64bfb73b2167d6778186cbf8db2981136', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '7c8e76613a0f2534c5f72315cd2266551f96f233', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '9a1783de80521b08918cf06081846b533b4052d6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '5486be6428722d1b6b28f920f0bd17311c71ab99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'ebf61cb2e6ec23082a58282e0028ce2dd68097e0', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '070dab2c0784d7c67e4fcfeb1b13193064b5c92a' }))))));
+            } }, index.h("slot", { key: '519cdbd7d36202ad4ead9fd87900a70a6f0c7d11' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ffd4c41211a96139f8efe5c3f4d5bff1d742009c' }, index.h("ul", { key: 'bd63e4512ada05959d4fcd07eccc2353b2d00406', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '7516fe5e5737ffe4c20dd84f7ebaed74dfca1b7c' }))));
+        return (index.h(index.Host, { key: '359b8985019aacfff300043c67f0553a6ed87471' }, index.h("ul", { key: 'f6bdb96a9817f370ab2b926faf8db231534d22b3', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '7fe3965d7916fcf181f851e55d303a413923cc40' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

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

@@ -334,13 +334,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '23b8e5281a53f8707d990368f46b2a9810d20fa2', id: this.itemId, role: "none" }, index.h("li", { key: 'aac1855ae0f7cad6a26735e1eb23c67f99bba737', class: className, role: "none" }, index.h("a", { key: '72bbd772c2f78d2e91e0d584387794de0694a396', "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 && (index.h("span", { key: '5010453afe5af040148fd4507f0dc2e75a573f7f', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: 'd933894d661434ab4ec19c525e3fd8fca29e10ee', size: 20 }))), this.expandable && (index.h("span", { key: 'be633a37e2aa2d2e7267833b1f8933a72cc484e7', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '76b88fd0783cd5d9fee1b2e950ed4db18060c1e4' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'bc95015cced5867204a8a10235cf45a48daa5fc4' }, index.h("span", { key: 'd53f7711f0101ee14940070cc28e7a4d7032d9d7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '25111e86c433cbba58516946b42036e25fc1873e', class: "tree-view-item__label" }, this.label), index.h("span", { key: '2f30cf45fb918cb3964c38317bf8246ee96bc09c', class: "tree-view-item__tags" }, index.h("slot", { key: '857ea08895969d6b1ad13ad7a920da0f768a01d3', name: "tags" }))), index.h("ul", { key: 'df9aed076bb9831f5063e32a727c7c59afab9714', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: '11f945581b2760fddabaa767359c5a2902b25cb5', id: this.itemId, role: "none" }, index.h("li", { key: '9124bab079d33cd3ee541e50ec3278b3bbd2f2b1', class: className, role: "none" }, index.h("a", { key: '189f49bd8978bb4effabedd63af16cfb8a11fc5e', "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 && (index.h("span", { key: '57a4537fbb33910a26763c24181e00f024a07293', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '7567a5e0b97d58fdd90e4b57bc97f787d50d1603', size: 20 }))), this.expandable && (index.h("span", { key: '08fb4422ade1e4a47337fc2d85c57d8fe8315478', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '2a79ab7004596204a9b2f29d5f0ca90776df7633' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '935788f84153764f54d6ca441b66be7172912dc4' }, index.h("span", { key: 'c10a6b7e86db978bd096e0d57615c2fbaa250284', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '59d6dc11da28dbd760408ee8dcce3cbd35224ef3', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5', class: "tree-view-item__tags" }, index.h("slot", { key: 'e818a56e60b8a270846d22e4e719724f04cd5c49', name: "tags" }))), index.h("ul", { key: '2bab49ba6fe881e5e23f987e9969ec8793f3361f', "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,
-            } }, index.h("slot", { key: 'c02878c54039257dd7ffb2165e910adaacc37507' })))));
+            } }, index.h("slot", { key: '94bc6c05acf1fcce468491f17c61bb0f8a8a01bd' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js CHANGED Viewed

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '678b41d203dee35c80b90b3c3fca2f81f9984934' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '4b692860fdc7ddc49a71241021f32c8654fef6ca' }, index.h("span", { key: 'ff928c6c929c94e24a29853c216641038bde5b77', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '9851185b8627512031aa019c8a4e68b99f364085', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'd80f8a83a5f25dd3a96630a192cb8047b0db9387', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '5d42e2eab6b3f055af16fa301b7f9f37013d351c' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '7117b34c427a388225ac21e0d6ccb83134161d69' }, index.h("span", { key: '2b4b20565b1feedfa7efe6f08372aa8260f6be00', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '31419fcb2054dc1c22e7046a3eefdc272a4253a5', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'fcea6992704f7a61c812c6d7fec08f841105af56', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'c8222b303f7878f6bc1e9dacef086d64662bdb70' }, index.h("button", { key: '93fc15bec01b3c435ee0195fc73f101f0291b91a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '248050ec128b3c538e9627f567ca1b957cffde02', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '5f3aa56cfd6256c7e0097adad6a027eb33bafb30', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '8b1b2bbb76a2124c70d6fa06f222019820c1f73b' }, this.durationLabel), this.duration)), index.h("svg", { key: 'eb6d5cd1ec93bf6e788152d4548b892b583a0918', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8a8415b2bfd731fe9465a634dfd7a4a8eeedc2fb', 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 (index.h(index.Host, { key: '8cfb7e53037587a1685a13a2ca10eea9ef711da4' }, index.h("button", { key: '2d77530a617388cadddce3cb4fea5a3404e48ec3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'f030fd3f0909d31cca84a44ba41aa0ef0bb5a866', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '7d4c745e47ecd04ff9323a8070918913e284a0d9', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '4ff3a1d09f382c347bca34d046b7ce0a5026dd7e' }, this.durationLabel), this.duration)), index.h("svg", { key: '799ca22c57a83ee81f9579fabf95e43da71051b9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '066803c1874855c5a2389bfb4f45fd0a27947355', 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" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4fa574932da58f51e740af4f582e03cc6feb9be9' }, index.h("slot", { key: 'eb4b16d5046dbf3f59eb163e7c6f45bed3f99ae9' })));
+        return (index.h(index.Host, { key: '01921ae08854d98d6ec9a5d4b03a154d6f0bb7f7' }, index.h("slot", { key: '2c81abcdb2d5bae0870e8104a3ea4be404516084' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: 'a127e248e3fceab33f9b5cd71726e589884f8c08' }, h("slot", { key: '6186c8608fe321f2d7ccbe412d03aebf0c67b366' })));
+        return (h(Host, { key: 'd79f39615c4a806c565258eb9875d1272a90fb02' }, h("slot", { key: '18be93ceeeb76245dcf92061ac969a7b49bd37ff' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '9912336775c2532382821b2209a1b48a65e6e865' }, h("div", { key: 'ca62514d43014590acf4521c0f751b8c5d2183d1', class: className }, h(HeadingTag, { key: 'bd5b6f13cf2740ebc5d1f9fb59d24f61467812ba', class: "accordion-item__heading" }, h("button", { key: '1bbd759b89d5cedf399cc20d3e24511330ccbe20', "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: '826e0bfabe1fbdf988555d90e6da0afb6ebb4e3f', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '8e218b1786d3261625a9bac0f90a0aef15f2b5a2', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'ea9fe7c19affc28d1dcea431e33ae72763d0b767', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '2adc3f65e44c9ab9b70dcfeeea9568d91a4cc52b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '2031e4e7b9b08a428eb4f406287dabef4d85889f', glyph: "expand-more", size: 20 }))))), h("div", { key: '6086716993b5702405478f45e7259bc8d52ee6f9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '75efb121a31901fefb57f72830e3123d526273b6' })))));
+        return (h(Host, { key: '027eca8e100997e077b0768d158dd4f0199c3033' }, h("div", { key: 'e2afc1887d9b70646a8a1b8b0e382af2d3aa5ccd', class: className }, h(HeadingTag, { key: 'efc5b14c99373524b68672fa8fd268de2afe0fba', class: "accordion-item__heading" }, h("button", { key: '1e21c2b4d8d3612cdddd3c2c4f3bdaccab6e394b', "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: 'fcd513558a99a04636114c7677f4bd5c7c2d0f91', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'fc6eea82d94fd6656d106d7f2ebe5089eae63628', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '150db63ec08beb59d0daee7d3c09b6d85b7428d7', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '9f99cde2bf92897c754a20328e534f70c999c683', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '3ff127641a8494ccf728b52be3dcc2fdf6949a7f', glyph: "expand-more", size: 20 }))))), h("div", { key: '9e2431b5f68d49b734586e1d261a97d9092ea3f4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '5ba670d8e1484bae528f51ede23f21350c113d17' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '37339869bab4a9aa81791f84d38451de0104d168' }, h("div", { key: '21d32faabb06850785a904a275da30862f98ca13', "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: '872037b1cca2d5a76f5a63353d8489d5e329611a', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'cb793b95fbadce7885f9ffd2df7a86e1d11ba687' }, h("div", { key: '7c2d0453c968ffb4280db7c1f15849795a19f9f5', "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: 'afc7aa5790d37dc0e660aae4289c91745d849d1c', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '45209a11f46a6ba497b4c3d461ba3781cb0d57a8' }, this.hasSeparator && (h("swirl-separator", { key: '937e89a08f4697ddbcaccb1343b3355cb73227bf', spacing: this.separatorSpacing })), h("div", { key: 'ccddbc647093e14a09c62e3dedc55069b6c57114', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e80da46246f9e3ead338d4b64af8ae9aa9387f01', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '8b6a8493e5b09d0c98b744592d4e422c9206bfeb', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e02a428d84f4afabb1a66c32f4ce04775724d87e' })))));
+        return (h(Host, { key: 'd86ace949877affd32ca7cab4e3f0d4531fcc16a' }, this.hasSeparator && (h("swirl-separator", { key: '8c63131c65b9757bc82c893c9733731d401998f2', spacing: this.separatorSpacing })), h("div", { key: 'd3b093965aa160b2596998739bf74fc9e9423d96', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'b3453329dd293d766f1613d822a33f9e7392e6eb', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd32adcf0bca646ecd736857c1ed27faf7c13d6d5', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a0ff52ae37648692d6b6890cc5e781f084df9fd7' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'ce5423e05738bc7881dd6f9d678bdb1092a34165' }, h("span", { key: '6cc990326010d117bf9bdbc3087e5f82de856c76', class: className }, showImage && (h("img", { key: '474e88894b36fbd2e934b4613b474b87768f3c40', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'c4bc17d99f83fcb30b971b0084e33d3bc9199970', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '18668b1b36052a50087ca49a711fa39dd23ed647' }, h("span", { key: '2e62fb4176cbc9029370c9ade98d85973a53595c', class: className }, showImage && (h("img", { key: '50c4908d815251a971731721e7aafdb3a7080962', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '6650b12d71a7ddd6b255513192f1c632aca7845e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '2167ae83d47c069fd687a223f6d3220a05571d0e' }, h("div", { key: 'ad824d7e97d1705593c328a3a04cc72382950460', class: className, role: "group" }, h("slot", { key: 'e85bb42969d592919524148734e73e9393f24dea' }), this.badge && (h("span", { key: '1bb9ecdeed5974a6ced80414649945106ac82904', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '6e450a07e7a605f78a47dff3e476ad065a739437' }, h("div", { key: '81af3f871b919312fa62b64899246cb3608680eb', class: className, role: "group" }, h("slot", { key: 'b582e1b748839a296dd61fd2a918246230d0ed46' }), this.badge && (h("span", { key: 'c5f83c4964f58208243f595a49e5df1b4d56cb4c', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '30539973b6ab487e7469d57d7fddc2b5528c363c', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '24a72fd7084f06db1e8dd2635e7c9bead7df6cf4' })));
+        return (h(Host, { key: 'ceffb757f56b25570828a4d5074818ed33f822d6', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: 'd7858f141ba68421c6b531832a6fb1b9ce6c176c' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-color-input/swirl-color-input.js CHANGED Viewed

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'f4b210728d2dab17496ba08660e3571f9cacdc3f' }, h("div", { key: 'efb95089a96cf9120741e212d7398c2a68beffd9', class: className }, h("input", { key: '821e90e0964a3a9be0925e74b8dd71b789eff0c8', "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: 'b46d7e2f9758e51473029523aa710cdf8258c545', swirlPopover: this.pickerId }, h("button", { key: 'ecedca689d662827174ad1b81030493b9ca7a1e1', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '6e1b10816dbedff68bea262e40c021699b70efd3' }, h("div", { key: '5b29f918032f4ebc460b733d6653944ed6e70d26', class: className }, h("input", { key: 'c4011397ab62dad48635a75dd6d82d6823694185', "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: 'd1d1ef15b41b815c1de320e121af7627029f5534', swirlPopover: this.pickerId }, h("button", { key: 'fce34dbb05daaaa0da9edf43862fd70c31891f7f', "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: 'ab1a8724bf3e1aaecfd92af4cff02575dbb70a5c', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '78769426685284ff424c87ddc43062fbbb9adf19', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'cba38d4c28c6b9c2f1dee2b9a3de3e8aa3b79fc8', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '0d4d06c0bb4b0637a1319d68ac6bfb79956050dc', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f82ee4119af41821fa5664499d04a9039767c30b', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '229f3536f3d1566092da3b9edf909386917ba531', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-console-layout/swirl-console-layout.js CHANGED Viewed

@@ -122,11 +122,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '55382641883ca84190aaf206eda8ee2371677302' }, h("div", { key: '9518a5bf8834e58c58a5eadbae5d69da69ed0eaf', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '32e8a7e89fbd34fe2369e51fcf256047ca665f31', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '1489fd403ae32fed62db279538c71c110e7a3b9b', class: "console-layout__header" }, h("div", { key: '308d2ec0abff2c614a2e6fc22cb851cec4d170ae', class: "console-layout__logo" }, h("svg", { key: 'ef8af50646106fd9095ec486ab7edb927115a228', 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: '4ffb8da8a77ba36718bab9737fadeae81305707e', 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: 'd32ce97a8434da9a8a736e2c539e4137dd0e9f3b', 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: 'baf96dd80112e4c1efa38aa8df9463317d751a86', 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: '69398ffe4efa1c29d815e203b95f44ec17244ed0', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '73deccd54520b3b1b787dea968785bc6bffb76f5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7a613bad605c07d6dbb1aa533cc7471e572ffa0d', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7d5833cdb8716ac1139775cac4fd35b66643e2e1', name: "navigation" })), h("div", { key: '9b619abfb289f4462f399c2cfbcb1fc13990e86d', class: "console-layout__user" }, h("slot", { key: '91df851942daaaf611dc784d703fb3d91db75ee3', name: "user" }))), h("main", { key: '22168b5844ebed0f00d071c0897b48fc23df4c20', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'c2a5388612f400d163dbc6474fce9c7ed65dcf6f', class: "console-layout__app-bar" }, h("span", { key: '91de605cd9589a84c226ccb3e70d5fb37985e69c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '3375cd56ed6b8c7ac8d765dc67ace1bff2d59f9c', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '9eae3a95be22ea7aaf4e20341df8aa853825cff6' }, h("div", { key: 'c2439333a98ff2c31a67163f162064c7f4b484a8', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '0c5a275f17e499b6800b582454e9d30f006892a7', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '8217e531bda8f3231922c4c79b4827fd846132f6', class: "console-layout__header" }, h("div", { key: 'bb1b2ff46f199f45d46dbb3cd11f5942effd40d2', class: "console-layout__logo" }, h("svg", { key: '85232e92114e98cceb292120d3031bf769ef41f9', 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: 'a5b1c28db029d8f5eeafcd8ca9ba108d60fe6d23', 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: '5369534901d1bd825f3dadbb1b0777cbc3038c58', 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: 'cb700811147a9e80c1b989e214f656ec3a71f341', 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: '788e2f63db212f1cea1932f97cc45592ad35bff7', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'cc3432abedf3b5d5d4f64a50b9b6c5fbb79e7b8d', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '30656dbc948badce7c9c2fcd0c07c0c25cbd10c5', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7f2cf3cdafd97528f4ebe7e501cb558e657b7b3c', name: "navigation" })), h("div", { key: '7e4de3ee5974d5db6c8ffe73b398178e6315c7ac', class: "console-layout__user" }, h("slot", { key: 'ef6611b1d4fd1f7871bee6f8aa816429a3d59305', name: "user" }))), h("main", { key: '5ef5b41374886064a1096afa69821a0e2a2c65a8', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '757777dcd0731014dcd7cd6b328ee4a0eb268af2', class: "console-layout__app-bar" }, h("span", { key: '85a212b35525e99ef43c22ed9d2c10f45cdd1448', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c0e9d8bec6380e420316133cbe8fdbe7cb69dd7e', 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: '8a571901ac4ba6b1abbe2131c27d66d2e043f45e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'a0b90d6a97b14a28ccf58fa726794927cc2683dc', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'd6f3453a6123d0b3d18415ad41eee47f53ac21bc', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '54e23f908184e7b58347d2f4e3cae569f02cbbed', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'd3fc76a51365c677e8287e27acd8c3ace3d5b297', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'c5eb672729505730f3851d78493f0c37f238a037', 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: '32384ab5403fafd5c4a9ccd608d7f8f637599982', class: "console-layout__heading-container" }, h("swirl-heading", { key: '53c671addacb3c7e1f08a44b97ae04daf35c84fc', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '84ec881d9d82afc6eac05841b476c3ee26733c5a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd9226c9fa947b0c43ed390d81d2e38aa16939d1b', class: "console-layout__heading-container" }, h("slot", { key: '9c7eebe531698ce08c7c36b26fb142facafa0428', name: "heading" }))), h("div", { key: '5341c5d6958bbf963e310a398aef23e99e071e0a', class: "console-layout__content-header-tools" }, h("slot", { key: '0c550b87dd833f18161e78d99e2f08583cda5bfe', name: "content-header-tools" }))), h("div", { key: 'bdf655db92f6704e40dac1d62fefb949bbebd3d2', class: "console-layout__integration" }, h("slot", { key: 'fa4b861802ad73ad39da7609a6ad4e78b3422304', name: "content" }))), h("div", { key: 'a76dc713a45689e9fe4eb11053f3056f29c7a8e0', class: "console-layout__overlays" }, h("slot", { key: '9e938275349485e24f67f58aaa2f6c11d2d7dd77', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '776c5688dd5df6666069723090bb55a4eb25b4bf', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'c5097c74e1e9c7d25d41a0401ae57fef87380f8b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '6e97cecf6d158d16fb5b2cead14e0736c3276cb2', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'c2e81d97acec2fe6ab22b32f7347d56095028137', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '64ca8252b455e5e192577d66d74e443d0dd29b54', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '88b482a6ca62d18e16b6a595ebf7bc1a121f5edd', 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: 'fdf655d69778fd56858f3cc81fa7d4aff8fc296d', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'f223e7adc7c37f9edd595a424abeaa81cdef1b4b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'a4634f4e08e5e0059aa85161a1d62bfc1cca60fe', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '6efc46ef5ee44716c095a4ab67220ec93e467c17', class: "console-layout__heading-container" }, h("slot", { key: 'b3dd442e78f2ed1ad9dc443d94b725a675c67c04', name: "heading" }))), h("div", { key: '3ecc3f90eba6abd910779b7b7824e7e3976162c0', class: "console-layout__content-header-tools" }, h("slot", { key: '88a89549069fe0037819566a37f15be9c577450d', name: "content-header-tools" }))), h("div", { key: '6af01cc21666c89c474023596f3f2913a3798d29', class: "console-layout__integration" }, h("slot", { key: '8cde850848d0423876b8e059335a7c9081d33315', name: "content" }))), h("div", { key: '1c8d18fd34a993f6a4d0c0563053e2ea2284b966', class: "console-layout__overlays" }, h("slot", { key: 'fca6923277da32bb48620b88952a6bddf54e76f3', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-date-input/swirl-date-input.js CHANGED Viewed

@@ -148,7 +148,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '7f69f0ce8597ad322510331a8cbb79479d21181a' }, h("div", { key: 'ec24b30f274d46792fddbe02b94694bc69c91cc2', class: className }, h("input", { key: 'edb7f355cfa77cc0c79501d9bf15f09eaedda5bf', "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: '98cb4b0c8f7445671c2310f72cedaae71f3cec76', swirlPopover: `popover-${this.id}` }, h("button", { key: '62880cf97edc8c7b4b6f4f1afc2f2b6c25c3e71e', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'da1bae29e544207b77987a163cf40830d553d6d9', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'e011209e205dc9c534c5dcdf01d83d5ed67244b5', 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: '52514f01386ef24f845b0f0c670c2e73d187dfe3', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '8c8bf188577829729309ee11a4de95303f72fcfe' }, h("div", { key: '9c2593938d02edaa8139ecc0476a9b0b3f50c909', class: className }, h("input", { key: '89f21a6cfc56b79f5898d088117f175d81b5e055', "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: '0ce0f0b42b837a5ee839a03373dce8b604c85420', swirlPopover: `popover-${this.id}` }, h("button", { key: '01c8c8125a6941e800da12938f8b36abc4d095eb', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '395679e33fecef4d7a949b80e8e5f345b4cdedef', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'c939e2811538e1e3e9ca74e9159a282fa06449ca', 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: '73375240299d16518e12ee97eeeafeda6946bb1b', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-date-picker/swirl-date-picker.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '26f740cfc83e9c017ef6f66e12da2fa28b61a838', onClick: this.onClick }, h("wc-datepicker", { key: '31758155598bfc8e3f95ac24163d6222080212d1', 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: '1308d168101e84afb51948b884bd3d3f7f3f7322', onClick: this.onClick }, h("wc-datepicker", { key: 'b3e0237ce70711cd55b0a7b037be042dd150f247', 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 })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list/swirl-description-list.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '265ee77a49320add007518f90b2309698c5a8052' }, h("div", { key: 'eefe7b2b4002947d891c3f2df9da587d3b493f78', class: "description-list", role: "list" }, h("slot", { key: '506b3c1c16ed49a151791431d1aa8076defaa412' }))));
+        return (h(Host, { key: '4b78ebb93142286f1ef92e9d10c983b2d502b7da' }, h("div", { key: '027a87f126bfba1c115bada780930ebc4b8fe75d', class: "description-list", role: "list" }, h("slot", { key: '8a339cb49294c12d1aade958869d83d44b61c4cb' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-description-list-item/swirl-description-list-item.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '8052944a07ed9d134f59a1e07a30cdadb34e9cc5', role: "listitem" }, h("div", { key: '53f2be38cc7518826139930f5595d8cc21fa7d0d', class: className, part: "description-list-item", role: "group" }, h("div", { key: '8d75cbc7c439cb40f6e6b3ab29ec0ae0366bffe2', class: "description-list-item__inner" }, h("div", { key: 'b4649be338a58f3b4a9d124843f5bf7b83a7a063', class: "description-list-item__text-container" }, h("div", { key: '08b496049fc23ad0130263cf807f13e83bd775b2', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b4722a977bfa2382bd09988f985be99a9264a139', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'a063649f6ebdea9e6344266689edf6466f0d4e38', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '00fdd32e8f0e83a5ae69d8bba04c0c9bb3216478', size: 16, tabIndex: 0 }))))), h("div", { key: '989a9a632667504013f6f233ae66c0fb700acee5', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '573596a4c662d82dabf25107b7cfea727ce57032' }))), h("div", { key: '140917f2ebd409b59037e7028234aa3c384bac42', class: "description-list-item__tools" }, h("slot", { key: 'cae6b40790ee4703902863b24fdc9934335f4e70', name: "tools" }))), h("div", { key: '84528a4a1be9e278ce0f6aedf588ec278f490488', class: "description-list-item__additional-content" }, h("slot", { key: 'c39b94bb7102854a4397f3e4d421c6252876ff3a', name: "additional-content" })))));
+        return (h(Host, { key: '24880ec932f85f8bab070358ae74e878204143fc', role: "listitem" }, h("div", { key: '9a78a10403d03af454a390a51c16995e2344e7d7', class: className, part: "description-list-item", role: "group" }, h("div", { key: '7f292225fe34a0fac3c35b43e8273d4971444f28', class: "description-list-item__inner" }, h("div", { key: '864991f1dd047f7d9b4144e69471bd30b89382fa', class: "description-list-item__text-container" }, h("div", { key: '3d8c04ef6093c9991451b2b9ec4e9c581c54adbb', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'ac9ea268e5eda1b38197d1bb751fed2bad808aec', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '3f74b2c7f2a0a717b1e55c520b8d11f9c38ce45c', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '3e84e0f69502f70ebf0a291ee64f431504965f5e', size: 16, tabIndex: 0 }))))), h("div", { key: 'd97314eb88bccdf407b57a57f684dbe6a841a948', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '584f7856d02da64e26b8b797765b981ba9201429' }))), h("div", { key: 'd825fd7c81cd524270c9aef203545a0ee96c0ce7', class: "description-list-item__tools" }, h("slot", { key: '040c4051e05ef3fe5dbfb0cd37bb1d53c2aaec42', name: "tools" }))), h("div", { key: '2484790fd02dcba4804912fb5c0fee859126a61a', class: "description-list-item__additional-content" }, h("slot", { key: 'eed20e643f70742967513d9690049b6de819489c', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }