@getflip/swirl-components 0.338.1 → 0.339.0

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '934b96c95009150d9cc3403d4197a0689063bf2a' }, h("slot", { key: '8c73e41e9018937bf671aff09f3baa6693a3009c' })));
+        return (h(Host, { key: '1e3402cefdf500694756336f2175a64531352c0b' }, h("slot", { key: '276c1bfed4af0c0002e746b8075433fefd627f60' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '00e69b6df3c926e9f3e9a38bcf6fdd57501fbeed' }, h("div", { key: '53a16e6866384085cb7f682413681daa364a9550', class: className }, h(HeadingTag, { key: '6ce37eeb43e6d30545c08e347218e3ff0a8fc5f9', class: "accordion-item__heading" }, h("button", { key: 'ae1f30729f5bc54619bb80c528d1c631d3a64354', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '9589c846da0134a6df4b3ea6151153b19c1f885e', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'a516a41b9cfde06d7bf8e859410e433d736e9fd2', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '70695aa6638a1b3c1a50fa9b3453b1e3a9dab45b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '8451343d0de5882e23769d782674747363105a8c', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'ec6c81dd2d6036099db21e10f5e248f6e584baa9', glyph: "expand-more", size: 20 }))))), h("div", { key: '19c0fbb9087116284561a4e1602e947171368c74', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '13db4ba6854cb4ee279260d917774313e687fbcc' })))));
+        return (h(Host, { key: 'ff99365f885d7f45aa5929618f20be8eaab88699' }, h("div", { key: 'eaa608a73691ff808b38466e9385f4dc2db45f17', class: className }, h(HeadingTag, { key: '0859f44b1a644b65de4f05b0e8a003c549c6c87c', class: "accordion-item__heading" }, h("button", { key: '4b37ddb0a99d7c7891e49febec534bf651df185b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '44cdbe5d8144e96c6c03bfd08affc05b313f68ab', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '14a5142b0af187721cee995b0d80bc6c59a00cf9', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'd6662c18f5e78cb4acaf079aab3d98d2472c0cbd', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '5115019890131bf59d8a1d7e0013b747565ad675', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '9433218077aa690f5e5256144c75c5cd46afbdb5', glyph: "expand-more", size: 20 }))))), h("div", { key: '12cd261b506a0f80821f4f5e0be1ebc4735206a8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2896b72a4b1ffcd2dc1267a20dbca1121660d8f4' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '3df7e4f01fcea8c77f524bd988cd69eb9b6b7f82' }, h("div", { key: '86cd2df26d399de16844ef0fd7fda8ea00246698', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'd6f266c65e3c14d1fdb1d27b497f496dcff68e3c', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '2795dbab510dbc1500d60485aa861452db9e5228' }, h("div", { key: 'a97272dcb51640f5b3577c0fae90cb76db6fc5ee', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'e93480d034cc5db6f0e6915b5b6e9af655ef65be', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '4c1ad4e4e72223b47684fdef094d293f8739b6a8' }, this.hasSeparator && (h("swirl-separator", { key: '99f8933209cc98c12f922732d9a5967578bc9bea', spacing: this.separatorSpacing })), h("div", { key: 'b4d3e0b77953c13828d1227baa01ffc4259bc81b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '1404f72e1d33bf32b60088c85643b47211b65aed', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'cff088f9b6dc36cfdd70d26e8336178b46695c9a', spacing: this.spacing, align: "stretch" }, h("slot", { key: '26b5692762a76f3714cd055f564606b482b8c0e1' })))));
+        return (h(Host, { key: 'd2cbcea47ca9b21308813a6a2285b22f6aa4f9c1' }, this.hasSeparator && (h("swirl-separator", { key: 'ebe1cc99d7728c3cb0ccf9dcc9bc3afad0f40c1e', spacing: this.separatorSpacing })), h("div", { key: 'd310828c525252b441681764007b7c2296e22fc7', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '137d9527749b6f47a23fc48d01582f52784878c6', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '136ad427fafed3bdad8234d16875ed138ecd668c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '6ff03eb4db0eae90bedc79fe1f887b3416733125' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '1ce9a9b53c8d6fea1e5e31849015d05e7f3f18dd' }, h("span", { key: 'f1504a45478fd6ed9b9148271cad9984d427a3c3', class: className }, showImage && (h("img", { key: '737a293d8fb879907e0d74635a5d27f036c9ac5f', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2fc633d9a9e7dd0d038abbf145974a8341b8741c', class: "app-icon__icon", innerHTML: this.icon })))));
+        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 })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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: '5ebe5d17bff09343abfd27563f5193855e991cb1' }, h("div", { key: '954e3bea4b1a441dadfeb37792e5c28853bdac30', class: className, role: "group" }, h("slot", { key: 'e0f16ff6c6e5163c5432cc587b73ae2f3088a6fa' }), this.badge && (h("span", { key: 'a6fe94fa41ae00f4a416a8c8c8a17d994c3521a8', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        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) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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: 'beb79ff3a2d0e3265d078c9b9ad4f6e4821e5001' }, h("div", { key: '8274fa6274ac8ae1e566ea731b3e48210a8ed679', class: className }, h("input", { key: 'd6d5a4c77fdb6de4a63017ef12ce78fdbfa578e6', "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: 'f0ba2758e2571627cbac675d3b2133d084e2c9c3', swirlPopover: this.pickerId }, h("button", { key: '6980be094f9448560c6d02057a991261576d0ed3', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        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: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'cfde8e4e1ea0ec44a6755cfc833a7e2eaf104958', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '38d6bd857bf061ba1c7d2212446d0ff87c3009b5', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '4d006310dc2e669f7540e46bccd5bbb3de7f0eb1', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, 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) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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: '7ae8963a85f36d23149216cd355c94e9fdeae05c' }, h("div", { key: 'a533e0b60f8eec8e51d1e40810efe33f1c5a0822', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'd4dbcfabd7849eb602743730c235baf87ef2a60c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'be46e8ecd2ba6f676e4d8e945fbfdd98ff1a852c', class: "console-layout__header" }, h("div", { key: '72225aeeb7eb6f42d5604d90dcb282b8d241d35f', class: "console-layout__logo" }, h("svg", { key: '1a718e26d2ff300438ad275e60b40667758e474f', 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: '6169bf62a039bdedbdfda9f6ee1fad789a633037', 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: 'f728976028f47ee8d7c607c1c3bea64fc83c66d6', 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: 'a7759c2564047fa87ef58a4682bcab41b78f2e0f', 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: 'a54e90ffb9fe1e33ec3bb6a8a3b8853b75cf30e9', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '0383169bba74ba896f5d73c2b5de714f33d70ced', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'f2dd38c689367496fe05cc51df2f72b748851df9', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '4e6156ae79a9cfe665f42f54adc939003515b353', name: "navigation" })), h("div", { key: 'f3466dd9baf90a47bd81d2b862667b5bb90c1ec3', class: "console-layout__user" }, h("slot", { key: '242ef76bc20904dfd923380a123d10e26936eb80', name: "user" }))), h("main", { key: '617c0c77a95ad5688a5676b75c875da52dfe058d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '3f12a64156ae7786ec695dc3cc03453aab93261a', class: "console-layout__app-bar" }, h("span", { key: '5fe67165ca32bc28db3f272be39dd61e75321bc9', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'ee02327aa5b9c0ca3f55c8bb1bbd20b18bf3d258', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        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
                 ? "<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: 'e44fb4205763aa163fb1dea81336350bb384a2b4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '046c5bb43cf61f0a55b64e5c7a43f66f7a5fa976', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '7395691922c07f5ca732cba52a95544d58132762', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '766a16f42a68bdb6e74a43c8b5aabb7c1ef007e7', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '094cc61169856f0f587dcd99e1c42e7939c9bd21', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'ec935826c2a5f124547660bfe06e17c4d9c0a221', 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: '1a8c3c3a153b0b2daedc3830b7cefea74f7e92bd', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'e49cf96e138919d68e09d6e2fdf91a89ec5d8f15', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '541adb3e70d2edf928513429d1d8ad46157ef06b', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'a04bdd04a2be5a49a05788853464a0c9d5c55019', class: "console-layout__heading-container" }, h("slot", { key: '27e76fec086632f50536f2e39e811315b2a8162e', name: "heading" }))), h("div", { key: 'd657d25b54c100d5c2897f82c4f3cf8f7845b28a', class: "console-layout__content-header-tools" }, h("slot", { key: '17c231447b98a34856c4965f34d57b64516ce11b', name: "content-header-tools" }))), h("div", { key: '5115fbcf95579d529b82250a90520b943a6ee6bc', class: "console-layout__integration" }, h("slot", { key: '6a9131e712cd9a5412b3b4a6f498ab4d8bfe8dcf', name: "content" }))), h("div", { key: '6e1ee8b26583a294a82bd35f45862ece3c772fd0', class: "console-layout__overlays" }, h("slot", { key: '840bccc0f8c34c8dd7f0a9b18fc4545e63f2ed33', name: "overlays" }))))));
+                : 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" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -147,7 +147,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '8908d329760b97cec433105ccddd7e6d116b6e44' }, h("div", { key: '66d7040976c11835413545c17157a57e66b97c06', class: className }, h("input", { key: '21e6adea999e6d90a260fc89f9409b7c211c70f9', "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: 'fe96c4fd8c3d16a004cef6bd89c07c2a52972903', swirlPopover: `popover-${this.id}` }, h("button", { key: 'acab566e0cac3c603d254f0a74f2e1a6e3fdb381', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '802f441ec9f16d9c1ab38eedc0cb87f2b59d9aaa', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'c033c80f2154200140887978205af4cb6390cdc1', 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: 'edf7abfce39af7e7436c31925523b8c9a9e86e25', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '126d7f739f068da588f7a4dae48894add863129e' }, h("div", { key: 'aeffbf5ec53eacf52b72c28bcd56fe17f8474b94', class: className }, h("input", { key: 'b4e40c946e3d489345f3c51517025d5cabc13819', "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: '6cc4106b6075900a77e0f71eb0d9144c6899cb30', swirlPopover: `popover-${this.id}` }, h("button", { key: '18b15c30971d055d43acf49a82a3fbb0e019f17b', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '31270c4f23e3b3579a1a7225b992c5c796097a01', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'aeecbbcb2e1078ad016e52c8cf952d3e6ddfcfad', 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: '2b134cb9589c1579b95966ccfe226b3a1da454c5', 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: '95cf4ba2f49117e224da4d333cfc6fd8c91c070a', onClick: this.onClick }, h("wc-datepicker", { key: 'd51d762c78ab3df0c8e4b4b380b7851f618c9228', 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: '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 })));
     }
     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: 'd0a3168a02cd628e87be39f8e8268fa22fd5da2f' }, h("div", { key: 'c7692bbd164b98a85528c8688bd4c8ba513a3609', class: "description-list", role: "list" }, h("slot", { key: 'aea54a9dc06e60859475db5d0792ac6f2bce21d1' }))));
+        return (h(Host, { key: '4697efc81427ccf10b37e40fd67d08de175bc70b' }, h("div", { key: 'e79366f017a056cd2c9aaf229e2d75f41e718bfc', class: "description-list", role: "list" }, h("slot", { key: 'e6af181ea5439794bb336d58a524a29ae511a103' }))));
     }
     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: '8dc7c3fc13a9c4653045616a17e05ff386d0ec42', role: "listitem" }, h("div", { key: 'b8900beed4579c5fe0a1fa1ab06878f8cf3bdb36', class: className, part: "description-list-item", role: "group" }, h("div", { key: '8826d8a77ec52b5445dd58b171bce8b28ed39289', class: "description-list-item__inner" }, h("div", { key: '6b2696c898fe6763837f92b9c6a3349f1b5e087c', class: "description-list-item__text-container" }, h("div", { key: 'dac0f1732a47c50c83b497eba35052e94dc127fe', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'c59ecd6f3ab0cadba739055509de678c2b1ac3db', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '79f3ac57dda6f71beeae849305fedf42a917a0f7', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'de9ed266d728fa22ff6a323b9e58f2418f528759', size: 16, tabIndex: 0 }))))), h("div", { key: '19a6e569f583ca203682747908beecabf72a6e0f', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '3ba2ada8afc2f0f95c5383b8cd0a83d0e71380ad' }))), h("div", { key: '400fc9b5cfc2e6f5d3b80fe48d94539e2623946b', class: "description-list-item__tools" }, h("slot", { key: 'd43c0b6f0f2de1a6e80a8516cbdf0240ae0f764d', name: "tools" }))), h("div", { key: '99431e9b03bbb7c52d663c9a6a40a967a74cee10', class: "description-list-item__additional-content" }, h("slot", { key: '9f9e9a9685ee931748ffd556acb9ec6357a70622', name: "additional-content" })))));
+        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" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-clap.js

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '082ccf3f23f7dddf956995339d9aa69551a10513' }, this.size === 16 && (h("img", { key: '2e76a302a275f1bb6057a479b79a5af74551bbc7', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'aca94270e8bb7e36a0c683c5858d6640326f25cb', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c5d2feeb127ddfe5446fdae66ae033bdf27a5b17', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '756df168c3f5aa0260664fa0e209bd87d16fd189', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        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" }))));
     }
     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: 'ce70aab4813bc40f1d3842fb931db676fa2e81a1' }, this.size === 16 && (h("img", { key: 'c464591029ead3bbf809c8d027283dc9eca8bc82', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4afe83c464c614df7fe59275cbe98b808763e5f8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bcd41cefb944953bd5dc416f2b1e822683bd55be', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '8c17b6e0ff1ee99b24b77741f71bf0f01db3d8fc', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        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" }))));
     }
     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: 'dd57489301246bf82193d80d392c578dfaa01f73' }, this.size === 16 && (h("img", { key: 'f85214d5a78886dedccf1319c02596c944da7292', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '3d9ae06bd486d7e8da125a55a7327f3b7d619cac', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a8bd9fe4ce6656722953aa0b150ffb62254e4c0e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '07f72667d9d0b7086b8538d5779ace38a63f795d', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        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" }))));
     }
     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: '884ee097cfa514740ac2c591cca5657b9c5b16ce' }, this.size === 16 && (h("img", { key: '79f9e697d2c737565adfdc9e8944c96575d6dd02', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '9adf5a961deda65f081a9abfab8c60ddd1bc7b74', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '4d4ed8120f42daccac14d7b0e181f55c20844d76', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '2c8855dc32a7850f448aa4bb90ee31c95e9ab7f2', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        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" }))));
     }
     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: 'ddf51571ae8abb24134566a04ef272993b4ffd44' }, this.size === 16 && (h("img", { key: 'dee71a8675ffb8bf7c5d8c199dfc0bcde3f82256', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'feb20bbc3e42acdbec85aec97e29b31487a934ce', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '388bf9520f1a83d4cadf7103261b570a63cc813a', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f19fe505cd38eacb8ebb59cecd7f04fc2eff3b87', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        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" }))));
     }
     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: '534d95e75cf993ce8949047d1f8153f768198367' }, this.size === 16 && (h("img", { key: '7cf0743750097df3c250be291fc36befa063397b', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '13005be034bac90961213d740bb19861a1d550fd', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '1c47674a1f04a2eef129a0cda2e2dcf0d822f59f', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '6503a1b36d6c51a79e121c1dfcea850374e0ec5f', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        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" }))));
     }
     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: '6a1ee5c96624c9f9fbc5f45d920409e3102bc217' }, h(Tag, { key: '1d291ddd5e38492dcac5830fff9a0f6ccf75f37f', label: this.label, size: this.size })));
+        return (h(Host, { key: '5cb2441e0bcec7e362245a848ce1f386e0dad7e7' }, h(Tag, { key: 'd0b99a2b6f6be00b142139509dc2fa9e30e5b33b', 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: 'ba2a2cadd8fb1e6234f040667656cb79030e08a6' }, h("div", { key: 'dcf174b5c0c3f9e904725036d26610a89613ea3d', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'dfa94983f1963fd036b69b4864aeceb0f2cfde3c', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'bb091bf9a3f10c56d6e07974518623ed12d8b68a', class: "empty-state__slotted-illustration" }, h("slot", { key: 'f7a1b087c3acb62de63d75b6a771dfc0f2132368', name: "illustration" })), h("div", { key: '50ae5b6622128ec77eee588d0668ca24278c17fb', class: "empty-state__body" }, h("swirl-stack", { key: '91df994026c7393506defa11c95f52699df3ba86', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'f51931ea40cb987e33f5eb20e4287344fa9543b6', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '6c9d91ef066709c9b2e3f00a7fa6afd10c866ddf', class: "empty-state__content" }, h("swirl-text", { key: '73a4350c4d2f555893bfa2630372505f45ce2380', align: "center", color: "subdued" }, h("slot", { key: 'd91231014e38d68c8272b5f81fd5f0709603274e' })))), h("div", { key: 'b9588d43764aa441a20b06d26205a8113a4feed8', class: "empty-state__controls" }, h("slot", { key: '00a39f4f8408bc560b42561a080cb1caf4337165', name: "controls" }))))));
+        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" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: '7462c1265469d694f57698d4985804a479b772bf' }, h("span", { key: '74aa801470c2330997ffbb87d7917f1e39b9ef98', role: "group", class: className }, h("span", { key: 'b3f0f016aea4682772624f39ab51f6a3603c85a3', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '85fc0be56084effbe7bcc217f924cb7ef2bd6979', class: "file-chip__info" }, h("span", { key: 'f9a849d85aa9cf6f6cda44164e74bb8e881c833f', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'eacf309352e3b69440b284f2440ca44250de1518', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: '357b8aa7a51a1e7ceda11090fb2fa467d5ce3c4a', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '32fe12a2a9dd71d0d020af22bc87dc0d472e33ac', 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: 'db27f76766f41620a8e0d97cd41b3183cf552e4d', 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: '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" }))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '0385446d25cb8070eedd59ab851e948b30c7a50f' }, h("div", { key: 'cadbe3524eceabbe391523e8fd42e87cc25a7616', 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: 'a12e9fa3869cbdb848495b82b51b850ce660749e', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'a385ca500176e34588230a07cfb692ebf202ded6', class: "file-uploader__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 ? ([
             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: 'f14ce6dedfbd56d13dd61ded9a8417b74590bf4c', 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: '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" })))));
     }
     static get is() { return "swirl-file-uploader"; }
     static get encapsulation() { return "scoped"; }

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

@@ -54,7 +54,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'b61f287e1210aeb1ad2dcf50108c1faa658c89bf' }, h("div", { key: '1a68bc55ae231189e658a6ddf732ae924143969c', class: "file-viewer" }, this.type && this.active && (h("div", { key: '480cefd7fb4c2c64228adb40c7c361731da5e5f5', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: 'c833534102153df9184111c872935438f0b661b0', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '3b17cbb91d8c1e880afe820da1108fc935ef5a55', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '06411dc643fcc37e5d75a5f62b23a2b4590d015c', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'd47bf9ad7979d480e01590e7ae3478e8a0533f46', 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: 'a90c53953f714345fd44baaf09ca4cade3ecea02', 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: '859a9ed8a40aa24081bd035ec2eb362bc3a66508', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '48666ae552e3dbfb45d3a4b41e67d982b5c3fb46', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        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 })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,9 +59,7 @@ describe("swirl-file-viewer", () => {
             <div class="file-viewer__file">
               <swirl-file-viewer-video class="file-viewer-video">
                 <mock:shadow-root>
-                  <video class="file-viewer-video__video" controls="">
-                    <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
-                  </video>
+                   <video class="file-viewer-video__video" controls="" src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"></video>
                 </mock:shadow-root>
               </swirl-file-viewer-video>
             </div>
@@ -87,9 +85,7 @@ describe("swirl-file-viewer", () => {
             <div class="file-viewer__file">
               <swirl-file-viewer-audio class="file-viewer-audio">
                 <mock:shadow-root>
-                  <audio class="file-viewer-audio__audio" controls="">
-                    <source src="https://raw.githubusercontent.com/exaile/exaile-test-files/master/art.mp3" type="audio/mp3">
-                  </audio>
+                   <audio class="file-viewer-audio__audio" controls="" src="https://raw.githubusercontent.com/exaile/exaile-test-files/master/art.mp3"></audio>
                 </mock:shadow-root>
               </swirl-file-viewer-audio>
             </div>

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

@@ -3,13 +3,12 @@ export class SwirlFileViewerAudio {
     constructor() {
         this.autoplay = undefined;
         this.file = undefined;
-        this.type = undefined;
     }
     componentDidLoad() {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '99b43d26201054e54ba62f0c88cb73076f86337a', class: "file-viewer-audio" }, h("audio", { key: '9072150dabe2561aba371fb753d608b56129ffdc', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '9b96ce557695d7da7a0f42959a4b36ccb9db8e50', src: this.file, type: this.type }))));
+        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 })));
     }
     static get is() { return "swirl-file-viewer-audio"; }
     static get encapsulation() { return "shadow"; }
@@ -58,23 +57,6 @@ export class SwirlFileViewerAudio {
                 },
                 "attribute": "file",
                 "reflect": false
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "type",
-                "reflect": false
             }
         };
     }

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

@@ -14,7 +14,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'd66f5c07c211f27bd6d5839d494ad52b2691c52a', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'ff95e1944c827835207291155c9010b0eadc3d5a', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '29c443c4c2d846c51ca42791c94bf72232033b7d', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'ed2eba5b25c6d9fa09ace5086be219f4774f68cf', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '6091fc709f3e9f50b9fe6334ab0a3826a0c4480a', 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: '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" })))));
     }
     static get is() { return "swirl-file-viewer-fallback"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,6 @@ export class SwirlFileViewerVideo {
         this.autoplay = undefined;
         this.disableDownload = undefined;
         this.file = undefined;
-        this.type = undefined;
     }
     componentDidLoad() {
         this.activate.emit(this.el);
@@ -21,7 +20,7 @@ export class SwirlFileViewerVideo {
         }
     }
     render() {
-        return (h(Host, { key: 'be7a5420ebbb57f3ccfd0d6b874a3da55960c351', class: "file-viewer-video" }, h("video", { key: 'bb9c182fab45ecc5478e7f869931bc9de2e2e97a', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: '3ef143ebfe84bc7e1445afeb94c4087ba7e40811', src: this.file, type: this.type }))));
+        return (h(Host, { key: '896452dacd5bd0ccb6dd44058d169966184387ee', class: "file-viewer-video" }, h("video", { key: '35c76799987f55974dae8ee82af1bd25f69389e2', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }
@@ -87,23 +86,6 @@ export class SwirlFileViewerVideo {
                 },
                 "attribute": "file",
                 "reflect": false
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "type",
-                "reflect": false
             }
         };
     }

package/dist/collection/components/swirl-form-control/swirl-form-control.js

@@ -175,7 +175,7 @@ export class SwirlFormControl {
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: 'f78a0f9a49ce41a080064a155f715ef89fd91587', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'd2fd7eb95177001c0706a6d18e48e83185f6caf9', class: className, role: "group" }, h("span", { key: 'e8fe85fc929992d48a22005c63c228c8ee14d208', class: "form-control__controls" }, h("span", { key: 'bd67548611eec6031148bf04e5b45c9d6caec594', class: "form-control__prefix" }, h("slot", { key: '5093dd090be2f2432bece77ec1d0d390fdb482bd', name: "prefix" })), h(LabelTag, { key: '30c60c1a1b7d36faa862acca026d218e38406da3', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '7f3b05a85aeac928540c1fcd7a34bebceccf786f', class: "form-control__icon" }, h("swirl-icon", { key: '12cd37a3f685e93fa7fc6b08d3fb4239e0202b36', glyph: this.icon, size: 20 }))), h("span", { key: '045cc7c094980fc107c1b47ebd0bbe37e5a4080e', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: 'c6fdda2752f2a88ed46839213d6906c6768b7f16', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'cf3f742e1cedd723e655f3f6d237aeb04cf26bad', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'a450c876d07b2c4f2ff90f9468554c1c897a111d', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '41b1b6ab4f6c240d7e7028020b15edf178129293', size: 16, tabindex: "0" }))))), h("span", { key: '968e151ce5df21d39ffd348bb696e8b6c53828c9', class: "form-control__input" }, h("slot", { key: '8b9507aae4143b57d8a29ef4ae4fa1de23d0f897' })))), showDescription && (h("span", { key: '1d2a0bada179effc4c912adc43e1ea9e8aa49ea4', class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { key: '4b1e4794cdf197fba650d97d56e752f0ed09df89', "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '505704e097a229340d566b0240be6f43af4d19f0', message: this.errorMessage, size: "s" }))))));
+        return (h(Host, { key: 'f78a0f9a49ce41a080064a155f715ef89fd91587', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'd2fd7eb95177001c0706a6d18e48e83185f6caf9', class: className, role: "group" }, h("span", { key: 'e8fe85fc929992d48a22005c63c228c8ee14d208', class: "form-control__controls" }, h("span", { key: 'bd67548611eec6031148bf04e5b45c9d6caec594', class: "form-control__prefix" }, h("slot", { key: '5093dd090be2f2432bece77ec1d0d390fdb482bd', name: "prefix" })), h(LabelTag, { key: '30c60c1a1b7d36faa862acca026d218e38406da3', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '7f3b05a85aeac928540c1fcd7a34bebceccf786f', class: "form-control__icon" }, h("swirl-icon", { key: '12cd37a3f685e93fa7fc6b08d3fb4239e0202b36', glyph: this.icon, size: 20 }))), h("span", { key: '045cc7c094980fc107c1b47ebd0bbe37e5a4080e', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: 'c6fdda2752f2a88ed46839213d6906c6768b7f16', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'cf3f742e1cedd723e655f3f6d237aeb04cf26bad', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'a450c876d07b2c4f2ff90f9468554c1c897a111d', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '41b1b6ab4f6c240d7e7028020b15edf178129293', size: 16, tabindex: "0" }))))), h("span", { key: '968e151ce5df21d39ffd348bb696e8b6c53828c9', class: "form-control__input" }, h("slot", { key: '8b9507aae4143b57d8a29ef4ae4fa1de23d0f897' })))), showDescription && (h("span", { key: '1d2a0bada179effc4c912adc43e1ea9e8aa49ea4', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: 'fa1285572c6f9a1d3cf6d3c587b7cefb3d6e5361', "aria-live": "polite" }, showErrorMessage && (h("span", { key: '884667bc9aa39c5c75037bbce6c031682331c5a4', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: 'b8691c6fb8ce23238ff1b191cd64534094a3c15a', message: this.errorMessage, size: "s" })))))));
     }
     static get is() { return "swirl-form-control"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-form-control/swirl-form-control.spec.js

@@ -29,6 +29,7 @@ describe("swirl-form-control", () => {
               </span>
             </label>
           </span>
+          <span aria-live="polite"></span>
         </div>
       </swirl-form-control>
     `);

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

@@ -6,7 +6,7 @@ export class SwirlFormGroup {
     }
     render() {
         const className = classnames("form-group", `form-group--orientation-${this.orientation}`);
-        return (h(Host, { key: '2037058dae58d7c60279c66590758da118364759' }, h("div", { key: '4cf6f0fee260df8ea6ffdcc3b54d468c040186f7', class: className }, h("slot", { key: '71ac5ca2c90d5508e96a5cefda148d5fb3a6fb34' }))));
+        return (h(Host, { key: 'c003bdcc797e06c9ca9f5e276803c443fae66309' }, h("div", { key: '25b6ee4f358c0acdae874d4c4572f09e35647ef7', class: className }, h("slot", { key: '505ec60431185d79e49617819573a3e34a7acc75' }))));
     }
     static get is() { return "swirl-form-group"; }
     static get encapsulation() { return "scoped"; }