@getflip/swirl-components 0.429.0 → 0.431.0

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

@@ -54,7 +54,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '7fea68476343a3a1036bcf9f7594a6e1a79cff8d' }, index.h("div", { key: 'fbffb818800e9a1a09d152b304247d2d4f142011', class: className }, this.icon && (index.h("span", { key: '3dd08af863ab3e470b04382280e48898b1855df5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'cb7f747663e9abac62571814a39d4295e33cba5c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'fe656f4eb9dc33af885d7b41f8a1b846bc1e5649' })), index.h("button", { key: '974e2f354db147b74fd5e88e4fb17a8b611f1fa9', "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: '26d3e2c61a864953c15e1ca071a00cb33bdc412b', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '5a55709347db1f823b79c7f1821e79eb7624a856' }, index.h("div", { key: '19cdbf25bc20867ea12cc5f8bb1c51f6e99348d3', class: className }, this.icon && (index.h("span", { key: '4e2c9b17fcd454ecb2a789442443bae2cabec65c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b6176ee4b5655724e3725d16d19f399899b40632', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'dc1302aaf5dd025c2b3df2c2662e30a94c3051bd' })), index.h("button", { key: 'ffdea30452398e98ca2c9a2994691ee30b723e8f', "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: '3591769c0e95d869a93e7dbf8ded6a8ad0abc3d2', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -17,7 +17,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: 'c905bf947cd049000c3ef6c379be068b62a73d27', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '89fc49049f5f5348fd0cb51740833677e29dff9b', class: "button__icon", glyph: this.icon })), index.h("span", { key: '6012cedd7995407cf52f8c8c66c387477c1eaf1c', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'a11cd118821a3402a9179f7613685491ac9106cf', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '50dad24f24365565e8d8403cad9fc6cf0b9c49de', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'afcf90645c669c81e47c67eb22f3eaa29f1d7d99', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

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

@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '53d1ed77435d8b176d2ecd9f17a91d7ce898089c', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '86d94274de5474cd95c7a8e9bc00470a769f0338', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '27dc0aec3edb6aa55ce5583e99c76c8a0afc0a6e', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '26bc3a6b1d38a4f8107bfea2d8fdec4cf0b98b9e', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -71,7 +71,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '68b45bf033f288bfcc91816113e4a9dc1ef3969f' }, index.h("swirl-stack", { key: '5e47332dbd0f692c105a8271b381b474e87e6a79', 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: 'fcd391ebc21c6b829394c28b2968c5007f3be389' }))));
+        return (index.h(index.Host, { key: '5adfaa377ddf1d344527d6c6f46542e657e6d40f' }, index.h("swirl-stack", { key: '8851a9980e2587bcb9924852046422a91a681f93', 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: 'dba50aba22e9dd1f9c36d15682de06c9b5f77768' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -142,7 +142,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '96bfe5772085b0355180e0a5529ee02826958de1', onKeydown: this.onKeydown }, index.h("span", { key: 'b3a26fc2aabd2446a460e3e57e869d3c53e94df1', class: className }, index.h("span", { key: '16e9df7f2d679688ef70811871a96a7f2f0de121', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: 'e8f975020ccf67878b639fe9f81d8db972b105ed' })), index.h("span", { key: '308db04b1ee01609715fd9402525ff800c400ce1', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '62242ca0238a1cb072fc0253b57732bb6fe8ba1d', onKeydown: this.onKeydown }, index.h("span", { key: '4613ceba81107da0ad513184b72628cef5e889c8', class: className }, index.h("span", { key: 'ed854da20f19bc50077926a2fd28297113dcc359', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: '1302b8ce283daf7e2f1357b2f595bf9cc3038d5c' })), index.h("span", { key: 'a1105e62cb7154e9818c7d9db5cd1625d2519833', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -151,7 +151,7 @@ const SwirlTooltip = class {
                     : "",
                 position: this.positioning,
                 maxWidth: this.maxWidth,
-            } }, this.visible && (index.h("span", { key: 'aac57d3834798bb48566e23911c810237342d18c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ac370eaeca8aa321ee1785f557bf0bb0db2103bb', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'c60fb13d7681cd5de23d9d8ccfc17068f9201468', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'b039c561fac0504934448f157417c8dca033b0e1', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ef6ab50e99dd78d3152a1cb2068ac3a3b6081798', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '087f97b8b1a01cf85f841089ff5d2d2e7bff6746', 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

@@ -90,12 +90,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: 'ce6654c66d27d65fbf7e7f1b2fee6b028ff9b329', role: "none" }, index.h("li", { key: 'd857185cabe951894ffef8f0c2f2a51cd7dd1ba7', class: {
+        return (index.h(index.Host, { key: 'b81fe46aa6ba33ce8a4d41c64928082263a244f6', role: "none" }, index.h("li", { key: '6a74ce832a753f92690031923b8b9f1a8425651b', 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: 'a89b28fd3e99266bbcebfa4d041309a7373f9691', 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: '31fb67bfc163e6c3e069fbeca7617b455c78bb8b', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '80887dafdd27cde020c77d108cc458410bf6f32b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '91bec2438543ab862d0f9b4af2d3473339cd7fab', class: "tree-navigation-item__label" }, index.h("span", { key: 'aad5c2e6a586d2342b977f3319337d5139d0a5ec', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '9d6d4f676c1338681cbfee5979c805adf11e7ea5', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'a70dcc3cd355b85581f2c8b7dc926d9842b9ef6f', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'b95c44e39714f1bbc3c0e7256b31e7b53a294c91', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '2e353e357e4e70f4b73d8871204a1ddf9c0c8cf4', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '1cb6466c3f8ef44beb19ffb535e1e8cd849ab04e', 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: '0f75a02bd00e5e102e1c6c8f273d08966ccffb80', 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: '8e4bfb45e91113eaa4bea2109da82c8b4343b82b', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '61260e54aea4ed1bf53e75c00a9625df1cd2d477', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'fc34adc5ed6a8421a462dd1344a2e5e7ef5ab6d7', class: "tree-navigation-item__label" }, index.h("span", { key: '476577de1590687ab6349555dd3fdd808020b759', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '1f19cf8f45409b4f7e868e265f1859dda6bf2080', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '62d02a801266d1ca985d95d6a6891316a9e9c90d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '69b4040e2b59232461120cb40b45eaae6161e3ea', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '23d530a2d8f8b8c776f7c21851a1d3ff09762acd', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '2130be57445e1c9ae91e4eb0bcda3a7a7fb004a0', 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: 'bd7a63e6a335ac6638e00bde55f08da979fa47bf' }))))));
+            } }, index.h("slot", { key: 'bc7a59677b66d8179762bf3d67fe13b781e747df' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f4297f6f6746f1775443188a757f6da47a1d8b50' }, index.h("ul", { key: '117c1a974d5f157070a624bd59f33d91f4034a5d', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '5376d8053f37ff7694137ced4ecc442c968c3775' }))));
+        return (index.h(index.Host, { key: 'd21a8cbfab40de12176247f0c1543b04140156a8' }, index.h("ul", { key: '8fc19d1e7061769c31b4c1402845feb46ddc6ea4', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '65ddba75ae00ad732355369a2f08475a3a57d461' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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

@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '85e75eb2f59216e51173b3be1bbd5ee7c77e4d5e', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '873f1009d2fc31ca6405ba8680eb9c7ed52e6237', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'ddadb7672ced5d49a1889c207ed5414fe843166e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '8f664f81b897909315fc434873585fefcbf8bc0b', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '441cfdc23be74b30cb6e0f8750f52de71f780682', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '3b59d73c034d4e89477e3e3c9ca8f8f6f9eb2267', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '4a19b915e35d9792020eeaae8f6c3c1541683a75', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '6a439888a065b56dbead1a59b88fff795797e8b2', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '316317a5c271899435f34345d262cf585d2f5f50', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '0b4577f22f88f402c6dc408f1cd77e4bd7c5f769' }, 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: 'ad5645282c3699345a4c286e989b17f81312663b' }, index.h("span", { key: '3549def1d7f07c0ae74957be4ae884a867ecdfe7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'b4754d092b4cd2772ef5469dbe16b03b8417c022', class: "tree-view-item__label" }, this.label), index.h("span", { key: '942a98ae9ddaf1996ae7dbfc86cdef867a562cdc', class: "tree-view-item__tags" }, index.h("slot", { key: 'ac063ace7e68e1eaa9139fd2bed11872475888db', name: "tags" }))), index.h("ul", { key: '6e68c5bb3011f85db3194d1ce2ffb59696e108de', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '89f30965bf5fb40e74001c77d9e183a284d23a60', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '75e0dbc26bdf5f671040c4cb44323a9e9d306b36', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: 'e9b45aaf81687645ceb8aed306c01101dfc865a2', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fc15cc2178709f8dd18c5a7e325661f31abac47e' }, 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: '518cb90eadab26eaef4d93806600e21b230b1169' }, index.h("span", { key: '91339b7c5a9777d06dd2076cd34c3bb9eda66df3', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'ccb1584c159f9c779c102fb58b30a6a59d02d7a1', class: "tree-view-item__label" }, this.label), index.h("span", { key: '0bf445aa021461f3ed70aa98e2e9c73e50418c61', class: "tree-view-item__tags" }, index.h("slot", { key: '4d0a0b8a2400122225f22dd0fbf57779c2f93504', name: "tags" }))), index.h("ul", { key: '23b317a9a93ff65e8d86c4cdfe6dc5acb3aafcb1', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: 'f85be0b35de0af062619dd7d2503b9a167122102' })))));
+            } }, index.h("slot", { key: '69d9dd341d8ecab85b29021a1bbb2716e745071a' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'af212560933d4d25aed5c8c6ab29dfbf099191b0' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '3fda34a2bbed2db99dbc4093305c7e97fc11decb' }, index.h("span", { key: '7ce4fd8428123b8ef3ebef6d0866fa20a6b6d068', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '341bf102916bdb27bff6b93cd70318035660897c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '6fbcdae5396114941da4ed4d69427925926d3e6b', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'd8b237c17eea52b96168d8d92ff366d006cf881f' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'e36f128b86fddbcf285d772b84ba7866580279f1' }, index.h("span", { key: '4f9c49a63ca854d4ff73c60fdaa0c471ad84dac9', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'b6e486a052bb72be3df67e8c161c6a8491cbe9d4', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'fafda7967e4f9f8e28c0fca4eba209d095ccc1d6', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: 'f4b5e892518fccf1e1959544fe7bd15afbb0d44c' }, index.h("button", { key: '5b580350e9154448b3d21c3c860e89d02fcaa8d9', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '3cba6d9df87c09717a866fb5a93bf814a82c50f0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '53a3a4e6381d041c658cb0139aa71b5b8b01eb98', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '88b4da4deb1606b86641273dca6984e8270b3053' }, this.durationLabel), this.duration)), index.h("svg", { key: 'ee06d6f9ef41acfc1dfd33f0b16be1e7d6f99a03', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0cfe8ddf2ff49220089e53d3e68448c782a0e328', 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: 'fcce6d404f815662da72d8e7c89ac892211b8790' }, index.h("button", { key: '4205f57bd5e74cd71b8e1bc1136e98cf09741213', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'bd4c130410267ef9ce4509c7b0235d9d9cd76950', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'e0085c565e55750af22a6d6586a6644551800f43', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '51b1cb7d36e320207ab8d378606521f62e13e916' }, this.durationLabel), this.duration)), index.h("svg", { key: 'dc4b36b99392ae2de8056081ac99d9a077f92ad6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '989cd2fd4e500a231e8b76f1280daba9dff25f37', 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 = swirlVideoThumbnailCss;

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

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '90076cf37baa0aa32be3f1f6b4900fd2d672b95b' }, index.h("slot", { key: 'bc644b9f81e4945abde8107bcddc0bb0ac2f12b6' })));
+        return (index.h(index.Host, { key: 'a9f0288674b308a134c42926e765781a6ace139f' }, index.h("slot", { key: '085f4bd3f915b209196b7d1694bdd4f3f6e39680' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

package/dist/collection/collection-manifest.json

@@ -93,7 +93,7 @@
     "components/swirl-file-viewer/viewers/swirl-file-viewer-text/swirl-file-viewer-text.js",
     "components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.js",
     "components/swirl-file-viewer/viewers/swirl-file-viewer-fallback/swirl-file-viewer-fallback.js",
-    "components/swirl-icon/icons/swirl-icon-close.js",
+    "components/swirl-icon/icons/swirl-icon-edit.js",
     "components/swirl-icon/icons/swirl-icon-add-moderator.js",
     "components/swirl-icon/icons/swirl-icon-add-photo.js",
     "components/swirl-icon/icons/swirl-icon-add-reaction.js",
@@ -140,6 +140,7 @@
     "components/swirl-icon/icons/swirl-icon-chevron-right.js",
     "components/swirl-icon/icons/swirl-icon-close-fullscreen.js",
     "components/swirl-icon/icons/swirl-icon-close-small.js",
+    "components/swirl-icon/icons/swirl-icon-close.js",
     "components/swirl-icon/icons/swirl-icon-cloud-upload.js",
     "components/swirl-icon/icons/swirl-icon-column.js",
     "components/swirl-icon/icons/swirl-icon-comment.js",
@@ -165,7 +166,6 @@
     "components/swirl-icon/icons/swirl-icon-download.js",
     "components/swirl-icon/icons/swirl-icon-drag-handle.js",
     "components/swirl-icon/icons/swirl-icon-edit-note.js",
-    "components/swirl-icon/icons/swirl-icon-edit.js",
     "components/swirl-icon/icons/swirl-icon-emoji-mood.js",
     "components/swirl-icon/icons/swirl-icon-emoji-satisfied.js",
     "components/swirl-icon/icons/swirl-icon-emoji-symbols.js",

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

@@ -42,7 +42,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '460a845a82b2d480c008336395d835cc94e43452' }, h("slot", { key: '38b47130b8c7b415a26c5ccdec36bc8edbabb6f2' })));
+        return (h(Host, { key: '030b24a78a7a066314c89f1d5e3231cd344eb275' }, h("slot", { key: 'eea5ce9022a70087b77aeb99b1e85f49670fbcf8' })));
     }
     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: 'b35263203580fbfed36b2007641d1f83a63c6e6d' }, h("div", { key: '35c217c4a3e34ecf98b10bc39e53b1ffba8d0fc5', class: className }, h(HeadingTag, { key: '5a9e428ef98f63224fd0d025cf09b7b914337fc9', class: "accordion-item__heading" }, h("button", { key: '7c0ddadaeaa5df01bf70a8c4cb6ad74dc40557cd', "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("slot", { key: '42a75751024d1df6ca107276fcdbe7f3f882aa5e', name: "media" }), h("span", { key: 'dfe928fb6416203e7476e1103f5577b703f3c1d8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'd580febd870c6e2e44bccb23ba2c38c8ceabf997', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '66fe643c962611eb0f9a1fe40ebdf98f40f4d088', name: "trailing" }), h("span", { key: '9a717649ec1c02ab576b69d2ab5a819f7cf3cfed', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7c62cddc6b7a9af65fb2114c9398641f96c06e3e', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '5deea0602d5390bdabf6ab46834aa6b623436e5c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'db1eb88c10e0ff64166188b483387f55969a8619', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '10d46819cced462a6f1fa9398cc34c325d0bc0ce' })))));
+        return (h(Host, { key: '329ef26823986c089f34d4ad7c3ff1300baf0fb8' }, h("div", { key: 'df687c50b36e64a12c5dc26007b02013dc00f763', class: className }, h(HeadingTag, { key: 'a14e016a4310564082f5fdae47d0bbd3d0e25d5e', class: "accordion-item__heading" }, h("button", { key: 'b140e7fc4612ec219d75cae6525abcb893d43088', "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("slot", { key: '8d7ea4057af762c1de86c71a58d06bbf3e456f0f', name: "media" }), h("span", { key: '86c4cde94475e6d6941144522faededf6f96af45', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '9c3ecfbb57f67b2b046f3eade7a33e85641d76e0', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: 'c51ba50a75629ec4f6d7527dd2cd8273f06e6202', name: "trailing" }), h("span", { key: 'a9457bc370b4602adfe9cd5383b0a274d264b038', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'eb0df2ab5d62f528280e0ebe0e7420facc5d9297', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '514c9ca3d7a494ff2ea0c96c162f22ca05484469', glyph: "expand-more", size: 20 }))))), h("div", { key: '17feaee07371cb4f2cb53571245708773618d44c', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '9366a1bb83f68c3c663a132c88ba249e669f2a23' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '09d1bc4e31b1945570f416728e29691ab8d3c3e3' }, h("div", { key: '22e9fd9171e10e4848b4c8abe27294aa9b27f135', "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: 'f8774d4ee3df61df23e9219a24bd9cceb9f85b45', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '81e29fa8d000ee2acb47973b728e2e1f6b2847ab' }, h("div", { key: 'a157db0a93f5cf3e1d42feb6e54c3742b0f2b2f2', "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: 'bfeed6ba99a4f955b3ce53034538bfbf17025fe2', 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

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '0bc222deb3a1bff86e6d5848eccc54f76fb34ce8' }, this.hasSeparator && (h("swirl-separator", { key: 'd11407df329bdb42e01574020636e0bad8cce670', spacing: this.separatorSpacing })), h("div", { key: '9615a451dd4b4ead12b371e5d5ee7185087d9aeb', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fcd3b4cee29e7f17331fccb71a5e70eb9cb78618', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '748e7da4efcbd321db239694fabb7516dda850d7', spacing: this.spacing, align: "stretch" }, h("slot", { key: '5e05616181c45744e7a22d326ff4ce12198bfb9f' })))));
+        return (h(Host, { key: '23236d2056cf06883fc44eddd3df9dd82e7a62ec' }, this.hasSeparator && (h("swirl-separator", { key: '553fc49048062dce825747e09a947bb2921fc152', spacing: this.separatorSpacing })), h("div", { key: 'c18cd6fe3d06fc07dbbaf5fdcee3aa940bf7d28d', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '69f2faad486df5732d75f4118c12b81d58886bf2', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '6de352c30adec98052e6fd4a62483ab7e663ff4c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '91f31a80ca3d6ba9240a4eb3da76e0b46d7b950b' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '9c26acdf5286cb87a8e3645a0d723fa7822ea8bb' }, h("span", { key: '72b57e72a81b7e7234a96fcee39aba7f77922930', class: className }, showImage && (h("img", { key: '45c57c6182edd69d1ffd2bd8de7fc35dfff9bb03', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '3ac1c0820d113ffbf1cf1b7798a5cb133cb58dfc', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'f28fce716c50671562e9d57fa578cf9f2bd00bd3' }, h("span", { key: 'bee443883531c7b2b78997ba940ab5af0dd6081f', class: className }, showImage && (h("img", { key: 'd894bce834d32980894910d9fa121720b74d5e3b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: 'd1a455c9cfba6382b7aee41070f1f1551a1ae804', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '8fe470cabdf40babf14512d6f78a819be2fad6c3', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '1ac4b5aebd322ad4292861e79b127b2e294b4c44', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: 'bb5aaf6b6743afe0d9c367daf0fea7397de54571' })));
+            }, tabIndex: 0 }, h("slot", { key: 'efc916ce55f5a2d7b35917083aeea5ec6d3e03a0' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '76ca797ef75e13ae56b6eeb81f0c06830b7e4f3a' }, h("div", { key: '82208847977209ae0cb952b8649b810f2daa76f1', class: className }, h("input", { key: 'b5013b7d98514d3598c3143ff5766be1218f6fba', "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, readonly: this.readonly }), h("swirl-popover-trigger", { key: 'efe56176224544da0aa2d744f1a0ab15d7486edd', swirlPopover: this.pickerId }, h("button", { key: '305a37bb005ae5ecda0ab5265cd1d54dfe600950', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '09db3f7a03c19062b300f75ac6d8e9d0c7f999f5' }, h("div", { key: '4f2ee859c9f95259174131f04a3b4f75670432f9', class: className }, h("input", { key: '27d9897b26f0520dc5916a2924ea67f8e4cb9895', "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, readonly: this.readonly }), h("swirl-popover-trigger", { key: 'f3cfa297d3450b2b78e79fe15f4f062d69c4d7d4', swirlPopover: this.pickerId }, h("button", { key: 'd3b28f980d53305cb953c3db9067abe924e09aac', disabled: this.readonly, "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: '96da0a92762b291d94639bc6ee9087e338200b9b', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '505b258981f4f74ee4830c773fe816b607d3d5d9', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '91d15d8c742af9b1ba2fd60497c4e254720aad51', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'e5646504ebd2acf6c36285baaafff780c007575e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '9fdd7e45bd2c753043396130f821fa3c5fcbef15', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '5e6f0b71e3aab034a352711815cdd503062074bf', 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

@@ -158,11 +158,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (h(Host, { key: 'ec25a5df48adb6763d42fd1c1d3fdfd7709021bb' }, h("div", { key: 'e0efdf4cbd61a726437429146b49e3a3f71500f4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '27a242590a86e50e630a4a751dbcff9dfa11337a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b9429a44bc8eb5d649ec81f92d2620a32be37205', class: "console-layout__header" }, h("div", { key: '3c4a7add6736688a0644e9bde8bc8cbfc0be3dbd', class: "console-layout__logo" }, h("svg", { key: 'a0c85f9cb107de60a7a0a09c5eaad180321fd6ab', 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: '7530a8c540d5425617617bce3b84fa4e75b6ff1e', 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: 'f4d2f315c0e46eedea14552e3cfe0b03d84d55b5', 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: 'b5b3b36fc8418dcd3c08d49e2f56915dfcd2e150', 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: 'ec66937df7431d944c42598bb9ad9f4e6a217c4f', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '84cb0977bde0f233950365631ca5e688cb48409c', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7d6b62f2168d6cb2d0d7e80db2f95dfe28b89b2c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '1ab81931d430fa39ee769c09bc9f1ad7cef67291', name: "navigation" })), h("div", { key: '5898f5740db84e7a6fd182032a30aba196fd03d2', class: "console-layout__user" }, h("slot", { key: '17396f96ee555f00ee1ea9e29ea46001ebb1e6f8', name: "user" }))), h("main", { key: 'a30be533b8b6b7aae54348d5d00a9e9e05c4eaad', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8b93b464cf02da1a7106c2e2a6ecbd6a4d249128', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '1e609f161e6b3c33a2412034003ff5c69bcc125e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '50484370f6a3d4e79075ff8ce3095526d9d1df32', class: "console-layout__app-bar" }, h("span", { key: '8c243d7ced4b1de660c25a07a9df9c114d76f197', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'eddcf93dd207822d4914eaa826d9008a496c85fb', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '0d8bd37dc6ca5cee958c10160627c97805a891b7' }, h("div", { key: '3716318dae4223594b8a2b20b1378773d3732c4b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '52052931e9aed9af37d770eb72ebe01fd1e5b98a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '585173542188a82dba589ee48389380f1200bbee', class: "console-layout__header" }, h("div", { key: '7d6b1ba4eab47a1aafcf6e9d0efedbcb9133f64b', class: "console-layout__logo" }, h("svg", { key: '9e1da14f93589e84c2a34f5213bee41531fcf609', 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: '0a1ccd062ef6db7625d141a9d19ed21f5c220073', 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: '067ff1a1efdd088c87c19af83b8415dcc3dfff5d', 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: '0749dfff2adb9d8a421afd44c5fff449fa00609f', 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: 'b4f716fe2e6cfd15f0d8f99e1d8863c146804fb8', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '169320f3ea7aee0aeb4ac321dfc75e0be890bff5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'd24574af90be953d12f4fc9d705228b425c9f726', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6da540808288889ebcabf2a61b830637dee0bbcb', name: "navigation" })), h("div", { key: '7438cc918c9c443cc3efaac3daa217f1e251099a', class: "console-layout__user" }, h("slot", { key: '5c5ba585ea501b136024e70210706c67e31a80f2', name: "user" }))), h("main", { key: '7e0132b033996922e2b20bbe5e221358063c7ad9', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '188ebbc9012012755995c12f983a106e0423563e', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'd7bc62fb6ae78125d45d897106588197980aa7dd', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '96fb32e9993f296f1eadebefdab501abe7cfd60b', class: "console-layout__app-bar" }, h("span", { key: 'f16e02b9060ed98ca0635a595b910d191757fa1c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '436a66a51a28b324030a953abd76cbf8e703d089', 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: '5571c8627e40f43415cce9a5eff39ddb338ca0ad', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '551fa8e3bab2eb7776da6026328f8cfc304b34f6', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '839113a2b423396937b5abcb4be388f3da3ffd64', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2aaf4d1ee276dcce0901981b6f99c6936cf7704a', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '4e9cb173c271c62404601f38c6bcbe4b6b62e5ce', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'eccdf52d32cfcb07705ae77f62142990f2e47903', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '1963b23df86b236960f9f2a6bfb2d45f0211095e', 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: '41f1dd697296d29e66d7acf1cbfa3745ef7aefc3', class: "console-layout__heading-container" }, h("swirl-heading", { key: '79467f229d08960306ba49d99b86215e057430d7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '88c482830ad6dc150f8fad080aa86fe11fb4dd0a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '00c6292cfea6251e1d6ac2feef0ad23217a3d063', class: "console-layout__heading-container" }, h("slot", { key: '635c5ff3dc018059d8465642950c1d3e7e36ff5d', name: "heading" }))), h("div", { key: '4cad29d8473c5c3dff8edcea2d3320a890f0dea8', class: "console-layout__content-header-tools" }, h("slot", { key: '1209bbf2f8e4714727ef10fb9b16510aef992581', name: "content-header-tools" })))), h("div", { key: '21db2f41f68238f2537fc74ae39388bec3d33474', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'aa90f16bccecc1b83ae0c0072d443f82002be0b3', name: "content" })))), h("footer", { key: 'd7b81136c62b5bbe8a9fe69bb9d6ec8f0014c768', class: "console-layout__footer" }, h("slot", { key: 'a1eafa3aa18f07d54af3b467456494bda491d6e2', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '208001fe7e3786bb94af52ffe31aa47e730ac623', class: "console-layout__overlays" }, h("slot", { key: 'e928a243967fd8c6bce7d17d774842bfb2f21b74', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'ae0af1cd1167a34210f1766b46bfa949c9cbbcf6', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '54e10e1d8bd2573013b3e707cba56f679a93d208', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'e3a6f97b8bfbee32e81ccc09eda5c8d197f4bfd2', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '92ec4a6d5bd61f61e2bc53922d4cb4e8bdf65df2', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '8a473be039f6060e6e7de9b525bcf36f1d5cff44', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '76fa94c4399d11adb41b6ca4f7fb4215d9f33fbf', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '3dfeea481886d2adb017eb110e86b2f6344db2ea', 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: 'f09ce19139118006f05cb71db0bc2decfd974b1f', class: "console-layout__heading-container" }, h("swirl-heading", { key: '68995e208c40d55837b92845b6340e5ca51bb14b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'ff9c42b2e632774997bf86272af9807cf217c37c', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '6f9cae98596d11392a0b75e8bd14f61d596edc76', class: "console-layout__heading-container" }, h("slot", { key: 'd873636d606b5e9ecb8578e2468551967ebf3810', name: "heading" }))), h("div", { key: '687e19dc3541d0cbf75c79d60051657c16a9182f', class: "console-layout__content-header-tools" }, h("slot", { key: 'b9595f9ee3ff5f2ebb6afd46876f51d7ae1f9f3e', name: "content-header-tools" })))), h("div", { key: 'c587696c27af5dca093f4ebb63c8803e5870ae69', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'bd9d1af6e1a6d33f44b3fb805e56ca28d606a259', name: "content" })))), h("footer", { key: 'e9bf1d53d8e983f4059d9932a9df437649d7000f', class: "console-layout__footer" }, h("slot", { key: '2d507b51594c0a6dac27b85cc2716c7b03be0863', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '80a7b16e3482f9cd48f142f9e15032f479d39e56', class: "console-layout__overlays" }, h("slot", { key: '11d1547cc6ee50376ced47b5e416375fab635769', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell/swirl-data-cell.js

@@ -41,8 +41,8 @@ export class SwirlDataCell {
         });
         const labelId = `${this.elementId}-label`;
         const valueId = `${this.elementId}-value`;
-        const labelContent = (h("swirl-stack", { key: 'df5c67144d69560084f8537c804a5a3a0c8cc026', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: '35856f41262cc85b5d3a4c9098c6db23ab93e27d', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '5333bee47e4daedabc89d81d674f6dca7a30fd92', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '43165b2bf2700b155cd8e76f202be1d82adcb13d', size: 16, tabIndex: 0 })))));
-        return (h(Host, { key: '4bf142dfb376aea7412ee0f33b3e7a6dba35dd58', role: "group" }, h("div", { key: '258c602be1218de1dba9baafb717db8be89a82b7', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: hasCheckbox || hasRadio ? "button" : undefined, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: '1f6a44d54a5cff6430cf5eefc2dcca80d0f6cf82', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '3423b3077ca30d680471e2f33e41afa9f9d7eca8', name: "media" }))), h("div", { key: 'ba6fc8a4b4a801eb6e3b0dd4d91d28c0341cff6b', class: "data-cell__content" }, hasLabel && (h("div", { key: '350fe75c27aa21e9da96d5309f0a068694fb19d4', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: 'a3ba56828bc02dc2ee457280dcabc43a7187ade1', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '4040860779bb345ddd741705602eab4a94ed7f8a', class: "data-cell__suffix" }, h("slot", { key: '8a8a255d32cd626ff7a647794549cc46bdd5ec2b', name: "suffix" }))))));
+        const labelContent = (h("swirl-stack", { key: 'd7cc1ec7885918e65e5d390fa54e5f9fdef95fc1', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: '32f490c5dc3ce8795866cbc2608c97d27ba7e7ca', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: 'b4777d0357479b6c3055403db0262cb365b6ef76', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'a1a796df0ca70ba286ed57294786856705276447', size: 16, tabIndex: 0 })))));
+        return (h(Host, { key: '9d9fb358048e40d43c6daf4e6e7d5b9d2b9c4cd0', role: "group" }, h("div", { key: '980edd70e5f4fccdc682e28d22809f6eda3a9ad0', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: hasCheckbox || hasRadio ? "button" : undefined, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: 'b36ac3bb4f97512602a84c5f61b71a60ce7606f1', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: 'd91771382cb3f68426dbd0cac008a53e1a5df599', name: "media" }))), h("div", { key: '58f40a427ec6f245dd5e7ae47431d079f226c694', class: "data-cell__content" }, hasLabel && (h("div", { key: '0dcbd9d4f2841271e5422f918507195c8cad325d', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: '7d0f291d69d033480ef2b33b9893ddd48fa3bd36', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '19dba00a25848045e23e3be954faee6f12971e60', class: "data-cell__suffix" }, h("slot", { key: '6abeddd25de73c039bc88813961e2c6619211d39', name: "suffix" }))))));
     }
     static get is() { return "swirl-data-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell-stack/swirl-data-cell-stack.js

@@ -28,7 +28,7 @@ export class SwirlDataCellStack {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: '507cc6a36af09d27674458a9b4dcf726de401397' }, h("div", { key: '497a5a2c4583a9f21b0b0f63bb99916e370972ae', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '006613533e4f988dccbd787314bfb153ef82e3a6', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: 'e7b5d0afdb72a97fa215b06df1380c9dbc1cab0a', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '8e4951017e71117193241be8cda2bcfb7d10372c', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: 'a4f47b0483f10853695efc15febacc2eecea75c9', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: 'fd70771b96857ec57adf29c7f25ea20f9f6c6d39', class: "data-cell-stack__cta" }, h("slot", { key: '68ecc877c989b14ce5b336120bef87e69382f584', name: "cta" }))))), h("div", { key: '9edfebfc17b5422ddbf49f763c1245ee4b02b7df', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '40c9ab19ec8cf7d17f56edd9c8a5b08aee827aa4', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'b699f4036da82002d83aafcba421523936ec01cd' }, h("div", { key: 'a72785f24af710084dae83529406cea580fce841', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '583c5ae964fbb28b527fecf802bc0f7e5d3b2f22', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '8296166c92bf0039b7b59eb887f19feaa87dfd57', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: 'befe65355c1e42714569955357c8db92672da70c', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '884f3e3ed32809dbe809464f2dd4f03b72b593ae', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '951b59742fab091af29357cbe095875364f8ec3a', class: "data-cell-stack__cta" }, h("slot", { key: '1be6442250d78bd59e52108486fbf7e862373ba5', name: "cta" }))))), h("div", { key: 'afa76e23b15515ee2844ae267d62ffa51f32c93f', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '10fd21cd5d44004810c3d52c282698753f259bd5', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-data-cell-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -215,7 +215,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '2eb7ea49306172fb04bc69b8e480ae52f7d7ceaf' }, h("div", { key: '4b6132bdde148ad48f83326950c9e2ffc8949a59', class: className }, h("input", { key: 'f67381dca7356d016ea8abe52c0400e1a8e29cea', "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.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: 'ead6f6a5c0c673c706247638f4d512ebfdc25d93', swirlPopover: `popover-${this.id}` }, h("button", { key: '718c4d0929e801719584a0d8baadf77c4431490f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'd1f74a5cc2cb30006cc31ba1c6c9774a86d3c353', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'a624faec03f257ec372a0737a6718e4d5827cae7', 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: 'fb685fdb372e2747cba66692f36ad46002718892', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '9f4c97155953cd52e5604282335575ac7d422548' }, h("div", { key: '741a8481da4b9fcb3e04813e0f0e3dedabbf9be2', class: className }, h("input", { key: 'ce167f58cd6fae6100e738185c4addfa441c0178', "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.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), !this.readonly && (h("swirl-popover-trigger", { key: 'd16a99d46026712b4f83e04d499c19ad8738a03e', swirlPopover: `popover-${this.id}` }, h("button", { key: '3535d1830088f53045d37e3b870fb487f6143aa4', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a64b39ba3119c06704a9ff01d8aa5b6bf9a2f569', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '02ca73ebb12df7712a51ca3a1dacd56749f8471f', 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: '07ab0a2a647591deff7150cdb323451eb938ea88', 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

@@ -37,7 +37,7 @@ export class SwirlDatePicker {
         const className = classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: 'fd93d69647e0895f1390b39571ed79c3c8c6bc83', onClick: this.onClick }, h("wc-datepicker", { key: 'e414c0389654b9fe2a75e635abaaad4dedd6efe5', class: className, 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: 'b4ca7661d33f3353987a571d6540551cc7dbb125', onClick: this.onClick }, h("wc-datepicker", { key: '75ec2d36b7e5a540c344dfe68080d859ad904e9c', class: className, 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: 'f73f7d135974ca70c52cbc6ec623aa61bb67a96a' }, h("div", { key: '3f55113d6ae5506ed9e3122cb80107ed6771fe0d', class: "description-list", role: "list" }, h("slot", { key: '80b4b4b012683b30b83658956ffadc2a3b5ed823' }))));
+        return (h(Host, { key: 'f343afcbac75a18e8649bdc56cace594bb32fad6' }, h("div", { key: 'd088799675f0ab6c422831fe2baa47fbdeb81d37', class: "description-list", role: "list" }, h("slot", { key: '640d7da6662aec8f6a98b03af6b68b608c09374b' }))));
     }
     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

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'e2dae4c05e0d737b33bb690f9571b01bc5724c40', role: "listitem" }, h("div", { key: 'f4bc749476eefba93aebb6873040cb2035c7f9c6', class: className, part: "description-list-item", role: "group" }, h("div", { key: '557d6ce9b7b0d87dad52dbf40ffbd21056ba89c0', class: "description-list-item__inner" }, h("div", { key: '11b529cd14f9f936ab769ce8e8406dacfd442a1d', class: "description-list-item__text-container" }, h("div", { key: '4b15cc2f7f392d7b5c8deea5e402f666bca7ba3f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'edf2abe8f8bb3665c757526cb92d26dc7c24adc8', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'fa412c817afbc14dd360712900af8b1397459e2a', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e2dd532cdc0f782a604a0dfb470bdcde8579b845', size: 16, tabIndex: 0 }))))), h("div", { key: '1c2bbf097b840f96a1c44b298f8070179c990d96', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '9728aa72db29eda46aaa41b692ce03f6d4ea2712' }))), h("div", { key: '6fb83ccee5fc2691322342ed7db68f87ee5f0590', class: "description-list-item__tools" }, h("slot", { key: '8f4b079d7015dacd65688af622c62fb9fecadb93', name: "tools" }))), h("div", { key: 'bf8c2e6b9968d219ebba159e541dd00587e951ea', class: "description-list-item__additional-content" }, h("slot", { key: '4a1abd184c498cb1e49f2012c94e9422793f4065', name: "additional-content" })))));
+        return (h(Host, { key: '7320af95feb4393029f216132e6928ae9f82a581', role: "listitem" }, h("div", { key: 'ca9294165c821d87cd5dd3ed397856bb753d1dee', class: className, part: "description-list-item", role: "group" }, h("div", { key: '5b1dcfc4655cc911d8a39134b1d8e7ea3cd5f9ff', class: "description-list-item__inner" }, h("div", { key: 'f4ef2483f13fef96ee004644b70fac0269c7dcca', class: "description-list-item__text-container" }, h("div", { key: '541fca3f3f4ac3c6550bc5eabbd921e57e874142', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '7c9b08aa6c245e45ca4f2f568f30b772967df424', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '46a7f9afe0b7a4ade744ae32a4ccead5bacb3003', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '3d69a75ce4cf351cd8030dc8fa25c9d403ca6f78', size: 16, tabIndex: 0 }))))), h("div", { key: 'a2542ab30113ae4706031503fd86cbcebd96593d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '8b243805edfbefbfa6f1d06d89c9cc9adfbc75b9' }))), h("div", { key: 'fda5cfb8009b85386286a1e60e8fffa58ca7f894', class: "description-list-item__tools" }, h("slot", { key: '6d2a8ae00abe6ab13bfcdc97a732fd1e54d235a8', name: "tools" }))), h("div", { key: 'aabb2eabf0f71e8049b3fdde48a6a4b7bcf8e219', class: "description-list-item__additional-content" }, h("slot", { key: '4d4dcc24ea3988eb619b349381f93194e42a37df', 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: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 16 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 16 && (h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', 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: '413691a70d3bb7e246dbafe22dc9df883c355a71' }, this.size === 16 && (h("img", { key: 'd7f5103132c0ade3a2ad46ea65e9ca02e5bb6a15', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '7527a48a9243f3030f11df1c3886501498c75e05', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '64c5a207c560678cb70b657b80bc9c2bfb03cd95', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '08b2c1fa6cfb4e05fb031bf13aac2bcf6f5dfa99', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 16 && (h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', 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: '1bfc548c71f909e32e1ae38cd24abc22e548f2be' }, this.size === 16 && (h("img", { key: 'ff663fc3582afc614e07bcd2b5229b945b5a30d6', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '4d1837bb3c58b8ba10ed26ce6142b6c8fa2eb54e', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bcb3cc740fe536f79e9908ba325c77659290a8ac', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ce41322259121ca9ccf986c8c74257df37155a7e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '17f3a949ec46a15119f53f5390f5fb3b6e8cf745' }, this.size === 16 && (h("img", { key: 'db43276194c71c35ab64cb9c6fb8f4aa9d2f6005', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '569f2e4d4076aac230be05580f6b62fc5419a4e0', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e3e5bad3ee010a842eba44d20448d037158b521b', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'da340a24432ff12f98402cf94f7366104ad5dff8', 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: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 16 && (h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 16 && (h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', 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: '9d2b5fe2f24db0fdc4d96e4d4c0fb5dfaccfcceb' }, this.size === 16 && (h("img", { key: '61b70e1e99c44d5cbc603905d936b5a384a8f775', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '4624e2d1fc9ee226845acd965e6ad96e332d71e1', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '63ac720c829c2504ba048d46a509d259fb828bf9', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '0edc86a335bbc800bb7132bf4871da7b530fcad5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd3eeecc6ce3f80d5451a30057476cecbb5f3939d' }, this.size === 16 && (h("img", { key: '101a3e5db91b5db5acb8c184deedab103b61572f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b91b9c620697575b3b9c2be5105afb8067771478', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '238f2280b04ffec046a708f1d0bf2361d5217dea', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'dec251d6bb2327c9df18ad624e801b3808008e8c', 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"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.js

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '33760f8e0d4719e07a8ded2687fa18e412cf0a36' }, this.size === 16 && (h("img", { key: 'e52aede20416b9ed3dc4fa1021384e7b42b515ba', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f88e574c5b505abdfaa29f05543c6be950423cc5', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c219f5dcec8245b540a1131d339aad00c3c558d8', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '2ffbe810c215b100f5d32268021f14634c506bf0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '341ebf9a753e7ee31a63323cf05b904d54950e01' }, this.size === 16 && (h("img", { key: 'cd11a48f31c798ddec1a495b182f2311b22eff64', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '937bbe442e16fef178c83e296a9ac6d1fbbd702b', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '562e9e8b315a4e0b9f8e04822b82de6a0f9c5591', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '7e38405e7335e1980e64b435d8ca0e0f88daca22', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '0effeced8331d2b7fab89d337258cf5048b83bb9' }, h(Tag, { key: 'cb6f1fa88e878569bded2e6fc0c53dcfe5eabfed', label: this.label, size: this.size })));
+        return (h(Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-empty-state/swirl-empty-state.js

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '5df61a1af5d38b069afba9b9b05fefdf980660cc' }, h("div", { key: 'e4843d0406f975b2ee694da732f69f1187e8594a', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '82faaf3aecbbb42621f869bbab6876780c47a68a', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '2efc637d7638db6c9416aab8d5939270fc33051a', class: "empty-state__slotted-illustration" }, h("slot", { key: 'c3a8fe76345d37b4fdecbb8e8f52ad94f71600b2', name: "illustration" })), h("div", { key: '7babfddb226a55c1e16e746a547c45150654afc2', class: "empty-state__body" }, h("swirl-stack", { key: '572b9018bed4d3d27d0d4878ee66f5f0090f35b7', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '17f54f70e46a324bb1b102123f5ab77514ddc0ec', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '29bbe9e29cb371628ec0ceee07ddbb4e0445be37', class: "empty-state__content" }, h("swirl-text", { key: '300c0e34b77fd6044f351e97bd0f4623f8ea4275', align: "center", color: "subdued" }, h("slot", { key: '8a0cadd257687a3a2432b14a16edcd516f4f73f5' })))), h("div", { key: '5f15307a7630ae017050806c435097ed0c0fde41', class: "empty-state__controls" }, h("slot", { key: 'f3c5da65b0cbd8a3e82b3aa196a14ca08e8a14ae', name: "controls" }))))));
+        return (h(Host, { key: 'eb8dbd0f9d1b1b5af3b162fdfb8c19fb12ba3919' }, h("div", { key: 'e73cf0cb5540abfd8c28970fff5022b7671739cf', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'a1847cc64ca90b1e28167bab75f2bbcd9d1267d5', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '3d94a4faf0a8aa9947b4eff89c6a52606130c46e', class: "empty-state__slotted-illustration" }, h("slot", { key: 'def1d506a19c83ad2366c833cb3d3f7c7acd9dac', name: "illustration" })), h("div", { key: '0197d025315e5492f5578bc90cd348bce0aaaeb7', class: "empty-state__body" }, h("swirl-stack", { key: '5334b5dac8d29900596adc513a5ce07b7992e26e', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'cc427e68dea7e6ab4e715b962b24fa6de7ae8368', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'b099182fa9a2ab2aa47f66b2bf429ac4c3df5851', class: "empty-state__content" }, h("swirl-text", { key: '86a59cd212030b01e9d9601a84a6189d678da665', align: "center", color: "subdued" }, h("slot", { key: '310c2837bc81f0d971ec49c5ad4e9405b04e4d0d' })))), h("div", { key: '33a512e235cd0bb3d5e89897a9be066b6fd262cb', class: "empty-state__controls" }, h("slot", { key: '1bbbc33d943cabd83f6ce2927e027e3ccf9f8925', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }