npm - @getflip/swirl-components - Versions diffs - 0.363.6 → 0.364.0 - Mend

@getflip/swirl-components 0.363.6 → 0.364.0

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

Files changed (1828) hide show

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

@@ -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: 'c68c5a13aca8fa7fa733629279f11c1dc0528870', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '40b756080539d584fa99f671ebdaf078ef729010', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'f9db5e722e20bfa566d79c28995e2c99be21c466', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: 'd085c2b88c107c203ce428a67712da04323f8e24', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'b0ad24c16fcf8e64fac7f76720ad474f34a25aab', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '1df2bdeb1171dd86c2439d0e475ccd5f9b3d8ca5', "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: '432dfb7398abb9a954bb8d612bb4f4212a2b7642', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '01bc68f0c459247e21154d4bf37b90d98cf0dbc7', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '54de776c869a0705e629f923ce2919b855ea49bc', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'd19607cd33b1caa4ef1bfcaf928ae0529a5d9672' }, 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: 'c3b1ad10734ba61328ccbc04b20b69509c5cba17' }, index.h("span", { key: 'e1b60f39411b78b7531bb4d47d84ce7fefc86500', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '8989e21fc167a67a1c3c6eb95105027ad98f7279', class: "tree-view-item__label" }, this.label), index.h("span", { key: '5f2721c78ba4899371b08b70eafdd8b612e0e6c4', class: "tree-view-item__tags" }, index.h("slot", { key: '55e723f67fac9332287529df25a401c151d82ad2', name: "tags" }))), index.h("ul", { key: 'e7031518fd8c07ee49fd43e6bd75d528b911b9a2', "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: 'c1a7d0fd676447956630dcc37569fb0830c2099a', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '44d0850b2d47787d97d405a554f518a1428290fd', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '0f52b403d04a371971c985900e18c7bd6f5f1f5e', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'ed7c79bbedfddcd631404f6b910b7a3b0320a829' }, 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: '95353c0276d3629919a19952490b50c4f79674bf' }, index.h("span", { key: '4c73f3ecef5022087a72874912003a2abad5d221', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '061dc160720af1c7e22339a10297e42c7c241007', class: "tree-view-item__label" }, this.label), index.h("span", { key: '4bacb2b0968245f5c4a9e84a010653bf6513efdf', class: "tree-view-item__tags" }, index.h("slot", { key: 'f3cc5dda408a78092033ecc1bf305e8a55241870', name: "tags" }))), index.h("ul", { key: 'c845651262d91941a9748d2b0412104c75485874', "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: '99d4fed4a0c7eddb1fd05823bc99e27f5e1d46e1' })))));
+            } }, index.h("slot", { key: 'dfffc7c21716f9c00da9c2e6224daced78ba3ad2' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bfb32f09515bed8513fbe74d857184dd6ab7d8a7' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'e129f3a6c1c457f6bae16b88f8debcc72a314144' }, index.h("span", { key: '1cb301153b2f3236b060f85f50b2f013951ca5c2', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ab8a80d56af5f65f469f1383a872ad3ee27bef8f', "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: '9c3a3f8d54c12dc6ae7e685b3a362088a76d08bf', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'c0fe9f1ed516bc620251650866717f4862086017' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'ec46dbbae6c40b9ab939f3c8867d0cb2523819ff' }, index.h("span", { key: '9177e7bb9d2a77a8472b6560300a6bae6536228b', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'd93817ba54356a565d6f5d652505b7a302d16533', "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: '0801cd554dabc43b4796cb74c21f8426c1388cae', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: '12a8ce5c44fcc01076e0270143998be607ec3873' }, index.h("button", { key: '09f84d385b3085985f17f3f9eb6fc931203b7dcf', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '01f586628b93bd67f4f7a52ccf068d6a9f258ba7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '1451304285e2924880753f426994371094f5577a', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'b63df651db1aa38995f907ebc69bde184ad734f1' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f00136c309825b3f36976e27af6ef5261cf2307e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9fc79b09dd39d8f4ef91db5cd855747814ba4999', 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: 'c76614a7b2a38c99f5fa1a08c3531f411e5e2074' }, index.h("button", { key: 'ec6809c5fe8095cb39ec4ab5a5bcbc6fd747e813', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'f0cee6af8be51d2dc57a91468d8ef4825bd79e81', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '03bea1ed845706d30e80eb763b7d7cc1f58e1a66', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'ba98d1243571b064c4ddc2a267d6bfce64e267b5' }, this.durationLabel), this.duration)), index.h("svg", { key: '91b7873574769ce1e581ad7709654b0c6f6bfb7a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e905a661af13844632062439b9e9dc16c7870f52', 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 CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd0253868fa1a5a2665bb8bea4674895820715708' }, index.h("slot", { key: 'c44b9990392736181953def9a00a520c0f9d94c4' })));
+        return (index.h(index.Host, { key: 'a3a025b3373b93546e494ba608e619c7f0764c04' }, index.h("slot", { key: '88fc0f4322af22e3f1818ff4a064c1b186999dee' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '1eb1645da55f8f7b733355ab42ca0b454a21df88' }, h("slot", { key: '94f43327f431616f052b029da3e65e9ff477e396' })));
+        return (h(Host, { key: '7889025b9ea75254eaabfcf488ec883378c01e5c' }, h("slot", { key: '3cd0eb5227421066116b06fac1d2e6ed488d03d5' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '140186d77dedf25334b975668382e442664ecc61' }, h("div", { key: 'fcfeb3e6bbe1bd5cf26ff17ed2c00c290f9c1f25', class: className }, h(HeadingTag, { key: '70de4f5a2e68fb4b3df574ce749ac469c4a89b92', class: "accordion-item__heading" }, h("button", { key: '598bf04f92bc1fb94253aba1122c731bb98a3670', "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: '9a2199333edf327c8aa86a5e22207b661e33d5c3', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '5e57bcf299f4a784cd17e29c9ebaa78111b2c280', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '4cb086eda6d58addda26c47b54d42cce5989fe77', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'd2ed36ed6bf5e819e19bfb0c679868dc6cc4d923', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '0bcc167c67f0e3d7dc9e94b0cb4f30267badb86c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f8f14164ed9f64cbf60bdcda85cc5f0feefb0ad4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '30c54870dda4bf4682f48373426c336cc7b0b862' })))));
+        return (h(Host, { key: 'bf24d1cae76ed824c925b80adb2ac6b5be606023' }, h("div", { key: '9f3dc67e8a670f451cba083d416461aa4ac16749', class: className }, h(HeadingTag, { key: '170838a1750fb89568500f70a93f91de36f41d5b', class: "accordion-item__heading" }, h("button", { key: 'c18a4cbe335f688a94c61ed1802f7a0978d74771', "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: 'da8e2e070591c3ff0de1face3c62a91c5ff19731', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '0bcfac9c58151f160b2bece95475d104d3dbfb05', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '701edfe1826e393845316e3815454de002b9ad94', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3b76c29e09f641025af072622ef05f8acc37f9e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '952a2755bb44491e2b9155fd22d1817feed7ecf4', glyph: "expand-more", size: 20 }))))), h("div", { key: '6332cee85a9630c0280e72518ace7ad41cbbb368', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'b506d4b57c138cc18722b34320155599b472e70b' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: 'fc7ebb5df8998a9192107106120ad70711590d03' }, h("div", { key: 'be2231e59e4d062ac79780ddc250e6337a74f39d', "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: '98324ce031be7c0666e1c0f425718f9ebc86d7e6', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '0dd1f57febfea783b0e1dee429104b12d4819a10' }, h("div", { key: '85865f3e4611208d541134b51fbd8725a0dabc5b', "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: 'e39aefd6e63c0f0bf43d75a50314773ea1996312', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7bfa42bf3f2b323e10062a5f936b67cb72cce922' }, this.hasSeparator && (h("swirl-separator", { key: 'cfc8583b332a13653d5956a45461d362af20baa8', spacing: this.separatorSpacing })), h("div", { key: 'b35da16e174668393122c764d9d9036729267a7e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '6b8774ffb9c32c9804d73f6dbbc69874bebb1b82', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'e18cc67c6c8e18af98ca93e82eeb8fc542e988d8', spacing: this.spacing, align: "stretch" }, h("slot", { key: '64ef602444e47871b115792f4128cd8ecf050390' })))));
+        return (h(Host, { key: '511a8b83e8c4f68e029406b60669253570bcc48d' }, this.hasSeparator && (h("swirl-separator", { key: '42b740aaa40bc5dbe03da925c702f4bbe613817b', spacing: this.separatorSpacing })), h("div", { key: '66e3818e57a2b506174a39ba81f52d2228da8e6b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a1bdb4cdf8bb9849ccab3656f9eb8b88ffe4b132', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'c964cd1d0d54201e7c977e16a4dbb84cc0d5d359', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b3d173498c5b9c8f16b9d95e60230bdb8bce3110' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'f70423e5cbaf2d6ebf7e051a18ebb9ea3d9c3218' }, h("span", { key: '6a7332c2bcdfef2d4c80c1703f6c8e6d21b0e0d5', class: className }, showImage && (h("img", { key: '58720fe3b1feb0575f8a0d6b872b45d4eec57806', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '1cededc1291b27d73c25d01163736e17cf296243', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '0678d24af53e36995ce49232513940672f1623fe' }, h("span", { key: 'a2e2fef78199d7d91d25c55591ad7dfd7136d036', class: className }, showImage && (h("img", { key: '7005b6b43b9215c96a4a04944d2ac25d2536f9b3', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '0d1539585d6e4d278b9f24c4db68728d9e3f89d9', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'f17874f56ac78e25750d455dc5adeb08141e13f9' }, h("div", { key: '01325fd700a357838683f7dabc9b6269e6ad000b', class: className, role: "group" }, h("slot", { key: '9cb31e7eb07d87e8333273134021cd1a82665512' }), this.badge && (h("span", { key: '549f3533b3aa413fde00af14ff68e99698145af3', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '3d323ce2f50de15cda4630897705da5446856e20' }, h("div", { key: '49b71c1a65716a95d9885ae16cb6fb18422cdbfc', class: className, role: "group" }, h("slot", { key: 'c5176ddecea970fae882e6eb7b7c5d9c2462561b' }), this.badge && (h("span", { key: '6de3511f5027ae3eb6abedfa053bf6504538b808', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'a13a0d3f14e4da4520497ec73c3f5376f304d9da', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '6b0a900b2a8c73fd92c45f79b13ee8090455581f', "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: '3957b6fe93fd41b426c10f76fd74d7c77716da0e' })));
+            }, tabIndex: 0 }, h("slot", { key: '5ff3a989f4eb4a17b08024b08e4eeaa5d809f336' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-checkbox/swirl-checkbox.css CHANGED Viewed

@@ -10,6 +10,7 @@
   display: inline-flex;
   line-height: var(--s-line-height-base);
   cursor: pointer;
+  flex-grow: 1;
 }
 .checkbox:focus-within .checkbox__box {
@@ -163,11 +164,17 @@
 .checkbox__label-container {
   display: inline-flex;
   margin-left: var(--s-space-8);
-  padding-top: var(--s-space-2);
   align-items: flex-start;
   flex-direction: column;
 }
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+.checkbox__label-container {
+    padding-top: var(--s-space-2)
+}
+  }
 .checkbox__label {
   font-weight: var(--s-font-weight-medium);
 }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '838e1a09ef9ad9d82601c0ee9ad8038bd56a4612' }, h("div", { key: 'f4d945f1fe8a59e88eddd8a138704800799a7bde', class: className }, h("input", { key: '19e865d95352f64718c8760421c48517e269e2df', "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: '8f93a120b41c7fdf6e07041583e8f316997b56eb', swirlPopover: this.pickerId }, h("button", { key: '86479c97ecdfa8e5aa513aeaecfca10481b8071a', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        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: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'ac56511df4157711ea089b5e71b9e8b621b582f8', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7acc5cc2bf262debb52e20a4d6707346eb3f7e83', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '9752896cb0cb4cdc54fc5bb4c1ea50569959aad2', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, 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) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -115,11 +115,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '0eaea20bfd3144b9d237237ceacab45e23af06c1' }, h("div", { key: '4a67d6d91d1f6a737723df984c2dc987f39c7dbd', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3c63a30e2925a1a0f698ad82639c4356e7aec867', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '91dcb536d2dffa26d44d14ad3dbc4ec635025ecc', class: "console-layout__header" }, h("div", { key: 'be8bf1fd07ac1ffa851aeffa46dbb31becf9e713', class: "console-layout__logo" }, h("svg", { key: 'b7d3f93e7554163c31eddb963dea090b2ab7ca0e', 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: '0498173d081447a31b54ef5c290ad784fb5f8f82', 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: '8cf4a7aa4406c8e48f896394147e9afff5958726', 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: '97b68a10b9efdce8dd7b062c90b13c9b99a282c5', 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: '25de6371a1c6d90fe6b96c86d7d830e40bac38f9', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '215ec10e6248677824b5fa4239c15f53f9dbc1ae', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'f7bd543d20e93aad003348d790690da8769a83cd', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6c426019c6d51f296a4e5b3bbb2654f34ec00b1a', name: "navigation" })), h("div", { key: '2fbe3cc0d207b17e87d9b1a899ccf4eab7ad01f4', class: "console-layout__user" }, h("slot", { key: '4e458a582a528623bf2e881a937b294115745a08', name: "user" }))), h("main", { key: 'a7f9d099c002c83390beed9c1db9031720b98ac7', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'fdc1d6e6856b2d2b1debda04f8ec9b6453e71a21', class: "console-layout__app-bar" }, h("span", { key: '0faab32a7984201b1cbd323bf35f5c41b0fa48fa', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '639ec7a6581260098964a9d8c694126de2f831c4', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '48581d0ff7b801be995c5d8704b223fb07a08b2a' }, h("div", { key: '1b429561f5e8e8e522c78159882a1f1ec5309128', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'b23bbe802fc7234681b712a1430ca5b2068b2da6', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '2ec98fcbb3577ad4866b2ac5c360cd05eeebef87', class: "console-layout__header" }, h("div", { key: '63c6cf27a7b2a4dc27ae6f511a9aac8458120f6b', class: "console-layout__logo" }, h("svg", { key: 'f6241b8dffd9024840e8121941bcb7ccdf684ce2', 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: 'e9710eae42ce7bf912ee1601cb0d47db8bdfe61a', 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: '3e861a13202fe294c124603252de65897f81d69a', 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: 'a6d85336769b8a0c96fb5bb32939c9ab32aa7b5a', 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: 'd583e13bf6b89cf303952bffc193b78ea31be7ea', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '61ca7354ac136e425ecc42f83ae1a0ff075f0749', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3e5102c9aaaf0d6d077e19e22ea7bb668f2212c2', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '2c5e17bf9e1c0326cd689f252df55201419a922a', name: "navigation" })), h("div", { key: '92b7cba0378fae3327769fff4f61c8a749a24b3e', class: "console-layout__user" }, h("slot", { key: '00c0cb91759f7d0970da6ee6217835487371b373', name: "user" }))), h("main", { key: '797077ec51c1c18eaad96f9c7917b753c4175163', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'e09e66fec88270731c88d20f0a627d998993b656', class: "console-layout__app-bar" }, h("span", { key: '312fb2b990c07f8999d62c2aee2b85caa9062d6a', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'd3a87aef25bef30579becec0623a580b1d5d4772', 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: '0c2c6de05bef524da707e350b4096ea15ca34914', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '450527b200578aa1d91e54b2b0ba01683a9a831d', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'eb42c73ea6a05f62cece19134c9501e73415836a', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '0f0591c57e64ca606a2780ce9055943af432c7d6', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'd0e945cb8dabd4ef231b72a97712f8c629569df9', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '30cb7fd42d480f7bbcecdd5215e589f2c4cda2b1', 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: '7e35e8ee35d3345d079a90540d57a9cd9c580044', class: "console-layout__heading-container" }, h("swirl-heading", { key: '39dad1864b78f9e69d5a1d9b8d5e620a1d147e06', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '1ca38eff79d03204671312529af0a707b60f2619', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '4e8e686e766a3e62f26faa32fd1fb794c69a6ed3', class: "console-layout__heading-container" }, h("slot", { key: 'f3f72a3b56af01427d7cad65fe913dea748f7fc2', name: "heading" }))), h("div", { key: 'b97c09b14d6560987363aa72f5ffbed887bd7fef', class: "console-layout__content-header-tools" }, h("slot", { key: '76a8a36c284f0efcebf26fcd51edada332689872', name: "content-header-tools" }))), h("div", { key: 'c6410dee92f664923ca41c410301aa7eaf036e19', class: "console-layout__integration" }, h("slot", { key: 'e5bf0e529e7e88143b331c3c02b17299a3c1c044', name: "content" }))), h("div", { key: '569a839957d11e56dd6dcd00e3c8b3665c7d318b', class: "console-layout__overlays" }, h("slot", { key: 'f668f28cd68319fb852c0fd8a2efe69c08bf2f44', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '5d65cddbb687dfde2593d24cb4e31288e0c32361', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '0129eef87c0cae44e92281754cc57f8db2600131', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '17bdb936c6ff2b00c8be88106b1e8f45e7fd034b', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'f126119e00cc24df538c08ae2b56d8f64bb9e92e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '0a2119a1509a84e75bd5a967c5156855d02c243f', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '257f231f503033036cbe60c01277471a3f46e92d', 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: 'b3cab181231a9e09fecb9683bb6e5b46fed11cb2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '959c7dc63dadcb3accfcd70e74ade7ca577c6d7c', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '2e693d1593a088dfabbc089e70e92c25250c83c6', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'b019882a444bc761ab463aaf15e7fc091dbd5f8c', class: "console-layout__heading-container" }, h("slot", { key: 'b7cffd2194baf3a28da53f6fa116087dc88395bf', name: "heading" }))), h("div", { key: '0c743e0a7530a4dd95b33f6834acaa0f8d8fba3f', class: "console-layout__content-header-tools" }, h("slot", { key: 'e3f86dd0d5fd05c7661841473656560aaa33c1c4', name: "content-header-tools" }))), h("div", { key: '60d5fe0e308e72a17dd941c4d183c59cfe5e5d82', class: "console-layout__integration" }, h("slot", { key: '87a9a227bb4be710f411e0f92a3604d6a48f6da0', name: "content" }))), h("div", { key: '7859ad7f74d36dc57b389d44b4ff4e0366180c78', class: "console-layout__overlays" }, h("slot", { key: 'a0a3c85dbb2064666fdb87e093068a700806c59f', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,7 +193,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '4a0f0ce222b59a7eed91542990157785bb5ab28f' }, h("div", { key: '7acae58f53c03140cb798920127234f8548a4a72', class: className }, h("input", { key: 'a122c7ab0c4240cf93e63ed7b0cba33fc66a7718', "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: '76a86326f97fda3498eb9bc22fed5b36f7b3c7be', swirlPopover: `popover-${this.id}` }, h("button", { key: '1914a98f6cd52d653ec62ee6b0a811fe5ba7bb4a', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '24a17616c0c38ccbf56cb5236d43e8929c7832c3', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'a58eb1ae1abd78be0ed4a1c5c8bdb45d2f099a26', 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: '4c3e4afdaced9ad02c98b5bd6f3786cb6e630a02', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '4c3926546a071aa53323c905d4fdfcb193209127' }, h("div", { key: 'cdf40d5e54ba47afe1305fb87143e64462419527', class: className }, h("input", { key: '6d0c4f4f48d20a56008439f86678378487473a2b', "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: '1a5263741ef2c29a997162ee50e0db17c12cb7dd', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ea76ddf661f097f16c7bba92487e474975f312f5', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'ad60bd3638fbe0ed91e54308615f287918a571f7', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '9ca5035fdef0540e1bfe01bff29a1ae72f8e2e90', 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: 'af7f6bdcaf2d880fff6b411a9b159989a25b2173', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,7 +32,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'b0e42e25cc8171377773508c9bc30acda9e3959a', onClick: this.onClick }, h("wc-datepicker", { key: '2ffe6b0d35b1ddea14cae13685ea7347e8694d00', 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: '518331f373b9da9067390fa2e05231d099ba2c44', onClick: this.onClick }, h("wc-datepicker", { key: 'b09bae9b1159dcc56aed19922e3487496cb4060a', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '5b57f521124bb0dd1b9eb21bed725c68db25eda4' }, h("div", { key: '2ba7667773803fefabb809770123a86c39dae111', class: "description-list", role: "list" }, h("slot", { key: '0d13cd211424666cb6707a770363864c674374e7' }))));
+        return (h(Host, { key: '8abe5fde0738508ab5adb4538cf92ebf4fd97ec3' }, h("div", { key: '93d03522ce3713c70c9a7b027360f2ab1e7c20be', class: "description-list", role: "list" }, h("slot", { key: 'ae7bee9b151e2adf7c30fa78858891e06037dbee' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'f245666ed7da628287055771a2eb1279d83b8ff4', role: "listitem" }, h("div", { key: '400adcceaaefb4a0699d0bbed1d1e81644c4e95e', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'ce78b41ef7af0ee6763025db0732c97eb132d0fa', class: "description-list-item__inner" }, h("div", { key: '7b58a3f487ed5c8d86e4f7fbac08f9a75a9d563f', class: "description-list-item__text-container" }, h("div", { key: 'e275d08ec89caa01f99a2fdee0f739cf7b605107', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'fe81a7f996438d87ffe0c78d7615795ccaba51ad', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'c9acfcefeba6ac0145d1dc292d5e51485eb765df', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '5902d21cddddc686da8e7897b2d30198e51f0052', size: 16, tabIndex: 0 }))))), h("div", { key: 'fee79015ea172d5bf1b65aead95b5e99a9465673', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c0766600916a078fc55f67bed7964f002eef03fb' }))), h("div", { key: '5f517c9108e5fe1f28fbe3e1b80eaf3fc5b383ce', class: "description-list-item__tools" }, h("slot", { key: 'f13f2914e140c04b6144503952cfa75d481c4d11', name: "tools" }))), h("div", { key: '37e1757e3f22d6e89121965f8dc843517b24361b', class: "description-list-item__additional-content" }, h("slot", { key: 'd1ce6fe905f324661f2ddcd27b62fa274a6a336a', name: "additional-content" })))));
+        return (h(Host, { key: '350c4c20fd3a5df0b04604d5e2ec171e28c87d66', role: "listitem" }, h("div", { key: '3d28e478db7627d1fa2108ffc1b6fd28dcca0db4', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'fca671d4b2f2914cc92fa4bbc43cf35208ce99f1', class: "description-list-item__inner" }, h("div", { key: '71343812a4172312b2c4b2b67ba68be88d1a7fb3', class: "description-list-item__text-container" }, h("div", { key: 'b7ded40c6298421bae45892d945961a59494e437', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '3485d85c9918779adc3e8521fdf2f68901979a31', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '2e35a9b691c54d4b700cb5f1fa369d2bc577d386', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'bd87f7236a576de7afe022c76ce2b992c6a6752f', size: 16, tabIndex: 0 }))))), h("div", { key: 'cc6ec43221d063f7c47bf2eb37c8a36b6a21cbbc', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '76932e4d4f3ee9b82d2cebfdbf12976162150a4b' }))), h("div", { key: '250ad48726033dc7f122f8d017b258731bc8c49c', class: "description-list-item__tools" }, h("slot", { key: 'a12aaf4f5dce77b10c3b068ac3b2f65effd21bc7', name: "tools" }))), h("div", { key: '9c027e8998a3e45f759eab8fa07545548a024191', class: "description-list-item__additional-content" }, h("slot", { key: '5ec3aedd109d0408fb28a14c46b811a31eccd50f', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'cbc2c8dd347b0decd3cadc72f0a951b82322d76b' }, this.size === 16 && (h("img", { key: '31211ce025a0450a6cc1be706ff2081620087bb3', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '6268337046342913a201c9664cf070ac9f5ec8f3', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e58d48707e83d6c641c03ab59a991296fdd43fe9', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '4e29639ea08cce0f09fad719ecb9345438fb81a9', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '88d36306215e6fb88f3fa3a56289797620bb69cc' }, this.size === 16 && (h("img", { key: '9689f93be076286b7a86a92b0240d6a2da02b7c8', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '610a0e29c0f0795d7d2961457b273f4ae534abec', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '202dd489461b943764011ff610b91b251e555028', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f00638d055e0150b928ca77708afd71a478aa37e', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '352089060615d86b5b8ab669fdf7f5bda0e1881e' }, this.size === 16 && (h("img", { key: '6b1b9ce5a793c6502717dd8e2eb3056b479175c5', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4ed968f7b65f296d985c7ed483850ba15902fdcc', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a6383a5f05f1c4ba19f37f67650836625b1d7ff7', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e7622246eee82257c5f2c4e8ebe14e15c50615a8', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '1892ac990abb29cbcd1aab9da6e3a1bb2a99b3a8' }, this.size === 16 && (h("img", { key: 'f75df02941b9200888d903aaba18afa6c704e851', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '26af4ca667d0a51aff3cc96d6300ae20d8cf16d9', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a9335b5542dbae9269351ee99561a4a44d44a329', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '5871e649791277b94fce5c6a48c175033e92f226', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'aa2f10718fe8a6380910c541cfa82ba4614ea1a8' }, this.size === 16 && (h("img", { key: 'dedbc425919cf652778b0a90832858a1d29d1aa9', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '8043b08affea5e54ae286952e7059c6f1b537de4', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f5cf9dcb6a1c41bb210daa02eb0817b6a4ef3995', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c8dfcb4967428e49ce59f93dfae2a767c7ac0b1b', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '358d12ab4a70922cc2bbaf4b7d58f5e37bd8a1df' }, this.size === 16 && (h("img", { key: 'e3b5539d0215593ccafefa3dbac02c9653b447c0', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '5c38a2bdf9f855a96ffc3b2eaf1f8bff43a8df1e', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '79cdac0b9dd3dc21aa50cfe897ee85b4d00c4818', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '4801aba693c12774d8d9c151c0be32e6f6231ba6', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 16 && (h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '1d0863ea22c3d66bb231797ad2ff68c7a9500f49' }, this.size === 16 && (h("img", { key: '32fd806fdb0206c37ea6b95c960942b597d61c77', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '0df21795e3fc6a86350afabc747511de612c01b8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '5b9ef8fcc048437978ca6698af848496678b10cf', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bc87fe134003bee65a2ea2f6d22a7bf7b3504405', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1c963a64bf85f9ccb8ba9ccef46f0f1f4aa620b9' }, this.size === 16 && (h("img", { key: '4f7403f0c76b6fc0c0d6a0856c0e25a6eb5c97ef', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '2f50c000af28242fea236fdc90f698c986198cd0', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '5752a4deca766f421298a800745c658612fa6869', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b5398967087c74057eb3bdc83e21d0cfd798ef85', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '73e20f6db770d185a64ed74cdd3229377937e7e6' }, this.size === 16 && (h("img", { key: '316675f15a88770652ec09d8e66b764e75899b03', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '43abc6beca3d0f517055757c6876dfe4bd2dd301', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '58706728575277ec30665864c99cbe7652b444fc', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c40fce5a2843ac5a17efa9eb78fdc442788becd5', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'b7d44e441a5d987b344b74e53c0d635033f80dc1' }, this.size === 16 && (h("img", { key: '7863badf642116acfdec12d47983ab92d2867f1b', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '4daeeded9e3ddf0adcf0de3ff96a562dfff5935e', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '5e32df8269f8e923e949806a197fed74a7fcba08', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '3e44d8c1ce4f9b0564b1ffbb3ae9f9bdde65e4d0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '3ff2ec5388796ef72ace56776363dbfab4b254be' }, this.size === 16 && (h("img", { key: '819556076e0fc69d4222144cc428d790a0a130c2', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f683ab37cff9a02acc43c358c7b46ea4dd74518f', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ac6c6df1bae60b408697813ef0a9c0a8ebd4f59a', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '6db1910b69401438217212bfcf1cf637795e2821', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '371e4dd79d7bd4ed5f68635999ceb64352176b19' }, h(Tag, { key: '8e300f38606d9d0cfac9de7122ba6209d2e01892', label: this.label, size: this.size })));
+        return (h(Host, { key: '369910df3988f29e642a9a3a9cad59df13932e22' }, h(Tag, { key: '8bd4ad0dafb97da4f058b6d8210700aac500f84e', 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 CHANGED Viewed

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '012ddb1c912baadace65e570840076b47a2b3e2a' }, h("div", { key: '8b4adbc596e43e6a9a8fc7d7209085eb971124ab', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'df891850a32dd7708f4a47bef09386650b3d7eca', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'e6fe758cb3a40aaa44783e3bda10541cfe29599c', class: "empty-state__slotted-illustration" }, h("slot", { key: '7a809c9387bb976966877c01cb7be376f1a9772a', name: "illustration" })), h("div", { key: '8304a2871ffe33baf473b946cec6dc3ad559ce1b', class: "empty-state__body" }, h("swirl-stack", { key: 'bcf7f760e2b4833059bdc76c00882596a89bb973', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '1135f136f92074824d7e5691d06a1fb735bc74ee', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '320ae9005a9e0e627b0a02d99c2be7d1cd7d82d1', class: "empty-state__content" }, h("swirl-text", { key: '2b1373ea276326316da2c84f99ad7df73750e355', align: "center", color: "subdued" }, h("slot", { key: '882b1551d512776d29c7b14c8cfc77014c09ca7e' })))), h("div", { key: '390f8200cef094b3d19aefb50a040a3fa8f1bbdb', class: "empty-state__controls" }, h("slot", { key: '9da9474dfbdaeca4be918e3ba33d66d18f8e1e43', name: "controls" }))))));
+        return (h(Host, { key: '962fdad80a6b26240fa1ded1834844e28725ba01' }, h("div", { key: 'd59c16d1b2a0d5344bf8038f6ebef9e3bd2638f9', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '4183c7c226ab6feac338625758c646b07f5eeb8c', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '64cda3edba54e111b03e0418f7001d30bbffe03d', class: "empty-state__slotted-illustration" }, h("slot", { key: 'a02e0d981c89d42386ed52fa909eff0364a8a88a', name: "illustration" })), h("div", { key: 'a53f7dce159bd3f01b1107b9617e72582aff332e', class: "empty-state__body" }, h("swirl-stack", { key: '1e844ad3c87217dc5cb5e704b5077a4c4c4bb169', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'd2a6ed48d70f5f15c5ba5f000192a255dc2d541a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '1e5bb76e0d2f40d86446f0f8661a1a43cdc0e07e', class: "empty-state__content" }, h("swirl-text", { key: '7e83491f90cdff42336f60d533f998223326128d', align: "center", color: "subdued" }, h("slot", { key: '4fd7ef450e7525054874f364fc3798b2d4b14a7a' })))), h("div", { key: '48dde402dad5763d3376d53574717d2205ed198d', class: "empty-state__controls" }, h("slot", { key: '128e24b7e8c7f596e080d8ea47f0be199902298e', 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 CHANGED Viewed

@@ -76,7 +76,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: '1ff513a7e6a713bbf01e9e382d5a59944e83a76d' }, h("span", { key: '07c55f201711710dcaf9155a65fe5234c3f6bb10', role: "group", class: className }, h("span", { key: '67527ea9bf4cef9643cd05a3356450d6ccf19442', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '2545e6b96a1ae192e6f7f7f77e55c8e8ee2c6569', class: "file-chip__info" }, h("span", { key: 'abed1b4da825135ea279bc8bcdefa069f827702a', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '5393d708e3641a2c7e98d8fb6680552466cf5d63', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '1e9e36fc18856957a7506fa31e5f8d0a78c01190', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'f4abe0249de67d88539cefd48ff26e3f4dd79053', 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: 'eaeefe79775ad6062a9290ea6febd388d081c3ed', 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: '91b9fe626cdc3822d291b932da00931615b157b9' }, h("span", { key: '71bbed0ef0a69e07183697434108d12660cb1290', role: "group", class: className }, h("span", { key: '5b29ae21f8a13f0595f6b6cfcf3594fa516e83d6', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '548f6d720ef5339bcc7ff33117acee5088b51e0b', class: "file-chip__info" }, h("span", { key: '6388599c42055ae892ee16bda2607441d3312325', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '1b8a13d41755720ffe90fca180409cac6e83386d', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '03833b190db18a84a2b37d2f6c27eb548e70e0db', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '348d0fff99eaf6a9811d548f472242b15308a333', 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: '8fccec3762fc819ff985e7e361033fe53442c525', 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 CHANGED Viewed

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'e356d6b279b3c25a94e3f0683d321cec6d9924fa' }, h("div", { key: 'df54ff0850f3e7abb6014146ed897d23ade75720', 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: 'd9bdd3e24d76798fb73a659cf76226466645c83c', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '089f4bdba20d308fa7a1dcac3ffe852da79b8e4d', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: 'c0da1b0b5c3daabe8ba2eaa0a51b8dc3f04742d9' }, h("div", { key: 'd779f13249c3c9e486866b0d0008e8dea677543f', 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: '40bb6f3e24778db12b66ac0cd3c793f93c66cd83', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'a550d8fa4f75f53b42d2d796e943ba0154a20864', 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: '17f366351ad674a4a4f78f9ecb4f0a25fa34b485', 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: '7a6be9d8b6714e362626b995509b6ea8bd8f9daf', 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 CHANGED Viewed

@@ -46,7 +46,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '0f7a7e35b49caee96d0589c627187e683a0ce1e4' }, h("div", { key: '50e0fd3a522bd2583c5df203c5f18cf494b609fb', class: "file-viewer" }, this.type && this.active && (h("div", { key: '97013bcc8f474c40d903038730f5123d9967f711', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '7f0c52ae2dd1356650ca1cd7a2bd52962d8b7fa3', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'a0bf7760dfe99c7bc4243f1d11cead9a67e4dea2', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '2ed8b23de80c6146211974c9acd4868ccd28e74c', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'a706209531e197585eead385e9c41b4af4c7e355', 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: 'a4f0b5519c116097f939cc486d04788336d499ce', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'ffc18e5962da27b36a01e62823367898c305bddb', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '93af80544dfac2479f65292d5dc78702a3499da3', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '4f2a3de9c2dfb92bb8b0264242f5df1afc506692' }, h("div", { key: '1448e92de6e4c234b4caf02ba96ae77ca231a37a', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'd62dddc40b05e647e7424ea61f9dc0e55766d343', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: 'e8ed65e8d532a705ae062c88691622fa29c521d6', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'e3b88ce395d08647cf3104feee5ed38b02f2f398', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '781b95c51677d12fa336221e8916a5e45d3ff20e', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '2da22cb6cfe5ea0443cc3710a14a6b2c4c4103d2', 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: 'eeb87ea0fcab8f5fc5f746c4f60d7b64dbdee29c', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '1ae67feedd9449fafd4a6dd84b2c2bbd5876fba8', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '5a1856072c10cc77113e8c676a1e98e74188b109', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '5307a6887c824353855fde367318db8ad9cb3a55', class: "file-viewer-audio" }, h("audio", { key: '26afdaa786199695202a9264322d4c44b97f4e6d', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: '595b82f5d1b178456854dcd95aa72c2ea2d01a6f', class: "file-viewer-audio" }, h("audio", { key: '91a84e9e050573f8c53b20cf70285c53c2d3ee28', 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 CHANGED Viewed

@@ -34,7 +34,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: '168cd2132a2cd399fc0a247f22eea33ea9c8852a', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '0cbe465f18d36b029efee0ebd9d84b1af48b4ad2', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '8a6fd76c37a2954c5a2a9f066ad781ebb75b7e37', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '5de9afeda813404609c2e695a5a4b5d0474f7e71', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '22f836a5d7517c220200d9ade81e58ab5e8106a3' }, 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: '7200cc7ed0db1d2fe271ef7526539fba40118b09', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '86d9fb0845056be88bdf0164fabb1e58d5d1ec97' })))));
+        return (h(Host, { key: 'e0ffd07179c264db0066d67c4e0851d7e0d1003f', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'ba8f2219e4203e95d0886f1de69e32b01cd61675', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '86f1834d162eb9a05c8fccf45c83e09d7119e3e4', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '631fcb16e53c0ae705e02c4887a2fbee90b5d89a', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '770cef8f30c9175a9c7762cd467c93db0abf7657' }, 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: 'd64c7a2ac3bb49d20282ee83492188bb16bdb00b', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '37ebee36e4b4a34dc88815ed9b9b5ccbdbe3a939' })))));
     }
     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 CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '30db333b44076e2e77660fbf94bf64f993c6ff49', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'a0240843d8d60d7014ea3da889c0eadd9c81934e', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '0c0c7064a56d77efebf4a2328aefa8a510d48b68', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '7aca5bc3a24ff075338ce1fcfb333fb7e2020d01', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '15da71967611a5cc3c4ee02c54694ca6e22915db', 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: '04d076d2221238c7e5ace21787344b2963468621', class: "file-viewer-fallback" }, h("swirl-stack", { key: '9f6f6a0be4130da78f8b552d660977fc700df39d', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'c396de2be4044361909d58404668b5d759f3b208', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'adf7d427bba8e39f3167dda6b2beab0f8ec335d8', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '488f07ef653885c1c4b0d5fe1b60a440a11100cd', 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 CHANGED Viewed

@@ -188,7 +188,7 @@ export class SwirlFileViewerImage {
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'ea31aa98821716141bad1603612177a06ea3cb4d', 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: '3dff0dd2bd78d9f2bb30898df65788f3890045bb', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '223ab9bce5e85e3d0c1d6d4438399f46bc43964d', class: "file-viewer-image" }, h("img", { key: 'a178be1d26c4432f899334ec3d44609f9bc66741', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: 'a6e7eb65567a2a39864154e1ed9a2be720c4fabf', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'db9d14fc4997d6df0c9e7f4df029e00648c4521a' }))))));
+        return (h(Host, { key: 'c12e41a7d9d3c3ad9686c2e959fcd44d39dbe4c6', 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: '2c688f60e9c7dc5be9e1acbf05776e8de04540ae', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '7f2db1c5c9599298a8e88befbeafa163a5c8d629', class: "file-viewer-image" }, h("img", { key: '67f549e2b40c3b764369383b39ef0957eed1ce36', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '3ad88a70872fc940c70a29a0676627835e69de0d', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '83ba56576cf1c63fde589d567870b5c6d7bff4bc' }))))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-text/swirl-file-viewer-text.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class SwirlFileViewerText {
         }
     }
     render() {
-        return (h(Host, { key: '0f1a74e998861f2daf6b8deb0cf4d5d562e388b8', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'd5d416c412259c52aa8a612d3af35a743794c191', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'a6023f3cd7d42d741fa711cf78208d0f12cd8de4', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '913808d13fbcc1e508a47f888f6b1c1dfb94fe1c', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'b551a285b7c32b37a24a2b9d3219bcc28bef7a4a' })))));
+        return (h(Host, { key: '0714cd58f4d13c7ebb26d54fe7ddc7ea0abcd88e', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '6c420606de9bf0fdb50992d36350fdaafd0f8f05', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '85f6939ecd263105049e2108498a3fbc48623e05', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '44accf1218aead8eb2e8ef3ff3d7a84808c50fa9', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'a0418e254f6f2ab2e23697f9d36591c0a1636221' })))));
     }
     static get is() { return "swirl-file-viewer-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class SwirlFileViewerVideo {
         }
     }
     render() {
-        return (h(Host, { key: '97e4eda36e9c7ba7272eaaed4c92e3ae98c982d7', class: "file-viewer-video" }, h("video", { key: '0da2d982eaf6fc4b6ec9b02aaf05ada676d47ee2', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: '83f5a2e6a57a345bf19e775ef98487f989b00b50', class: "file-viewer-video" }, h("video", { key: 'a793e86dfcc5b35aa51a755218bae3732e7c7be3', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }