@getflip/swirl-components 0.290.0 → 0.291.0

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

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'b002259b0fc555dd7c6d88e81be0b47eb990397d' }, h("div", { key: '3ebd30115f4866b87d995015f0e16bda6dbb4ad5', class: className, role: "group" }, h("slot", { key: '806e160bf43e964c3ac05db900b62d0bf420a903' }), this.badge && (h("span", { key: 'e40106fa24b4751600ac71bfcb4e1ebf338e2fc8', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '78018239a1c8f9278ef5a8abfd2dbc311b76c825' }, h("div", { key: '94ade5b8ac0c59495932de68c674a168574d1d18', class: className, role: "group" }, h("slot", { key: '935d17128ed1a22965d69cd3ce08f5a2b672c5f7' }), this.badge && (h("span", { key: '622c34ba05bb395f49c21406c7652e678c49189c', 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-badge/swirl-badge.js

@@ -12,7 +12,7 @@ export class SwirlBadge {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: 'bae92c831dde2b32bfa7261d43afa1535c8e2e52', role: "status" }, h("span", { key: 'b0fae374f4fb64a1f08644f87583a4f566b0a37f', class: className, part: "badge" }, this.icon && h("span", { key: 'b315a6e43dd61d71651417182df6a1ca5f9d6241', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: 'c938981e31370bb4416c224c132ac00fe4b60f45', role: "status" }, h("span", { key: '16cdacb8ab5e87a5258899f963640ab788e4a4e3', class: className, part: "badge" }, this.icon && h("span", { key: '69281f42c7ce44c57619886b2796b6bcd01f5267', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get is() { return "swirl-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class SwirlBanner {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: 'e738d297a3c16fec81cb03bbcc0eec4b18fffe10' }, h("div", { key: '731ebb82ec0f46beea8aca6b9dbc305f18cab5ce', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'f817862b889d81a440725024a2632a8a532e425b', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '3022fbf7fc75fa93e5c01cc2697f0276d7d39618', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '89e76fcf3bd2099011359bfc27d02f3e06a34959', class: "banner__text" }, this.content)), showControls && (h("div", { key: '8e46586058861b274a00b7872c16858a2685bb1b', class: "banner__controls" }, this.actionLabel && (h("button", { key: '508bd8be18739c3c02309b31ed7e3c5053095a3c', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '8bea66c5271fd11dea470ffc61b33bd476170aa3', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'a9fbe97bcddf9cef64d2b97adb92f97c943d05d9' }))))))));
+        return (h(Host, { key: '2b926334556876ce750c890243dac923d8ae5b75' }, h("div", { key: 'f7aefa810673bd5e18a5c14aac01a078298df404', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '9712a2db49d78fc6228e91f696e442c316b62231', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5632af1834cd2ffd0918628e53dcbc766fc0c29c', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f5bfc1bf786936873522b8c42763166b9bb4b22a', class: "banner__text" }, this.content)), showControls && (h("div", { key: '18b8931ee8cfdbecca4ac7330049321023f3f1fb', class: "banner__controls" }, this.actionLabel && (h("button", { key: 'b6c7913a77b3872a74ba8c2770803379d268e5c3', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '9119dad3a6d3526e5aebbd0ede243373b7072252', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: 'b0a59c1a5104ee71bc31be6c2f5648afbf1748f1' }))))))));
     }
     static get is() { return "swirl-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,7 +113,7 @@ export class SwirlBox {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: '1fba3acf95ec0fcd18a7efe25fcc17344f8a576e', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '75059cde1d626d95784e32b76498d9f659c41386' })));
+        return (h(Host, { key: 'c8296ade3ea2dcaa4e14897557c343b433de562c', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: 'a0029e22b4fc9b60cb679af27f7ae66d366c0ef4' })));
     }
     static get is() { return "swirl-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,9 +95,9 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '635a1065811fc352a9be9a8afcd3214a9650282d', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
+        return (h(Host, { key: '644f280827046e78c58e7c45647c5c0552e95463', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '23a5862e91f6f7d9fd6a2dd85e9c75bc90c559a1', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
                 ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: '51b0054616c9b26f5217591384fcef5f634d0a07', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '18bf3a811562dbb9489d9fae2fb192b7e178bad1', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '40d9cf93df9ff77687d3410ef1a4178a7a82a627', name: "icon" }))), !hideLabel && h("span", { key: 'd629db6c30a294022b29ae2ba1214e22f5581a53', class: "button__label" }, this.label), hasTag && (h("span", { key: '1e11954dd364ba68414048dd133b0429c049964a', class: "button__tag" }, h("slot", { key: '07bfc30e7f989e134e5733ba0c3c2251d1668a51', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: '37948fe0cb6315080a42a0a0e9d7f14df87db473', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '39cb7279f339fc9b102edc990202adc71424cca0', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '9b176cfb970a3eabc3de0222cdb2dcc09a74017e', name: "icon" }))), !hideLabel && h("span", { key: '2784fc9b630954936434165b537358d5950083ae', class: "button__label" }, this.label), hasTag && (h("span", { key: '8e2335251d17103e3f79200090be9af69e4420e3', class: "button__tag" }, h("slot", { key: '101ab368afa228413d9aac05caa7b77ddbcc858d', name: "tag" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-button-group/swirl-button-group.js

@@ -13,11 +13,11 @@ export class SwirlButtonGroup {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '9d7e0ea4b44869f77fa372f4ae4621b9f9dfe8dd' }, h("swirl-stack", { key: '6fbf8996d24abf7adbaa39d23b3db4eaa2b1bc60', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '3ba97e21adc41e84cc00510846c4afa0908a0346' }, h("swirl-stack", { key: '68274c5d09b125086e29a2c47351f66d1f2b6bc4', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '6b9ba670905fae3fca44b764be75208ae03c9714' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '8116255c942708969132eab81ef8ecaeb2a29ff7' }))));
     }
     static get is() { return "swirl-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -82,9 +82,9 @@ export class SwirlCard {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '9a0dc5d885be38ee2e94c7641257eb018e258ad3', styles: { height: this.height } }, h(Tag, { key: 'd863db3119f975a3f96e679b5a164c1ed792177c', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '9275906a65a55264d2b70c2f7e406315a267eca6', styles: { height: this.height } }, h(Tag, { key: '0ea75344d70f0ba3519ca36d37998e899b03e8a6', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '02f660fa638a355f0bf9cc3fb57a9f728df27ef9', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '73c1a1cf4914865e23f5dc0a37d298b226673040', name: "image" })), h("div", { key: 'ed7413be702708dc44ed0b54c052602ec46aef43', class: "card__body", style: bodyStyles }, h("div", { key: '0ac40a967d3a3df98cb2094b9bbc76ef59c4c5d5', class: "card__content" }, h("slot", { key: 'beea6852b0cd7c32430e42c7bab74ae6990ec37f', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '20b1197520e50ac5d3a6e1f6675042123d6e46ef', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '48d19587d91bc3f40144e2657c687d893011875e', name: "image" })), h("div", { key: '90dd49534a31e78955060233c963bef48fa8067e', class: "card__body", style: bodyStyles }, h("div", { key: 'bb667238706643cf3825658574a211304c4556c0', class: "card__content" }, h("slot", { key: '2f3abe22d702b215efdbae2337547ef09c902521', name: "content" }))))));
     }
     static get is() { return "swirl-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -140,7 +140,7 @@ export class SwirlCarousel {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'e6370b762f1822d608c395a1ab5e257688b04de3', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '7958568cc3a087979a061cc8ab8e920a4b4cc4c0', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'faa888df896a1517ed6d4ad0ef411504fc9af373', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '4ec9cec82b7d3b57c27606ba147147fee4908009', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '751e7e966e6f7b5b6051a83cd566e96a46424526', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '1fa2ce01d868f592ea8101ef88f2769eddfcf0fa', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '8c650518f2eb1b419f706a7e055f9edd49ad613e', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '4a3f6b512d7f2ba3a564be80b94e3148241e63a5', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'c292c6470e30a50326186fc0b50b9621b2e60c80', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '3c507ac4ea5d2d23fbf095f3cca22cc20ce9911f', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3c3ab23d3bb493846d58f5c4fe04ede0fe42cd79', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-carousel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '8e51a221c5008156f57a983719cb0f4e89309975', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '68acc357fb4c3ea6f69e12e946e3cd13234b4fdf' })));
+        return (h(Host, { key: '586ca217167d855d2e5e1e1a521beab5a27bb23b', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '9d928988be479790873dfc70b2c6b8dc8e922308' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class SwirlCheckbox {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'aac65bf193091a8bea9fba0400ba73214b59e3e0', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '07c5b04f6809c2a96796ae899305d6197e34948b', class: className, htmlFor: this.inputId }, h("span", { key: 'b6ff60df3a61f63c11880f553d65aef8aa5fd12f', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'c53b3f70f0137c69003fd7098b235fa2bcf37f33' }, h("input", { key: 'aacb2b661d7c7f90710b4c115730609a4e6305d2', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: 'ef9cc2b5a745021f67f78f985146e325da793e44', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '07f423ba9b9a5b43b89114a7b9a09287197ba09f', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c2583703af27ed11acc996cf7e0beefc99149923' }), indeterminate && (h("span", { key: '90398aa1acb1cebf30ce3ae518ce8d0eec017410', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '5a5aaf43dcc186aa21934f5150f1f76445945a3d', class: "checkbox__label-container" }, this.label && h("span", { key: 'fee226c02adbd1b677a3e4657c0c8056c260daa4', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '2e1bc11d4e655d1ca517531625ad2ea953753a07', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '1302f330a8e8fbf8b2bf2e7c76c6b9774a2c6873', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '7df27dbf4743e80131e6697ec90cee8396395131', class: className, htmlFor: this.inputId }, h("span", { key: '7167d9b7541cfca0e0ea144e0cce24d95b1c810a', class: "checkbox__control" }, h("swirl-visually-hidden", { key: 'bd19cd4962c6f78740d0d254a9df03dde765cdc6' }, h("input", { key: 'e563ee4a0f7b778ea95732cf7ecd21ea94602843', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '4fc4fd4b0e9ed81c33e005fac4178705e2ed1867', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '6d99a544dcbe107ebd3a4fbc7aac9323a93a2d54', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '47e4430ef0b41b1db4cc91b475291eb383662b8a' }), indeterminate && (h("span", { key: '85fe9a77ea85b0849c7b13d38b792f997645eb50', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'c5912f5c2a4f2261db44b5c48014ae51c308119c', class: "checkbox__label-container" }, this.label && h("span", { key: '6a86f766c67934f201e5d9b29cd4979736b42ec5', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '803078f5b17fe605b1b72047f2aa7ab0d1c7ec04', class: "checkbox__description" }, this.description)))))));
     }
     static get is() { return "swirl-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -49,7 +49,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '285e189df4a4358b7d07fc91b9f06ea562d295af' }, h(Tag, { key: 'fb4d13ac4afbeffebc9b44b8cf5800e7f6063839', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'bee9a24a811db37cdf02f1b3fba4f82a213154ee', class: "chip__inner" }, showAvatar && (h("span", { key: '0887a96c9e1b4fe697d7d53a9df24baab62fd33b', class: "chip__avatar" }, h("slot", { key: 'b9f4d49ebba68e3102792392efc6cf3d1401af40', name: "avatar" }))), showIcon && (h("span", { key: '577e4bdfbc406cfd54fe507e3e75c1d9a0693933', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b6660e15ca44dea2ab591a7ac292c567d4073c56', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'fb2eba1ae34bc3e7b137044c4bd5814fc68493e1', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '93eed0c553045420b30d05f660c93dae3b431ad5', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'abff273245b609e14c2e7bfaa505aff50ff9bc92', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: '22482cfa3b2da13e5a93a4fea5487b26850da6d4', size: 20 })))));
+        return (h(Host, { key: '05b8680724d152529810288fa4a6a835e2488cd4' }, h(Tag, { key: '87d8281da93e971161e0cc3053dee52ee4c2f2bb', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '541f56e530084de7e6896abc33db09758b24e4af', class: "chip__inner" }, showAvatar && (h("span", { key: 'cb4321c3fce54288b95cea98a949ea442ea23ca4', class: "chip__avatar" }, h("slot", { key: '37cd09f6dbe6875517218c67522bb6cfea143f32', name: "avatar" }))), showIcon && (h("span", { key: 'cca23fed70438f36426392747afe684d15cee069', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '1a0889c515f3bd5aa30fb12c4fc282ae5c182034', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '6586785bdacc047240d85bc3052d882239258c13', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '10b78831efe8e93bbcb1252edc2a305a9726f92b', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '769154e1604c700c9255ef8f0392869eebd40d7c', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, h("swirl-icon-close", { key: 'f1c854780118e8a7f8bc1686f1d383f78daac5d8', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '914da429bdcdd6576cecfcf3dd90bf104d803a09' }, h("div", { key: 'dc9f505383021faba447463c50811027d4b0be6b', class: className }, h("input", { key: '909c98a18b7fda96f7ebe7341180736a91697f71', "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: '906c3aba8ba37be0a08d19ac203ecadafd109ea3', swirlPopover: this.pickerId }, h("button", { key: 'd770b523445bc12b7171bc30eadd66ae922f6119', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'bc57ec96cf0ff668339f39dddfb47c414fa8c1e5' }, h("div", { key: 'a95fd7bed226abb450a619fad33ee20bca2820e8', class: className }, h("input", { key: '4258a0ff5056c20551b97e0c10059f6135162058', "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: '2d15dd236ad6ee2b8460fdd274c0570bcad41237', swirlPopover: this.pickerId }, h("button", { key: 'f7e8b065cf4097335c9d9b700213720d118c3b7b', "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: 'da0f865759500a54152e98eaf4dff87f0f7b9d1e', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '025409345855e9cd4d601c9b14a077b347f72c2d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '635cfa8885c5de97f240f5def31e6bfb72afb42f', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '9b4b295fe4bc8e3e8dff9c24a0b0a721f45e36af', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '5567baaf023384901b2f4b6a99c9ea7d8ef02e94', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f0320d15cfccc76de04357c7e7d7f40fbfb20148', 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-columns/swirl-columns.js

@@ -5,10 +5,10 @@ export class SwirlColumns {
         this.spacing = undefined;
     }
     render() {
-        return (h(Host, { key: 'e03996b556c972c081c2bd4283d006579cf3a1ba' }, h("div", { key: '95eee3bf0911dd60c08223ab389bc9a3e0a2a1a2', class: "columns", style: {
+        return (h(Host, { key: '21a7146ee7b0a1000a973abf7db55a9ba76cbc4d' }, h("div", { key: '14aa7bc85cb3689ef6b44f90ebf41c09690f151a', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '0d364bfbce8fda3431817a1cf2b35b71160d46ae' }))));
+            } }, h("slot", { key: '406a96a9bab461cefc3c7c8f55b4bc9f7cef7d91' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,11 +122,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '2db5b391b25a4665590f008e35a7133e3740993e' }, h("div", { key: '8ba813e893f548964f591f0d1655c4e0cbd8ea70', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '76472e0d687397141c873ae2a25eb38e39843d56', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '3b38a392bd81364080351c2f311672b5df507828', class: "console-layout__header" }, h("div", { key: 'd6b194cbf365788c27c8d00027f4358cd899ece4', class: "console-layout__logo" }, h("svg", { key: 'bdb40ba7a53faaf6fc8e479f111385b0cd22f802', 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: '8378b374cf75d70e729718189dd7d107f9c8ebda', 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: '4e31347e7cc6d25195a244e405a5134bdb19d710', 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: '1c125a0c36cacb1fb92e7fe7991923df9f9a49af', 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: 'fb33153f45926b050c67622ffe444631fe116de6', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '3fb83c1507ae43de879d1d05f288d8a97bcc28e1', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '4e6a4bfd178a15d0383fb99f86cf406d7d2fff1a', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'c1ef39cddcf29fb6ed7a338d2bff9899e6307ab7', name: "navigation" })), h("div", { key: '48fa937e86087cd52386b7448f646c8c45055d65', class: "console-layout__user" }, h("slot", { key: 'e4d4c5cf87e5ac1f7c5fa5e9ff6668297f004e78', name: "user" }))), h("main", { key: 'bc1d3f71337f4a84594380c037369cd895af0b72', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '210396be91888ea7b5727ed47093800e0a76b5f9', class: "console-layout__app-bar" }, h("span", { key: '52fec0800bab51aed224663a427b88f50c8746c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b8034edfb26b0300cf328eea185a5cb829f8c0e2', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'c1b758ad245bd022657e526f08bd9f3dc0fe6335' }, h("div", { key: '95d3a1e759dd4cf3c19dd15a7cfd40d6690edf61', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'cad75ddf36657fbcef65e143b31d7232234bb7ba', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '8738846e08f4a0d037d96d2427a069016bd1bd20', class: "console-layout__header" }, h("div", { key: '18ba83dcaa72f6742f67d3ae411460f902d1a422', class: "console-layout__logo" }, h("svg", { key: 'b08b89b3842d372db4803ff212245b51789f8b8b', 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: 'e21f5c1f89f25825fe90ffff640a7e189c5f443c', 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: 'd22307f5349e0730459058d49c07d698f23c9979', 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: '3c84ba987421435ec6cc598dce1c3a92d1e17b4a', 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: '769278b88013d6593a523e6d752dd00d195dabaa', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'ae2146da16068290f352b47a1273cd5a692abc7a', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '2a83c8ea8d27a90cf5421a32c662697e1d2cfd6e', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'b3b282c2170a4863f6bee4b43d4640668988961a', name: "navigation" })), h("div", { key: '85595e0bf37e7b61e1068c7123f0cd956f1965dd', class: "console-layout__user" }, h("slot", { key: 'cca595839cd794b89648756e91b76a2dd8f68cc6', name: "user" }))), h("main", { key: 'b39da5df85c9644e1ab6c41af4ba42c12be00eef', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '4c0742a0934f533069841d97e13493cba1d92687', class: "console-layout__app-bar" }, h("span", { key: '9f3d93b8f7fc7820f5982508cbbbdc1e8fc2c810', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '61fc64852a416b23c3dcdf25e90597601df06dd7', 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: 'a391e3ecc5f8ee3e576276227b24fa5419248fba', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'd8c9da1bb54e97441adc0e04b3da896ac04a0f32', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '0e2343444f71afd7224ca36afd9d7cc659b96dc3', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '598a25aad6a74e5b219baf4ee59036a13d1ec043', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6135401a042b786b92bf22fad73fee97e3190ce4', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '9866d4c80241aefd063a4585ce1c4d9d21c79e3c', 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: 'bd5f13fe196970a0aedc604ea15c82667dd65c6e', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'b33949b33c74cab02caecba774533f050d9c8009', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '5f111197d4a3c3a10f8ae0c57f3133bf9ebcde0e', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'c2de6bb554b1d1b29d08e9321816da790e8a3341', class: "console-layout__heading-container" }, h("slot", { key: '21cf1be5dd431e5b896928de8c6721595b8f10af', name: "heading" }))), h("div", { key: '4c3081c3c4f43a238af9b948b7bb29912cb2320c', class: "console-layout__content-header-tools" }, h("slot", { key: 'b8d773e04dafc6badee7bd5fc83a3c810615279d', name: "content-header-tools" }))), h("div", { key: '83b248a0c10bd8df73a5d820f894466a964864a0', class: "console-layout__integration" }, h("slot", { key: 'a673f167c09ab6e462ff148f642d1e91078bd6ad', name: "content" }))), h("div", { key: '9b498fe607dbcad0e022d04d5a5874d18577ce58', class: "console-layout__overlays" }, h("slot", { key: 'f566fc3c3d482444bf662cbda07d605e6a261749', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'ba9a5043aa327b141e69061ed07387230094a1f4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'dde6006825234fc6b242151ebc3d5215a0fac006', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '6374b3788af4e3eb5b1aad8d1807acf5b0e25b8d', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '137230b322fe5382ca626dede3867d32089602d3', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'aa055784fc4b91e4f6d722f96e95156f69949092', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '24c1519afb1e22612d238f157a7c52ce91d1af15', 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: 'ad3b761a07d6b8bf16eeb2622a66f24f09a717e1', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2e8dacb981bb49547ed212d2c54778f16d7e125e', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8ed914b94bb65159cae4a0e7ede02142eaab2d18', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '252adf38bbcb2b67012873a41a32ad902078c215', class: "console-layout__heading-container" }, h("slot", { key: '8e0c3e9e127e8351eea264a4365fac4eee772a8e', name: "heading" }))), h("div", { key: 'fa46067f10afc98a5972d47b3c30fdae072c0b28', class: "console-layout__content-header-tools" }, h("slot", { key: '858229681f110298267942f0c0f879e09df6c16d', name: "content-header-tools" }))), h("div", { key: '380e5a52ad4bccc19799eb39a71d40d9cf830cb8', class: "console-layout__integration" }, h("slot", { key: '782a7249da08c352199f444ee1c715f46d520305', name: "content" }))), h("div", { key: '6fe33a4bcbe2c71b6fecbab9bfa9b78668131434', class: "console-layout__overlays" }, h("slot", { key: '57edf109fcd1d74c711baba09f5437dfadb4e441', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -148,7 +148,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'c8b74c70c640b1bb14d838e3e4b11d0ea0f15e46' }, h("div", { key: '08d52f52443b843c5c37fa1efc8d42b391761875', class: className }, h("input", { key: '6351f183e5d60608c7e45df46da9e42855685eeb', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '96256671f54b04d91f0d8e10ab9c3d4503bfb8fe', swirlPopover: `popover-${this.id}` }, h("button", { key: '8f160ec0fd7ba9ffe1c65c507292bc945cfb728c', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '099ed1cde09dd90bd012bc10ad1a5b805e9b88a7', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'b94ac3ff2a0d741932c06e37b69e5eee4629364a', 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: '6bf840ab981e45ab983b83801ada5728dc8f6dfb', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'e9d635db3a168b95fcca96188056b49207c8e91b' }, h("div", { key: '20c70165f47384f4874137123e52ce33d94e55fd', class: className }, h("input", { key: '704ed89602be3fb69f924d54ff5b20bd7c757354', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '64af677a7835454f386cae65a8a6064da6bd0033', swirlPopover: `popover-${this.id}` }, h("button", { key: 'e25604a9d3715f22cf6b12687cffd6e1a212f796', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '0236505d92419cb3731de9dd36564ec7b2bebe2b', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '3855a4097c021893c273164dbe63ebc6a09b8b89', 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: '08fbc95483cc5f48acbd07467ba129aceef13bfd', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class SwirlDatePicker {
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '2a339c82ba69b94719200c02ddaeee1e1b226375', onClick: this.onClick }, h("wc-datepicker", { key: 'd390481c2b4eb2fe3ad03e039ef38d7cc5dfcea1', 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: '647b445e4757ec9d05878dba55e2155e333092b2', onClick: this.onClick }, h("wc-datepicker", { key: 'd7eb1f7133265fc4e7576bfef28168dbd99ff980', 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: '6a66260f461ac4966437db883e69e06db1252d74' }, h("div", { key: 'bef5e9ebde2c1f59b7034988412d828c5dfb515b', class: "description-list", role: "list" }, h("slot", { key: '3973242ca601b2dd75c33507c56c4a7985389b1d' }))));
+        return (h(Host, { key: '28f657a655140047f5696a1707330c24e94e60d4' }, h("div", { key: '03ee1235c0c2e93352cd715a7273d30fbfceafc8', class: "description-list", role: "list" }, h("slot", { key: '03acd0eee6178bc7b6a1b0e8d712dec4549f4f4e' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '6eef8b77f662ab513cdf7ec3e77ffba5d04a2c0f', role: "listitem" }, h("div", { key: 'ef46cc16888dfe6c281fba61fc0e7cf11e68acfa', class: className, part: "description-list-item", role: "group" }, h("div", { key: '510ba63b840901b58bd80b62c93f892f71acd471', class: "description-list-item__inner" }, h("div", { key: '3f3b0141e290701dc4fc616b7748c8aa0ae1249f', class: "description-list-item__text-container" }, h("div", { key: '79a04631caf1348dfec36e8900d63fd401ee2a46', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'fd66547765550d7730f314adeeac9ec281de4c59', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'b26a696fc58ed62b8e0e5a7cc99441fe01d21772', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '623486729a3529d7581b9a3dfad1278ca27c17b1', size: 16, tabIndex: 0 }))))), h("div", { key: 'ed847fadaaf3391618e9f370c57213818ae4c5b5', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b1aa7882aada2bbf3377c81d8b5f3eea6cc03287' }))), h("div", { key: '88b5a7557143b1ecd73b7bb92b4d49d45932dbff', class: "description-list-item__tools" }, h("slot", { key: '4f3b814d5bb973dec2cbc2fefe9315879b528bee', name: "tools" }))), h("div", { key: '3511d41246613379fd98a150ccd5c3ae7d1bc3ef', class: "description-list-item__additional-content" }, h("slot", { key: 'd3cd932efa2d4cf92194fc4b41b0b95cbad3983a', name: "additional-content" })))));
+        return (h(Host, { key: '7aeddd25b119a169b9cd2c29cdda495dedb87c38', role: "listitem" }, h("div", { key: 'a2b9205979a1179b3bd855d5c712f6dbf0e1e654', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'bf7af656f9b33ec18e3af090d4446dbde9a3bc14', class: "description-list-item__inner" }, h("div", { key: 'b1633f9cf4ba4cedb98fc820f8c765da41c129e2', class: "description-list-item__text-container" }, h("div", { key: '90ac544fd97cdb777d180b6b144ca984db302b22', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b25700db1e35b8e43cdf818f665ebec87c49fa32', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'd1fd31249175d208410a59780cac1e6deb341cce', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '43d0a6d32a31f29ac24af3b03fa069283677b347', size: 16, tabIndex: 0 }))))), h("div", { key: '740fa8b3bbe78dd2776217411b00a7e026d4a96d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '47dfe3909e58ce08b17b09064f1c2265aafa0f56' }))), h("div", { key: 'b75cdd492a79b38163b63da4b307ddb6956f9df4', class: "description-list-item__tools" }, h("slot", { key: '681fff8c243276c1c4c8dd144a62e679e58065e2', name: "tools" }))), h("div", { key: 'e92d04c18d98a6464bb711a78448d60f8efcf470', class: "description-list-item__additional-content" }, h("slot", { key: '96c0c4b12fffa95a63bd3c042838983148306739', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class SwirlDialog {
     }
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
-        return (h(Host, { key: 'e72f0c4984d27174697e8c573bf4265d28197630' }, h("div", { key: 'd54f3a6034a93c2855ff216ac0d9a52d69fadee5', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: '746eb7610a0da215785fc5eb01fc4bb4e469b8c2', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '726ee924d8be278ee3aca78456adcdbebad59c96', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '015eeccf92c83862f7e37e091ac1bd0fd3769968', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '66516d6e052e52ee3890cb649fe0c2c226927a07', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '895727411b6e21bfe367fdd4ca4264f189dbc039' })), h("div", { key: '4c9faa7765fa16226f7d6c8003cb9af723fd68e3', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: '5f132b2ad85680117131467d86264ec7493adad8', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'ee386268ca7996f2b096e8f333e0b24992867c92', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: 'a5fd9957ee1f6b462bf2ea2407440b12d4738633' }, h("div", { key: '90399caa37036793ddc37748d92c21c6350a8c41', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: '4ffa78466b93d6d6fc6c33e5d2e2148d7ef218c5', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'c681b602073ab9582cc7be0bec8aa9308c988471', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '9bc53bd477d094e66422e3b388029447f07392bd', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'be71995b7f384b0f13dfbf7cd34177100da2fcf5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '5a987f7f2b753a172ec41e3f731fc9ed792bd4b9' })), h("div", { key: '2135d8e7ad566e70d6a84ad242ec2f9e7c7ffabd', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: 'ed9b0276e88a240a9710e756a657bea90bf1d45e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '42d50dddb7fa679b461be848d0c3a6e2d86a938e', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     static get is() { return "swirl-dialog"; }
     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: 'aa4c05c1fb7d333a6cebb00ac2e12d2eb4eb1117' }, this.size === 16 && (h("img", { key: '90f874d6eea29bb242ab98000f84b972ffdda668', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '5f68eb3aae861b5308c1b84db7f9067ca2633cca', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '2cb0f473246fc79a35610ff9b10d08972dd28b03', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '1e7fa5eef8115ff3bd99bbb9b4aacef355c2967f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '2bb4272cde91b63f5f3403271723882f1b7c703a' }, this.size === 16 && (h("img", { key: '1f6475eea13646818a37763e8c2dd3e6b0c82e18', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '2c7123291eb055a31df9b650802ea766bb3a048a', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '98d2dd933d7eebba110c8c43a0d9d2f85fad195f', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bedd692af0253ddd702518e88ceab3f412a75713', 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: 'e9cf3c9a14543573eaae0cb19ea317a8ce5e33d0' }, this.size === 16 && (h("img", { key: '410d35ffca908e9a513c6a5fa63b1e2225779390', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'dd471bfd58797e16115cd81ed2bc8008be14516f', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b5bb3067158c00065414fae3798140e3d2691e52', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '654eae72907dd00c60c00821f6f550ffc5f9fef8', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '84f8c44e3124bacb5fb5a1504a7b12fa0697d30e' }, this.size === 16 && (h("img", { key: '4e6bbb9b9f03bde12fbecb508c9e70d2dabb0aac', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '1a813b5f8b8dce04e73c7664074a04ee5920eea8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '10545d465f45801574b43980ef5f2153531688e7', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f6e387f0d7a5901bf41c9603beede9a63a00a77a', 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: '08bf8138e164dee3917e877ce3af33e37b7c158a' }, this.size === 16 && (h("img", { key: 'b24b209f7ba0884f70fba363abdb86174699fedb', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '57d19525051001a68a5fdfd4b755be25016ef7de', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a6bc1b3fff9c36047d788654c47d452480978566', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '79e46a46d9bb06afd04272195b28ac3db8c7e76a', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e365c38c77a759598ab89e154a16cb8ce3502ad7' }, this.size === 16 && (h("img", { key: '041681cb193b3a86c8b84eea6a663241746d727b', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '1a61e00f35e52f9583d8cf117bcc85337d1198fa', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '2c69542bbc9aeebddc055f068e4a4e64ca8c5eeb', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '7f175ab8cfbf0bedf736231feaea5c87186110d8', 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: '980138d168c8b6e07165147997260bf807833883' }, this.size === 16 && (h("img", { key: '390e6af239ef3aa511a825176324e1b66ed3420d', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '7dc150bee5dfd0f72ab769ff6ece6936838f2781', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '1922259c4fe4ed618f694713b1016085a6ca64ee', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '49b1bd28012f782eece413bf117113354c36115b', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '0b9730272400622f74bd0a0cce3b59df8acd2c39' }, this.size === 16 && (h("img", { key: '4494bd2f245ff9ed8f5dff3d21516960cef21110', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c2b40caf37f06c92d755f22d8e18be9d231f7e49', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '698c9c7b59b5d34a125231b0383743e4a6ec404a', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '9bade355b505ae1190d3aaf3219cdd692d712e2c', 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: 'a80ee8ad5fe44fe4feab177efbd295f67ba34546' }, this.size === 16 && (h("img", { key: '183cb5935153eb887df2c26c92898f80a39f8065', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '2e954145f57145e5cdf50edf558c81442c7dd426', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b4d349f18df18a62fc2e8443944a5cf325eb9a7e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '0b8ca8f425569f3d60f70dc3d03dff1dcadf7a05', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '765dc46b8f9891d0b83a81d26eb41bdce292c351' }, this.size === 16 && (h("img", { key: '60a837fdaaa1589182633d7e76fb6f768013a283', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '4d982f103d7423533a3f92054db477c63f7c3cac', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '7c7408a99d955b8472bbf4de1671e75677952e3e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '9a716988ad1aef8ce4f586b971bfa279ca0b4430', 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: '12fb2b0a399f34bcb703b7b409440b9bf02402ae' }, this.size === 16 && (h("img", { key: '28d78be1216a881b26cee4897a8b991825603f96', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '085eeca0844876c8c229cd1f55f4bd5a8f2a9a59', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '980535ffc8f8ab8a6e88a4d812cf7fdfe6ee8b01', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '76e7a3f4581aedcf3df34258c51d900633fc3488', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'cf621889a5844649b07edcc4e20a095c2ac3ce3e' }, this.size === 16 && (h("img", { key: '5aa4ec40f0033bff1ea4857ff8650f9318c68ab5', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e32564c5b69df78ae7d3c2adff57d2f18023cb68', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b462e9aa003e3ba6215d9a7d0e92cf6417588056', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f87fe3ffc52c05be9b25ebf64b0fd33845d7c9cb', 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

@@ -7,7 +7,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'cbc66918e8b6bc2a278c1debf235b76013a88c1f' }, h(Tag, { key: 'f68d423cdc4cfcbf84336ca54b300968d37d122e', label: this.label, size: this.size })));
+        return (h(Host, { key: 'f3f21ffc39bbbdf4848893cd29161cf5e23130e7' }, h(Tag, { key: '8376782cc728b02c73004a937f7b4b13e392d7bf', 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

@@ -17,7 +17,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '6fd342665b5b403286eac3941f1cd7728bc95399' }, h("div", { key: '5041edc31be2635f851fe8e4e2a29f07854ecdf6', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'db0325e5facde952517650a9fa266dee594122ca', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '1cb27589bb93cba13a248be90623bf81d64b75c6', class: "empty-state__slotted-illustration" }, h("slot", { key: 'e7f556576a4394e96d89a2b81645ad99533be933', name: "illustration" })), h("div", { key: 'f09590b2bcdc46eaa089511897ce308c3d62254d', class: "empty-state__body" }, h("swirl-stack", { key: '3edbed259af55f7d5ec6b4d5b5e5d9420f2f1cbb', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ea37ca571cb1ebc4d116dfb19a647a89c041c11d', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '85223085648ed2989214785503f79eb4a6f947b0', class: "empty-state__content" }, h("swirl-text", { key: 'fce26928b3651f56dd4bb9a37e86b9a17903a5c4', align: "center", color: "subdued" }, h("slot", { key: 'e888f6679cb8a44ba80d69b5ec9db699d70ebdd0' })))), h("div", { key: '6143252588db52a4c6354a3a34cf689d8518824c', class: "empty-state__controls" }, h("slot", { key: 'bdbd8a067023afa7ec8f8b351b71f11bb88bf547', name: "controls" }))))));
+        return (h(Host, { key: '2d08744e37b4b88ca9e26aab4cdb8fb2bbc1180e' }, h("div", { key: 'ea04c59e605482c692544d1cc0d4aef067b8f6a3', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '8962c0b15ea5feebe37b8fa95bbfcc97b0694021', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '3664c87b27a5f478296d340ab42770ad5ed2393a', class: "empty-state__slotted-illustration" }, h("slot", { key: '228289165b52b299a36fd2b344148d45b7a58ef9', name: "illustration" })), h("div", { key: '0a8127b3e40384a3e48c8c1c2d871d88b3da34a0', class: "empty-state__body" }, h("swirl-stack", { key: 'f6b79940f462b2f624d2d8aea1c8d68218552b07', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'c344a88a43b5d9790410d7a2d43ee478b3ad9bd5', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'f9acf0f57a4920f711ffdc8fcf29dff01a9d6e93', class: "empty-state__content" }, h("swirl-text", { key: '450e250246304af3c6ddc65c5727281139ee899e', align: "center", color: "subdued" }, h("slot", { key: '9022393031eb9f02cd14738036055e6d3fb377b5' })))), h("div", { key: '11fc901a1a058aaaaed091bf389a7acdd7fa718d', class: "empty-state__controls" }, h("slot", { key: '3b7c38bcba36202e7400b14fd1b319956fd47b7f', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,10 +38,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'fb50c70c337c6914c6e622c9fb3c22db85756b1c' }, h("div", { key: '7b45c39202c60a3b1683bc920e8b86534a1bf606', class: className }, h("label", { key: 'f7a27eda649976e5415eb972349912d2bb668c44', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: 'edeee02de86ffc970da2818196f903b5b7b1a175', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'fcdfb3bb68b118822cb7b9f3c9cdc82014ece7dc', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: 'ebb1485a0b4aa6fd4193a686e3b1c97e60a21e6d' }, h("div", { key: '961b6a541566b282a912f7cc8d3af747bd2ed1c5', class: className }, h("label", { key: '045e1dcc57466ee44828e5d0a1e8bdb72836991d', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '2629298e3a76e41d2db32137d5748bec4822996a', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'b63be139a329f174298ac9ba245319e399b946c9', 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: '2935a2d2cfe455d0224fdde1a1b327240279990c', 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: '63eccab1dd08f312753af0328c31bcda28d31641', 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

@@ -46,7 +46,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '650e1b70a567519dba2d97f706e7de07b77467a6' }, h("div", { key: '9a8e00b73cb96ac9bffae5646b11602aa77986a0', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'f05cc484197717175ae1daee9f4e4d6b3ca60a13', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: 'f5c0434d9b452dbd70dc853604450fdcdb80468b', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '78a68a2cd27d0a11a47d75d5528dbf6789392ebf', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '8a761f893ff60faa7c558adcc563c6b120d92142', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'df6137b0587fdc6d54eb938a7fc7a862f27fa9fd', 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: '078a815beeda7a12fab8182e31df9ad59951faca', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '2fd0449ed2260a30e3135d1f35f18cb3af507909', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: 'ad6c758846e798ba3364764dadaa551e13ad5303', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
+        return (h(Host, { key: '8ff8f7aa1fdc1e7d062623616fedf9dae7212395' }, h("div", { key: '6a449151312f4a59095c4e397d37e1b9d292d980', class: "file-viewer" }, this.type && this.active && (h("div", { key: '7aa4f65ac8c13e620c399a59be7178d5d7e21018', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '7c3524e707cf96ca1978c2f69e5c8e37ccb38960', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '94a9dd08c5e053168ca8d8db14a5a55ee288ea67', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '7dfb1b3fc2d97e581095ab81f9e17bff213abc3f', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '19d17ce8f9b56e83f669a90deaedcb5f190f9015', 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: 'ea076180ae1572041207947089e6750ff049322c', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'e0c08d43fb5508379685cdfcbca98cd7eb0c7178', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '27cb9b9e590824fb77d23521676301949662de35', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
     }
     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

@@ -9,7 +9,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '6eb059d9f110bf614501f3b4cc5a09cb06b97585', class: "file-viewer-audio" }, h("audio", { key: 'b01c381ae493dd69b5649807ae777c5da8105b56', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '24048808006abbc7eb3adbc4fd1adae2e3be2735', src: this.file, type: this.type }))));
+        return (h(Host, { key: '6a0aabe6f2cf6331fff9777c647ff4e332076e75', class: "file-viewer-audio" }, h("audio", { key: '85cc9c0f6c2c06786e1399125990efaba1c478ff', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'e5fb71c96ab572179f71d8bf186a26ec016c1d28', src: this.file, type: this.type }))));
     }
     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

@@ -38,7 +38,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: 'bb81e4ad360356533e730c9f17bb85319139e614', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'aaef313f7b3416e2d0d8cf0c2fd9c8b4e9965ab5', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'efa1dc07debd767528b66c0a77e2c4366d1de5d1', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'bfd532b1b885cd2e03dc998cedb3455ca434149b', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'ba3ba447f7f38cb33d0059b794d538fc18011524' }, 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: '1b975bcf57546bebe9a49d9e1670b4d1eff69966', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '048340d9c390a8abdd021b0f30937c56223f6af4' })))));
+        return (h(Host, { key: '6429baaf715ee74d0f5269ed98da499cf5f2d706', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'fd8fef276579b0252e8e5c3a13fdd5ad6bd7ae41', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'abf93811a115beb92ef77a03f1396c55c14867b1', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'd2d23da93ed7161c6f0214f8ffe769bf5862afeb', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'a71c915a1aea0e5f947cb097bd279458d6cf8646' }, 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: '517ec06a46315557c7395c081204887643bcebe9', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '77caf95a0e0f6e69862db65fac5cebc94c22f6ba' })))));
     }
     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

@@ -17,7 +17,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '399371095529b6c9b18a5bd4a054225832ea31b0', class: "file-viewer-fallback" }, h("swirl-stack", { key: '801849b82850018ce3b2884a978d962c5cd40a01', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'e25988474b1a1696626fc38da0e62b77291f8ccd', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'afa0a09a4eb38c396f77fedd44a5e25a8b365646', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '56f95cc8ad0d5207eea1a24cf8aac39cb6bd7d53', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
+        return (h(Host, { key: '00d275166ec559e9f2abf460e845c0311383bf16', class: "file-viewer-fallback" }, h("swirl-stack", { key: '24c1c2c0ff8a83b6daaebf24bce2df45988bcbd9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'c9dc8f82dab2d386a98bb9e6c4797e8ffab0ffd3', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'adfb12229f7fadbc3df706a72dae3c9fb014bee3', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'ef8e660ef78b0303790d94999dd48145926dc393', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, 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

@@ -177,7 +177,7 @@ export class SwirlFileViewerImage {
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: '261723a6c4b411e6fdc22052e11eb15e901be0b2', class: "file-viewer-image", 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: '461345cdf7821ad58c2386ebbe9055c505e8ecec', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'f923d3651ec163c844e51aef23332eca45e3eafc', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '590faa81c5794dcf8e9e4a22aba7262b961d56eb', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '86e879368bbfc9304e83de5b14a79833cdbbe2b5' })))));
+        return (h(Host, { key: 'dff5840d28122f8470ee155a30c68e469c963eb9', class: "file-viewer-image", 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: '1984de2bde5b8dee355af249d79408f2cab4023a', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '2b2c6643d3e02f138efa6eff9165e31638c4d192', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '8aeb6067acc97c149a71f41c8950fb12838dfc2a', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '3a48ae45d9d764c5dcff262cf5a3a4c4ef9108f0' })))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -323,7 +323,7 @@ export class SwirlFileViewerPdf {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: '695f960e5421ebc07a86c4230b615207907b7548', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: 'd0a4123963a05172bcf6fb9c9e17f2623a8ad96a', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: 'ab6e5607928d1fd148c3733cba9e166b70c7d310', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (h(Host, { key: '4903bc1e2a581551fad98ffd218f0c63d5877100', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: 'ed357a7c4dea5283521c94188fe4499f892e5616', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: 'cade069695e83f944220418d943441000a3640ff', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -337,7 +337,7 @@ export class SwirlFileViewerPdf {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
-        })), showPagination && (h("span", { key: '524a4ea6ccea5fac6de4222895601b65690276c8', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'c77d6c5bf442feb111ed265741a99a002b280280', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '050d0040c8e9281bcf9f0af209bfdbbe586ac0f0', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: 'ea76fbdf13c5b3cea9d2abe4c37381018d406146' })))));
+        })), showPagination && (h("span", { key: '678e667b1b3f4aac86bc7c1bbbc6d61eafca4220', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '34feb4ce7acfd45842d14c1b4423e099ad37c9f5', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: 'b788580f86d9313d1ad1669c6a56006395ec9de8', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '8df66c351a8400e2c2f211ba966a596eb5f42792' })))));
     }
     static get is() { return "swirl-file-viewer-pdf"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class SwirlFileViewerText {
         }
     }
     render() {
-        return (h(Host, { key: '146b99fb4ee208aa3c81c424b319b37a656a47d5', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '076c81060218b3abd84056b59ef93be14015fcb7', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'ac17aace80edb32cf72b4b3276feaad2de9370f1', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '4d376b0cb97bff7323a251e495b17d997a6308c2', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '55a9fd79b14583e24753600ed08906dbaf0eedfa' })))));
+        return (h(Host, { key: '61cb4c19620d6a93aeb91e8c8628073f9e77c26a', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '7c69ff7e13d7e68b473a37654660c6cbc4f8702b', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'd4f28eb37fd6a2a4f134b2d99f9f99d09ea91a77', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'c851e5a7deacb99e5e44c1125274d6eb9424a1e7', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '78b9015bbe6df813742b48be3dfbd0485b18d90e' })))));
     }
     static get is() { return "swirl-file-viewer-text"; }
     static get encapsulation() { return "shadow"; }