@getflip/swirl-components 0.300.5 → 0.301.0

package/dist/cjs/swirl-radio-group.cjs.entry.js

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3a80ac465bfa355be024d67dfc997681f3866ff1', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '3fdfefec25b1d11896610c8e4871a56f3e17bb59', class: "radio-group" }, index.h("slot", { key: '8d5d6058adf688aed2151fb6bb4c457b99b3e901' }))));
+        return (index.h(index.Host, { key: 'f82eb0ff1e7ff8732edbcafd87f2630cac76521a', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '7ce1a90c5f29d2399f4ac8581d2fa2a1c61342cb', class: "radio-group" }, index.h("slot", { key: 'a181aecb341926f319c50c531018c7664159f790' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-search.cjs.entry.js

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'f867baa30dafa694e189375973b69ee3827799ad' }, index.h("span", { key: '62bb2ef944cb42d3d2bec75c5ab1dd5cd5475bc9', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'a96176fe032074b18d6dff234eb22cb9dd64a060', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'a4844bcc0b4841327500b0ea716e7de4134692d4', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '7d45015ee44044bdf388606f77b37593e27f001a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '2fa532b767afe00feaf1d7c31999ae1a266476c6' }))))));
+        return (index.h(index.Host, { key: 'e5d45423d19b42859c37d8723f6c4761d01f5e1a' }, index.h("span", { key: 'bf261308994baa1c9f8947807b4f0bb7855aa5b2', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '8ecb35bf454180c88fce44401df3e7b0a5490c59', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '19c729319bbe35fdea7e6f9cc6e88ccf8228f23c', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '4941521c2884c3013140a361bbe45d49ceb8465a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'a40f27990e564f238f0b826103f3b2274931699a' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '66a246ab9e054d28f20499614e50e8195171c06e' }, index.h("swirl-tooltip", { key: 'a1279707d823ab3142f7e60b7c204a895b539bfb', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '7893281d70322eb5c71c66ad4acfafd56de2805a', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'a20da8825c9c572be32bd91acefcce96e487e971', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'cf6c44fc3aa965b68eea4b828a4adc89949deb38', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '97a387a5c223671de875050d5a09605c2f186bdb', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: 'e311f694f92a065cefac4485d49dd6718ecc83d1' }, index.h("swirl-tooltip", { key: '956d11bd7d650e3b5dc7744f7caf633f390cc7bc', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '98bb1935f8da901a28d4147d2bef3351981524ce', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'fe5b80378cde4ba899b55171003a1191e0958a92', class: "shell-navigation-item__icon" }, index.h("slot", { key: '1ade7c3a1137b411e6e4ca2caf1b13cf5733f872', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '687078dc61fe9a0ab9472a7bffb342fc10d81c53', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/cjs/swirl-skeleton-box.cjs.entry.js

@@ -19,11 +19,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = index$1.classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (index.h(index.Host, { key: '23da455bc33e38b34976684865dc0051585c3040', style: {
+        return (index.h(index.Host, { key: 'b899b5ef048af5a93a7253b86679d44545c00ee8', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: 'a7226d23181a3e1ea3a824cc37e9ce6e7b2f34cb', class: className, style: {
+            } }, index.h("div", { key: 'b2b008b9f7dfb91cfb6d38badd1cc6f70b0f6ec8', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/cjs/swirl-skeleton-text.cjs.entry.js

@@ -18,7 +18,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: '33f658d65fecfa3e998e6ab4939c298347d55235' }, index.h("div", { key: '4b64453a36dd40f3c5d4fa2f5165d325606d0f00', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: '576de2c61c6b78efcb91a422cd0f43c3a97ffec1' }, index.h("div", { key: '758c258e1b71d648b5cf919912af7d33da6f74c2', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

package/dist/cjs/swirl-status-indicator.cjs.entry.js

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'dd7aa42e04bfe635f19eb514c296d58d5d46314a' }, index.h("div", { key: 'e8a9e556195236874352b78139494663677f0f99', class: className }, index.h("span", { key: '34aaef4a88e2673639148523882d7aaed9c84ff2', class: "status-indicator__dot" }), index.h("span", { key: 'ee372b656c9a3014b3c8a29d744c50089634f7b9', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: 'd8b3a19ec64383becc9ff78cdcbbae1181481bf9' }, index.h("div", { key: '563db4438d3768ef4b4fa71d42bd1b832d6bb104', class: className }, index.h("span", { key: '15cd61b247ee6c23654bc8dab8b3ebcde8d302e6', class: "status-indicator__dot" }), index.h("span", { key: '7d23027bbbfda5a314918d8b5cbc32da7941f3f7', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

package/dist/cjs/swirl-switch.cjs.entry.js

@@ -41,9 +41,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '7250827e3999b342c2d7f62c75d44f9540b13d87' }, index.h("label", { key: '64181a0fdf1b8446c299936d94bd97248efc043b', class: className, htmlFor: this.inputId }, index.h("span", { key: 'f1b9c9f219cf2a2bdff801059474c6280f3c666a', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '5579d1af039528a49ab9e57789092ec4f2bb20d4' }, index.h("input", { key: '8f8bb22334e022037d08726afe1ff21342df0c89', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (index.h(index.Host, { key: '8f255bccd4bc88951c9834b9f8be1c145ef8090c' }, index.h("label", { key: '97d8c29ba3e97195ba83c99d5e16c5a2c7aa2c33', class: className, htmlFor: this.inputId }, index.h("span", { key: '69360f3f113c17fc10eba9b943c299da3faae3d7', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '9f977c34ae2c8b2f70e21e14b93bb3447c92e846' }, index.h("input", { key: '4772b2843ff727c7abb2b54fa1dadda40e2ca459', "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 })), index.h("span", { key: 'ceae17a9104fa88b65bfedf181a27fb8b58abf07', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '2a8c7475a23f02e6b5f93c18fb72cef69923f2d2', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: 'a0f6aef52717b251bd2e37f62b58e8a1c830ef14' }, this.swirlAriaLabel || this.label)))));
+                : 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 })), index.h("span", { key: '5d4d5dd10ca480c3b863c7b862614b019d48eaea', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '54858bc0abd9a3ef7f6db6b2641efdb637ab47da', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: 'db5bed1cb25def8b8a3751afd0179dc7ad6a2df3' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -72,7 +72,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        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) => {
+        return (index.h(index.Host, { key: 'de865241359c2bf741201641d4e06f3278daae08' }, index.h("div", { key: 'e9a6266e4130a650b231d97e197b22672caa1818', "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

@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        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' })));
+        return (index.h(index.Host, { key: '2037d2cac5f6cc280e9b220deb201de3d1a3c7cc', "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: '2ec2d7b8afc11b96148c77c350a6c3edf928fa03' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

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

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '928c4901ce0a82166ae1869bf4e0a6fc455bc93f', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '9fd6853d5ca6f749a1594baae50b800a18f49748' }, index.h("slot", { key: 'a64fd9c2a587f8ea79531d5a145ec66fcce2e1a3' })), this.sortable && (index.h("span", { key: '9b38668da82995eeee2cc1cfa0938f9cce41d570', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'ae88490ecca4a744ed0391f588104c5c88a801ed', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '1c816479d6ed0c695ac6401b67fcc4539a8a870e', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: 'a1cdd0846167d4e5a7e188e325bf9daeaefd1fed', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '2d6ffd6e1b6f34e597192593ea78de45955c93a2' }, index.h("slot", { key: '5496b4565c15a2ad927442c58f1a4de0e6dde751' })), this.sortable && (index.h("span", { key: 'fc76394a478d475590acb7c6f9e79791a688adf2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '16820ff3a99a76a458ecc8c60c4e77fff34c01f8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '6abe392ce6894e4229f7cfa6f0ee59525a7e1d17', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -540,7 +540,7 @@ const SwirlTable = class {
         const className = index$1.classnames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index.h(index.Host, { key: '072ad27c0d91fe202a82c853917575d36f9868b9' }, index.h("div", { key: '30915cb7a92b2f45d0ee3dc6b7af1040d0765b93', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '286a7f9a8a88054c6b330ccd49527495157001e8' }, index.h("span", { key: '9b94d79b0f8882da55b09cd3edede48ca1bac26d', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: '0221127e6feedb0c4f2dc8fefd9f00a08e72e711', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: 'c7afbe0db6e602ff7b7c59c149a2abb2dca39168', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'a02b165844fc9685c158e8115fb90c48ae6e87f3' }, index.h("div", { key: 'c6fd789ad9d5a7e2ba1af8d1179c96c50806e10d', id: "caption" }, this.caption))), index.h("div", { key: '7386f5e1d6f6a1ec1e3f81b4f302fb3026e674fa', role: "rowgroup" }, index.h("div", { key: '4a9c0fb92683cd8530acdb9bc912e9ca080ce5b3', class: "table__header", role: "row" }, index.h("slot", { key: '23fe3ffe2bf0f78684846c4fd3ecfed994a871b4', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '972dcf9e869a187edc976a30bc513efcd3e6a549', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '5610098e443132f5a745c8e345d4e3a03c917190', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'c85753cf3ef5cb3ec2e62b623372d248eb485495', class: "table__empty-row", role: "row" }, index.h("div", { key: '533e9cfebbc9bb4336d1c2c3bba54ccf8ebe1765', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'e9a348686f3c80a33501e9bb85f8c92c068e7fe5', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '09b174be606c7544afc1a0350c34647f250e2887' }, index.h("div", { key: 'c7b8511b628e624344a194729d51be68c8af9549', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'b9a1b656ad1e2fd141f79de2908ae67e8e620b74' }, index.h("span", { key: '66c94d304dd33f5442a79d68e549e32d6402a693', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'a689ca32427b7d052000fb43e73829d56ebd367a', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: '3bc369fd48ef45777b1b5ce58b6f1c17dd5fd722', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '71092e275836c8b76ae38284c2432756d72fee3e' }, index.h("div", { key: 'dc9ec137ceee0f1a08f888bd88457bc59fb3a201', id: "caption" }, this.caption))), index.h("div", { key: '418110d409e637bf9701df1d9a40154db35105f6', role: "rowgroup" }, index.h("div", { key: '8640b794b24888c60889f53994fe693e239b831b', class: "table__header", role: "row" }, index.h("slot", { key: '5f7d6d8389c03c4380fe7409e174c3796d1cd4ab', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'ad304251fc78b54d92d0fcf99a26710df2ce65fc', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: 'd6a34472226e07bd6677c1b41befcff1a6ea164f', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '0487f619a217e2b960e268843dc29276f05be8f0', class: "table__empty-row", role: "row" }, index.h("div", { key: 'a9eefa63d3bb2dc9a6ae6eb00ae124ed7aae133c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '541b0683037dcade368dae9133727e015fb53d90', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '713388ef1ff5eb7d6114a53cd1145169079edf95' }, index.h(Tag, { key: '4b14c27894c47122d5ebdb16bea0dc8023693b8d', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '8057eff74c66a986a47c9978fce2f83ca4272112' }))));
+        return (index.h(index.Host, { key: '588cf8450abc88e10fbcb5c4fdfd0fe2bc9dce8e' }, index.h(Tag, { key: '9f273ae090606167af8df32bc75a745f75d9fe39', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'dfe2e1e0d982b56f1fe8d15f26ee47912451e41f' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '6b3eb6381417fc57320494b85675634ec8cbd28e', role: "status" }, index.h("swirl-stack", { key: '26b7c2f18fefc092f0822a995f1066ef8c8fc6ef', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'bed74179178a76ee81b8cc99f00a0eacc6e65b38', role: "status" }, index.h("swirl-stack", { key: '432034316e9e070b3be979bcc1f064ac62e414a1', 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

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '676e4706190a84cee6b6b6b1800e8788fc1ba828' }, index.h("div", { key: '9cc47f4d3c482c091b95d43b497dd90e12e02528', class: className }, this.icon && (index.h("span", { key: 'ad828f1c327c8ce8628f68ccf7364ee345dc974f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '7cc6eebcf936e40ebf1bd1f661b595a96dd29d72', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'df2debd57ed2aa87b529aa81fda26bd1fc02a721' })), index.h("button", { key: '1d1c2938862a572253611bf226265f3cc3e8ac71', "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: 'a1ea242f9764316d018c37af9c2c55cc0a11a6a0', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'e6378b3539a37a6350557437d8855082dc92b0d1' }, index.h("div", { key: '6e383b3f4c4b3d9dec61823f1e06f2efcc2a7cb3', class: className }, this.icon && (index.h("span", { key: '1da6e96a78e1c110e45257e2bf8255c20a78d7a9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '4e3a6f3889ef8f8ed991554bef7dacf907dd7317', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e0c7861f7cd3e018c4aff3013b43e334c68be2c7' })), index.h("button", { key: '53e9d286e244006efa9967265edab176ff22fd7a', "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: 'e5ac25bf77586d6ddfdae077d0e820dde9f57c3f', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '5416d10668ae2e88c6ea3501184dffe87779b9f5' }, index.h("swirl-stack", { key: '02e4d2a3d41b63d50fa85cbab86ff0a11bfb02ee', 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: '46c598bd3a3b716f28c897669396bd276de3a2dd' }))));
+        return (index.h(index.Host, { key: '81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a' }, index.h("swirl-stack", { key: 'c73865391642535344946625b368891bb5d68153', 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: '5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: 'bb0876790cd15f687658d29771ceb91b8dd88001', onKeydown: this.onKeydown }, index.h("span", { key: '9da9846ede5394a165faa1ded155f88f9760a947', class: className }, index.h("span", { key: '327bbb9753c47e08c0909f2df05aa4d86b5a4022', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '5b5a39b6507808a3926b613af1612b19d64585ad' })), index.h("span", { key: '81122c462ef32fb61185efe4bd796eec600eb341', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89', onKeydown: this.onKeydown }, index.h("span", { key: 'b6ae12ef412da3f7e9aadb80504897feb717f598', class: className }, index.h("span", { key: '8cc43a0ff22d82156725def8b69778d48953fa0d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d' })), index.h("span", { key: 'd52c1d0de7fa4196b5e606156b6c7acc2ef91484', 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: '5bdfba1be1a42825041510626995a68726a6cec2', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '98b85837ac1ab5e8809bc264e67eb6b058837405', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'd6486b3b8b03567eadc72b514c2fa874040c1e6c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'eb70f7d5a40b3ad57d6d440352a69b71885e49dc', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '8ebbf0e179465a476203f35504715220a816b431', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -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: '518eb93c8a043e5b7ef286997360245fbb76fe77', id: this.itemId, role: "none" }, index.h("li", { key: 'c794913be3167e456da5f356c5eb47508f9bda32', class: className, role: "none" }, index.h("a", { key: '2e2bfc6e89f7abb7087aa05402dbe47540557c6e', "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: '3d4ef51a14292ac38e96d10d5457fdb710654a9e', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '0e3e20697a9c650e8a5b093160ba276f95989fd5', size: 20 }))), this.expandable && (index.h("span", { key: '3e67ed430d7dc9f5bfad03ac38639360041d1a23', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fdb782aee9709db0556de1f26360e82f297dce47' }, 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: '4a67bcabd58558df4c2d8b92ab63b819aec33fb0' }, index.h("span", { key: '62d3082df1ce3bd2fd10b431fedfbd8941ee3348', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '3b7e5656d638adb381cf33d4df02f625bc8e3c25', class: "tree-view-item__label" }, this.label), index.h("span", { key: '955fa6cf146cb52081f7f2d063e3a1297c65844c', class: "tree-view-item__tags" }, index.h("slot", { key: '064eaaf4c85aa786c2a05f8ae2cc75b7de698f01', name: "tags" }))), index.h("ul", { key: '024aad33ecffc93fda3fcb46322fdf2c72f82583', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: '41d20f1600cf454930a6b5c3f9015484ad3444e2', id: this.itemId, role: "none" }, index.h("li", { key: '50893313cff01f2b631731643cbca4df13483e83', class: className, role: "none" }, index.h("a", { key: '80300bce973b614c4ec28df291a6d1770590db71', "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: '40214998f6dcb971f98180d435f8e25e3044438c', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '3aec21f677d64c57dbfe3719aa1dcb73ce04715c', size: 20 }))), this.expandable && (index.h("span", { key: '051975e396b9cbaa379ddbea9fd56e73c3b026d1', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '39e552987eead89174c0db2f6a069d53e13e3f3a' }, 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: '854ef9036f6c1e8c46cc32f63c48d3606f9d651b' }, index.h("span", { key: 'a120297ef20a63aab2131da4ee3062aa46283f07', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'e8a782b652b8dbd13265895de2c8d2cae49cf104', class: "tree-view-item__tags" }, index.h("slot", { key: '5d997a72f3513a1edc127a56d911d4ff70a5829a', name: "tags" }))), index.h("ul", { key: '823a2819c181b6582c2a4410ca8d8d097c32c399', "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: '814f3a933e378e6bdc35f8a29f73c0153a1e0c51' })))));
+            } }, index.h("slot", { key: '08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2ff064e5a88a606e7f1087795d7e457dfe202845' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'ec65e0428e1c7d1ab62c6e7374c91ad8cd574db9' }, index.h("span", { key: 'cd46892755c70c34ccb8ec3d28e1fe23c757ec62', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '6ca7397859686915e35264da904cda878587fce6', "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: '3897b33fecb6fc620f8b248f6eaf2ad6e27ec7cd', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'fb8d4895d37cc0e06b72cc278f83a70719604b99' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe' }, index.h("span", { key: '3e3fec89b78cf756eaac54112e0322b04ecfdec9', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'cf797589426c10f03c61aaac92a6ec38c58ed451', "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: '8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json

@@ -36,6 +36,7 @@
     "components/swirl-popover/swirl-popover.js",
     "components/swirl-progress-indicator/swirl-progress-indicator.js",
     "components/swirl-radio/swirl-radio.js",
+    "components/swirl-resource-list/swirl-resource-list.js",
     "components/swirl-resource-list-item/swirl-resource-list-item.js",
     "components/swirl-search/swirl-search.js",
     "components/swirl-shell-navigation-item/swirl-shell-navigation-item.js",
@@ -290,7 +291,6 @@
     "components/swirl-option-list-section/swirl-option-list-section.js",
     "components/swirl-pdf-reader/swirl-pdf-reader.js",
     "components/swirl-radio-group/swirl-radio-group.js",
-    "components/swirl-resource-list/swirl-resource-list.js",
     "components/swirl-resource-list-file-item/swirl-resource-list-file-item.js",
     "components/swirl-resource-list-section/swirl-resource-list-section.js",
     "components/swirl-select/swirl-select.js",

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '9cff98602eda48461c08f6f4d1cf441cfa748293' }, h("slot", { key: 'b6a3a13c116008491146d9f5d392ae99a53bd4ee' })));
+        return (h(Host, { key: 'db1f3a5749e20cd8df3f1d4710cd9bc086002d97' }, h("slot", { key: '72dbe96f1e8e7cfae49a40b4a73442fe9a0fb421' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '0264672b7f8eca9601baee343618590fb03b9749' }, h("div", { key: '045aaebff611ba6a8467764fea81635733e844db', class: className }, h(HeadingTag, { key: '4f4af64a06a46eff3dff3aa6156e1e3f5fd44d3b', class: "accordion-item__heading" }, h("button", { key: '9969ab5c94d147164744bace3036236550c3d8a5', "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: '38e72e00b4b747fbb667352387a436ff61b27e5d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '126bca923d8f3d428b22f69c6938cc7eeaded46b', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '79eda77f027686b371833b3ca3b45d54597d85f3', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'ee1bef3be8e064f4b810b04fd09c2e2470f82f52', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'f7b229a5dd3098f63225889c7eaba974ce84fd51', glyph: "expand-more", size: 20 }))))), h("div", { key: '04d2dd52b2b7097293f06e67ab8ae6491e9867f2', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c223f29deac7148a2f8ea3c1f258c0f273736e17' })))));
+        return (h(Host, { key: '37e305bc643a6b5498a6005fe6cf6c3733596e02' }, h("div", { key: 'd802208c08ef5969e5c8d140594083703558d8b9', class: className }, h(HeadingTag, { key: '5c7d5be9fe17e0728da5ea401d49e40339a2fd37', class: "accordion-item__heading" }, h("button", { key: 'eb5b31d712d25a72b189f4a1c2411afd6d56191a', "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: '9fdbfbee31699410579315f53a6557411a7cbd9d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '70c986f9b3e26fb4998b2acae4e2a170c8d8c0b8', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'ec1fe676b6e8e09b1edf98a136ba1d3df7e2c912', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'c7725c1a2c3d2fea9ff8311b75003c9b0ed9ec3a', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '77e8e3a17ef1cc3e6f34b4723e637f416932e201', glyph: "expand-more", size: 20 }))))), h("div", { key: 'ad9e8759afd5cb49cb68a9bce0f61a709e4e6c4d', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2de0da2aa2cf446288f30468ca061b3f8665cbb2' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '073cbd620c456ca52480ca80d137d552f2dc8aea' }, h("div", { key: '169943abeedb9ee8583c15ca41380a442c9b7da7', "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: 'f65809ec2ad102a7b28fef4f05195c9d936f194b', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '6f26bfaeafe7cf4b16449dc26ab2031afe994992' }, h("div", { key: 'fe3afb2618a65c32a73172c7dc67da5d932606b2', "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: '077e112437ff9f99e6ad40f7e9b4faaea1d51c81', 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

@@ -10,7 +10,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '017a3a23f99ea6f8225b03d480141b2ec67c8f57' }, this.hasSeparator && (h("swirl-separator", { key: '8c47a63250785078b8ad66b4ff244eb34a022411', spacing: this.separatorSpacing })), h("div", { key: '92789d99121a27a78ac737537f6a1db7f2b638f1', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a9ec066daf1fd3711adad71079e1bff5243fc918', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2b1ef7ef825b7144e4597aa5fe9a5625e8f56356', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e28989e2646eaf69dd5e2e99c4c78765b083d63a' })))));
+        return (h(Host, { key: 'c21789533d2bf67f84804656811fc60f29acbef2' }, this.hasSeparator && (h("swirl-separator", { key: '574904df2d024facc474a9235bac7ef34ce668f5', spacing: this.separatorSpacing })), h("div", { key: '2564250201d3b5218862ea27cf31af8d280e886a', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fdb414f40db581d3f760bdc00ea6c6bf46e51b36', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '10910a2fe385cc3b7befe58d615bf4fa2a559675', spacing: this.spacing, align: "stretch" }, h("slot", { key: '72986152501d4574060cc8edad861f0275df353c' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '4c903c83af417365577fa87cf0aa4311c5a88b4d' }, h("span", { key: 'fe288c3715c20fa504329100d08faa2027723204', class: className }, showImage && (h("img", { key: '7e6ed8864f1551bcfed28911010f952b67659e74', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: 'ac54a7dbb1b26d035a9b24c63667c21d9b37fec7', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '0246597746c262c48608056674b0e92ae871f916' }, h("span", { key: 'bdeae7d24e621180fe683db98d11d3af78fc35d3', class: className }, showImage && (h("img", { key: 'fbd3183b1868e235cccd82ef8395e4e6a70b9bfe', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '25aaa4c3612eb7e668e8796bde4d0a25e7670c3c', 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

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'fb3cb2a0624d4881066f5f4e57e8fb34e1647c22' }, h("div", { key: '33a91fb44f7cb809b95208e15e4be35dcb594471', class: className, role: "group" }, h("slot", { key: 'b1abd4bdec6fbdbc61f5e0d23b071a433470b51b' }), this.badge && (h("span", { key: '404c7d9c24cf23b78db1b93674c90a23672a5f92', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '6a6a87484916f4341bee75573255a70c04e7d51e' }, h("div", { key: '9cc05ce558e9aa6cbff457cbe5af38ec12e1df72', class: className, role: "group" }, h("slot", { key: '01cccb097c967e19657206b92b8c4e32409e03fe' }), this.badge && (h("span", { key: '6a1dce168468030d60280364483e5c83e8a48652', 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

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

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

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '9ffb9eadfac1ba43526029c86cb00adaac24563c' }, h("div", { key: '3c2e9de2491ed37d8e8be37268273257d1e2d411', class: className }, h("input", { key: 'cfe1bbe1a6325444ceaa7eea90b21bdd5e14473f', "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: '7f0df3f92741786b3d88aca004fd6ac190009e81', swirlPopover: this.pickerId }, h("button", { key: '0788b4084fcfbf1e589b3e472c50943f4dd3dda0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '4654ff5bc5df257853068a43bcaf52d02097df71' }, h("div", { key: 'e53f99ef8f3b2f4ec1b53d79fb5d7dc6c201f46f', class: className }, h("input", { key: 'e868bf74207fd39366e7182942e51e377f8f51a6', "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: 'da79dc9a8ad10e420d9924aeaab92969ab342909', swirlPopover: this.pickerId }, h("button", { key: '268c45d7a455c1682e1d40da424f66ed29de9c72', "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: '1191ee416639ceb294db4ff68a2b5fad3f7875a7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6fd8df1d9759e6c731ea2186668cf6311a91e684', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'bb7bbcefcb9af4b731fb65f95648bdad5d6e8789', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'e3df1808566ec26d254a993afd897ebe8d6149b9', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'acb8684dd6b9130cbe6b69f82cd820f7a54a0c10', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'fbdbe7bcb65c8c72cb6a454d49b7f0b96b833f0f', 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

@@ -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: '7d84713d661b01ab9738f3291ff96eaa6a4273ce' }, h("div", { key: '8754e2c5d1766c79aff4c1b709f3b05af3876913', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'aea06629c8c6a677145cc9d7311d54ae6bf3814e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'daa0cf42d1375ff237ac0dc8bea348585d0fbd9d', class: "console-layout__header" }, h("div", { key: '5f74538291111b3bd781db2026ce2939f88fe451', class: "console-layout__logo" }, h("svg", { key: 'c109ed9e44eb7ac0c4b18b16137e6e74f1904198', 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: '3f6f1ea12dddef5b75481cabf8e1dca4e67c3611', 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: '84e8d994bcddb26c988f53d627f99ac7c26eec41', 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: '8ee9f006367ec3317502145886553cdb51e52741', 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: 'e79c1f09ce39cbe81d36e12c9ab0c68006e310a2', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '1d684eadcf74a9a99f44a9c297c875b911e08af6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7a12b178a2d3e756843dca279cab290573964f9c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'ca9dabbf618c10f72d9d7a4165f3858fba133877', name: "navigation" })), h("div", { key: 'dd1aacad46bde5802170fa330dd794d806602cdc', class: "console-layout__user" }, h("slot", { key: 'a69cf69641fa93d312a7f7b6f38c03048849495a', name: "user" }))), h("main", { key: '17310d42d955b58a567ac4ba28f143ee1b7cb131', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '4052e37ba1cee80ee072eef3e211387fdcd17722', class: "console-layout__app-bar" }, h("span", { key: '9f36760efc5734ef49176619776913c8dfabfd80', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'cc168be13732135fb671f4e15e0e74f62d2266a2', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '2930f06b68c33d1db6855891c280bbce497dd17c' }, h("div", { key: '5ddaeabea14f18f899ed990afc716eacb8c7b62c', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '5e7de012f1cfc72dd0ba474e8e3d88ac119db61f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '969d6a43670e3651f4661236c3bed399b2270dd1', class: "console-layout__header" }, h("div", { key: '85221754e4758d44a76a83a864f2a2dfdb80da0d', class: "console-layout__logo" }, h("svg", { key: 'b4157a22b7c7ce3a7816d358d636adf88f2eb93d', 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: '48a13a5a1a54067acda2c0e35dcf3fc7c906b331', 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: '255a1f728532628142a1a5b52de834e708bd495e', 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: 'f00b94ce8503b2373808a26cdad25acd44f88eec', 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: '4d79ff3e641450b41e7b41f97c142dd26e2cf98e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'c24e4f98b264c47ae390ee45c184e29bb646fd46', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'a6916364a1623f7b1c110f747ce07841a917fc01', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6d0dc78e8fb7788974c75dc84bb2552b7fe7603e', name: "navigation" })), h("div", { key: '00b375997d155a2dee1352a95ec766d3ceaebca8', class: "console-layout__user" }, h("slot", { key: '4994cb603c0245d936d874eff34404971525e82c', name: "user" }))), h("main", { key: '07e5d4d28f4173b6bb05ae0bc1c4438a8b161d30', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'a1303fe7a17426ee93b3ca19ed64ccb0111f20ab', class: "console-layout__app-bar" }, h("span", { key: '77447e6bd15a556e01a7ac798f090b8d3ef3d6d9', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'fa687d8da6526543c2d5633c53489b79d58b7f74', 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: '594f1559a6945fa022a1bbc0e9e23eb9b9c10246', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '086e29e51cbb6b49c5cdcdb282a57413e306808b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '54fc7dc576b9d03f0785019e3ad89ab4d24918da', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '4f364d05afa78d85dfb3a2354eb983bbc1fdbe51', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6e102cca5d7c37b33b7ecac7fd4c147448218bd6', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '9774ea160ef2170f3398aab7ddd91e14f02e8536', 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: '25591e3cd8b8b5bdf5c34766a096213f2df3bea6', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'a86eeda0edbb2fef9e054bd36dfa598f69ec054f', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '1d90d23b208e672c54a76d708da90a4f5ff74477', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'f5d13e6a40c9450805c97d9ae1160b5a24252c2e', class: "console-layout__heading-container" }, h("slot", { key: 'e95749f40a3e6a262640720c42b551cbe51a1832', name: "heading" }))), h("div", { key: '1ccceffb16475cd749c16998edb62de07d3a089e', class: "console-layout__content-header-tools" }, h("slot", { key: '78b1b4c1656be1a485262021d6bcf70f3abed547', name: "content-header-tools" }))), h("div", { key: 'ae50835209f0725b0dbe36daafa02761c744a0cb', class: "console-layout__integration" }, h("slot", { key: 'cb5d853fdbc36e3396f2f522df433e884bd221a8', name: "content" }))), h("div", { key: 'fb385d65ac86efeea1dea4a8e48a65472e3c20d2', class: "console-layout__overlays" }, h("slot", { key: 'a40451bc96c34c6a04510fe666e877564f21d1f8', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '027af1ac154e515c553b4a08a5b0258970ccea6e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '46b272c3ef561337958f50e794721ad535a4ecfc', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'f079a7ccf28b30cbbbcf8d2e80100fd31a7fb5a2', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2e2c21343e7236b5e66234e78d823362b0a34000', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'cd02c31bc8aeb3e96e2b442fbd2146b5e5dcf817', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'b3edbabe38f90cd717cb0d103093f6c36aef00d2', 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: '3d94304a3b44f8af0fc96ca1f449139a512d3f50', class: "console-layout__heading-container" }, h("swirl-heading", { key: '8cd396bfaf0131ec4d6d1a9c26b14c8fafaaa011', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '6e17f790cdbfe866cb621975ebca6a440d0ec3a0', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '3ab23dfdff94a02c030353a19c53e17a49c9324e', class: "console-layout__heading-container" }, h("slot", { key: '4ff076e14ebf81aedb7cc34dee46705abfaef646', name: "heading" }))), h("div", { key: 'b904d511047d70d8664a3e270ad711e58b8529f0', class: "console-layout__content-header-tools" }, h("slot", { key: 'fa85ea3ec1f299ed0f3fbe692e404f5b7f9b29bf', name: "content-header-tools" }))), h("div", { key: 'd3b227b1f377f14a5d3ffa651d28875ea795eb48', class: "console-layout__integration" }, h("slot", { key: 'e6b82fca5742dd779aeff2e26230dab84a17ca45', name: "content" }))), h("div", { key: '0c2bc71ae51433fb8ead80e88997b56723d64d6b', class: "console-layout__overlays" }, h("slot", { key: 'a4b78f102f28ec132660595c4382be2dff207b5b', 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

@@ -148,7 +148,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'e68974e0b55970dfa8e90c3c1f1f6260b7c26d97' }, h("div", { key: '20aad617e47d672e4c88e5e70a1f108c1b798fb0', class: className }, h("input", { key: '8654f6689eda071ec65e68d61cfd43459242b8f0', "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: '172f39eb52991d639991399f0070bec3af10390d', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ece8b03122d9412cc7add92ba5d39fc13608a1a2', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'f6754c856d7467d09585dfa763e2ef2581f35307', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'd1f649a5cf929512e6784f4dd1c228289a0f999e', 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: 'da2b74bfaf6e98678b217868f142f16b299dc12f', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'f2846a9c317e1b2a1038ce4180003efac74866a9' }, h("div", { key: 'bac876e674e4c392176a3d9aa8a1369692269b65', class: className }, h("input", { key: 'be3af9bc5270b71adf63fadada4c90918d13a427', "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: 'fb60b1ece26328e1640e7c5986bdc6c402e2e942', swirlPopover: `popover-${this.id}` }, h("button", { key: '5e4f36348cc2455f67d97cc8512d5c2b8d5a2cd9', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '4acf57324758a10686eb990c29feb7ac8ee4ba28', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '936059760783b67c2be6d304c4306b829d2a6343', 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: '2e8c1c7313e2a65404ceab0819e405cc875d8053', 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

@@ -36,7 +36,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '9f36d2ab9815207c7e0c6e251c1392707f7660b4', onClick: this.onClick }, h("wc-datepicker", { key: 'd3d6a2497a11e8f8a14c91da8a18cb64158386ef', 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: '34595b92f9574193761a219aefbc332d7f7acb04', onClick: this.onClick }, h("wc-datepicker", { key: 'e80a3d474525fe05d5044232fe57a6fb505f3ed7', 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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '55ef30ce2d39c75b44efcce8eec8fac0b9179092' }, h("div", { key: '7899dd83d8ad3eb8536623e59001d336a7085882', class: "description-list", role: "list" }, h("slot", { key: '3e17306503b6600983d72b4a2ad83ccb438947d8' }))));
+        return (h(Host, { key: '77f44467783c3520556f1780a32c8f49872e51df' }, h("div", { key: 'fe48a2adcfaa2f67533106b2e9d039cb072b2212', class: "description-list", role: "list" }, h("slot", { key: '657b97156b33a29619f787faaa9d1b9cfe029102' }))));
     }
     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

@@ -20,7 +20,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '0f8ccd4f55b867893c31d9ee140c8c83224c42b1', role: "listitem" }, h("div", { key: '04d454a0b2c964234da9f539af06445ef2c1f8b0', class: className, part: "description-list-item", role: "group" }, h("div", { key: '71a732153752e508d02417150519c45e55140e96', class: "description-list-item__inner" }, h("div", { key: 'ccbd936cc178bc55cb3b5d291d201d3e199264c6', class: "description-list-item__text-container" }, h("div", { key: 'fce0e3f8df0471d60e438a7a065915454f021d34', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '26d8061de05012ba4934a3930d4898ba5468d75c', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7e693ea0a45c90f709baf5fc5e6c9c74542641d7', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b52deed1096afcba8f75c9cd94dd58af6a24d15e', size: 16, tabIndex: 0 }))))), h("div", { key: '829e7528672ba88adf90a35dffdf8481a0a41ef8', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '608b6afcb1c126861424dbfee17e81e499a13b82' }))), h("div", { key: '553c9c1c193fb680779e92cb09122bd94d099296', class: "description-list-item__tools" }, h("slot", { key: '459525d84d6a8bde6f0887d63b564778558816c7', name: "tools" }))), h("div", { key: 'f98779604772ed9369fdd0917d0b1586c55dbc04', class: "description-list-item__additional-content" }, h("slot", { key: '30b270d652b45e960e05ed53ec5f4b319aed533e', name: "additional-content" })))));
+        return (h(Host, { key: 'ef87fabee3c2e08ef346ce403e5fa1a5214f1973', role: "listitem" }, h("div", { key: '87fc0409c3a7ed8d3e7f065f1f95f049805577e5', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'c2526a4b2669f3e67eb2ef630f05883c77011306', class: "description-list-item__inner" }, h("div", { key: '7681f1f15ab1749e8fdbed8b1872ab13fffc9bb0', class: "description-list-item__text-container" }, h("div", { key: 'cc691af6b66c1f8ade682d1d96a0c109f03adfd4', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '4944b1ecd2bcbdac3d6b839650044881a65a3626', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'dbf0323f65790d3745e0930c982f59baeb706f36', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '296edc050545a74a3bb428c5fddff8f77b9a6398', size: 16, tabIndex: 0 }))))), h("div", { key: '105f080374e57edc4f0250a735752a0d47e38b1d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '9ec8d830e1bbab56145f0894fd7ed565cef16b42' }))), h("div", { key: '4844cf3296b8d3e7f26260a4688864c85758e610', class: "description-list-item__tools" }, h("slot", { key: '46c979d5eb7d5c011b15b8f8ecf8c04ae33ee2d3', name: "tools" }))), h("div", { key: '08a389cff023eb7fe0b170476455247326b3bf8f', class: "description-list-item__additional-content" }, h("slot", { key: '0adcf256c60edf0c67dbe7f7b97f41202dac5b8e', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-clap.js

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'b17b21c4da379292c2f3e0936c075648f9831180' }, this.size === 16 && (h("img", { key: '270b8a25b87062c9e1b5d467e1f65c8040c5ecde', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '8bee5d854670be4ddc1712dd8617fc2687d72929', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '55470eae3513f4f141c2c2b5af8d4be8eaafb140', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ad95040589f725553d1521860647e11bbccfdf0e', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b00619fd9133d5e7b9adf57b375e10db9b931846' }, this.size === 16 && (h("img", { key: '9aa5511ea8aa6d709514753f4a9a9c7466b776ad', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd8b515d61248eb176c0265f27641e0411d250b62', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'abb6d85465a1c7a78a933a3129471c9801b7b5cd', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '8e7cf80a5757033902e3f4d09b933b76cebb58fa', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-happy.js

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'a03490bcac7f28d53d50528b65dc094b7ad3869b' }, this.size === 16 && (h("img", { key: '77fb2ff8c6f30a643eb46d153dc14137d57ffc5e', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e6a706f214e3a36a454162cc346ff3a2d721af53', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '2beeef13c4f95ddf91725d8205dc54a7a63669ad', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '777eae506b7a52d4de4fa197ea06bb6b94d2c825', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '561f53a9b0d10be977cff032ad4346e14ad3c3de' }, this.size === 16 && (h("img", { key: '4dacc8ba1cbafd46f91b0dfe6ec5105c8a4d427f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4187f6a4b166b514ed7bfef0f51f257e3d4782a1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e2f289ee9e129f7e8353a768ecb923e384fcb130', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '29d6700c836704f4fe3d469fab8bb43925d02fa3', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-idea.js

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e1240e0b6668325bba63de458195f83d776c369d' }, this.size === 16 && (h("img", { key: '61d9a35ff4add8a6b4119e038faa7e5a3f776010', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '6d6318c264133afcf4a809134648dcab76b819b3', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e542413052201b22b01fc5cc77c3f80accfa4fb3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '5e73f58a1c54e410ea47af99def5ce2a43c8fd9a', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e722d46b340fd7d2562d151a47f09c9bcc7137f0' }, this.size === 16 && (h("img", { key: '9d7388cfd0f7671c8b6f2a17c2e299ede3279ef3', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '8cddc31216cba7da6cb1923ceb2e87ce449a3efb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bddb959e844c13959b2b63ac0eed1e7cbc0b92b3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '532125fc6b853fd3cd79a0133f0d9a34d8b7cf12', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-love.js

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e722d46b340fd7d2562d151a47f09c9bcc7137f0' }, this.size === 16 && (h("img", { key: '9d7388cfd0f7671c8b6f2a17c2e299ede3279ef3', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8cddc31216cba7da6cb1923ceb2e87ce449a3efb', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bddb959e844c13959b2b63ac0eed1e7cbc0b92b3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '532125fc6b853fd3cd79a0133f0d9a34d8b7cf12', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-sad.js

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '6bacf2cfda4bc8d427a1f608d2bb929d3d8f5342' }, this.size === 16 && (h("img", { key: '9491dc7692ddbc73b0ce926d08a9c0dd891b8877', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '28cc96e8caabd415718141497f9b999710eb1ee8', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '85af3d98fa66cdc81c0ff04aa7d6a8116db9d033', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e3c00d9347853708717d815a5bb869e125776d2c', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bbe77625773e9dac97d98d9e4af3a98baa962a34' }, this.size === 16 && (h("img", { key: '7141f3f01c933953e3ac257868c6ae5cf9d0a6cf', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a3583de20d1e6f767c429fb0019dfcdd680e431e', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '72aef588dbb621f1860201d3bdb2a4353c61ec1e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd638be2b2363979aee3a363af449a4c82cf3bda5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-sad"; }
     static get encapsulation() { return "shadow"; }