npm - @getflip/swirl-components - Versions diffs - 0.341.2 → 0.342.0 - Mend

@getflip/swirl-components 0.341.2 → 0.342.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 (1884) hide show

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: '848453ae9e48cab379fc70a9e1bb0d9566fee795' }, h("span", { key: 'd2a526c13e4a86ec2edbcc5bb763052792627b55', class: className }, showImage && (h("img", { key: 'f321b68b25a3ab039f666099269383908a62d08c', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2dc6f4d5afd471b8dfb39f414dc1416036480005', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '0c6c3988056bba66283facb363c0428097269f53' }, h("span", { key: 'bd067946a9257b4ccdc286f3fdda301651981968', class: className }, showImage && (h("img", { key: '826f7a92db32bc26830ca00eacd935f708902422', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '524b1366cf3e1dccf1cdd6b4603f92bb9d7da1be', 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: '842dca2d37cde4df5d94989de83b34e162e4729d' }, h("div", { key: 'c8960b16873430bcb9fc6d122866f1fba879640a', class: className, role: "group" }, h("slot", { key: 'b880de80e28701cc12ff07891726df3be0b8312d' }), this.badge && (h("span", { key: 'c4f13d3a94fbbad4e281d15c9a2bfe6879fc192b', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '294a8fbe91a9cf529d3851cce589e25ab48a5ebd' }, h("div", { key: '34b4f4ec6ec378f739fdbd658f5c507b8b42dd05', class: className, role: "group" }, h("slot", { key: 'cbc7cddca374c8147767492ceb4a5f214a8c7d7a' }), this.badge && (h("span", { key: '2c5556c9e03936227d972ced83a157d7255b8440', 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-button/swirl-button.css CHANGED Viewed

@@ -481,6 +481,10 @@
   order: 3;
 }
+.button__trailing-slot {
+  order: 4;
+}
 .button__icon {
   display: none;
   width: 1.5rem;

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

@@ -4,6 +4,7 @@ import { DesktopMediaQuery } from "../../services/media-query.service";
 /**
  * @slot icon - Icon to be displayed inside the button.
  * @slot tag - Tag to be displayed inside the button.
+ * @slot trailing - Trailing slot for content to be displayed at the end.
  */
 export class SwirlButton {
     constructor() {
@@ -65,6 +66,7 @@ export class SwirlButton {
         const ariaLabel = this.getAriaLabel(hideLabel);
         const hasIcon = this.icon || Boolean(this.el.querySelector("[slot='icon']"));
         const hasTag = Boolean(this.el.querySelector("[slot='tag']"));
+        const hasTrailingSlot = Boolean(this.el.querySelector("[slot='trailing']"));
         const className = classnames("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
             "button--elevated": this.elevated,
             "button--disabled": this.disabled,
@@ -74,9 +76,9 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'dec5cc1badcf88a9b3f57a647c59fea4388a0e00', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '7b4a851e0c7f3699002095cf777c040a5c97194e', "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: '6337212b126484088e98cc5912189b1ed232bdea', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'eb12293e543db44de0dde0913f31561384adb984', "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: '371fbdd6575181f62250eef491b6e4ed56b5b0e1', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'e3af04a049701785eddba2142ca9c3d9f376eda8', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'e9a101f204201023c4c62539578cb408adccde85', name: "icon" }))), !hideLabel && h("span", { key: 'e08c03769f2981aac46e02c8519d06bb1b88c801', class: "button__label" }, this.label), hasTag && (h("span", { key: '5fa04e35b9980d2f6684ba3bf40006053d204949', class: "button__tag" }, h("slot", { key: 'b9cab88a1ab1e53f3f1240d1bd32cb0175cc261f', name: "tag" }))))));
+                : {} }, Boolean(this.icon) && (h("span", { key: '9911496cd21581532424a9ccaa902b16759f74de', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '9a9a262855e3f7db4b686386bc7a7b22af2468ad', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'c043bcbec31a01fce43a01747f01537e9e5fe88c', name: "icon" }))), !hideLabel && h("span", { key: '8ae906d08d3520362f816783ff48f01f08349d7a', class: "button__label" }, this.label), hasTag && (h("span", { key: '388cef78ae0744f4dae57f712c8a772fc2e65524', class: "button__tag" }, h("slot", { key: 'd03270a8b768de0df1bfa07ba1e2aeb99f4646c0', name: "tag" }))), hasTrailingSlot && (h("div", { key: '38f7c4fb73a0b7edc0c2d25d780946fed13a3123', class: "button__trailing-slot" }, h("slot", { key: '372c71c84d11ed7eed830701e0d1e620a878b37b', name: "trailing" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,11 +10,11 @@ export class SwirlButtonGroup {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: '62fdc66541bdbcc2d9ae974ff53feff7d4699651' }, h("swirl-stack", { key: '7227deb457a14162fe12dfae41c19a013b388253', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '3f4c0ac1ef25dc8663a748c9d5da839ba13715cf' }, h("swirl-stack", { key: 'b3128cad0d6eb223551310ef71d45fa31750f8a2', 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: 'fdb01addb654c8f56dacf6a1ad2bb661a452ed0c' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: 'e237d1c473fadc6b27b4140c6de0bb1ebdaee8b2' }))));
     }
     static get is() { return "swirl-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,9 +70,9 @@ export class SwirlCard {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '478f476dd1540d6717515b98275f8b844869fd7c', styles: { height: this.height } }, h(Tag, { key: '8e92bef0024a98a95b4ee57b14fc8f6774646279', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '627c49d41c681c969170cb6acb654e8f703ce9c9', styles: { height: this.height } }, h(Tag, { key: '97120ac1aceeb6bfb2dddc0f1dab2b152f332176', "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: '31c2805728761dfcb0c52a40ca35dde8db717395', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'acad13c8d0ae94025b38efdceb3f57c08c46e1ea', name: "image" })), h("div", { key: 'acb6863ba75f792b6b63d345d21a5501d2606ae9', class: "card__floating-controls" }, h("slot", { key: '4ea72ed42dfb59b4e2d6a756084a51731811ac8f', name: "floating-controls" })), h("div", { key: '58ec0bd8db851413e5f00bc7f68fe0c7c180ebdc', class: "card__body", style: bodyStyles }, h("div", { key: '8cca2590d51f405927f0632abe25e63e681e7175', class: "card__content" }, h("slot", { key: '012022e6119ae081a3fac9edade9c8f8789635ad', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '3f8ab8e7df574ef27ba36b24cecf1dc75b5c1ff8', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '5efeec1b6bc81100e1078aaf231408f33c099de7', name: "image" })), h("div", { key: 'b8122399fb965b4d4569e4fe8dac21ccdc652e68', class: "card__floating-controls" }, h("slot", { key: 'abc47854902b427d759f13b162c937a3c4a3eb5b', name: "floating-controls" })), h("div", { key: 'a455be81f568fb3f0a9869a74bcf71b284c85b47', class: "card__body", style: bodyStyles }, h("div", { key: 'a079ae3c14eeb38d75981e8a1c6822b6373d305b', class: "card__content" }, h("slot", { key: 'b81644a39a20f76b816d566084044f72b2e02afd', name: "content" }))))));
     }
     static get is() { return "swirl-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,7 +154,7 @@ export class SwirlCarousel {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '455ff284d8c95ca37ebbfaa3efeccfa0a4eced53', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '576af4479a93ed30ac2ca67b4d32f3559f075125', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'e32e058989e1d95e36d97b58b8da8deebd9a8468', 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: '8544229fe77186f043315fbc50e463ebc84197bf', 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: 'ccccbc484f6ae31f2bf63782005bc994b42d325a', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'bbff9ce6b8c0e05002cf85d3955fb72acb309a87', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '6f554892238c026db3502297458273b682d68098', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '362e62f0a21b074001997fd0f277dd1109bfd1ea', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '2b65c6bfb0509564c01d90245f98b5d34e88fa3b', 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: 'c76723f69f1c1d4ca6f8e59b834f94f7b7618ee4', 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: 'f4d391b47f7ec2406bf26b2699712e86defdd8b1', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '3747e42e63c10dbd1a2dda5d739700f7b60c8769', 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 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: 'a9e40890d2e844b71df36d76648c29dcb7b3c424', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '9a052f0bfc5e0a3d50de5eca0a3f64f15caf9c4c', "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: '3648067d02370a7c2710bbc2adfa65c4db42f02b' })));
+            }, tabIndex: 0 }, h("slot", { key: '277e8805727f58bd9961069b8657a709b7531b74' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class SwirlCheckbox {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: '678ea990bd9fe0d3db3c48372a7a34d48dff2d00', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '7034996fb426722179792d3a0c47804d137d530e', class: className, htmlFor: this.inputId }, h("span", { key: 'ca8596a7dd921f8ef3a7e60ed0d7c164eb94d4bc', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '3ec6ced18278385e8e5fe4c84938cdd80397782f' }, h("input", { key: '83ceed4941de2152204ba4cc7ab207a4523ffef3', "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: '254e1a71e83e67415e571b9ae63076954e8a4f66', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'ec1004329eb2c8f074e7bb79deeb44b33e129841', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'c0bc328e436dfac5309f5bc1410492edbf5396ed' }), indeterminate && (h("span", { key: '04c1f9c3bcd98ccb85671dec4616e1da03100789', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '51f607d635ce44a09a936f9809e7a3d439d9a981', class: "checkbox__label-container" }, this.label && h("span", { key: 'fc52f9ab78dc555ce4cad9f2f6e31720c84059eb', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'e1e07e745fea0d5be76ae92f463c5908172c8772', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: '38efd2f720fa05c50cab83d831dbe89a75bacb66', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '67043fe316855dea189be6ab881bfdfb723e3ecc', class: className, htmlFor: this.inputId }, h("span", { key: '4914260178c7e8b5e3d34194ed78332ffc9b4e88', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '0ff1c7d8e8846892051ac64b1f846c73264b8598' }, h("input", { key: 'f1418be880c823472810b09784d7971418a0d023', "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: 'd59a0780fa7d659c7ae08cbc21e3388eaed69e10', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'c23383243cfe53a9b85d4100e8b6166c1b42f972', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '671fe5e2cb55df26dced0c13159819abd15e498c' }), indeterminate && (h("span", { key: 'f02555616ef2059a4e9e686460cf193e37f020ff', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: 'ae445d06d03d3f2efd45682d66590aee1c985728', class: "checkbox__label-container" }, this.label && h("span", { key: '6a6be7b56266f2218799aebac36e6d6d1b409bfb', class: "checkbox__label" }, this.label), this.description && (h("span", { key: 'cb24c5979fde3237609ce63e30edc9426984732b', 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 CHANGED Viewed

@@ -42,7 +42,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: 'aacfe2b81480beb943d294ac98858014b53e7d9c' }, h(Tag, { key: 'fe3ed0c535267aaf8d5add2ba73b1ab017202a5a', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '0e55458a8c3841ed02994ba7c105036424923018', class: "chip__inner" }, showAvatar && (h("span", { key: '6065e1ebed3ec0f236195b682ba12e85684de876', class: "chip__avatar" }, h("slot", { key: '950dd5ad2213171c4eae631c1e95c75647ec5ee2', name: "avatar" }))), showIcon && (h("span", { key: '118532298ad5ada83f2cfb15f571cc2ee857d3bd', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '22fa5011815883c566d59b59008a8af87077fc30', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '623b2f0fcc739776ef0eb46ac0cf91a3912a24f3', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'dcb29d9a57a76190704b63917d443c23f3892224', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '722397ffd1828842a1f5848d65c2c6c18a9b7893', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'd96fea1d3acd2b549197808c6563d574836a278b', size: 20 })))));
+        return (h(Host, { key: '6cf98a76051269d475167f5b1ef8c4e6e5ba0985' }, h(Tag, { key: 'd804e9b1af2e1c08ff84dc956faca04827144b1c', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '10bdce13f683d1934b79562a73449c9711d412d0', class: "chip__inner" }, showAvatar && (h("span", { key: '3f713423a9b96b29c1b0e73c04f2dbb3b4f0d527', class: "chip__avatar" }, h("slot", { key: '79b6d3fd10cc692ba4854702e0b1013074396765', name: "avatar" }))), showIcon && (h("span", { key: '3b959fc1fba827e6b3c535f18aaaed66292c23bc', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7219ec62e76d302d4a6db70635818f49c8e70270', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: 'cfc6a8d791f2ea8de71294c8a14e1695e38faf6f', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'a81bda66ec0bb9803c97dd89824150b36624cc55', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '785be4546e07cb5a8610b6d1ca590c9250eb8fa5', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'd31998d3b4d24dc24d359e98e0a3a6fe14a07256', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

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: '3b50c66ef9927d2f08b0a5aaf39c23f2461fb477' }, h("div", { key: '3b58c8052c81c7796532b684f6ef4df8bfa7563c', class: className }, h("input", { key: '32964a854e2fb16aad285e751f8c7d9f24317b01', "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: '4b194a0a415c120a811fce0abf44b5fb47962918', swirlPopover: this.pickerId }, h("button", { key: 'ff7ab2aa23c197801b9fc1c517103211230f9270', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'b0e555f8f2be85342a99d398ef26e89fb8fff998' }, h("div", { key: 'dcf732434bdfd54bac205d8b327ce4d4d2602c8c', class: className }, h("input", { key: 'fd6d3a91a3206e974b93022b3221eee9472732db', "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: 'ea0d14f273be2ef3e86c6509e83737f8499a06eb', swirlPopover: this.pickerId }, h("button", { key: 'e2558324411014f3895b7ef23a25289155d283eb', "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: '546d27345779622cad75c2982e8e8d346fcc267f', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '7162ea86f355fbe737835147baf3815e2853ffa0', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '33d22874e2fabe419d5589d12e69f8dbcaf0aee8', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '17145a4cb792b3ad787cf6e6ec51956f31144e98', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '9888d0e1b83cb38f100f776c7b83b6489e2fe9a6', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'df70c798ad6713cdb40c976ac2e14a4a5b00f2ff', 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 CHANGED Viewed

@@ -4,10 +4,10 @@ export class SwirlColumns {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: 'ce1826ac58a146237bb04b85f2d9ac93acfcb2db' }, h("div", { key: 'bfd1b19b96669e972b6e9afe9e5c2fe60a49c934', class: "columns", style: {
+        return (h(Host, { key: '6b6957a8a4e48add8aaf0fdc9cc401cc6e31ad6b' }, h("div", { key: '488afed4210c50d59235d5bd432505f0fe085a78', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '3e3f34b8aeb09057a17645bfca47cc4ade17cda2' }))));
+            } }, h("slot", { key: '9c341f311aee888a54ce68cb58282c5a832fd182' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

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: '35830388570b6742ee3cf18e588e5371d1da83e0' }, h("div", { key: '88ee53f032c98a0f5ba155d616b9908ad7a95749', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'f9c795e8f3fb329cd4b4ba11beb9262877afaef0', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b797746b4f0ab7d728b4627e318b1b1bda4e2221', class: "console-layout__header" }, h("div", { key: '01e25e0a1f65ef9cbf0f57bd9730006468bb96c9', class: "console-layout__logo" }, h("svg", { key: '8bb3f58b1f1e2f04505704ad21e7d1f5dba197d1', 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: 'c6bc242f2b5a5b430b20c05b6b7e677818d0e3b0', 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: '350f61401fe825bf05f8d9af11d3da47cb2cd696', 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: 'b070b96435ece2c7a5ad5a407580d7c16585bb1a', 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: '13c54bcfbd07ff072b8df4dc25b18153fb956fac', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'fd3f2751506c770d483dcca7a4575aa076fdc75e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '09b719dbe0c8c4bafea67f5eb98e34c1b23bf941', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '729c79291e2ddc81da992d217a3ce19cd7413ec1', name: "navigation" })), h("div", { key: 'ab9c5e5233cc560b75efa1aede164d3f6be1c844', class: "console-layout__user" }, h("slot", { key: 'b693e70415884f2fa5b0e0b48529fcdce031518f', name: "user" }))), h("main", { key: 'b803a11e27e6cfde6be59295d4a2c238bee74a36', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'c109dd8321ca643821ba5903f0b07d987d89363f', class: "console-layout__app-bar" }, h("span", { key: 'a81d562274063a0fed0d3e7b8713017a0f2dcedf', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '49b2a20cb0f33e14ec5b739226076d7b89f30958', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '5e0333c57c016a31e6bc76048f03e458ffe1789c' }, h("div", { key: 'bc78706088491508475e52a6539f8216a6c72e30', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'a7e66da593125a858b53c0a5c8ae6c479d3c9865', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '0a2dafa03c8f41386b6128e716fb799608e04e2a', class: "console-layout__header" }, h("div", { key: 'ff3d6c97551548a4220f3d88a2f9aa90206dbd1a', class: "console-layout__logo" }, h("svg", { key: '608fd522bd7fafb29c334c5cd3ac833a602079fc', 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: '979ecce502cf1a57f8fcec4bd2b8aa0fe16bd5c2', 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: '2bcba8b3ebfdcfee82d7fd006a75634c4e14b643', 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: '1d7b97d4b7f38e25ac3c522ba9d8e129dfccf484', 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: '7b253ba8a5f49d0da179b775084b3cc540125a13', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'c1b81e3ca36edaf9455c22f9772b82dcd18dcec5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '34ee0521835dcf7feb884bcede2ab6ea53eb4571', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '9827248eb6539504f0c249bc207075eae12c4112', name: "navigation" })), h("div", { key: '268dd50d7210b410d3fcfbf107627013b4069b01', class: "console-layout__user" }, h("slot", { key: '7b71d7ad4dba9ff6218212b4fad58b742ad372ba', name: "user" }))), h("main", { key: 'f859716261014aad03b0285d3453f32964fc575b', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'f24ba6e4fea6f09c5c49eca7429f31ebb599ca12', class: "console-layout__app-bar" }, h("span", { key: '6488a255f9320ab61e3e11656ace867382ffe1cf', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '14c3cfd12afbac507cbb308aecb96f22242f4b62', 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: '4edc8519cd0f272e9b1b19ef4890f40710737643', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '415414459fab95412313788d5663d17fbf4b17ca', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'b10b90e4e997757f26f5d141112eea9cbf3268ac', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '6c5791bb635e541bf2f846e6f47c9062f3af74cb', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '2116475b17eaada20bfd8b4ba5e757e37743cdde', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '4240fa6708d78f19bf83f5e431fd5da6aaabe9d0', 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: '4bf22c882e10573ed45f23edfce16aae39e78ddf', class: "console-layout__heading-container" }, h("swirl-heading", { key: '4bda233c76992c70f9bde2bf77c7feee40ab93af', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '49fcd57eb1b5e5eaba51432cb7d867ab9d218371', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd588e6f2fee6d93f061fb836837af5aa671da3f0', class: "console-layout__heading-container" }, h("slot", { key: '7bfac7492a303f5d52a71f7ff5e1efc8ecf40815', name: "heading" }))), h("div", { key: '96f9fee500a6f9466497df045fc7f681475ce525', class: "console-layout__content-header-tools" }, h("slot", { key: 'a2db0494176922e4f3ce7b7b26fb3d8d87ef3075', name: "content-header-tools" }))), h("div", { key: '1dc7439a99339368eecfe74ad6c87b3fd6b43cb3', class: "console-layout__integration" }, h("slot", { key: '714041e927c64f868b56f6c7e2d73a7a10972b7e', name: "content" }))), h("div", { key: '595e55ab9b4966c83bb6046c72078395ca555d6b', class: "console-layout__overlays" }, h("slot", { key: 'fb7e7291f9c5e6649f8d14c0a8ebe9c7e2765a3b', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '3f89d22d5014644dc126daf2a16ea1008479636e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '0d072a81afd85aebbb5c9d73426ab2696e601e57', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '456de0733d7c50c9f97b1c74bb744b38c0dc370a', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '0278edaa2e695f24ad4e2620071821b3ee391e8b', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '46e596404c7c538a626a708c48f081a9bb4e766d', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'd56c21be3da4870d45f6a6b006c32a0508f6dbe8', 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: '42b7fd6be262da3ed8ba8194347c8d67e23d4793', class: "console-layout__heading-container" }, h("swirl-heading", { key: '99a90e3225b687518206897d3fa6d7640cd81bb3', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8b98a4ffe187f7e8be2223d972da5150a75a00c9', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '8745a41222580abf3fa846891ec6e9620b6c517c', class: "console-layout__heading-container" }, h("slot", { key: '9f5998f3a31f55106c0fe12ce379fda70abd6ced', name: "heading" }))), h("div", { key: '74aaa68e674e121f0ae8bf764577eae0ec8ec1bd', class: "console-layout__content-header-tools" }, h("slot", { key: '69b4879864e4b35767e7760b4027b4401069964d', name: "content-header-tools" }))), h("div", { key: '6e9abfdcb0ef1fc87cf13a14d2de124f2db3b4d2', class: "console-layout__integration" }, h("slot", { key: '7122261c3500b257a6c03166b6b1f0e53b54808f', name: "content" }))), h("div", { key: '2398ad0aa638e91dcca60efbc45d120d043cfc16', class: "console-layout__overlays" }, h("slot", { key: 'b329957cf4a152c3742c53512a3b36841a083874', 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: '9f3d225dc75468cdddff1c0446234abfd9ca09e0' }, h("div", { key: '977ea02e1a0a599f2b32e5c382210efb913d0463', class: className }, h("input", { key: '5da50a63dcc55d88abccb1dd51fef4d28e66a5ee', "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: '556f13ed495626e32a6436f0ab172820cd9066c7', swirlPopover: `popover-${this.id}` }, h("button", { key: 'e6dddc6e1cabe9c1e632dbe0f15834b0ab17fa2b', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a2ef423472b1db8429c44ad717847e600fb20cb8', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '84a3e021ac7d946171347de0e627233abc25e493', 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: '7edd4e96694530a7f49bc273d8fe36961c4b9e25', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '3e3d6fd7580c8e2ad930eb97f5238ab93dea4912' }, h("div", { key: '260711666ab707f5e34a30d60851fd471e6be599', class: className }, h("input", { key: '269b583f8c9fb025760fcab672eea7fe868c7d24', "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: '1325a2d97db8c3bf7b493bb529254cf88a353354', swirlPopover: `popover-${this.id}` }, h("button", { key: 'adcc05888791b729c9e97f5f84b76dd62506421a', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '357d9a6becea81f13486bebc4597fb8591f2248d', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '9ae657a76cd555ddb75bc9a2c299727e10d704a5', 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: '1ca901c88bc3974546243963d6732f7bf1b9947b', 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: 'c70de1e406ef81d3acf0b4799de07248f15178c1', onClick: this.onClick }, h("wc-datepicker", { key: 'c9e10250e503d3572bd89139f4b361fa6e974601', 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: '15e477089718fd26c3d313b7d42a0654a3039ee6', onClick: this.onClick }, h("wc-datepicker", { key: '16b1074232738e672f4b71a3918d4b0d9e4f219c', 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: '4697efc81427ccf10b37e40fd67d08de175bc70b' }, h("div", { key: 'e79366f017a056cd2c9aaf229e2d75f41e718bfc', class: "description-list", role: "list" }, h("slot", { key: 'e6af181ea5439794bb336d58a524a29ae511a103' }))));
+        return (h(Host, { key: '035dc6d9438c81469ed9d7914ca8af8e098ed0ce' }, h("div", { key: '09e6f3b8199230d165526236eeaa0f7948672442', class: "description-list", role: "list" }, h("slot", { key: '1e5fd456aa52cb7ccb3bdee2369f5e0b88d2fab4' }))));
     }
     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: '9f4d15fd1c3f418de9ba6c283ec1206dce64ce06', role: "listitem" }, h("div", { key: '341cd69818df4b07c1f430217c2c3f099e5351b8', class: className, part: "description-list-item", role: "group" }, h("div", { key: '1a8f58553719ad507abf10104dec206465263d77', class: "description-list-item__inner" }, h("div", { key: '04f886f046ddc6f6a687fed2620ee5f9c873826f', class: "description-list-item__text-container" }, h("div", { key: '23801157c41e807e56f3dbb5d0c491a658c6d21c', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '472c30ccbf65b5346152cac975d5c5246ea4189f', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '610ffb607cd0af697e118e2ee7f5a73266598c55', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '8bada8653e8046d834c67716afd585a742b0c3a8', size: 16, tabIndex: 0 }))))), h("div", { key: '8eabd48f7c61961e950a6217c8ed99d1c8ec45d6', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '702647ba47810b6152ebb74b14ffb2572a90faae' }))), h("div", { key: 'dc1ff14262e14c40648c3bd3e6464466291f6ba3', class: "description-list-item__tools" }, h("slot", { key: '40c4af324640d32a48f75d6ea2824e6a2702d069', name: "tools" }))), h("div", { key: '3aa42b99af00085554d58f0af5f7e775fbc997fd', class: "description-list-item__additional-content" }, h("slot", { key: 'a6dccce8a642ff3d9259c3eb9031d260900beeff', name: "additional-content" })))));
+        return (h(Host, { key: '5ae23f4bc25f214fcf9c961594d2b61734a400cd', role: "listitem" }, h("div", { key: 'c082d9b0e428ff70610b817a3cffe9686c247349', class: className, part: "description-list-item", role: "group" }, h("div", { key: '8f1425cd49e9b9d3fa3f7bf9f096cff2c75ee4ea', class: "description-list-item__inner" }, h("div", { key: '4265d9eb949969ec4ca6b8183b01f32cd400092b', class: "description-list-item__text-container" }, h("div", { key: '7e0b8a9c016a5bd1c6efdf32ca5fc3e78ca7c4cc', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'e1382e1fd2d45ca4ff8fe8a4faa1d8fc5b55c7fd', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'fb2d9379baffdac56e54d87db98faa850eaa0451', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '13fa6f6ce44652449717608e9a0f506aac9efaef', size: 16, tabIndex: 0 }))))), h("div", { key: 'fd3eef73ddf8c90d2fb4995a3981ae60cf6315af', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b00729b323ce1ee481400d8901d9bfda2553607a' }))), h("div", { key: '52c948e67bcc59f74429d523419d1bf0a2cac403', class: "description-list-item__tools" }, h("slot", { key: '753336d72774b29b58b36aa48e4cc0d54e453165', name: "tools" }))), h("div", { key: '71ed8731e1210ff6cea28791d74db89e3e931e59', class: "description-list-item__additional-content" }, h("slot", { key: 'db0e1f79fc5224ac39ffbed3733d46b23360dca3', 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 CHANGED Viewed

@@ -62,7 +62,7 @@ export class SwirlDialog {
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: 'cca6780fa848ab69d867d12a00f4edcf66e99353' }, h("div", { key: 'bc0b58886a18607590134051e8aac2e77837c55f', "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: 'cc6963acf3782daaba627543cda70e4dfc07711b', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3da8f15e8e7badf32d38b84bb98a5a352d10113e', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '4ce775bc0a4c61199457ffecd008895c792a196f', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'c8a4d72a5a49ff34a45bb6f8a58d69900a1ed1b2', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '6b95459f499fe0ca864de79021d96ba3cb9f2aba' })), h("div", { key: '63e57fda4e8d09bcde7953556aee2cc7c9a31cf1', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: 'e97bf01eeaf36bfa8a0c8466e2ae5992740232dd', class: "dialog__left_controls" }, h("slot", { key: 'dc249e8a9e5cc096b5cc2eccafef328145ede1c6', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '3d947876e2a7c5461d02bf310134091031aca445', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '20f14ae090b43e0547f122176bf4766bbbd72e45', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: 'f6ba27679357f368b55d07989244ea2b98108e38' }, h("div", { key: '43948b58187646e33c9a48296f403bfa8414d712', "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: 'abc0a9b0647efa2de484035ea8c9b5e4bcb402b6', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4a472ecd8ffdaf0a07baee3e6fb3dfc24b7c3c32', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'a6b9c1f20f22962bd1d0762f6a363a7235eb42ab', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '3a9d2577196b34ddf807bbf5a1af048ead5334f5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '49e5f843911a07dd5d9710e74cd1e2987d43458c' })), h("div", { key: '239c933bca14d64f903d9825611db352ea013b79', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '99ac2337d8290d519db0db15c1550f72862f7127', class: "dialog__left_controls" }, h("slot", { key: 'b560909069d980a907facf8f0e27fba7d077d773', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: 'd88e72bf896fc77840ad8d97cf082b323de0d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '5f8c21a53c12d7d95efd8b54989c6d4575ef9846', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '043f39dab1e2f2518cb3b57df06bdb80fcfa825d' }, this.size === 16 && (h("img", { key: 'c09320227b2e964b5f7f6eba899b8b564c4c5fbc', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ca375cda308818ba0f16f965653797286b9a7c74', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '5a058e88a20ab34fdd6774daac448ce84be809aa', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd97e4e5c623e5610cc869931e3fe0ab2e77b9974', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e7fa1157a83b5c25568366eec0680c3db74c59ec' }, this.size === 16 && (h("img", { key: 'aafb347a51fd3a6132b70ffe489cf232c253388a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '30af8aa48108a1d871ae1642f80fdf97f1886864', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '516f88368bbe0927fe233eb70051c9778866f12f', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '36e3e8bb7f1ca34351f90bd82e232568794788ff', 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: 'e3721081f73a64e90fbd138d8b34b637923f9080' }, this.size === 16 && (h("img", { key: 'f41d55f1bb62c1f77ed062eafc02b901a371ba26', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd675317ade832cc2af9a9ec77f55c09c644e160d', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f15ed1323bca8873fecc9c0d2b996f446735af92', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c6d2f05be2a534df904ea1fa9b1162dcbe24a8ed', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '07547c38eb69001949174a15b6f8145702ecb274' }, this.size === 16 && (h("img", { key: 'c7526393b7d0400861268a631989e4ef97921531', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '5501df0843ddd91b1fb9d8c46c10d2bff0aa0a50', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '9acbe8b0261aee4de63ae54e404b6f8a78345023', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '0c90b82b96a7ae758370a7ec95d46a8988a74f24', 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: 'ce5d47810da7c86359997705921dcd0242632b5b' }, this.size === 16 && (h("img", { key: 'd18be838cfbc751d17ca57aa8c6d1f3bb9e9141f', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '63325da590df677ecb64c1cc372223acfe6b1909', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '283a9c6a8aa790e05497e6a1e286eff4ab8a47b5', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '9683dff95b1e2642d5cbda359a34ea0fe4f52ae8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '0ee293854401b1e53722a85c68c2f223a2cfc4f0' }, this.size === 16 && (h("img", { key: '7d8bf10f81c8eaef1f1f5e871e16f16382e9a74e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '440e5cbfcd508aa0b6f8a4de497e2032a86c28be', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ed0e387f1168bfa0137c3a7ef7da99e7437134ba', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6a33080b56fb74c1455b42d942c2da261c8bc36', 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: '489276d28123335eb8c2be7bbb45ef1cbaaa917f' }, this.size === 16 && (h("img", { key: '063c09c5859bea4dbc55d9876d7c46514d2df3bc', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f06e9a4e128ce0bd9b6c06f1f002e6fb39ddbb36', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '33c196fdcd392c9deba1f4963782248692e52813', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '565a486daddaf62684be3f9fac0340157958410e', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '545c3726701bef5183ead618b812dbec8c6dd66e' }, this.size === 16 && (h("img", { key: '4e2d700ddc73f6798204ed691c392c7308b260b8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e2fe4cf219876ebe965324d8f53355414327c9ad', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '2027bca40ddc0dd046c45fed01bc5742e0a95e63', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fad64ad0fa7667d12a7d0bcdb7b3e95d2d8d6f60', 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: 'e14c2530aca85ccc7eb9c01ae1d41f79de257d0e' }, this.size === 16 && (h("img", { key: '30f1484f6ae3f8270974ec3c4abc4612e4db7be7', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'fcce03bab487c869852a8b8e613b23fc894c5b59', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd0d5eed3da5d49364d83d2fd920c3b08caeb2f13', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '77b7337516bc3827ef2537a7ebb0e9101322fc53', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '246d1d88ac540bcaa311de77c06f6bf76bff4463' }, this.size === 16 && (h("img", { key: 'd329e972bfef7f12ddf1071793812b1798f13448', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '8b0bf16c17fd214f6149eafc53c99483cae1393d', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '96e3579ede135bbe9af0be7603b2e6fa3ca8dbd1', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '38f33e6b435bdc5273c8da767de80323e11464fd', 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: '8e461dad5690f8dfa21a078fa7873bbeb96adee2' }, this.size === 16 && (h("img", { key: 'b5e4809693f4429ff3404a0f31f1d8a561ab1893', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '98d2faff411df7fc6e6be1e6f73b2085b57e3c4e', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '297c3d718098805822ecc70318a923a2024e2cdb', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fa8d7530102db15b4578a359423238a4ec30fe71', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a629609597f9b3dfffa0f5760df2f43287a22c62' }, this.size === 16 && (h("img", { key: '35543e36d80c7c9d89e5900753f6159beb705274', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '1889ecccb32343974706c2e27b072c4d721ef857', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '1b8e1dbf466ad5bd361e7c9946a18ae4d7104024', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '84c01cb1997da7ae20a0d6f44ee2cb017aaabf9e', 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: '5cb2441e0bcec7e362245a848ce1f386e0dad7e7' }, h(Tag, { key: 'd0b99a2b6f6be00b142139509dc2fa9e30e5b33b', label: this.label, size: this.size })));
+        return (h(Host, { key: 'f4598e0d4d24d0e11726cb4faa65ad41283d4120' }, h(Tag, { key: '165674c4cb329415258076c72489441e81f7948e', 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

@@ -13,7 +13,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '97b920d29cb4fba5c6db9f990ea806ba355ba580' }, h("div", { key: '5088abccf2dfda1ff6d526e6b1136fa4937856b1', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '3b4ec30247d13e4e8774c6ce81fd84d13cab09ad', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'c97260117986a1c62e8dae631ee0bb8b8d7f1020', class: "empty-state__slotted-illustration" }, h("slot", { key: '5719b33a1643cc3e074765619006908e71c59b17', name: "illustration" })), h("div", { key: '7a72832626036f17c18ca6af73daad7350ff81f6', class: "empty-state__body" }, h("swirl-stack", { key: '8cc206a6f367a067f36a9236f1a8bfdf5c1fa509', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '1a495e977ef2a98559e8c8a57bf450c835a66cd3', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '7a986feeaead0f94af71e57d5387a06614f6dc8b', class: "empty-state__content" }, h("swirl-text", { key: 'b37f175b04f23f3935d33e7cb84f24c742cc3532', align: "center", color: "subdued" }, h("slot", { key: 'db5a9a52d01666753a4cfec089b1975373de7d82' })))), h("div", { key: '49a5020dd158b0f83a7c2760278ab44512e2168f', class: "empty-state__controls" }, h("slot", { key: 'eb9b518b10d11ea277e517120aecc6c0a8a62f41', name: "controls" }))))));
+        return (h(Host, { key: '57bb48416bd0e8c54aef3418fa6a0e54d9ad6760' }, h("div", { key: 'fe0ef156a1ef90334da88fa527dbc78add141f1d', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'a3960dcbbc837014d6d6ac9a1f1a4f6daf75025f', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '78e024c7574e79d251e656489a8022934511a939', class: "empty-state__slotted-illustration" }, h("slot", { key: '0da696ddb12e08584734c156d2d23ab1bad39107', name: "illustration" })), h("div", { key: 'd42cca981abe0f80b0936a21626498c9366ba494', class: "empty-state__body" }, h("swirl-stack", { key: 'bff4dc647454634e113e6c064693e8dd6f3a3adf', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '1277ed9427723dfbfe4919096db8c90c038d7c3e', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'c3cafed4c94b20662439937c83cbc8ab3e17d8a6', class: "empty-state__content" }, h("swirl-text", { key: '6a08959009c52e25c01c4653808c654e612b40f7', align: "center", color: "subdued" }, h("slot", { key: '89b29fd85aa8cc98d2f8a6dd73ef04118b09d652' })))), h("div", { key: 'b67486ab67e4ad91a5085bcb591d5f6cd138467e', class: "empty-state__controls" }, h("slot", { key: 'ac9564b7696cb74d19da40451b7a84e6eeea77d7', 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

@@ -57,7 +57,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: '8bc7534130ce6e47bf29631882e1b63b9ed96520' }, h("span", { key: '259f4366fad021bc76e1244cfd38634f126ecfec', role: "group", class: className }, h("span", { key: 'f550f86ee835a38ef9456af318635902c26e6f90', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '10d9e74f593945a239c9ac79f579ad1db124a497', class: "file-chip__info" }, h("span", { key: 'c6985202ceee15c87fb7d893cad0a3d68ebb1653', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'a87872640109da199d4c5b21ffa67e1507df3bad', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '8ce0a5b88706af93e7a14d41812eeb0ae7d67da7', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'b47366212e829bfa8ee2b4e9f6a301c3eff8bc20', 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: 'c8c5644fd924b6f9fcbbe2f81cbbc6c76efd379f', 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: '2f0c4862640d733cd3ecca9fe9868b86a5afe997' }, h("span", { key: '704fd2e8f42e6bab267495d8421c6d58d2421737', role: "group", class: className }, h("span", { key: '3c9eced4a34d56c6461f8b37408a8abd0610ca60', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '491c34f533503c904c2b9d3819d49cade6aae78f', class: "file-chip__info" }, h("span", { key: 'cf864836db9c6fe1639b399e76d722773a7bad47', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '68c5a74b00922e21c488ab88ea1f2b51704f658e', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '4e23b85a6d8746c9ea1288a452b1c21bef4d9c7b', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'b3f500d12ee2484cef4258d8b04a7fbdff9960af', 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: '9cab73858f0036b0205dfb68c6cfe8614b804162', 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: '84f28bf8215eb4fcab62c78372ab8fbdedffaff6' }, h("div", { key: 'eeb6fa46142f5687b1ea2dc96286a6acf5c325be', 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: '12f09d07472dea62122838fd5b9bf957572f036f', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '5045f806d6d1736ef2293fdd8acbee9203d2ed00', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '373a4b17c8efb660c9008c4cbde8fbea894cee3a' }, h("div", { key: 'a5166abf88b4fe2d284faca1c005554f68a9289c', 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: '86878dc07fe83e1cdfc2ac9a3a630f0a29a56cef', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'b51a9e6f24365069bfe267f721781fa1e4655761', 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: '05350c2a276d0f71ba55698ab159267af1f23954', 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: '4e28582b2a00afe0312817dba327474e20269e0c', 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: '720ae802a38af228efc1c5aebe36ef4a5ee71fc4' }, h("div", { key: 'b8a5ee5b4513de7b79242157bef4f71fbe7e6db3', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'e0f6e38209e0e9a79e4e221e53031069472d0643', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '8abf7f3da27cac1df01733389456a16d127df9b8', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '0bdaa8f25324e620fa8822f2adc5a8b16b601f95', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '7b4bfb65e9624485eb382a390da149a2342f79d5', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'efd8b4376c1276fdc856bec5d114c0f31ece9b60', 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: '859d805a88f45ca5533a09f715fc9bb94f50c15f', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '2ad7b009c7715c6382a90577343a2ae70268f502', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '3c7f1ac6b27bfe1cde4bd7be1e047af9a8fbed97', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: 'a6e0d50fb4a8899cd34328765bfb7b80ead5057a' }, h("div", { key: '3a4b56b529894608ac70aa8dfcd415fef4c882aa', class: "file-viewer" }, this.type && this.active && (h("div", { key: '2189ee468a3f66b81bbe9c19bd4df227135129dd', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '935eb51bdd011a5533ddffa0b1a35c5a6bc805cf', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '40a9aae6b8f443cacc1bb098181c3230cef9a031', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: 'bebe7a29da30bb265b90e06132ea344279cf2bbe', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '99641c9b80276c2b3e986a1d6a0c591e30570574', 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: '1c32a4e719fd6dd5ec2ba78a6c755c08defd99b1', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '71bf747101f8d6743c76cdbc7816f26e44e8677a', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '93b4aa2b56986cc9770d5a526a8e922309a31568', 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: 'caa476a01f57cf5c7c8670521245f5753603d3d3', class: "file-viewer-audio" }, h("audio", { key: 'f8beadc8fce86c73ae04be8c011d329572b06169', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: 'c14fd18b4a5c3c9835d8ee5ae8e8407f696426bf', class: "file-viewer-audio" }, h("audio", { key: '6b917bee7a66909e95d61815ef3e20265a6f4195', 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: '9224da22440b22530072d93ec16107176b4068a4', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'e0b65928007c0601e164e0b1492bfae632525a88', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '9c4e03ad3c7a05ac9649c989ff9794f2c87c9a54', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '7bb2697b84d0d53b3d433048abe6b20cf7f43e9c', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'c800aff822174949aeeab1d67039b40e8d68b355' }, 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: 'c875bd2cb1f79830dae9ddd34c1defd39b783d11', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '391529d6ecb03ef97452d6ef8265ba3d14f67964' })))));
+        return (h(Host, { key: '609b766b958d5a56761ec0eaf1829ab5afa87816', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'b2f14db256ecadd9c54f7c06d72676944308f607', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '1999bc27165e4248b473a9a15d04b1ad9d41238b', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'ec7a484c56c827d94a7c39f3ab03c9aa768fe3b4', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'fcf0e3db8f9197d1d09b8cc10acceb7ad1b721ce' }, 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: 'f3dc1625c8edc1360862b0314a220b53f2ddcdd0', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '8524380bb19f2c73fd3e4f898b23d3269266c6ce' })))));
     }
     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: '977b923e0c5cbee96a927a2ab7dcc7a3defb3eda', class: "file-viewer-fallback" }, h("swirl-stack", { key: '4a51cb38f0e414833c10a804583087a824915285', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '8de42341c5285dd54ed4bd745f449705f4975b4e', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '5462a43220bd9f91146fc2eab3ac1aa6924c1d82', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '372e789dab140065b1b3d1017043021c222c07fd', 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: 'd54494133085f3a365d22ab73a48f4e69ac5f331', class: "file-viewer-fallback" }, h("swirl-stack", { key: '23363173bb72de3bf4ee49cd4b455436b522cc73', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'e1f766d7b4a367bec8feab0d4982450dfd11d692', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '66f4e7bfab0fbca7ccf52b5367aa9172a5de4346', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '469025ab37903aaeb34bb2e64e0475c5cc648034', 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: 'fee0de251d5d3a759c5471b3897828d54dd9d09c', 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: 'ac002c59242ee3dd58dbe20694c6957b8788d868', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '477573d44ff47a32fd92b8bcf59f9daee49b8afe', class: "file-viewer-image" }, h("img", { key: 'ab2c41f8ceb020e79d04ce83ceb8004ae35877f1', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '631c278fc48c7ce2a0e52475da256902a181243b', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '1fa7a6e0c181740f4e593540a1a927315c67a222' }))))));
+        return (h(Host, { key: '4e6c93469eb7b697bb8212b6d5e66135fda0f801', 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: '635e5149462332ab5055be1e4fca0a38cba827f2', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '2458c9a0c43cc1e5daeace43b6b9c865bada3670', class: "file-viewer-image" }, h("img", { key: '0a2969f53f9ce2f442b8c808b2d28685609da29a', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '55eeae9d65b2cf1753390a08600db9b33dc4ed09', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '4908cf3493bfdaf350e6cb37700a5d4b2b22eea0' }))))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }