@getflip/swirl-components 0.528.0 → 0.529.0

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

@@ -80,16 +80,16 @@ const SwirlThumbnail = class {
             "thumbnail--interactive": this.interactive,
             "thumbnail--uploading-bar": isUploading && !isCompact,
         });
-        const imageWrapper = (index.h(ImageWrapper, { key: 'd50b4e0b417c12a91785081aa4f1bc352a7fbdbb', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
+        const imageWrapper = (index.h(ImageWrapper, { key: 'ea3f0c67da5935a39ab476559594d7604303746e', class: "thumbnail__image-wrapper", onClick: useThumbnailAsPopoverTrigger ? undefined : this.thumbnailClick.emit, style: isImageWrapperButton && this.cursor !== "pointer"
                 ? { cursor: this.cursor }
-                : undefined, type: isImageWrapperButton ? "button" : undefined }, index.h("img", { key: 'd350d5d2d8cfe9b5f1ab6278841729442a87c243', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
-        return (index.h(index.Host, { key: '54f03d81a80c38e07c937b9b40785e28cb71dbf4' }, index.h("span", { key: '32dfe5c663c42aa077640ef489aa817e234b4dc9', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (index.h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (index.h("span", { key: '0586adab6fc12da2602934d75b4c4d23415a76b5', class: isCompact
+                : undefined, type: isImageWrapperButton ? "button" : undefined }, index.h("img", { key: 'd140c9450394aeb51ba1f2e13a1bb73e7de0d6cc', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+        return (index.h(index.Host, { key: 'c120e25611076bc68c6e26f92ec3a7ba9f3c33b9' }, index.h("span", { key: '09e46d5cca60f68a26443c7ded24d2db291f444a', class: className, role: "group" }, useThumbnailAsPopoverTrigger ? (index.h("swirl-popover-trigger", { ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, imageWrapper)) : (imageWrapper), showUploadingOverlay && (index.h("span", { key: 'ba91ae07e4c98811f65ecf89d6d0cdbd436a5a0d', class: isCompact
                 ? "thumbnail__uploading-overlay"
-                : "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: '7b1835785ff99555249f39d15871b64579ed6e89', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (index.h("span", { key: '8ca48915a313d0df60dcba89f01ea4d6af22f21b', class: "thumbnail__error" }, index.h("swirl-icon-error", { key: '09fc738d4235cbb592944d6af402aee514d44a6d', color: "critical" }))), showSegmentedGroup && (index.h("swirl-button-group", { key: '9d445d293dcda14f627afc905120849487400008', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: '38bca3e45a6236e8e9dbb9e4a4b1d3d1a627e2ca' }, index.h("swirl-button", { key: 'a2de3116c2521ce02957a93eecb7f0551ead16ac', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (index.h("span", { key: '9f8ecc729770e0adf0d83280a1548b01a15bef02' }, index.h("swirl-button", { key: 'eee5fcf95f6c8e26c70dc320d44287fc44d6d45f', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (index.h("span", { key: '1d4d9b1e99af884fdf526da7431f546c9aa827f8', class: "thumbnail__compact-action" }, index.h("button", { key: '66c6a07bef62f0c4cd3e865b364f768328e22f28', "aria-label": showCompactEditButton
+                : "thumbnail__progress-indicator" }, index.h("swirl-progress-indicator", { key: '1388cb3399939b1fe9029c5fb26f898d894f61f8', label: this.progressLabel, size: isCompact ? "s" : undefined, value: this.progress, variant: isCompact ? "circle" : undefined }))), showError && (index.h("span", { key: '9e8c53138b170c7d06f51bf79f8e66bab468ab59', class: "thumbnail__error" }, index.h("swirl-icon-error", { key: '88d70f137ed892f81eb367ec708b5ca5ccdba8ad', color: "critical" }))), showSegmentedGroup && (index.h("swirl-button-group", { key: '3948b9f02f14a92674334cf193ff42c3a5161f3c', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (index.h("span", { key: '1a12677f382b5b5e08210750ad3708db6be661fa' }, index.h("swirl-button", { key: '518c80493af5aa711307b4307dbea0136db56b3d', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, variant: "on-image" }))), showRemoveButton && (index.h("span", { key: '8c06c3dc5cb9f2898c4cc525ce4caa8a9e2286da' }, index.h("swirl-button", { key: '341ec503f6844d056658fe3e1ca55fb15e65f7f3', hideLabel: true, icon: this.removeButtonIcon, label: this.removeButtonLabel, onClick: this.removeThumbnail.emit, variant: "on-image" }))))), (showCompactEditButton || showCompactRemoveButton) && (index.h("span", { key: 'e748fb32c09ed85fe897d8408f43d075d23cd1ea', class: "thumbnail__compact-action" }, index.h("button", { key: '8d995e22627953e71cf7161d19d2625e87602c5d', "aria-label": showCompactEditButton
                 ? this.editButtonLabel
-                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, index.h("span", { key: '2e838262052add7aabb11362818cd66a4f8bd535', innerHTML: showCompactEditButton
+                : this.removeButtonLabel, class: "thumbnail__compact-button", onClick: showCompactEditButton ? this.edit.emit : this.removeThumbnail.emit, type: "button" }, index.h("span", { key: 'e6f8cfea63ed922e8fc4d38f0e4b22d7e79ab9b3', innerHTML: showCompactEditButton
                 ? this.editButtonIcon
-                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (index.h("span", { key: 'b7e45d53381fe810725277da63bcb647551cb40c', class: "thumbnail__compact-action" }, index.h("swirl-popover-trigger", { key: '23cd2ab225e6fe94d803b700740727ea120274eb', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, index.h("button", { key: 'f8a3ce47abf0a45d07cfc7303b015524f4512ed4', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, index.h("swirl-icon-more-horizontal", { key: '44a5108bc4afaec1c8e7e16271962d38e2cfbd4e', size: 20 }))))), showPopover && (index.h("swirl-popover", { key: '3b788c0311598d6c1c12fba4337917f547b69e96', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, index.h("swirl-action-list", { key: 'dd4943d4efd8e4fc4ed8b78317660958e2d83429' }, showOpenAction && (index.h("swirl-action-list-item", { key: '6f57197aa0f150bda2991874d59988a6778cb900', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (index.h("swirl-action-list-item", { key: '528938dd6f5f652aa41cc1f8390dcc00c36f0df6', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (index.h("swirl-action-list-item", { key: '6f09fc77ec6b9f5a16e67c829c637db3369621c6', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (index.h("span", { key: '8197352041a662f49fa290cbe3455d6ab13769fa', class: "thumbnail__timestamp" }, this.timestamp)))));
+                : this.removeButtonIcon, ref: (el) => el?.children[0]?.setAttribute("size", "20") })))), showCompactMenu && (index.h("span", { key: 'fd299281ea1712b3e2115c95d6d7eaf469e60074', class: "thumbnail__compact-action" }, index.h("swirl-popover-trigger", { key: '2bd27ee0e23bfe766646f2d0b1cffce9cb773c04', ref: (el) => (this.popoverTriggerEl = el), swirlPopover: this.popoverEl }, index.h("button", { key: 'fee1b3be46212144f0ae707fc49a2ee1307a9b51', "aria-label": this.menuButtonLabel, class: "thumbnail__compact-button", type: "button" }, index.h("swirl-icon-more-horizontal", { key: '4a5bb72248b527fd87c84eedcf2a5f07d372aec6', size: 20 }))))), showPopover && (index.h("swirl-popover", { key: '67eb40b06977471d708abde705a62f9908de6e5d', label: this.menuButtonLabel, placement: "bottom-end", padded: false, ref: (el) => (this.popoverEl = el) }, index.h("swirl-action-list", { key: '68739c8265a07020bee47b07d75626fc3ea4002c' }, showOpenAction && (index.h("swirl-action-list-item", { key: 'd05c24d87a7c868eb9982ae46ddf168d261b54c5', icon: this.openButtonIcon, label: this.openButtonLabel, onClick: this.onOpenClick })), showEditButton && (index.h("swirl-action-list-item", { key: '8d30a6b23750f91b24bb6901b267586486e1d9ab', icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.onEditClick })), showRemoveButton && (index.h("swirl-action-list-item", { key: 'c3ea0265ccdcf808a18f5dd3f70ba59a20d600e0', icon: this.removeButtonIcon, intent: "critical", label: this.removeButtonLabel, onClick: this.onRemoveClick }))))), showTimestamp && !hideTimestampForUploading && (index.h("span", { key: '09656507322fe691fde8edbe7b91844417094118', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
 };
 SwirlThumbnail.style = swirlThumbnailCss();

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

@@ -121,7 +121,7 @@ const SwirlToastProvider = class {
         this.popoverEl.showPopover();
     }
     render() {
-        return (index.h(index.Host, { key: '3b3254340783d824a13f6fce1bed7c784376d5f4', role: "status" }, index.h("swirl-stack", { key: 'e27363486128cfde2ecf5d20277bfe5974d1df4d', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'beae26cc9bad4bf02620821d99e96e30699c2374', role: "status" }, index.h("swirl-stack", { key: '9a97642ff7a29441893a66e0dcbbd0e84c27d738', class: "toast-provider__stack", part: "toast-provider__stack", popover: "manual", spacing: "12", align: "center", ref: (el) => (this.popoverEl = el) }, this.toasts.map((toast) => {
             const props = {
                 ...toast,
                 content: undefined,

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

@@ -59,7 +59,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`, `toast--action-position-${this.actionPosition}`);
-        return (index.h(index.Host, { key: '3bbeac633acfcf8ea9b34e6c5f382a2d5d167028' }, index.h("div", { key: '0d226caf4d8480b5e18a7a68909978038eb1599b', class: className }, this.icon && (index.h("span", { key: 'c023f0441a86a60f96e3246cff2f975c2d66341f', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b37440cbb7031cdb39c5ab7ae70b3cc12f25cfef', class: "toast__content-container" }, index.h("span", { key: '65b785499a57274ac73205a88dcae45d0d30e89c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'ccdef3c6f38cb2bd88bd9876710594b5e009b8f8' })), this.actionLabel && (index.h("swirl-button", { key: '05ea1a525aafdd29bc8174ef9f590e48ce92ef2a', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), index.h("button", { key: '71ff41b6b3715cf7b0c1bb3947120414094f8a87', "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: '67e4c3b781bd29ccc031a9019de8d4774713a0de', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'a0dbc188ced5c5d3eb2e00d21de97143376db128' }, index.h("div", { key: 'da67352733995b8a1465ea6e25b9aef8b75a17ae', class: className }, this.icon && (index.h("span", { key: 'd1bc5730cf21bbaaf6009fb046f79cb5e3f51c0d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'dfe6ece5012fe401682e8b5e8577c93136079a7f', class: "toast__content-container" }, index.h("span", { key: '7dc75ae7db7f0b7c45008fec3cd5cc09edd2d556', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e5e916620ba3eef875e59d80016b5dba96de4a8f' })), this.actionLabel && (index.h("swirl-button", { key: '3c59c9fa99cb7e95693a7d221e74222ae51bb0c6', class: "toast__action-button", label: this.actionLabel, onClick: this.onAction, variant: "plain" }))), index.h("button", { key: '2e201c2e26339b1cec7f0c700d1269a24e577459', "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: '34291adb75cc028bc19c1a1f4a2eae09bb4bc211', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": [{

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: '4fa4b23584713d39e50d9ca826f04a65a33662b8', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'f23d802cb7e3a45edc5a422ea1c7b8f0336755dd', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: 'dd9c485230f0bda3bdf4e109c1f3a5527db46511', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '3390e52462e88e3de01868f493bd9c9a3f770fed', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -72,7 +72,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4976e353b8df6e70c241293dbba084b376677257' }, index.h("swirl-stack", { key: 'd145282f484e033a68dbaa4a78aa5fa0133334ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, index.h("slot", { key: 'a1511560b214686ed229c09e54d0a79393e6f230' }))));
+        return (index.h(index.Host, { key: '73b1af3aced583df7489fed5d8fd87269b71958f' }, index.h("swirl-stack", { key: '53acf3a4c4dcdb67004ce0c685fbce11709a36ad', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: this.spacing, wrap: true }, index.h("slot", { key: '602437b7f5529bae90be0203362223527b56644c' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -155,7 +155,7 @@ const SwirlTooltip = class {
         const className = index$1.classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, `tooltip--intent-${this.intent}`, {
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: 'f72d398e8b0ffe35e6736a98e0c93322df8cc321', onKeydown: this.onKeydown }, index.h("span", { key: '823d22387edc37f4d9f62ca80171d425984fcbd8', class: className }, index.h("span", { key: '73ff0e71b320b369abd810083917cc810aa12bb3', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: '360acfdbee9418dffc4928e8f51d4a1a16f636f2' })), index.h("span", { key: 'da84c0c6a7837f53009bfcdef577319ba4980d50', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '1b5bb2034b315b49c7e1caf68fc73f21b3968b0e', onKeydown: this.onKeydown }, index.h("span", { key: '7f7a5ee5634cac2d8652f826f0614be1dc994e7a', class: className }, index.h("span", { key: 'c4ac19e50a3ca991f4e5a814eb2a71bb828a9e32', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.onFocusOut, onClick: this.hide, onFocusin: this.onFocusIn }, index.h("slot", { key: '4069069595ed74c9613b7bf0c449f33c13c847ea' })), index.h("span", { key: '76557a31870e9dddad8ca80d9a2010fd3b294f45', class: "tooltip__popper", popover: "manual", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -163,7 +163,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 maxWidth: this.maxWidth,
-            } }, this.visible && (index.h("span", { key: 'dea2834878343f30975c8f57b3d4359b6384931b', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '85aae2745219a97e1dd1b130b9b4ffbbd8493e4d', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'ed1aefbd28a10881c5b4a057b65b5e47eebda92b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '16d4d3661053aaa6c315d66cbabf3074c24c43d8', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '52e85ff11eca8e56a135991ed20d0815e9520681', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '3a21f9cd678bedeb8fc4abbba91b1f0b94dfa9cd', 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

@@ -347,17 +347,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '799801188a287a9840062e11839a8110d0277867', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'a9d7dc43950f0a5669bebe1e987b53ff7c5bfbe9', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'c3c306c46d1d0e72bc15aa3d4c269bd991ed8685', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '9e57ca8623777df2e68db5e4f124368a54832608', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '79b39acfba6751039df7ebc3f3990fbb3fb390a2', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'fc013a6e3954aaa59b656cd8104e43a08942cdf4', "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.expandable && semantics === "tree" && (index.h("span", { key: '128894c54b9787b2f68f696573007dd76ed9ed81', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '6b478f02e5f99cf10a160d1dad12b229f9b9acd6' }, expanded ? (index.h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'cf47f80489f16b33adcaf8ddcbd240a95f282cc8' }, index.h("span", { key: '59dca8b68dedf4989335060594556ee9eb153478', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'a72f38444e3c9eed91004452a87f6371309b2f87', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'c9129679a11ebc44e1cad10b05d68eff7a41e076', class: "tree-view-item__tags" }, index.h("slot", { key: '98b912755ab5b46f46cc1417cf15205ab23539b1', name: "tags" }))), index.h("ul", { key: 'ac38c0a6fb60eebc8ff41546e1da4384b223d0a0', "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.expandable && semantics === "tree" && (index.h("span", { key: 'ca705b472ae4456b5421401d016ff4596dcf50b5', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'e09b8eb77f06ffbb3456e7dc0ca38d22aaa3dd90' }, expanded ? (index.h("swirl-icon", { glyph: expandedGlyph, onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon", { glyph: collapsedGlyph, onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'b026d8f8d6322cf651da6b9522f6f9d84aec6da7' }, index.h("span", { key: '96163824f4dc898a03b2903e547dbb388ad60fbb', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'e64e31989a236550a135dea4d4d35576c5116a21', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'e1743f64d0f5179fbe4b1cc2ca53844e0a3219a9', class: "tree-view-item__tags" }, index.h("slot", { key: 'fe73b932340858a097d35c6a4aa43a14c859b6e0', name: "tags" }))), index.h("ul", { key: '44953abc396948b111671a6e7a18aecd44ba8da5', "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: '2fe60b3526dc2dcab583e326b02235e1e0b1bac6' })))));
+            } }, index.h("slot", { key: '601a5749bbada2f74550cd132908be74a0b14b58' })))));
     }
     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: '1d51b6b1613a1fa0b3baaa440df453cc04704a51' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '76f99e5f1150e434597f15742efc73b3ccf7da3c' }, index.h("span", { key: '198d943911f2b18286ba27770004f24686a8f547', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '9448e6968f5efa9161290b1f28e1653735b4036c', "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: 'f186329a04387c0b3c2985d71af88d0ed5127473', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '5cfc3b36fe7ce8ddfda89b39a72aadc62239d4c3' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '1ebe624d048e836971b37e34e4cea99be25f2d15' }, index.h("span", { key: '4c6e51b98e51ec6fab26407298fc4287960d11b3', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'bd4285e2e0304766a3a7e250f9f57bfc8707292b', "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: 'facf43a35b5c6844e642d88cbe69315efbb42731', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json

@@ -38,6 +38,7 @@
     "components/swirl-option-list-item/swirl-option-list-item.js",
     "components/swirl-pagination/swirl-pagination.js",
     "components/swirl-popover/swirl-popover.js",
+    "components/swirl-popover-trigger/swirl-popover-trigger.js",
     "components/swirl-progress-indicator/swirl-progress-indicator.js",
     "components/swirl-radio/swirl-radio.js",
     "components/swirl-resource-list/swirl-resource-list.js",
@@ -406,7 +407,6 @@
     "components/swirl-lightbox/swirl-lightbox.js",
     "components/swirl-list/swirl-list.js",
     "components/swirl-menu-item/swirl-menu-item.js",
-    "components/swirl-popover-trigger/swirl-popover-trigger.js",
     "components/swirl-modal-shell/swirl-modal-shell.js",
     "components/swirl-option-list/swirl-option-list.js",
     "components/swirl-option-list-section/swirl-option-list-section.js",

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

@@ -56,7 +56,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: 'c8cd14f92cef7d34f59f1883d0c95724171b8425' }, h("slot", { key: '27729fdcf545689f6a6e4b05c62df2cacfc24e15' })));
+        return (h(Host, { key: 'db824bb15d6e2cb8a4d6b1bc69c938c8ba05d0cd' }, h("slot", { key: '962e95169c448b31f1f7d4732b8bef943757919c' })));
     }
     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: 'b297a697fbbe8121acd9f966f074c271e76972ed' }, h("div", { key: '6656e55c34dfa06504e11e36d70eb357a1a46b63', class: className }, h(HeadingTag, { key: 'c8251970ff06e54143d299bbeeaefc6d5b5d2244', class: "accordion-item__heading" }, h("button", { key: '5ce40ba197c4240ff3a773a5f6bb76bd294c6c76', "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: '2858c801a6f82512e6cbd8167c800d8377e7c35a', name: "media" }), h("span", { key: '2bdb695a299037fee4888f302443973616fad4da', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '7c11ea5d728793547c1a0f1dab90aaa5aa4c59da', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '5af2efe8d4465b25bf12fedf37b238284e7a25be', name: "trailing" }), h("span", { key: '4a6dd7c3c8cf8f0963b7c3a42773d98dcbf0e539', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '829fd01d3b23ee30533e6f98ece26d5e0c2d05d8', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '379315557a2beeba3859c2881db12da3f1926840', glyph: "expand-more", size: 20 }))))), h("div", { key: '94859d42d121cbbe5efc57ba0e63a22d589ac1a9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '166871ec6623b8a4b06d1807d61cb93819b95d0a' })))));
+        return (h(Host, { key: '6707a1b512d1aa54789c1ac47186fbe1ffb9563a' }, h("div", { key: 'c8eff3561d541f118178b2ed6462d6b968a20a19', class: className }, h(HeadingTag, { key: '71872b1aa2f65d0d0086b77b43865cfa388ce996', class: "accordion-item__heading" }, h("button", { key: 'b4142dc44542110eccda91d6ec28ad984ae56259', "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: '61d8c5046b7760700faa2722ee5bd922de84de36', name: "media" }), h("span", { key: 'c3f22d66e6f8a692f318a0971b7e5e948fa8fc81', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'e5789928255ae8ee34bf8b600ac63f1cc0150b63', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '0094a77f062ed3d9e763f0cf80367518bc95984a', name: "trailing" }), h("span", { key: 'a3137d137340c30b984f13db2c22a1315895934c', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7f367031ab98ef08d8c78845ca5f0bde70573cd1', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '437a61fbb1540c0c82ebbae41eb382e471e57aad', glyph: "expand-more", size: 20 }))))), h("div", { key: 'af7c4b1ddff638bb32fdf83e993e5cc48c7416a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'a372dc4959477650adc0a479dd33aaa6f6a775cd' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,7 +91,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '5442b552f660a65607f637d1e658ce03cc0102df' }, h("div", { key: '163eb820320b9013cfcdc8853c147aacdbd77e50', "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: '0056a5e3b7f6d6e9723fee4e5fb00d8bb9ed10e5', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'b69904ae0892ff3583235cbf1256d7599cd8c3bb' }, h("div", { key: 'ef00e5cac280ebdd0e586ba0789df7c834a5175e', "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: '4771ca68fcb87dc96d44b78d9f3715440e073bf8', 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: 'c353e574f05fe969e8da34d168d49b303393e63c' }, this.hasSeparator && (h("swirl-separator", { key: 'a2ee97295f8008855b8b49df50a16c81ab846a4a', spacing: this.separatorSpacing })), h("div", { key: '7acec8b0a4b14d44c993d27e9972ce424cded911', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'b44a649448a5317d7047098ece65d455d7da34de', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '259331672891860273deeaa0b21e633dd3ad18aa', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd08ae1429c8f4ed5079ebba44216952e0e5fec52' })))));
+        return (h(Host, { key: '783ead35780725c3448e67b29d8514c1878ac776' }, this.hasSeparator && (h("swirl-separator", { key: '56569148428e9c2c84d8b6b98f84303cb4bcb6a7', spacing: this.separatorSpacing })), h("div", { key: '6b5bc91e392e50ca605bf4dc2aa0731cc016cd9b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'f259d0ffea93d5e663d96af7a404edb861c891ab', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '1b64ecbc112ef03a63df681ad9f12a2cd392808f', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'ea6b73395b035990f4806926a61699d55dcacabb' })))));
     }
     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: 'ab8397613faf92e7bd56601e2ad84eedb742dc7a' }, h("span", { key: '518c69f11b7206663037775198573e97a17086ea', class: className }, showImage && (h("img", { key: '08de1d2e7ff432842bbc4fa35fd7758a41e71b24', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '76b4a209381c29ed208ae9a56b16080ff4a0ffb2', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'ca9bee5af805a836fe3f8c6d07951df0a1e388ff' }, h("span", { key: '4588dc055e98aaf1e3bb3689272d118486975c96', class: className }, showImage && (h("img", { key: '9858e8d8a4f28fbe026e11a353f1dac6b8b69ccf', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '6331381bf41c6651edcb884805d09cdbc57db552', 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: 'e43be5975a5399ef11cf176d19cd3f8b5af326a3', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '602fa58e6f9a08ac21b95f0e5a6db619012a7f5e', "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: 'd6183581ebae542cc66340041e7c1617a4b5587d' })));
+            }, tabIndex: 0 }, h("slot", { key: '62708550e6868fd1ab2e472f635b43f6b5911a91' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,11 +54,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'eaebb304551ee3505a7f74460c9bd5e3a6ed9e7a' }, h("div", { key: '6cadb205b2706440c7e8f7c8305cf2c6fbb18fce', class: className }, h("input", { key: 'f2de040b5debb7b0bdd07ad596973d0236e1ac9f', "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: 'f3e6cf803d871526a9b1460a1c0d39119a8c66c2', swirlPopover: this.pickerId }, h("button", { key: '9407e1137bb3ed0087102557962fef7bdfe18a7e', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '70609707548ea685762e228a6decf092b8529504' }, h("div", { key: '58fbebbbceafe27e17f7c98fc4ae9257c2a45495', class: className }, h("input", { key: '000fa1ef0f65b0d97fc108e6975c87469ac958e7', "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: '8896bf2f4af94932927ebfc1e9252fd278cdcf07', swirlPopover: this.pickerId }, h("button", { key: '00c99e96460bcfdbbca79fe968fa5d328b697bbb', 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: '3b13428dbd94c203b9786324830adf77c6b59b17', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6b05ec734a0bee7b8a51706f40c4d4a36034294a', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'df0cf8f535354a57376419903f6739427ce59d8f', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'aef79289c5c2ad5d85ad1cc4249f08b011a1a6e4', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '328f80828841cb7e62281bb36fc1004bc41c2adb', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'caef801b528e9d597abf6ffd5b366f07a8173bfd', 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: '15d2f52c18697e566c4dd1d3bdb9db576ad0dcec' }, h("div", { key: 'c054039010eae676edb7f10aad03fc7fa9a9a8c4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '6c9a4c509e903b0e44ac05bacd9430681a64920a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'af1b7fefeac8af4efef4958c7eb730e424752932', class: "console-layout__header" }, h("div", { key: 'f5db1d27aefdf046f49dfcef3a1e9a9555ec916b', class: "console-layout__logo" }, h("svg", { key: '08f2f49df60a0587d260a3fc2304b7cee5ee3617', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4d6748b153c86e5620c4e4c59ff1dc25b7c11c8e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '970514ed57833a9529f311a5c43467c4daa672c6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '9fb6ab4b03fb2ac61117592059cb32c103024deb', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '01a623e3e09bc87b0c602dcd2fa7da423fb07308', name: "navigation" })), h("div", { key: '976030dfa1856cc1dea4a5c5ff64fd1ea97d3089', class: "console-layout__user" }, h("slot", { key: '3283d6b75520d4abf292c9a5d07e2578e9cb381b', name: "user" }))), h("main", { key: 'e12320ffd46285bc10daaa7b782d776697e9ce9d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '901d795e7ff7c56da51bd3a7dd2a0407cfa2aa82', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '78d1b2f14e1dd09d5cc2b5783dff3f7e994a73aa', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'ff530c79297f657e646af25aa83578bcaae2fbb8', class: "console-layout__app-bar" }, h("span", { key: '65f29c7006a92a8fe924a8e455fa32ad0f28c4db', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '7218846d10839b1994da82ccfbc291b415077de4', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '6848922cde9dfa1716ebd41f4c0c2f6817969400' }, h("div", { key: '8cf53833d2f9485df8ed411c214d6f39e3cdf30a', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'adcad06c750716bf5de25bba5f1c96c0c21ab249', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '08ca8a1bf9454bd1bb662ef6486cadb7e74398f0', class: "console-layout__header" }, h("div", { key: '5469465999f90650d2f00cd01b054dbd1128ab50', class: "console-layout__logo" }, h("svg", { key: 'a0811d0db3cf3e639c46cf1e872a16d27215e8c8', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '68c82bd30f9babcef401605ac4c18811ebc7bf81', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '0937f837fe82f9f478d1ca44397c0cde95f61f56', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7192cc5db38a09053874f5d206effec7a16a32ed', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'dbe7e080ca1eca0eaff31a9c48c733f1076ca64c', name: "navigation" })), h("div", { key: 'b55b594c3f362e55b52a476ce7a1f1522bba82dd', class: "console-layout__user" }, h("slot", { key: 'f2cc0163b8ac8bd3f089ebfe27cc841e1b122f7f', name: "user" }))), h("main", { key: '3009a9715257a5d5ba0836f3540859b4d971a4e9', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '0cf03538a1416e8ddf20ad925a5fe6c6f7734e4c', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'c318f66a2eed9a6754283e94eeb397e10d1919b6', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'd27e604792ef0fd8e44799f3fb900cbecdd75bd1', class: "console-layout__app-bar" }, h("span", { key: 'aa506b3c58900d90ac5f5dba3dcbea1e1ed7d1c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '53fb047dca7a84f98944d8bc94948096b0acfccc', 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: 'fbf0b8ded8f0fa74baa5b2c9acfdcdf9bcf57183', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'd982f91e9d5beb99082187e40105785c136ee38b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '1d63dc04cb72ba2db7ab055b3d748c59abdc379f', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'ef836c5b943a749cdcee7db1a87d5bc16f5e9a27', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '36ea5994c2837090daac583ea08623b4c3c0570a', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '7dfaddb3e368d213faa55567736979710d534742', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'adc51b4211fa79b094e80604f7d2dab126659019', 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: '05bbbb590b2c1fc0d495fa61c9de4bbaaf89014d', class: "console-layout__heading-container" }, h("swirl-heading", { key: '31dc5f25083685e038d1d126cb594695ec20361e', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e27d210f844ec818be9507e5f492528f575a9969', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'dde72801d7baade4b3537cb295fd427b7de8924f', class: "console-layout__heading-container" }, h("slot", { key: '444c84c0e8ab0c2794b22e3fbb854ae56c7866eb', name: "heading" }))), h("div", { key: 'b13f0da62021e6ae9279b392b8b3c1469f30b771', class: "console-layout__content-header-tools" }, h("slot", { key: 'e4020c482ae5c060f62d7a5b3535d43ff8e43955', name: "content-header-tools" })))), h("div", { key: '3bef306687d7786801db4a51cc3bc42c3da7040d', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'bb96d82dfceb770864dae5db21d8d4c3ab560089', name: "content" })))), h("footer", { key: '50cfb94c33f2eae3823b79a2aba1961287d5129b', class: "console-layout__footer" }, h("slot", { key: 'ef963b0a2354e05cb1a7ccbae2db12fe9bfe102e', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: 'b4f047c7670949069ad5f2e4b63618d267b66a80', class: "console-layout__overlays" }, h("slot", { key: 'd45aacca9d750da73294745eb8a6910e372673dd', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '87bdcd2afb6d2442edfccc63629429adb60827b1', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'ab205b556bba25d0303f4c019e3a03466fa25697', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '4f2b818e0fec8103e80cd6230927e33e2ecffba1', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '54bba94d993f8ce83c768b821743991ae27ba4d5', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '8600ee685d00c024e159261ac66c6ca3c5cfaf31', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '07ef9b90d5f793c2b6763286879625f8fd845df2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'e18c6b9ebc66dba1ba63bdde333ece8ed01e9b45', 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: '41b00ee62169b50e37b5754c5464aa9a8b63631a', class: "console-layout__heading-container" }, h("swirl-heading", { key: '71067ed971781005e89ec9bfc64e0d24dacec900', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'dcd6ae2eb3885bc3784a340302a04562878d653a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '10c547a587f02eba66ffcd81755c14df52e8578c', class: "console-layout__heading-container" }, h("slot", { key: '3bb324e228c50a653407b5c50abfc1c45d9455f6', name: "heading" }))), h("div", { key: '779c27a365c3d5ef0578e0893b50b62493c6d84f', class: "console-layout__content-header-tools" }, h("slot", { key: 'b578bd3d99e54fcac63c8c3e2c80736b019b9c9f', name: "content-header-tools" })))), h("div", { key: '1bb161cd962444af20ffa4caf9de1b9aae721274', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '31e3c9cdd82a1d40ee5209ed6ba9f5014b0a1841', name: "content" })))), h("footer", { key: 'ed85f473640f281860989f468fd43597e929651a', class: "console-layout__footer" }, h("slot", { key: '468b1d1c5d644bb8e5fd858c22badbcf982619d9', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '3f8c83797badcc807085d0ae600db4b793a8da1c', class: "console-layout__overlays" }, h("slot", { key: '87cadb26a9ff31d86dba3f8ecef5fd0d9fbe7680', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class SwirlDataCellStack {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: '14d6213f21bb5e162342389d3e89501d529e490b' }, h("div", { key: '515c84a9eda22a77b9f9b5985412d56dfb6a8e07', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '3da984d135c10750099a3d11e79563033da059b9', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: 'db3b9a71276d0340dd1d1c58755b1d38cef35ab4', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '30da89e037e37a7fa17b66b1e435651de49a0690', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '11fb9329d4a82dbb03e145d7ac8c476eec72dfba', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '6279ad312fea30a67c6b4994ca6e1affba407216', class: "data-cell-stack__cta" }, h("slot", { key: 'e438aa0e938642b99510734ff7aa3a5186fab10c', name: "cta" }))))), h("div", { key: '5cc83894daa410486ad4b3a9b264dfb8d5599829', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '782785d26eeb69614af9d2c9af8a7dbd896361b7', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '670fbb59c699865583b950a58c620b1f239aa992' }, h("div", { key: 'af07d2b1f44d104f4353344efc1c3751336e19fd', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '9a70c3a2b2ab84015e20b9ba1d403366d506b196', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '2fd51c9fea60b899550e8c81a7713ab670f0bc85', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: 'ca34247fb200698b307ed63bf3320ce614407489', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '008bdbd5dcf03a10bf5dbedf049aed4040533213', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '4a717454049bc64bd55b5f3d9164b97b29e91709', class: "data-cell-stack__cta" }, h("slot", { key: 'a32f796e685712382d3c5038d8da1f60824aef51', name: "cta" }))))), h("div", { key: '32c2167942e103ff24c0b32b3043763fa738e055', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'ab839d643c79152fe79921d6ac0fd79ccfc693cb', 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

@@ -218,7 +218,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'b98f4ce502fa59e2ec04c5ed7056b150270e9f37' }, h("div", { key: '74351898abc21ab9de0ff9d8fc5e6a48d2e0e5c3', class: className }, h("input", { key: 'f065fac3e979f0073ff6749179d8ccb55defd5f2', "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: '750c24d6f3ae3b13725e12b67679261d0104364e', swirlPopover: `popover-${this.id}` }, h("button", { key: '076d164200a3284e17dca26df53b3b2acd4b2cb1', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a72bdb92c6e765c3ed8e667ffec31fde4032883b', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '47a15f43d41278c108fd71fe84054f58efed7a88', 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: 'b7d73a9fc73c17e8ccdd56afe75633881d590380', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'da068b51e091af3568aae56c4edc062a02250a0c' }, h("div", { key: '2b3e85d7c41297c5c16fcd7da3911918709bb88b', class: className }, h("input", { key: '7988a33053e6126b4e2c2db07ecd35154b5dc118', "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: '598635c0a78132ff023c7269ef1a1d0fb3a5598e', swirlPopover: `popover-${this.id}` }, h("button", { key: 'c48e10b5e9a3f38129eab24773e95b54488b9567', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '3e4fdb17f2c2a8d601773ceddc38fd83ec22032a', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'ed5f0026cf1efc75b48994a83736e23b93c75527', 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: 'd49902ee534677e0ce8f7bf3925d574a702c81e9', 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

@@ -39,7 +39,7 @@ export class SwirlDatePicker {
             "date-picker--fixed-max-width": this.fixedMaxWidth,
             "date-picker--fixed-aspect-ratio": this.fixedAspectRatio,
         });
-        return (h(Host, { key: '9110b47b52b8b09309df55d6ca01cce8bcd17ee3', onClick: this.onClick }, h("wc-datepicker", { key: '00457e3ed4f00be2e9c95ee13d85ee7c9be33d46', 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: '4fa839728e8f1faf9de603fc039ab84050673982', onClick: this.onClick }, h("wc-datepicker", { key: '5495717dd6176ba76e599be997b35194056bc707', 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: 'f343afcbac75a18e8649bdc56cace594bb32fad6' }, h("div", { key: 'd088799675f0ab6c422831fe2baa47fbdeb81d37', class: "description-list", role: "list" }, h("slot", { key: '640d7da6662aec8f6a98b03af6b68b608c09374b' }))));
+        return (h(Host, { key: 'f73f7d135974ca70c52cbc6ec623aa61bb67a96a' }, h("div", { key: '3f55113d6ae5506ed9e3122cb80107ed6771fe0d', class: "description-list", role: "list" }, h("slot", { key: '80b4b4b012683b30b83658956ffadc2a3b5ed823' }))));
     }
     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: '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" })))));
+        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" })))));
     }
     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: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 12 && (h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '2135761182a518644ca45c0c85a89a1b61e74bdc', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 12 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '2b7f4e39e59b8adeeb29a388e4225f7e06ad6e55', 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: 'b3dd1b1071a54c35d255f5162553c0d2c610285a' }, this.size === 12 && (h("img", { key: '9cfc247200cbb34680166ae8f5cf0eec0c8c28f6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'd9a1977a180a1b7f26ea34ae3362f5ccac215d5f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '93a4a37477c0da426098ea6452952c3a2c5ee182', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '3437cf54aa560562e55c6a7179884062d8a2d44c', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '38a9989ce6e930e89635d4cc13b36ed32892c955', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c' }, this.size === 12 && (h("img", { key: '2e63217f2ff389e3f0c1a519dbcd3606a841a7fa', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '3b9ed0726917c1f4dccb906f14955216eb3500bf', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd6bd535cde6778d0c7d415e370e89e3c9bb8cfef', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '54fcec7c811a72587acb068274a54e8bf78cc2f6', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '50ea07d44d864bb7db1eec8f7d67505abd4eb62e', 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 === 12 && (h("img", { key: 'ff663fc3582afc614e07bcd2b5229b945b5a30d6', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '4d1837bb3c58b8ba10ed26ce6142b6c8fa2eb54e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bcb3cc740fe536f79e9908ba325c77659290a8ac', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ce41322259121ca9ccf986c8c74257df37155a7e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'df780a9cf644cfb43e0fb1ad1f7432b1b0539a79', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '8ff3a1a940859658d88c26916d41064e2e92c8fd' }, this.size === 12 && (h("img", { key: 'ed4c692587f47600ce7a9b83abe60ff1fdbb6f54', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '7e23064fca619033830213f81af609ef30e59a3f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '5a5e45004643bd5349755a54659da075a9f6c769', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '0b81a085a62b0ee6c2828d1fe7d68c6d96b8a513', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bcbd9d4a551608bca5537177e152b0d499e38b08', 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: '09d0e75ba81401110070a6235e73b69a10cc9722' }, this.size === 12 && (h("img", { key: '7fd2166277cef666b5adaea710f5c9efe0230f70', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '7b622b06b4b92567627fe648023b4cba2240d648', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c07c2b69710291f219d33b0ea95181024115bc87', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '2ea22e12c46ee678027850729d116f02d790e4c3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '1b2696387fffdb96705851e984a3b3c5597614d1', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bb363142a59a1532d697a2abc209fc2b981da47f' }, this.size === 12 && (h("img", { key: 'fa59c3735934acd1e62d6033b5e889b44136b1d1', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '8346db5c4614907761b265fe09b5c1f8d29c5b66', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'abac33c577707bba50157eb99e1b291620d9cdaf', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '62334497c1b5b479e034fe98d88314ac7da4f2f6', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '8b37572d2531e0c0c0c0ce96d6a4c2df341c406f', 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: '68fe396c6f3bd30532dfb8d79edd9143e9540b8e' }, this.size === 12 && (h("img", { key: 'a77633b15e2e59576477b6f3c19b6ce62d7564cf', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'b674cac80e397c2943b54cf087460b501128abbe', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '9b9ed5e1a2d0769e06bc8426f22c1b2592042fde', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'cea88ffddc5668e6baf7d8f8cf547a9f2748111a', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f3b8a7dcd29bedc41aad479b4607ee14c3261094', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '3afe89930779fb551a168823880097d3268e28ea' }, this.size === 12 && (h("img", { key: 'c0fb1c26a5553bc6e17fde73c469e044b55ea6d7', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '26e3f29cb2297bca811ed4ddba1d4ed9a9d2d90f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '1da090f51b3a372f3d8e679bc49f244eafd5449c', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'cb5823e337455b34ec5055978db7f6729d0a6156', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '6d7f2e99464ab11dc8774293539d2b01264c4d20', 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: '382b550d8d1edc1ad363352c8204a73f37a4873c' }, this.size === 12 && (h("img", { key: 'd6b1f53c6d25ebb55c2fdc780ffa37d43216e387', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: 'a78c37d28918409fea8a711f6cc3ca99da0b01d8', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '67bdd5ad5c28156121fd0242c49bf722f064dcce', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'dadf39ea757a6666b3a20c97a473e28ce3622f84', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e7b9d2eafdecfae93debf96cecda5c9a85bcf4c9', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '59782e84609d6086be2f15fea013eec3dc4181cf' }, this.size === 12 && (h("img", { key: '2370c81723e3d5102f6a42d3f72a64479079f4a7', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: 'ddd104bb304187b73593c7a02a06e9bb10bb6699', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a7946a304a99defdea167349ee204f203b56d56d', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '0080c4384aad196e7c67ce17b6d9a4c56f5cd970', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '9e107ae57e3d3d3a759bc76d4f2adcce9aeae9fe', 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: '17bcc778dc10da431c3b875ae161612e1911be12' }, h(Tag, { key: '8828ee270a24a4ec8446356e5d7406ad83fe5d6d', label: this.label, size: this.size })));
+        return (h(Host, { key: '209852dfda7f393517bc8578cbaaca8af6001b8e' }, h(Tag, { key: 'e32b5d1a648e72f51bd21fbad53070f79b27717a', 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: '4111767153b382bdf79c3d7e2f1a647866d631d9' }, h("div", { key: '2b1adec6d77d936ca057e2615ed86f05174f8376', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'f7e59cf3d0cc04f642ed5cf26001ec504c103a25', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '8d5bc1c6ae64afdd538fc32960eb021fe4fd9f07', class: "empty-state__slotted-illustration" }, h("slot", { key: '7fce2916093c9d6724f3a61e6a3e2c8b53d4ade4', name: "illustration" })), h("div", { key: '0ce64cb6361cf50063451a4d471100819409dcd1', class: "empty-state__body" }, h("swirl-stack", { key: '5638173b9f51cf1b1004d3b8622f7d9e048c43f4', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'e76ba2022dd69f0f0c2cbcf0b499510adf8846f3', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '2f7d1bd011606f4075d2bac355c85c4ec9962105', class: "empty-state__content" }, h("swirl-text", { key: 'a991d1eee288047e507ccf6095cd9ec9f7fd7433', align: "center", color: "subdued" }, h("slot", { key: '3e5df43ff537ed9d43df4d85a7ff831efedfe68b' })))), h("div", { key: '06f9c1101c549894aeb8c9f24d65e0cad713e326', class: "empty-state__controls" }, h("slot", { key: '8532d6b9cc9a0c2c06438edcc81b987ca30b9397', name: "controls" }))))));
+        return (h(Host, { key: '91bb65a3f2704609bbeb547a0062ace6bb4e93d5' }, h("div", { key: '0955305639082ebeeefa7694400d732879982f00', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '5b636e3a3f756e14e206c246c3e2f4d308ceee4b', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'e3557187dcd9b76845412114c0ff69ddc2776c12', class: "empty-state__slotted-illustration" }, h("slot", { key: '1cf19c7ef7660b95a5efd0edb4ee61ae70121ea3', name: "illustration" })), h("div", { key: 'a6f3db841afcbe072d2269fa840256c659cf25a0', class: "empty-state__body" }, h("swirl-stack", { key: '72ccf0f10bce9edbb2b38e7f23907157289ef4d4', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'f697293c00cb00e9df1288d248ce9f30cea1851a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '98af1c7e3180a8ef83afff5535865de3d21b2c0d', class: "empty-state__content" }, h("swirl-text", { key: 'af3de7fdf17bfd437059628baee5deac94a56ce5', align: "center", color: "subdued" }, h("slot", { key: 'fb52595bcb0417621a2c2731136a1b4ca410d846' })))), h("div", { key: '7bce4953399852ce84a26cbc0dd1ef867a9ee6b3', class: "empty-state__controls" }, h("slot", { key: 'd1a0f959bda007ee720fcedcf7771eaa9086d5af', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-chip/swirl-file-chip.js

@@ -109,11 +109,11 @@ export class SwirlFileChip {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (h(Host, { key: 'd631299e23398127c4a5cb28c09ab022bff9cf2a' }, h("span", { key: '143efc8eb4fbd33d6530c94281f471793cafb452', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: 'f9c9aff40dc1b65c8a96f418331ee0aef025d9a6', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'e1ad46b9ac9e04d3276a71f73753440674f0ab6d', class: "file-chip__info" }, h("span", { key: 'b57490dd81441885311afb35988bcd729a484ccf', class: "file-chip__name", title: this.name }, this.name), h("span", { key: '9c18103e0a31b19540b5ade68ca409c5410848be', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: '1c323b218ef257d7815e12d8d560d437f0c101c6', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (h(Host, { key: 'dd3a77e7a16cc29b11410956997f3d003839eb72' }, h("span", { key: '99e7edf197a4dd3652856aad7b61482b553669e5', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: '101ac912d654ed4d520d05fda47aca431325ea8f', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'a3c6758812615b7965de5d1c01d4bcbca1e0f0c6', class: "file-chip__info" }, h("span", { key: '259d92e787c40e0b26831ace9bdba3349dc64eae', class: "file-chip__name", title: this.name }, this.name), h("span", { key: 'a2cb5ab6b2b7d2b24ecbfb0317740bee6dfde73f', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: '2180ba0d0fa4002636823b63539e6833b286f837', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (h("span", { key: '9dc98c3dd57d0ec7a67595e9b9ffa6c1d29b7e2e', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'a8c0ae63cba2004e8bd49fad8136b0846c896dbf', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '92795410eb112a8342b800db9e8b46b24f60e180', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '7c311dc0b31fc75caee0d4c1aac48ba9bb0924b6', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+                : this.description)), hasAction && !this.loading && (h("span", { key: '0565d17131ee44e8bcc09d6fd8aa6d4b0476e273', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '31f14f5a84bc1df14327d6fa372c274f513ddda3', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '5eda0ab5e57a2c407bfc835b69f9a823d575b596', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '4d44381638b0bca31409d41d98a93202158b3058', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-uploader/swirl-file-uploader.js

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '103ba24a720f0e27f12f378c72a4a4ff48dba49a' }, h("div", { key: 'acd1c637ac10fbf1d110847f96e55b89a6671a2f', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '99ca21b4d4f84c9c8d338c7021ce4c938a243ef1', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '620b95c6885a92a63a0191827e89495d732998ba', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '8832911f1e527f74a7e4b439df207b48158ec1da' }, h("div", { key: 'aa15775dcbde1cd10cfd90356b2dbed1f7ef7301', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '30de61120229eea792a5ef66d02cf017d0f7a082', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '3f06e6152f31ab39f5eed6882b9fca2cbba859b3', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '221e4492ff6c3b8a3eef9a248e4c7e4a82056ae2', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '1a9fcb3a7ff45466619221eadfdb7a143ea6924c', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get is() { return "swirl-file-uploader"; }
     static get encapsulation() { return "scoped"; }