@getflip/swirl-components 0.377.0 → 0.379.0

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: '7e1aab6c70cd283e9cd4473208b7256cf64aa4bf' }, index.h("ul", { key: '7db94e9f40ac88202a7ad64936d15309ee26c899', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'c8f1e133269cba308ac30e457554ed0a9461d2e0' }))));
+        return (index.h(index.Host, { key: 'd5c52dad607b47023a7367c601b1af4506ead148' }, index.h("ul", { key: 'f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'e38c92f627da85cb754ec3d3a8a0a3daa0be5529' }))));
     }
 };
 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: 'f571e0aa5fab77a62b4b6a63e1226011b61202ce', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'a13caedc50c5df33f7674c93696a141c019a0be4', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'e9a32fadc3d8d07e757d42f54f8e9e44976e2b4a', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "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: '943ebb467ca02496363deccd1757eaa4878680ab', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '00c15f06df99116176b9759abb86794a5306aa1d', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: 'dbdd4b084c23f48caee3245a3a2f414cba1fcce1', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '48b76c4675d392b25ad97d9e73f0911f43fc6918' }, 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: 'd98c931c4f9db219e70fd31365304808c53808da' }, index.h("span", { key: 'c041476e9a1940dcc3c2c4edccde824e0d6f9c81', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '92c600e90332b236742f47ca8ba190e2be704a00', class: "tree-view-item__label" }, this.label), index.h("span", { key: '143e4df9520c3be93508e1e63c5cdad62f26dc90', class: "tree-view-item__tags" }, index.h("slot", { key: 'e8a16506b1c9fa9bdc2a0dab23c042efee9373dc', name: "tags" }))), index.h("ul", { key: '95d6d7047fa12c5a0fc51848457db871f5ec7abe', "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: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, 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: '1cd32216980f812b5990c23b723428dfe50fa265' }, index.h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, index.h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), index.h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "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: '556e0b1487930406f6179a0d50d2ef0c832e2e45' })))));
+            } }, index.h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
     }
     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: '7b4136fd912ca7990b5e55f1575421ec3672dc8f' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2196f8f992789a4fda56d48e236d602db85035f7' }, index.h("span", { key: 'd49c50de8d0c0db64ee5a97c1ccdcd67f8d9ad84', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '8835b6dccdf5550788c877c9f8795c440420e540', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'ac46b0399f32189de2372e3fd7c6c108b28a46b1', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, index.h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "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: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', 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: 'f051b15d4c6b4f56e5624156fb6d15e7a318303d' }, index.h("button", { key: '1533308b5da0a6b3a862e0d1db68df4b364f8d40', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '63390bbaddb238105b51681e77f8d353be43783d', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '828149c48f40a88d8ee36ab65414bdcfd9fedc8e', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '5b1336543670ab03560d915be183883656b5b74d' }, this.durationLabel), this.duration)), index.h("svg", { key: 'a4d17283a8e014facd18ccb3ea0a2f345e889d8c', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '5baccd9400ef4c5457b7af45e854577a98bf8ddd', 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: '66c488984003b2c7afe7a7388a4b8465463793eb' }, index.h("button", { key: '5581bd7774de0032764e149c6e5fa4ad7418cab1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '874ace18ced79d8a121f2fecfaa21e161561c3d5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ad3b4f4a8dce132449195ac1db618514d9c658d5', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '39c0123fe3106b5257a4933430bcff149994823b' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f3ac843cf35f79b014b26d1d5a54d65674eeebfb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '745ef265c59e183a60d7853f5a992fce029defca', 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: 'd3bc2f2991e277be2f28c1fecf56a524475f187c' }, index.h("slot", { key: '8bfd7efbdb9776d324e9018402d0ddaa8991a322' })));
+        return (index.h(index.Host, { key: '3f001fa0d55275db749a4a2125b9b28bb88f434a' }, index.h("slot", { key: 'e162e2eea285c9fa37b5391dbee7d2ecf1caa421' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

package/dist/cjs/{utils-Br2wWntR.js → utils-CllbYlRY.js}

@@ -153,8 +153,14 @@ function getISODateString(date) {
 function getCircularArrayIndex(index, arrayLength) {
     return ((index % arrayLength) + arrayLength) % arrayLength;
 }
-function isImageMimeType(mimeType) {
-    return mimeType.startsWith("image/");
+function isSupportedImageMimeType(mimeType) {
+    return [
+        "image/jpeg",
+        "image/png",
+        "image/avif",
+        "image/gif",
+        "image/webp",
+    ].includes(mimeType);
 }
 function isVideoMimeType(mimeType) {
     return mimeType.startsWith("video/");
@@ -191,9 +197,9 @@ exports.isCompressedArchiveMimeType = isCompressedArchiveMimeType;
 exports.isDescendantOf = isDescendantOf;
 exports.isDesktopViewport = isDesktopViewport;
 exports.isDocumentMimeType = isDocumentMimeType;
-exports.isImageMimeType = isImageMimeType;
 exports.isMobileViewport = isMobileViewport;
 exports.isPdfMimeType = isPdfMimeType;
+exports.isSupportedImageMimeType = isSupportedImageMimeType;
 exports.isVideoMimeType = isVideoMimeType;
 exports.parentsPassShadow = parentsPassShadow;
 exports.prefersReducedMotion = prefersReducedMotion;

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '7f8aac6430364eac4124b89ac4fecdc73e82c8a3' }, h("slot", { key: '374b1d722218716869143060496ace17fd84b46d' })));
+        return (h(Host, { key: '4cb898dd4923145ca695946a1990dbf50430e3b7' }, h("slot", { key: '3e87ea3977ae2d593fbc4aff98cf7a6d4e0f8f9e' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'abba07ec2f943c86ff88aed65ea1c10d170e3a55' }, h("div", { key: '4cd9a307c2d01266220cbd3df1b27afa401fdefa', class: className }, h(HeadingTag, { key: '2271f5ee54750532baecbbc34da135fa278461d8', class: "accordion-item__heading" }, h("button", { key: 'ab13edffd0c9bb073473d16a0e3838ee04678a15', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '3fa93043d6b8c929b37ced1d779957ec40ff3e02', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '1470c3ce33a835bb53fd8759b82c26608d018281', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'a292fa27389bf972b2b9b7d5d4f6e1d9962f4919', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'e9903a0728bcd15896d9586a107ea88f1197f1df', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8cb634c1bcf0c65daaabad79394183ac040237aa', glyph: "expand-more", size: 20 }))))), h("div", { key: 'b0693a31cf7d608b542ca10a13cf6a6b36a6774b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '95c3a5da8e122291bf06f2fa691b38a1dd53bfb6' })))));
+        return (h(Host, { key: '2ba6d5e009a35cff7d7238dc28154dbd94688dab' }, h("div", { key: 'e81ddeeb7d957753ef9e79a4186646bb39fac9b8', class: className }, h(HeadingTag, { key: 'f34509c51df436d5d4e7c6b97e12db412b5cd090', class: "accordion-item__heading" }, h("button", { key: '012726cab1decab47cc3d363a47d8886d1281df9', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '34d915de7aea8c29d68d8bab797efc0a23f5b631', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'dd6d53ab86a0f6b6206941eb03aad325c8f9669e', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'd07884e2f19506029f7105c78d499bef9bb038bd', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'de5ed4558c0a4eff354693740a394d75ef5290e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4b8fd0ba961f1432d075c7b808d716fb1ddff27a', glyph: "expand-more", size: 20 }))))), h("div", { key: '86dfaa63eb9e695eea227a78fcf7a1242f72c13f', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2c72ca125dfec3d12a5815ffaa3a6bd02675b294' })))));
     }
     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: '162314574b7f7192fcef7636bea795bcba95ae82' }, h("div", { key: '67b71217628367b29b108d8c67d3ce7186849fed', "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: '9731e7c3223b90e34c83dc6b31b95ef342b51961', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '43302205ab460e62eea276473fa508302174a25d' }, h("div", { key: 'a6483438c92378439d9d225b92dac7db282d56ea', "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: '7c1b11a88d2d2428a0c29e3bc191407f544ccd07', 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: '6e93266c1a1debf29380963f64c6f853d1e528d4' }, this.hasSeparator && (h("swirl-separator", { key: 'f264ee771b77f2c363bf2fc64c0dcda922c36649', spacing: this.separatorSpacing })), h("div", { key: '702424f77b73f0fce4510715b5a8fe70b2219926', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '2928fcfc41ae7e9795b757090eeaec491b7ac63c', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c637246f7ae9e3588d990685baccc4253ea7d15e', spacing: this.spacing, align: "stretch" }, h("slot", { key: '988b050cdb85bf8d41cca165b94f51018ceb6dc4' })))));
+        return (h(Host, { key: '2b4f72c501bacd5049e6a686efc825f0b07b2bb7' }, this.hasSeparator && (h("swirl-separator", { key: 'b3d03bdbef8b34977edca6289f6c1b3b388a76fc', spacing: this.separatorSpacing })), h("div", { key: 'af1b1340933dd28e9e96cef6bce9cde1fe874a83', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '116a58cd342c33346cef1c91141dcdc1540fc7c1', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '4848d1f70de1148c8d8c0cc819ce0fdf0c102aae', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a405a89cf3f0dedcc38f5b34ee15c56a262e6e14' })))));
     }
     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: 'ebf22de161e63b6a95a668c83683f1ed4ed9fb3d' }, h("span", { key: '7998c7b113f48ad715fe897f3e547790de5b8e51', class: className }, showImage && (h("img", { key: '685f743ace846d014058b6c40a8b3852f7108367', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2583c7ac995dd3b239258dbc21eb4e229ff9edf0', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'e3c199c6d4aa08161dc0f15d8b5c36c81a48c1d7' }, h("span", { key: 'ed2618bf26f741f9e9c28839bcc362c6d22d9f0f', class: className }, showImage && (h("img", { key: '2cc23a3504f25b16e89aa68ddf84286e0c7b03bb', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '14d901bee675e7eda8de3c4daecc881635e891b9', 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: '6b0a900b2a8c73fd92c45f79b13ee8090455581f', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'c5e73aba969205973717a1a408e6d3337d56bcda', "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: '5ff3a989f4eb4a17b08024b08e4eeaa5d809f336' })));
+            }, tabIndex: 0 }, h("slot", { key: '0259f47ff8017adb7cf957e3915e7bf1452f7091' })));
     }
     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: '06442d64beb2fbd63d6b57dd06385739f62c678c' }, h("div", { key: '04156a847fe4dd071d58f5f1203ed63ad13dd3aa', class: className }, h("input", { key: 'fbc8643bc5aec60c89ff4c0ba0dea3ecc60ca635', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '77c784240913faa8092c4de8456d0e69527acd84', swirlPopover: this.pickerId }, h("button", { key: 'e30a2c1979f56861788ceece1e0fe1141f496873', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'b1a5b6616f3a6f001245649c779c312f8e18a855' }, h("div", { key: '70000714f4dde077c317e44b6b9530fd35fbbfee', class: className }, h("input", { key: '1891a2f2b2dab2ad5a533407348fb024aa7148eb', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '86b5369901f959711cce2da946fab5ca18269080', swirlPopover: this.pickerId }, h("button", { key: 'ab7229f38e99b9248d813ccfe565600a4c1c04ef', "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: 'f13ae51925a2667f7f64a97fe39b13de6f9ce7e7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '2fd33ab39b57e21dcb8fec555e31e32400b85d76', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '2c4ca5d20a15345f61a008ec81ef6864a21869f3', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'ad9454e52a7857ef8d2dad9926e56b5ff9675223', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f505804f4c8cdd8d91624ad6d864b3349fbb820d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f978fe83dfcebea9865473314c63ba4fa949098a', 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

@@ -157,11 +157,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'f602249c3a2f823304f2a5bf67ddc5e6a39a6085' }, h("div", { key: '295edc899d752d5d185f1bfcdc933b6c67dc5cab', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3d5f51aa48ab671b90e3ab795c8e2336f2a0bf00', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'ef7730d2ebcf7ac06dfb79573bf3799cbb4fff32', class: "console-layout__header" }, h("div", { key: 'd30f5fea7b7315254e965c668f4c2d7481c92f6b', class: "console-layout__logo" }, h("svg", { key: '6d7760615c7429ff4c9f75a426e9f9dd45c3383d', 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: '06644682742c5102d1957434e16712f4ffc05078', 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: '204c7f8eb3f9cdcb4f373fab64837b0dab65863b', 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: '6d84e0d4c32f66edae27369c1b1e2fb5653b080f', 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: '958f28ed610cb01b7978ed1746683f592a62f55e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'caa2148fb54f21e3cda5463f3cc3897cab2ae483', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '1e510d6fb7e3ac9253de3028ab47c5959f070866', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'e52cc6938675f37e197632a18664aad70a53612b', name: "navigation" })), h("div", { key: 'f692ec53041b36b44d8bf79ea16c79fb5d93d3fe', class: "console-layout__user" }, h("slot", { key: '05811ff54291ca6b58c687f68f2a99198b23bedc', name: "user" }))), h("main", { key: 'a8f039990b09c03d359501b481bfb24b5b31322e', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'd5b5ffcdc55cce910a16a8f7fa676a3c30927e88', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e412eeebd7df7a58e86a89e74622d741b1f163ac', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '0e2da65e6647e850b76ca977c9a6e6777626c3b6', class: "console-layout__app-bar" }, h("span", { key: '08da9d4298d53485e2dc40a171a267ba2cb84b60', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c943ac71ee28ca081f58d5fea6df1dc80a9c6aca', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'b3ef80cdb42c4fce7ac3a717100dddfad186c32b' }, h("div", { key: '62b19ea2e6a656d490f0770b98a6b752a55a570b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'db1f75fd30733e512214e15f4b26a2a3cacf36a8', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '039f15bd92194ccc337551dd0724cc8189485cf3', class: "console-layout__header" }, h("div", { key: 'ece1f49939e39e0cc043556cb94f1654f61b8035', class: "console-layout__logo" }, h("svg", { key: '67881170e60d0bd0bc9437af13bddaf7d0328076', 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: 'd75f3c2176c1772f839a30b5aa3fd68a6966fb19', 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: '099b5f94df4688bdb48a12927cf3c71d3b208f36', 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: '0dfd623bea11168f41898f22025fdc7b9fac1316', 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: 'fb492c2455e67fe229fe23811dc424d536f537a0', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9318d2ce556e7db74520d33b6f1f4e2310ea72a1', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '668e4495501473c5f8872711a972abbda24407ea', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '81d7f3f1bfdb264ea37b183d4f311405db8eea43', name: "navigation" })), h("div", { key: '13effdcd10da2f588fac241ad7e9110c7e74801b', class: "console-layout__user" }, h("slot", { key: '59d933f6e0867559d68f54166f3f9764a9c63bd7', name: "user" }))), h("main", { key: '1070ca1e540daa834a6b5934d5ccc5e74b82a70c', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '560cd5cf2d7af584699a092a305f5f7d4fd2765f', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e9cda793e02051f0b5c08a2b71cfffe40c343d1a', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '9e562fdfb5c00c9e47a31c32a0bd6d86ebe171c6', class: "console-layout__app-bar" }, h("span", { key: 'c0e523db2ebb54694dfe085c908b1f16bb2446b7', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'facc935ce87b3a48a5a0864e57c24e760f2ef9f3', 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: 'f9415886d01ef95ab39077ea999f42406e86f314', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '43cb2fa3a5f83641f355b70d65824349a4d81c0e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'c33cba1e95d045c844a54abd07c7137b0e78bc50', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '6ab6d727f2277140e11db645868827c847dabdba', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'b052ea71d81c31e87cd2fb3737bbb71d1bc031fa', class: "console-layout__content-container" }, h("header", { key: '088cdd2fbbd44ab1d28b522d5fea49d8deefeb2d', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '4460404203e17d8fb4e40d648e12d04aa56d6d5c', 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: '2140642cc721068ada371be1815b67031fbd0aa2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '22cf167cae948b9fc2bc599e633d853e8f12969c', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '06e4ef0297ce3ebe4104ccf8b69c83c065bc79ca', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '46a66886e33e95bd953e4f7302ea349e9a6f51e0', class: "console-layout__heading-container" }, h("slot", { key: 'fb00d09092088ee6276bd40cbc4c7da5c85b21b3', name: "heading" }))), h("div", { key: 'a9b2ffbe3dde312da4652de366b912098a7a3a14', class: "console-layout__content-header-tools" }, h("slot", { key: '5f720c87d56af83fcba11b5a867fa9b16ffb8ff8', name: "content-header-tools" }))), h("div", { key: '3849b04645ac7bd52456b5bb133d656cae4ade3f', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '8bea0cef1e5b108d0431472cd2a4a773c04e6099', name: "content" })))), h("footer", { key: 'cacef9477a9ded8ae8ed0c1f33c5dfc4fcccaf13', class: "console-layout__footer" }, h("slot", { key: '29c75ed06f31e2fa404af0f0df9e3c4b9f2a72c6', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '6fa46e755ea4ab076400514f059468583baf1158', class: "console-layout__overlays" }, h("slot", { key: '7ba8df29673c595dcd5607611b2e27652cc2040b', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'aef154152693fcc5e8ebf87fcd65c672c3f09df1', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5d4cef7055da88d0a5ee714b66a55df7479c5257', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '07bd89d408f0c31a54e41af43f1c7011874c1f87', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '034ac139ab9db03f85b981d99c8460ff66f20cb3', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'a23bd2d50c89591ab0866e6879af30cd3c516f34', class: "console-layout__content-container" }, h("header", { key: '020e4fb160d85df02f787570f55ee9aa22f05597', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'aa87631266cd53d188b6092c1bcab6c105a55c6a', 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: '2c16a98bf702d29a10b09dd619f536be98d83d2d', class: "console-layout__heading-container" }, h("swirl-heading", { key: '7d50ae02e49ad7593f18dc350999d5cb6c43cae7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e50b5e2bbdad7b5fd9ac353b1bd52e19306740ad', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '823833f49a24fea48f4c826e6c0e53dfc854a026', class: "console-layout__heading-container" }, h("slot", { key: '306decbfba6b29de3a4ab23635745a19950d99a3', name: "heading" }))), h("div", { key: '3a3b6555d5d09191913eca4ebb25da4f81478eee', class: "console-layout__content-header-tools" }, h("slot", { key: '49fd8de80bdec3b59a2204fded4b5a218ebb85e1', name: "content-header-tools" }))), h("div", { key: '2f90c13fbca1d30cefe36c435a78b650e5edf319', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '41121fe5b93009c6f51fe0829f45dffdc12811cd', name: "content" })))), h("footer", { key: '9f0acbfcca2b10435f9c7c16750a48a96d7d3ccf', class: "console-layout__footer" }, h("slot", { key: '271614a88a7e645148a4b3c84b5dc0c8cdf8767e', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '5cebe84de96ce72a839939e1cdf7256f8b3d6910', class: "console-layout__overlays" }, h("slot", { key: 'a1fe1be42259a8fc517ba54fd77b9ad59be9db27', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '97905434c765395244603fcaeb8b99cb7ca65215' }, h("div", { key: '08e9af686684961329173c15583f56871c737291', class: className }, h("input", { key: '799cbdbc674b660917535823f328c0d3989e0b8d', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("swirl-popover-trigger", { key: 'fc9d427e1fe7c99f2172f8dd6d42fc1af5339f25', swirlPopover: `popover-${this.id}` }, h("button", { key: 'c218bddaa19d9d07bba93998b22eacbc419c9bf1', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'dcc5582668398233b0e9233cca1bea7d2b5ccda5', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '8a7a720ad6d8b6a2a103b90a872429ad546527ba', 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: 'e01597c0dc2a830aef8862fb05532678d3630603', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '296586c42ea07c1dd87e2ac73fd471d06c5388ff' }, h("div", { key: '60a4b7b6f64ba7153237c0a8e44cb9901634af38', class: className }, h("input", { key: 'b6bd34da2c91953732dad0464e8d0761942ed69b', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("swirl-popover-trigger", { key: '393e6bd9195072f69aa6d6c81d58d0b8005772dc', swirlPopover: `popover-${this.id}` }, h("button", { key: '54c0316dede478077bbfc0f4db5258c2095ce2a4', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '92915fd3f39a3475ed1856f02f4fc1fdf36c3a39', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '3c01647d3ea1b303522b82764a51557bf64c91f4', 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: 'f89ad21726f83f25c13eb50d1aedc2ca14d3e9dd', 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: 'c8daed371668e09422eb029a4f1466fbeb172dfe', onClick: this.onClick }, h("wc-datepicker", { key: '2db9b0139490da4cb983eae58d564f14be2721bf', 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: '06c823f94d773179d211a1c160d58d092fc3542a', onClick: this.onClick }, h("wc-datepicker", { key: '849ee70595b95f886d477f64c0305ffc6219638f', 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: '186621c7a5995bb3a1e13ca26d7d010b494ea56d' }, h("div", { key: '2c13f86bdc4920b412e6faba663b852d4c2c2cf7', class: "description-list", role: "list" }, h("slot", { key: 'e5968335d30156bcacd58839addd74d092bffdff' }))));
+        return (h(Host, { key: 'd8d06b5b7b9c9a2d7c4296f8de3d655e24c12d11' }, h("div", { key: '08de57c64240ccf58733dd892c14738a41bdc6ec', class: "description-list", role: "list" }, h("slot", { key: 'a9c25e0a6e8da08a792ed412c5a442d716d71ca0' }))));
     }
     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: '90dbdf2ed25781b297bde67fc0900421ebb830ff', role: "listitem" }, h("div", { key: '53f163fc7500a78bef54ead6964bd72f477e0b83', class: className, part: "description-list-item", role: "group" }, h("div", { key: '81313649bcb191b15503713665f77d40e4375bee', class: "description-list-item__inner" }, h("div", { key: '1baabe026578dc1baa0df120e42e0ead42e9f1da', class: "description-list-item__text-container" }, h("div", { key: 'c313991c7674e14a5ab3a38265942338ac5231c5', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '7e1ba8dfbb8a92b61dd4d920ebdc10c3f4167e1d', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'd81f3d95d0471c83f347efab966756665161fad0', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'f86d1830237f8919a38864158cfc35715b81225c', size: 16, tabIndex: 0 }))))), h("div", { key: 'b40b4e149ddfec7e4b068477af6671e30c19043c', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '15462d6c1d14aba95f3451c7a5be36e325bc7300' }))), h("div", { key: '074a5ac6fdbcd158b2967c9df72860f982a78403', class: "description-list-item__tools" }, h("slot", { key: 'c51ab4cadb99ec5c1a695fae2bfa55445d6b30e5', name: "tools" }))), h("div", { key: '60336ea3f267639607aad06c4aaec92dfa4a33cc', class: "description-list-item__additional-content" }, h("slot", { key: '9cd5c2a9f26a3f293749588fb6b6b734bc1ab3cf', name: "additional-content" })))));
+        return (h(Host, { key: '55a69128cbc4e5196f1e32b78ecc84b10a2230be', role: "listitem" }, h("div", { key: '00da9e841529c8b1851808513aad14aaceffd8df', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'a631dd46a60252faf68d3b84d7674a60b9b2d315', class: "description-list-item__inner" }, h("div", { key: '7e9f9aae96d8b6abd39bce50c5e16e4937143e20', class: "description-list-item__text-container" }, h("div", { key: '0efb707f25d1177ff4a38cecf4a4997bd8d697b6', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '839c1d4524659e75057f0e3391cb433c1c87af29', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '26e79971b4c97f9dd16c6ea8260c0b13368702ed', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b98e47548d4a47775534c028796dd7f8dea11df4', size: 16, tabIndex: 0 }))))), h("div", { key: '79854e0a07c00bbfd594f48b6c60ab5c406576d9', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '1701334116d317e24d6c77fd7cb040c6f0aa408d' }))), h("div", { key: 'fa5160e88968b0757417bfca222b4556e0c12a2c', class: "description-list-item__tools" }, h("slot", { key: 'ecbc5593502b40506b3acf5b17a25ff19b1b1479', name: "tools" }))), h("div", { key: '48f3c079bdce0674c1f29f8b88850224dafa211b', class: "description-list-item__additional-content" }, h("slot", { key: 'fabf0f1ab2df42b1fd3e198d81d3b24546fa032f', 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: '2290bc6161eb63ee23ecf06fa93714b0cc708196' }, this.size === 16 && (h("img", { key: '480624f433bd871973e385db4de95c5ce80b290a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '636c0729258ae4fe56a45227673c870a13bba8c2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bd2d915f0d7d26135402b4c7b130e531cc12ed69', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '92ab6253b231d315829861675053a2d10617f7bf', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd938a7fe7a3da4f6dfed61d1e3d7a8568c21d1a7' }, this.size === 16 && (h("img", { key: '5e56ca20a0887d369613f4a391acaf1a37e7b2da', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '578241797fb9555df0b0851834f4c7b227db1159', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '392991cf386804e0f029647b849c9aab9e40a815', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd115f2b08ff501c5eb9aff5fb7578be88c46d897', 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: '785ef51d1bfe14d937e3be24d81095a513894745' }, this.size === 16 && (h("img", { key: '87475da3c8cf4f98b41ffca26ba76bf349444980', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '81953c3e2917f9733653b333ce13b4f63533e2b0', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '58c8988adec7c1beaed83d98e97651b096d23c7f', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '2205b12c5576e627f2d461161fa363d35f88d540', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'c35136853e49eeb25b1650eaca6e8cae112a4cdb' }, this.size === 16 && (h("img", { key: 'ab4dcf46ede5f47027392b1f98f3c1a1e9019837', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'adb51dd1705035a30b3a6dcec1b34696457c80f2', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '100fc44e0915a212a4071375fcc51f5962dbc9c3', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '5c4563916778325aaf80d7547c438c8322fbe5e0', 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: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 16 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 16 && (h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', 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: '71914ec3c2f44caebb5eee5384cf00f42ff47150' }, this.size === 16 && (h("img", { key: '6592a1a6cee3f306ea8e3ccb05507c4d2ddf71b9', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '38afe95020550e282ad6289d74ad3bd62111a665', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '5475d51f17a5abe120d809ba88f77addda344f37', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c1cf4e32564e54aa1319573dd421a1a1f6334c6c', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '59f8892cc38e557450958c4e102e765e2f5f9810' }, this.size === 16 && (h("img", { key: 'e333aeb56df8bfe8b2db09f8823b847a50c96b2f', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ad1bc58035f110c97d2594c33702bd0508791dd8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b44dbbc12dee3801100d29969268e4ecc7ad5632', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '6e3d1817743a05b82e21b217cbbbfdaa006d8340', 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: '12004c4c99d9952ddcb0b3291b2e8373f7397a13' }, this.size === 16 && (h("img", { key: '37563f43bd4269c48d4445932d0f0470d3cd6157', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b84bf5d217da8aaf87ff970ed02117f21e3917c5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b549ab7ac90739c46bc26352d96ec61e2a4745b5', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'af47a19fc9bc89a23b14ca26653360a5ee5d947f', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fc37ec0978d2151c0585e559b77f527d53e7654c' }, this.size === 16 && (h("img", { key: '76beeca05d76672ddbab6104f571fd786c8a2095', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '1af5545259b69f9febabb8bcd16a0bb4a886aef1', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ef16af4ce4d6b53d1ee4bc7f2c1eb4c40c93c8a4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e38b1e23f15d735f989fa2036999ababbfb88534', 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: 'e4d260bd644fd9677422dd90f7a66df5de5a68ee' }, this.size === 16 && (h("img", { key: '76c2958dbf6055acd7fc3a9a703c75e17e55635f', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e852d1e26f222c008896283cedb3b868434c1e38', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bb6ecd185cb696b87589adc0a138e5de1b9fb231', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '4a70e11277dde7de59877a3d1d79bb7d4ed81fbb', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '10ac08d88082a05db7639245aab857660ba8084e' }, this.size === 16 && (h("img", { key: 'a91fbcf67c56a27ca5309c8983234652c4f28f5e', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b50a07fd9605d974e16a14eb1b9f921e17c729af', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c697a55a2b0f189b11f81cafdeb62087671aba34', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '5dd555e73513c40baf238ebd97f07baed3e0ecba', 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: 'f42b652c032c9a6b0acaf8f963575d33251831ee' }, h(Tag, { key: 'd0f9d52a6b449c2070e2efa02ae24205af2a2564', label: this.label, size: this.size })));
+        return (h(Host, { key: '60dc7eea3210658457ce184aca961fe78a6c7fc1' }, h(Tag, { key: 'e0d14c17448d21da1da020f52325623c39e991ae', 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: '166076ac4cfe04b4764c72b42245450f11a8e794' }, h("div", { key: '62deccef0cb90b476c5a2158fc6d392410fac996', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '63c79c7e413c7b9c715ff07f6d2bf7fc35ed3ddf', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'a477f4eb79a7cef298c73303e71b242f2dbe855a', class: "empty-state__slotted-illustration" }, h("slot", { key: 'd9bb1832e7119c8caa4743901be8dad76772c7ac', name: "illustration" })), h("div", { key: '6c8b5903cd2a310035b6f19ea2c578deae6ff6fd', class: "empty-state__body" }, h("swirl-stack", { key: 'd5ba6a8034b7784d413c9da99f64e0f1e2090f9a', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '55ac5b35d92a434f02f02edd5de54e574793b82b', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'b5cd99d2fc3933797c868682d30c28117d0510d4', class: "empty-state__content" }, h("swirl-text", { key: '52388f0b76e3e1971016eab8582d8f180f02e9e2', align: "center", color: "subdued" }, h("slot", { key: '88e782a04e75234c96ba3a2f339a324657172a37' })))), h("div", { key: '6a934056e62842dda32c55970f4b412cb1dd7ba5', class: "empty-state__controls" }, h("slot", { key: 'ca1161d9f41bb32a1b3d994285f91db758825fca', name: "controls" }))))));
+        return (h(Host, { key: '01ff02817c831b2808ac96fbdd66888ef6f68eae' }, h("div", { key: '25770efe2c7542dedd47b0af62a6106f77fce89e', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '920bb88dda22e3f51676e1a65ad85a708ba61d57', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '023a256d238bed50fcff270bf545bef23b46add5', class: "empty-state__slotted-illustration" }, h("slot", { key: 'b376cd8a3104690cbefbc425e28c0992edfb3ebc', name: "illustration" })), h("div", { key: '517a5473c0623327f34bc33e2099974b9792c141', class: "empty-state__body" }, h("swirl-stack", { key: '1221d27f0e939f7d367c2c83d52e7768f49b39af', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '7db14bc9456a409e7d9d0b663050eaa88a85eecd', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'df4d222af6bb88ba48ca9fed6873b61aac53990b', class: "empty-state__content" }, h("swirl-text", { key: 'e0eac7d754ffd0bf78b1cd622abad1099e3f4c86', align: "center", color: "subdued" }, h("slot", { key: 'f6e1fb99ead8f6c7b55a325416bd306b9c25726a' })))), h("div", { key: 'e26bef1a5fe8488c69d33273dc37a39b7e7bccd1', class: "empty-state__controls" }, h("slot", { key: 'f7fe170dd8a13718840818e31d34b44861e524bc', 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

@@ -1,7 +1,7 @@
 import { h, Host, } from "@stencil/core";
-import { saveAs } from "file-saver";
 import classnames from "classnames";
-import { isAudioMimeType, isCompressedArchiveMimeType, isDocumentMimeType, isImageMimeType, isPdfMimeType, isVideoMimeType, } from "../../utils";
+import { saveAs } from "file-saver";
+import { isAudioMimeType, isCompressedArchiveMimeType, isDocumentMimeType, isPdfMimeType, isSupportedImageMimeType, isVideoMimeType, } from "../../utils";
 export class SwirlFileChip {
     constructor() {
         this.loadingLabel = "Loading";
@@ -47,7 +47,7 @@ export class SwirlFileChip {
         return this.fileIconMap[this.fileType];
     }
     setFileType() {
-        if (isImageMimeType(this.type)) {
+        if (isSupportedImageMimeType(this.type)) {
             this.fileType = "image";
         }
         else if (isVideoMimeType(this.type)) {
@@ -76,7 +76,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: 'fa1ecf418460262c70a56f51a423604a97e8a1af' }, h("span", { key: 'c847d053734b05e13a55848941f1ff975d54c022', role: "group", class: className }, h("span", { key: 'cd1112cb3f9ca9cfd1bfe7836491c51da2e7ac4e', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '825e322f119d2e514cb1aed6b972810e1164826f', class: "file-chip__info" }, h("span", { key: '5802f85a82cabf174098ecc9992d770ae65794b4', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'd292ced14d7335ffbb39d522d6f770f2f465d1c9', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '205d45f06313496aa89f2fa0eb1a86c6346a3009', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'c67813fba6df624b66b2114ac8f65d617a580a5b', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: '14d348a5f14bdb5f8448ddb8d11e1c259b0de689', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (h(Host, { key: '8683c37ce133158000cfd512ef8b26c4948dd7b3' }, h("span", { key: 'ef3fffac8520bdc262a9c39b002ae11ed076a3ea', role: "group", class: className }, h("span", { key: '65fa8bbbcbb7336c72b5323f0858d142999a614b', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '699d9eb61608e11cc0d5a90345bf7021df46b385', class: "file-chip__info" }, h("span", { key: '7f607757f73d49fcb4b88b0e6d1fa945ee0e4a07', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'b7a06556b055eb59191516e7cf3937c1b29b7fcb', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'e7aa324ba841f35812a2adafceaa3a48dc1fc662', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '3416a8b7c69f91a79e80606d93deda5cb8fd635c', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (h("swirl-button", { key: '97e8b8e12e4c43f2e0707ef1096c5f12bb07e077', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     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: '142fe7a2d391928f453d74fcb0aaac4a4d08ae3d' }, h("div", { key: '97bbecb655eeb499c1036a40bbc1593d00a7ed46', 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: '0733be83e31bf8f501e3dc9eb83685586fd4fe51', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '43c71e823001d12bd7996591e6e7f6ff213dacca', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '7ca279e4377b1dc609167a05939338319449d0d5' }, h("div", { key: 'ee58b7ff95a9b174f7f5bf981dd11e821b3a900a', 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: '3db936ab5d6c410075f30e6578791249111787bd', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'c1b5ea3d4d9e87102eb34817829498486b4007a9', 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: '5e88f42179879b53c1fc1f58cab9f30f7c866876', 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: 'e90507354e4108a6c0089fced8fefb7da5efa280', 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"; }

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

@@ -1,5 +1,6 @@
 import { h, Host, } from "@stencil/core";
 import { saveAs } from "file-saver";
+import { isSupportedImageMimeType } from "../../utils";
 export class SwirlFileViewer {
     constructor() {
         this.active = true;
@@ -40,13 +41,13 @@ export class SwirlFileViewer {
     }
     render() {
         const unsupportedType = !Boolean(this.type) ||
-            (!this.type.startsWith("image/") &&
+            (!isSupportedImageMimeType(this.type) &&
                 !this.type.startsWith("video/") &&
                 !this.type.startsWith("audio/") &&
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'ca428acd99e8b5d700e3935e94c1e7f3638b9869' }, h("div", { key: '6c0d4faf40af3cd9d59b38e4f07d541a69ea4c16', class: "file-viewer" }, this.type && this.active && (h("div", { key: '13d33ebdfb5d616910a7889a7578356f3029910e', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '25440c53fcfab131c6cb236239ec37fa77d4a398', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '6dc34153015503df47fa957f88caba861108d503', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: 'f221753a8aa300d9c770bf6989f222c4c490cac4', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '7eca59534735529982cbbad98b573224dcd5593e', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: '0500bf8f85ff694835157ca077440cb8dfcff915', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '56b77cc2f2b56f0b0b1642c1331c62b7e81d353b', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '945b7046764193a1b070e988e493705756a7e720', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '23623b525e120c3f0754bf4abc6657bd6ca8b23b' }, h("div", { key: '1a565cc3e2d2542d636d06355196788298e3ded3', class: "file-viewer" }, this.type && this.active && (h("div", { key: '5dc05eecb332f26011437ed91b94141eef348d69', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: '3eb6079710e17fff4c6cc47b06d44ef77deea5a4', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'a0b39174fc09df72d5aa7bb0ec6a595b7f316086', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '0e1dd0deac5bd0bdc142656b527090d305e7c330', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '5c60fb6cb509b8ed0e0165929e9ebcc2ad07844f', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'b17f64f6a47dd677ff181306a6f99254ba2e3fc3', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '98b37bfd35f7a12bebe881171ac2cab535b08f03', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: 'ff15381e7ef7a57be7fa6167d413dd95f5407424', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-audio/swirl-file-viewer-audio.js

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '2900b07191c797a19e8cf8225c8c6573bfe161ee', class: "file-viewer-audio" }, h("audio", { key: '6ca576dc4b02f6e84f13311e4ba700167ee09aed', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: 'ca2c7cfe1981f2aceb31791479d7ae5830aefe44', class: "file-viewer-audio" }, h("audio", { key: '6752232a3ee9a204667e398125888305f1c606ec', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     static get is() { return "swirl-file-viewer-audio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-csv/swirl-file-viewer-csv.js

@@ -34,7 +34,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: 'fb27d2be2dd3dc912ef407a51694c80ba65d3227', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '4736a116b6ffd2866b0133605600c7ad0774fa93', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'f39bcff9c921a0501085ab34daa0d847ef6d5c71', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'e7b3ec0721d96d32d483ee10df83b57ae7a1fb99', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '0265132d7cfe5580b21c7191791371fcf24c8ff3' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '97603f955d0a0fb882b097b73c200f623c5ab5e5', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'ffda025c11e51e615a1b02ac7e39a5304dc0cbab' })))));
+        return (h(Host, { key: '8813486080dfcc1c2badc7dac2b37d1fe353dff6', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'ebf715fbc109fbd6197d10f87048b1373aa08fce', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '211f3e30c33ad23a943390401063afa96d8c1b90', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '94d973e4c4bc3bacdab08c0bfee9c07e2371185b', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'b19e61e8460e0a93eb6181274e45e4609424baed' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '5c4bb71274e61d8cd4b076360dbd714be0327c07', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '1bfea4aa697ed7b39b379082a8b9b9922e9f59da' })))));
     }
     static get is() { return "swirl-file-viewer-csv"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-fallback/swirl-file-viewer-fallback.js

@@ -11,7 +11,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'f4e82cd376cd171e1fa0b4bfce34f3e0deb08c1b', class: "file-viewer-fallback" }, h("swirl-stack", { key: '692a28eb030d667c66e047d8c834d8e4809392f7', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '5f34316d466be0d19943788e8407b74ab5d5766c', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'cebf9ccf829344d5148df45ecac9051475bbebd2', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '35acb0f8bb2b3bfd9066487777b3fe57604ed4ff', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (h(Host, { key: '81c330550763fe3632153907544524f816766fcb', class: "file-viewer-fallback" }, h("swirl-stack", { key: '98e0359a4599e70787c062683be82833e45a2802', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '6121f565a16eba8bd46ad7b266109b7d056e4e69', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'f53ce60e665f91b69955d48ac65106be48eac4fb', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'b69e4278ac7682db42c6a84623cae74b47e6f339', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     static get is() { return "swirl-file-viewer-fallback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-image/swirl-file-viewer-image.js

@@ -188,7 +188,7 @@ export class SwirlFileViewerImage {
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'a8e61ce954abb2de1d6f445a46219259f2a919a2', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: 'cdb22d3feda76498870a92a6bc419e4e9602670a', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: 'b1dc79557c223df5936c294e25277c112c99472a', class: "file-viewer-image" }, h("img", { key: 'f3de188a201afca765ca44a157b1c921bb393c2a', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '856804b636026ee60b3a4ea7b25946da5495f877', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'f397c7f1a7120e9548e07707c3d7d264e80f9891' }))))));
+        return (h(Host, { key: '912910bae066196cdf80158c2dc656bd3fb4f976', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '498fa4194a8942387e0862773a477aa9a3a04321', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: 'ba537448f851493ce08c59a4bcb6295a8cb11fb2', class: "file-viewer-image" }, h("img", { key: 'e4443542d3b4400f89078e4e81269a75df20009d', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '2644fac985410aac9ea07fcb54390866ef5c732d', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'c07d9dfecb319075a6aa7eb1d8767e53f71585fb' }))))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }