@getflip/swirl-components 0.507.0 → 0.508.0

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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'b74e1169308c485bda65d385884dc1757f40a223' }, h("span", { key: 'd5a01ccd429e5771f6af3fe14a70fab8f528d594', class: className }, showImage && (h("img", { key: '9570eaa4b6e958fc56d0ef49a207d6d0e9644a9a', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: 'ea58f623daccef2636598ab1a3ca06786bc1b6cb', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'fe8d516e1120d072e2f4600ca610bc4c13fd21f5' }, h("span", { key: '221e8a7f2eb9c1486b3958d81e124cf2bbe12247', class: className }, showImage && (h("img", { key: '50a6602a09d6e1f41e218137c3bbeca0afe7954f', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '06d45bf19f89194eed5db2398fb572d6cb3125bf', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -229,7 +229,8 @@
   color: var(--s-icon-default);
 }
 
-.chip__trailing-icon {
+.chip__trailing-icon,
+.chip__trailing-content {
   display: inline-flex;
   flex-shrink: 0;
   margin-left: var(--s-space-8);

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

@@ -3,6 +3,7 @@ import classnames from "classnames";
 import { DesktopMediaQuery } from "../../services/media-query.service";
 /**
  * @slot avatar - Optional avatar displayed inside the chip. Should have size "xs".
+ * @slot trailing-content - Optional content displayed at the end of the chip.
  */
 export class SwirlChip {
     constructor() {
@@ -46,13 +47,14 @@ export class SwirlChip {
         const Tag = this.interactive || this.pressed !== undefined ? "button" : "span";
         const showAvatar = Boolean(this.el.querySelector('[slot="avatar"]'));
         const showIcon = !showAvatar && Boolean(this.icon);
+        const showTrailingContent = Boolean(this.el.querySelector('[slot="trailing-content"]'));
         const className = classnames("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
             "chip--pressed": this.pressed,
             "chip--has-progress": this.progress !== undefined,
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '556b0ebe143aae953feb22d5fffb385da98331b2' }, h(Tag, { key: 'd6f2d8fdfe06e7197632a1276046f9982d88a033', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'fd8aac7bfc2435a277df0be543d4c219483e5bec', class: "chip__inner" }, showAvatar && (h("span", { key: 'bf9c36ecbbb30672cb804bece5b67613a38c7602', class: "chip__avatar" }, h("slot", { key: '828c82e1f0d291ef766e8dd539737555d94f5d86', name: "avatar" }))), showIcon && (h("span", { key: '5d82eee4688b3250b19f10a9c5efedda7f03e187', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'e4e65bd102603bd86031687ce843f0556431158b', class: "chip__label" }, this.label), this.trailingIcon && (h("span", { key: 'ae819833c08132dbf18f6a1cf26b980030f229d1', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) }))), this.progress !== undefined && (h("span", { key: '371d5d577137fe5f58653b6f2bf5afe6f2c75a29', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '8024a8596c0f3e2ddb983184cf69a3226dd139f5', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'be2e97f005c28e54e52d618734bbc783b495c479', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '9c59678ddc6aa518e7bc8d2618783cd7e7ee0057', size: 20 })))));
+        return (h(Host, { key: '42fb03e9b8bc0bdb5158411533822029fc2f7172' }, h(Tag, { key: 'a9353bcf8da70ba240ff50ab36d7983a51ab5d89', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'ded71dbe3387cabb8254e279aeb9ccc3f9d6b878', class: "chip__inner" }, showAvatar && (h("span", { key: 'b23cb213584d989ca408a3f918b2f62dfbefd31b', class: "chip__avatar" }, h("slot", { key: '4a0a97de89ce85b6a3043ba70011d389d4d8567b', name: "avatar" }))), showIcon && (h("span", { key: '908d96c06ccc0487da381b854103c9a3bc21da90', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '388a801b5e203a2dcbe9428d6d241632eb8308fc', class: "chip__label" }, this.label), this.trailingIcon && (h("span", { key: '4b25f552a160cce2d9dba87dd5209b8db73ad003', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) })), showTrailingContent && (h("span", { key: 'ddc653637a58b3739c699040ba4e67439c8691e5', class: "chip__trailing-content" }, h("slot", { key: 'b98d5c932c275412566b46b4712a691e944b27ad', name: "trailing-content" })))), this.progress !== undefined && (h("span", { key: '4a9759a58972fc4b61458c8aeaf01aa57e4dc995', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'd8f93347e50e9e815fc6c7c6df9a3bf54df10a98', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '3823bdc2bf504ce3c292c3ff40e50125d05c92da', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '64576204b99032780f4bbf35a77fb94959a80ab9', size: 20 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '76da054e32397ce65448ffab2ea6fef08a8aca4b' }, h("div", { key: 'c8c36f0d6827381ffc58eafac6e07cbe81b8dd21', class: className }, h("input", { key: '5f64c1253b6cba9fcdd074aa085d1d34330bc8f0', "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, readonly: this.readonly }), h("swirl-popover-trigger", { key: '095e071a8ff9611060c9b8558ea7ef2f23aa0d64', swirlPopover: this.pickerId }, h("button", { key: '29822997a707a43bbae6675d7d6325b4249d231f', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '2ed3d40d8b69af36b2226c911cc5dae84742f0cb' }, h("div", { key: 'ef197f8e0a01ddf121df8f47a99691040663f286', class: className }, h("input", { key: '34f8ae5eb9aaa8e664a6b47fac63917a2f7e2039', "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, readonly: this.readonly }), h("swirl-popover-trigger", { key: '3e11abdfdf445802e84cf3e87de2499c3a402f9a', swirlPopover: this.pickerId }, h("button", { key: 'e99eb09576d3843aebd5c8803e0d9235bbb0139e', disabled: this.readonly, "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: '975650e9f73b16596f4df7705ecad94a0554e803', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '3b6b404d252aeecb0ed35500afe42e55c48de7c6', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '3285212c0197205236ad39b538da9a03b5802162', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'b60e4424b971f6f76b5e0adc9d7b155cd7a0fdac', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '756f20986aeb68b92bd03649623b64f210b1f846', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '5410df4ccf4537763171af4b15ab26898e007ff4', 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

@@ -4,10 +4,10 @@ export class SwirlColumns {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: '58dca0f53eb7169ebed52d040da35e407e939fba' }, h("div", { key: '2c0cb89f1f7029da7265531cfa38d2e49b76dd30', class: "columns", style: {
+        return (h(Host, { key: '383a304c54f46f0e830f283317069a150c289a8e' }, h("div", { key: '5cab61bcb8336a1addd53f67fb8935415f25c0cd', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: '3c2f0ed4c1d8a60e9e9079fe17986bbdf79468f9' }))));
+            } }, h("slot", { key: 'df0b92931bb3143b865956e9116e37dec2f2b6bf' }))));
     }
     static get is() { return "swirl-columns"; }
     static get encapsulation() { return "shadow"; }

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

@@ -158,11 +158,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (h(Host, { key: 'dd5f596e430af92ac20eb8b6760be4ca383466d8' }, h("div", { key: '7e86f654a290e6122cea1cb4c1c9fc04299978f1', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '2184f547669cd9dbcfd6303009d3ebad97fa20d9', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'cf79259c537f6646ea58c8688ce7dc7072634d5a', class: "console-layout__header" }, h("div", { key: '75955708ffa0bfdee0d429d0fbe55176102a3ec9', class: "console-layout__logo" }, h("svg", { key: '39681c5589a6cbc7a6b42aba1081e5ea1068cc33', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fcfd50f2d57d40cc18196ef551e8ac7be566fe81', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '7f85730a473d358f41a560356763db7ddaa0cbb5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '4547620a463f461c1ee3cd95654e25d2a7a477c5', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '9d1e6780c6004a198e820368854124362c63bc90', name: "navigation" })), h("div", { key: 'edb4595dad97cd82f728ad06ce9413eaeb9950c9', class: "console-layout__user" }, h("slot", { key: '3f8e98625b158238b84cfb40f02d505838f311fc', name: "user" }))), h("main", { key: '0401808674f2bd2e158f5b36d20b16171f141db6', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'f6af124c29e613530d49f9f9fd8b5da3e6b68ba1', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'f0e6bfcdbec0b5493d25fab6b2d3f7cfac6ec38c', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '88799d15f24ff0509be529d94ebafe7bd151c17d', class: "console-layout__app-bar" }, h("span", { key: '868c32b64c207ae05ff3ee50baabc867128ad02c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '581c376b157d01c063482cd5ca130b7bce26984c', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'f92e62cd7a3aa3679a62cedc47003f9dc6afa138' }, h("div", { key: 'e64ead610749dbefebd1a48332e3e4ce9749a4ea', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'dee14aa96c8e3840343621d2cd2dc437285107f2', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e', class: "console-layout__header" }, h("div", { key: '958cf209f0c70ba4654b9d216b15dd62aeb58fd1', class: "console-layout__logo" }, h("svg", { key: 'c9d36c86ad44e96365b6710426c4550d0c81d7a5', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), h("swirl-text", { key: '97d5f351e6de465c059fc357fc012dae757b5678', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3bb30959d7c34a28bce82aeffc1e1c0ab0799833', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '497faf890249299fd21075d766f344cdbd49f47d', name: "navigation" })), h("div", { key: '76e25959719dabb8e5c3b779d3eed5e7e286681b', class: "console-layout__user" }, h("slot", { key: 'eaabb2af9392992f184f547365fc2a74063d449f', name: "user" }))), h("main", { key: '5e242a75ab5e24ed535e45117238ceb56b7ba69d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '019e8471fcc2b4b83b3eca434851c833d506a9fe', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '3ad1bdad10025933e5476ad172961cea33cf8bf2', class: "console-layout__app-bar" }, h("span", { key: '5d3769ea1ab077f8b536ea1382db4a98c4ad300c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '08140f76ae70e54f7bf8bbbb3a30c3e4192a7661', 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: '6199b81280bb5042fa483cdd0d2ee80b7d9aeec5', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '6a433fc1d01cbf93ce819900d7246f784df953db', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '7a4e7b55bcc16a6581a555811c0c926f308f3a24', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '8fa69e3a5885602a28b149a0473add39bbf2dc27', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'd9494c7299ca3d89c9971e40e1aa9e4691525911', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '44d72ad95c5621f9c195878c3a3aedcc206aac49', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '036295ed7ad49eb7152e9774c961e3ceccc02fc0', 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: '0126fd3b2fdeb14720ae93ae44c9061277083031', class: "console-layout__heading-container" }, h("swirl-heading", { key: '37e617bfa62997571a4e57d03399bc4f388dc89a', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'a9513b911b637ff5637b6abb1d1411efbe922db3', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '24d40f3a19d784adce86467b2612c0d58651c7be', class: "console-layout__heading-container" }, h("slot", { key: '1cbeffe9bb7113e2bffa814dc9a7dedd11d92d71', name: "heading" }))), h("div", { key: '0b38bd9b15e0d2938676049413ed08fa9441465c', class: "console-layout__content-header-tools" }, h("slot", { key: '1d694147934a10a8ae7ffff1effdbad72918de6a', name: "content-header-tools" })))), h("div", { key: 'f92081cead05c1e020aa6ceb2233ea20c991d0e5', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'cb60ef0ebb899a13ff81d4f2467308b29a8b397f', name: "content" })))), h("footer", { key: 'd85d196d97f4fa3b650b0e9c03456f4453dd08c5', class: "console-layout__footer" }, h("slot", { key: '2fe727ea7db6deeabf256e6fbc4f4b6bb10bf75e', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '42306f3fb6a725f950708c832e556c809232f02b', class: "console-layout__overlays" }, h("slot", { key: 'ab75384fec82347e2eb582af4a03736fcce451d2', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'dd72e2beb8ee2bfc87896eb53a0ece44abb6e411', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ee75f146bdf639b93e02561853eb391dc58d8142', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'fa54f51cc8e703663a11fcd7027df84dc9ea57d8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '4505b706577728b794d5c370c0d627f14db72742', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '9d7d64cf621cf713bd8c10abb3545791226deec2', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'f170dd5a4d0292842a42df782f84491fbfa16446', 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: '9ce1c29868fc24915b1d7060fdc30ad4e2726802', class: "console-layout__heading-container" }, h("swirl-heading", { key: '33d2473e87cdb94998783ba1337ea92ee34ac5b0', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e3071a03d28e05550385fa6b5101d2c98e11a405', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '62a31138ed664b4900030150e1d1959e470c1a17', class: "console-layout__heading-container" }, h("slot", { key: '6f1de516692eeb2922a2e18784bc8c74e5416b1d', name: "heading" }))), h("div", { key: '02fdc97524fee6a75524ef9eb095a59cff238cc7', class: "console-layout__content-header-tools" }, h("slot", { key: '159bbfad00487ee173dc708e5047e603986318f9', name: "content-header-tools" })))), h("div", { key: '2fce6c367d3815e7482e63836900ae4793dca055', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '6d962aff82cf2b1276650e3eb5b9fba06994f1dc', name: "content" })))), h("footer", { key: 'da76594d20b410746a70960c1abc83eff0a38f59', class: "console-layout__footer" }, h("slot", { key: 'c07940b404f20db835967d6fa2355d9ae9c035f1', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '39e32ef1a08100b9f15bede9180accaa884de3ee', class: "console-layout__overlays" }, h("slot", { key: '78d8abf993064df290ce2890ea200e246c599b0e', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell/swirl-data-cell.js

@@ -50,8 +50,8 @@ export class SwirlDataCell {
         const hostRole = isInDataCellStack ? "listitem" : "group";
         const contentRole = hasCheckbox || hasRadio ? "button" : undefined;
         const wrapperRole = isInDataCellStack && !contentRole ? "group" : contentRole;
-        const labelContent = (h("swirl-stack", { key: '48f093525242c0bb603ec29d29ddc0ec145f56bd', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: 'a1904fbf6eee9abb5d1b602331d787bc779bc810', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '60b66fcb9970913a55e7b656f5626f05ff3f7f89', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e811e3c7797a2ff4648c84a5b4f57c30bd58ce5e', size: 16, tabIndex: 0 })))));
-        return (h(Host, { key: '3a40f5d699ff449abd1ab76a9f7969d30f0a801d', role: hostRole }, h("div", { key: '4f2a98a9c7eedb8c4ec61e1258fda81569618dd8', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: 'd02b407100f375ec0bc4580569c4ec27fdbf5eca', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '1326338efeefbbcbe484f645dbc6e32c0da1585e', name: "media" }))), h("div", { key: '119f58fe18cfc46203c6f579b988d91dd61b288a', class: "data-cell__content" }, hasLabel && (h("div", { key: 'ca9ed0e4c3d4d4b713e61d60d378902815b7dc92', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: 'c55d22eed287cbdb24c14cb62e112a418f56eff6', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '6f60098d9203ea359ee6d51a644fb697d22bc578', class: "data-cell__suffix" }, h("slot", { key: 'b3f5d2f2e9ed76eb4f42ba383ff2d84fddb09e65', name: "suffix" }))))));
+        const labelContent = (h("swirl-stack", { key: 'b7e45f984e5f703bf6602cf04026ce030206743b', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: 'abe3e4a268fc074e864335eb5a3504ed977210df', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '6fd19146e87e14c4bc5c20cf391a0f4dfee16edd', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '3fffcab519ac14c2493abc99a2ea9f99c5d5899b', size: 16, tabIndex: 0 })))));
+        return (h(Host, { key: '950c2a9d7c7e1f605698c5d2b44bdcb3ff54e5d0', role: hostRole }, h("div", { key: 'd40c9e1dfca15fb47193d42602b48040ae9f2eed', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: '07218ec52d997f764c250e1f70f2269a55eced5e', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '84eaae0b7997bd80cf1a9c0c7179209b7272a95b', name: "media" }))), h("div", { key: '4d4f901bf61febc68ec46f00db0a4167160bf869', class: "data-cell__content" }, hasLabel && (h("div", { key: '2d4ad0b8975a409e372a5d4f2e3f75fa0714774f', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: '78c4f5ee10fbc8928b24a53d1d42cb6e3b20524f', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '98f57eda879de173cb4b683df7bf3213c2d4197b', class: "data-cell__suffix" }, h("slot", { key: '9793229f457bf8989af7bf9ecc5d684340d25e9f', name: "suffix" }))))));
     }
     static get is() { return "swirl-data-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-data-cell-stack/swirl-data-cell-stack.js

@@ -28,7 +28,7 @@ export class SwirlDataCellStack {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: 'abdad45f410ea28a21f54edfb9c330759eb51eec' }, h("div", { key: '24de9e29f59568c7606e872e547df7f73a53cf56', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '179c36c7fec1ec02a1bf1954e9b47a228191a2a9', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '57d1b326531fc34d045e1ff099865bccff448682', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: 'ad2a57084e9b084fb4ee71142edbfa26d7204cbf', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '89b091f92c268e2a7c827fd790085967b1a0a453', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '56f70c1b483fdc2046d8cd8f5e5b2f8ff14f6311', class: "data-cell-stack__cta" }, h("slot", { key: 'fbb8710ec3932ee70a9f6fe830a5a038da280682', name: "cta" }))))), h("div", { key: 'a54485d11f29fa7d464813a60f88d68298aab74d', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '8bd734aaf20e625167d5fec827b33719346a8df2', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'b79ce886f01b55239f1a2a0a153568fcdd3d9961' }, h("div", { key: 'd95fafcfc4de8958971ecb91f43dd7339e89bab6', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: 'e87a98dab5c55ea579dc414add17d41a7fdd416b', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '3774cf27961cc6088db2c01fa76becea9d46eb7d', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: 'ee1312f8b92564c3f87d3b0c2a4270e5be15e472', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '8c70b4d92f1bd6be313df0d9de091731c1a9aa20', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: 'd0dfecd262d77c78efd59def270e6a924275eb33', class: "data-cell-stack__cta" }, h("slot", { key: 'ad3505f97e9b89707fd007971b0858eeb907ceee', name: "cta" }))))), h("div", { key: 'a8bb8acd3e42db09ebb8ba47490e5a7a2be083af', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: '8652e5e828e2f8da7ff31837c9d0814a945b66b1', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-data-cell-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -218,7 +218,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '2ba566f5272736dfa4f84ec39aadc51aac4fb70c' }, h("div", { key: '808f84c5c4c6fec2e3badcc194d88a6aade277e4', class: className }, h("input", { key: '9ce3fab9b7d85e2cf5ee3ed74a13d54b3c0cb5ab', "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.isInPickOnlyMode || 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" }), !this.readonly && (h("swirl-popover-trigger", { key: 'd7591dacf6ab8cd4cb2a5fb7b8c803e3cc2e00f1', swirlPopover: `popover-${this.id}` }, h("button", { key: '93c58273dfddc5dccce2cfaaa46d0c5b289980a0', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '3c2e3d2eb6c9af45e5152bddd08a755f6a3d3341', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'a8f2782a07d461355458779568383a8922e9b40e', 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: 'f9897a43a46c5ec814b31d02451aae2f6f6892bf', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '3d227b767aebb1422ce118c3518e7d9b981d4cdf' }, h("div", { key: '519ba3868d61325645f56c573cc8b0b414bc97e2', class: className }, h("input", { key: '2e3f60ee0e301d92b917427d637c2d621e2a1941', "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.isInPickOnlyMode || 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" }), !this.readonly && (h("swirl-popover-trigger", { key: '512ddd1e2f76b31e2a169e4eaef0c14e52720814', swirlPopover: `popover-${this.id}` }, h("button", { key: '50d6ee4160a5665ed7ce056a106eef6cc1238dec', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '21663e5a562c6b70407422f9860cc707d6da81f8', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '5c321be0f59ac88fc13cbd504123268f1d0c6282', 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: 'af484f88ccba283e5c3f2934b947686b984434bc', 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

@@ -39,7 +39,7 @@ export class SwirlDatePicker {
             "date-picker--fixed-max-width": this.fixedMaxWidth,
             "date-picker--fixed-aspect-ratio": this.fixedAspectRatio,
         });
-        return (h(Host, { key: '7f552c862adcfedf1c210e923d84ab375c2a2880', onClick: this.onClick }, h("wc-datepicker", { key: '058e7e67e631cb64a55f1ae6d924b3816338814b', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: 'b5427fbe372af8ca42124c874a4e44b775441af0', onClick: this.onClick }, h("wc-datepicker", { key: '569e169295ddd23b4a2a06d3a19ad5e7f1e484fa', class: className, elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     static get is() { return "swirl-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '891b6f6737beb0e9257a2fe461becc3f3bb67cfa' }, h("div", { key: 'cebf78b7ec8fe536d2da4c2470ca61d08d974680', class: "description-list", role: "list" }, h("slot", { key: '8610409fc8dfcfacffdb22058b4c6952b4ecc7a5' }))));
+        return (h(Host, { key: '27f96e367e26b9c1c7c49bdf5aff9fed5364a437' }, h("div", { key: 'cec090b1ff65545a24796932791803aa91d18d8c', class: "description-list", role: "list" }, h("slot", { key: 'f7da0815863fdcdc75a152f7e5f14ccf0337ab46' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '807f3fc8619d6f22f13220074458fa9fe93039ba', role: "listitem" }, h("div", { key: 'a0e3ac01c657390d1ef87001e21c42be1382a865', class: className, part: "description-list-item", role: "group" }, h("div", { key: '234a278e972729b9e78eaa860d6498f8640baa0c', class: "description-list-item__inner" }, h("div", { key: 'b3b668b1b2ccfc5a6d46668c2f07453d78de8ef3', class: "description-list-item__text-container" }, h("div", { key: '4e9551734509120a47fe02dd6c50285025b9c5ac', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '4dbbee7786627e3d536448f7df0a5aedc0166ea2', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '43a43c7cab4a46580c02da582b24aac0b269da48', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'c7402b5c6a3d6948692641cfde417fe8bfec18d1', size: 16, tabIndex: 0 }))))), h("div", { key: '8a26f1631b7e0dec0efd039eff3d870479805d54', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '45d8d039310e6d315958070e503e61ba79223a5a' }))), h("div", { key: '2547d2401aad815628a31b7948e58c3b93b24fad', class: "description-list-item__tools" }, h("slot", { key: 'fac2fdb9f7ebc06307bea1dca358f506b87e39be', name: "tools" }))), h("div", { key: '70bdde9af6a61291395635af8c3c3765a4103eaf', class: "description-list-item__additional-content" }, h("slot", { key: 'ede347aa3d3e5a66a935dd9f9c488fef53924206', name: "additional-content" })))));
+        return (h(Host, { key: '4970a43d2827011defa2b0ed17beb4dc41336a36', role: "listitem" }, h("div", { key: '69515ab209d3dbc60f9a52941d72461e9649b9ae', class: className, part: "description-list-item", role: "group" }, h("div", { key: '2428ae9fbc5304c3a271978b2e298206da66d34e', class: "description-list-item__inner" }, h("div", { key: '16b05061df5a03c5b79bee249261b67804e98510', class: "description-list-item__text-container" }, h("div", { key: '71f2b6deffd96329854b435ea65296bb70865b73', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'c3d0d10992c81e7f0ce86e4b7450aa4f1ce0c146', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '5811c5cae4ac3fd526b3251fc7552181fd810406', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e191dd42aecc953df63147506e758d8fbadc1504', size: 16, tabIndex: 0 }))))), h("div", { key: '3bb5afa6d9fa5c09ac8f2334116bd2876badf3c0', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'b2be6dba464bae5ce68ce1e9825bf78663fdb088' }))), h("div", { key: 'b43577ab09d34cd6141882e50de9121527d44692', class: "description-list-item__tools" }, h("slot", { key: 'e7cb271bdc981848fb5971464223434ac31b6c77', name: "tools" }))), h("div", { key: '1020ad2c7c9193f0f4027fde73db8f91efc5b197', class: "description-list-item__additional-content" }, h("slot", { key: 'f90ae53857c804bef1a326ada27a01423c696e77', 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

@@ -120,9 +120,9 @@ export class SwirlDialog {
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
         const hasSecondaryAction = Boolean(this.secondaryActionLabel);
         const hasPrimaryAction = Boolean(this.primaryActionLabel);
-        return (h(Host, { key: '2ff7c17526447b3e5202d7128de47d5be8312c02' }, h("dialog", { key: '24b495afab07cfb8ff2a40706b8683da24b76e48', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: '3213719b4faa46783b0c84483857da7afb3fb09d', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '41b78e85bbac0a0c171c839a524ac014ef2317c8', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: 'e7d179e2cb4ce29ab61f7fd59737bc5cdeb50f07', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '9c261f77810418494008a37a37e459642b62da09', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'cc7600a9fa5f17977dec32e418b61bc086d17ee3' })), h("div", { key: '5977a899f3ba081350c1066378c67169b37667ce', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'c9a14cd1b178b4de77f638f08cff07c879d60314', class: "dialog__left_controls" }, h("slot", { key: 'eb8b0fc4ac782d2c92cdeb136fab325e0b8d1dd0', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: '544c55b8c6f19863bdb6578f963e5e7ca187e0fc', class: classnames("dialog__actions", {
+        return (h(Host, { key: '5a96d9355ead6da3d19c90f65a6e070a478c6552' }, h("dialog", { key: '9d668f3a066da64835a171b62a8c13abcaf5aef5', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: 'b75ad1136e1e03a9a51b579cba7ffb6c71d64e30', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '02da73755f1ca0c2400df05cf993cedf6f2c6d4a', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '9ca73e65b8d836841566457817b6ce8473a6c00b', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '3376d2f79c7a9d52352923e085d0ccf49d7bc3b5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'd3210d9a3e9fb144babf5346e66ff817532c0778' })), h("div", { key: 'e65ef02e0a0f65858c6ba47977afe8c78796d98b', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'cccec21abe62a42de0395f957ec05032a0042587', class: "dialog__left_controls" }, h("slot", { key: 'a5abf7f9566afba1ca71b0f9d72512a340ddaa62', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("swirl-button-group", { key: 'b02651666c0fb012c75f756e09a4cf46da915a74', class: classnames("dialog__actions", {
                 "dialog__actions--vertical": this.actionsOrientation === "vertical",
-            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: '5540815437ff767f9c4c8c92d121afe62ec51736', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: '56491686563a7848c6c2b112b5194971ed3ed9e2', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (h("swirl-button", { key: '18c1ef8a7f24c45a61d0945869c3bf0315fd130d', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: 'c1ec73a55c86677d54591002e79e2ac8459ddecb', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 12 && (h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '750109feec97d773184edac06f66db10fd808586', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '82b2eef62f607b251bfde697b77ca65e2593c045' }, this.size === 12 && (h("img", { key: '8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'd24d8776e4342938d5ecd259e6e8dd98e832fcac', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '33260a367f4873fa3dd193b25a74ca67f72007a7', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '80a803469c527ee2a9f478dfe0e79ee762a98fdd', 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: '413691a70d3bb7e246dbafe22dc9df883c355a71' }, this.size === 12 && (h("img", { key: 'd7f5103132c0ade3a2ad46ea65e9ca02e5bb6a15', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '7527a48a9243f3030f11df1c3886501498c75e05', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '64c5a207c560678cb70b657b80bc9c2bfb03cd95', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '08b2c1fa6cfb4e05fb031bf13aac2bcf6f5dfa99', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '73e5faeb1b0731b3115a7d1b9eba9f483fd9da1c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b6ce3613d823b8ef086309e65ef47c433ad2a506' }, this.size === 12 && (h("img", { key: '1f27d4920d4485c2d32444fc9e9198c44d5ed098', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'bb08f6ecc5ed936b967aad87960acd990f22a57c', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4db438f7534285a6a9b36f457b6860f5ee5c9bf8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '9f9d399ae59c083ee0e0f4fde2876305470e0fc8', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '86b6591f2514ad3ccd2cf14a779aae9b69002e47', 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: '7339ed8799a4d7e9d3754a1bed2ed217dbdaa5ee' }, this.size === 12 && (h("img", { key: 'f7c1c2f3346123259f70a07cf8de094c9d360745', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '4a95f3758c56fb1390645b4f00ff2acfddff89b8', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd7e0ea7be3acecc8c84a3e05cf10b4b7d37fb7bb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '6faf10781efc1b6e374d046775b2835607392ac4', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '7edd781f219d9ad5d5e8b9a68dc3c592d4fa02fd', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 12 && (h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'dc9eeca1d9e10329c15243c475b2e236eb69cd9d', 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: 'e17876aa6999e73928b609924e06f8808ec732ce' }, this.size === 12 && (h("img", { key: 'cb30feea31a9a76608d6c23a7864349d1e4b3921', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: 'ae2b274562f723afaa8fc673018d81c42f45adfe', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a3b1e51b08834e7b754f861a609ca1242c13bb4b', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '8634c0c060173148efabe5e42c250563d751d2a7', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '5b0fb2a455e14020417b8f4d5fbf25fb837aece9', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '8edd66ddf76238c4bd6283c90d6b3e03c6b94c64' }, this.size === 12 && (h("img", { key: '4fba64b4e73a8166d17f52dadf1d3fd21cdd33c0', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '0520a9179dcdb5f686c29cf14c4b58b62506c0b8', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ad7503e5958921da0485e9a35200e7947381cbd8', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'eb999f262ef797f99c3e3e8d1f0e80873aedb6aa', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd74be088a7d466c41d3e2903545a96146577ea05', 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: '2109dec91d92ef32f034d8dcad14f296c83e2951' }, this.size === 12 && (h("img", { key: 'f47098e0ae07979c4e866eb9c894d1cc3c04547a', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '093db3053e161cea642942e7c13ef6938a9633f3', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '17ceae5828c838b56b8a01e3fe9b8fb0ba9e42d5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f7938e47839aa34cf7e98c36a9c12c4b125b77db', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '706637387551828ac188862f9cad3cc5f1a8f0c4', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bab9726fc523da78b7777ebec6ca423b70770bfc' }, this.size === 12 && (h("img", { key: 'c8364e31c0bf76022f2a1eb370b4d97910fd9c61', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'f86d89a9aa58646476a45637225418307ea41218', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'de71a2c558060ad260b8e3d9f224c5f074900895', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '3f503c3807069104a173faae5639a9604058ca01', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bed0d308c5e108cec2f1f4c3dba5c2ae236c83f8', 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: '7f6a461392943433b9a9cd678ce340680d72205c' }, this.size === 12 && (h("img", { key: '2d6c340a78cf0290b8414ac2d81c5ef2e7986ffc', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: '20138b15082cdeedac88405b2786693f997d6afe', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '5f919703bd01fa61b67e3bc06e71a9d61b6833aa', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '621184fe2b9588767410f0ebfcd3ad71eab7f808', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '7c40f06ede64ee5c9896b8ced1f6184f64b948da', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '2dd62d87b8743d3df94cd8682bdff5113486d84e' }, this.size === 12 && (h("img", { key: 'b05b50df43c505010c1f2c7728033419f3425c10', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: '4f0e5b24a89acfe6ff66fb8cda8969c94f306630', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '723101b53f097876b4981cc27a4dc64e0b35dc99', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '0461d69961d56b2a5465276653594c3a6c9a64ad', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'adea9ad53835445f0e6c95de324c1379573b3ae2', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '0effeced8331d2b7fab89d337258cf5048b83bb9' }, h(Tag, { key: 'cb6f1fa88e878569bded2e6fc0c53dcfe5eabfed', label: this.label, size: this.size })));
+        return (h(Host, { key: 'e080ea7151f1be83880dee47ec668dca692de9ea' }, h(Tag, { key: '15a4ee6e7087af5fdeed4cfc8c230ea78f8fe0e5', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-empty-state/swirl-empty-state.js

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: 'c558d91a33e7d8d21922dac3be42868461b6cf7c' }, h("div", { key: '74f3c6a04a21931707aa605c3caf6b9a775dfe24', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '3f13064be10b85dc37809c82029443c69ea3f389', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'a25c0565df82e643428afacc4fc4be68b83914a7', class: "empty-state__slotted-illustration" }, h("slot", { key: 'f4706b142223d30c667933a524a1e31f9438f57a', name: "illustration" })), h("div", { key: '5282172855420e2c250da9ae9df80bbd28812b32', class: "empty-state__body" }, h("swirl-stack", { key: '84804732a154b38aaf9afde03f0e7d2a9b8b0e77', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '914b685cc1836ff52362a990c1951bf9f7641f8c', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '02c7d24a55b0f26536f4a7872c855cbd8fca3460', class: "empty-state__content" }, h("swirl-text", { key: 'a4ea76d89873fd01c357cd62fb9a93f5d5f16632', align: "center", color: "subdued" }, h("slot", { key: 'b204906d138eda9249fe8ec0fcbf3ed60771fae3' })))), h("div", { key: '82d36ae6df9c255c82a1977d39fabcd35f5e0b1b', class: "empty-state__controls" }, h("slot", { key: 'b59256a43420b12c5e6f405cddc56f39b8e28f25', name: "controls" }))))));
+        return (h(Host, { key: '025de7bdee7bfffcb78cdf5272f18cb8c5068a28' }, h("div", { key: 'd875f03f0264b7bb3f6977d0d3053f39b39bbc36', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '1e9e7ddb7be43b83eb70147fd5859de844dcafc0', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '92facff6d3ab0d296b92b6fe8f40433936258ffa', class: "empty-state__slotted-illustration" }, h("slot", { key: '96adfa585d97cf67259070667c72ea97e7f797dc', name: "illustration" })), h("div", { key: '00b0af1389703350d76e66fac4f4ad8d8c777b69', class: "empty-state__body" }, h("swirl-stack", { key: '58b5caabfb26884311e3f93a9b662842ebe9f624', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'a78c510956c15b6850bc16910b4ef241c6a192ab', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '5df0dd933dd658900fb3955a376c4775d3e9cea7', class: "empty-state__content" }, h("swirl-text", { key: 'bcc5adc643e33874c5c85226a2ffd8ddf64d16d7', align: "center", color: "subdued" }, h("slot", { key: 'ec52e45fb5576af0bc94722ff8b85af9856dc5dd' })))), h("div", { key: '435544062ac84cf26fb0f8267ee5980fe2fb4211', class: "empty-state__controls" }, h("slot", { key: 'f507a5a41e241eb0e968eb69dc817903ab0847e6', 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

@@ -109,11 +109,11 @@ export class SwirlFileChip {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (h(Host, { key: '9e1ec483f15ce32aaa3446bcaac9e368df059e79' }, h("span", { key: '1da186b608b8b2199ddc745c0753640a0c5c4419', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: '9e7062b05b7757b0db0c27225b94731e510499db', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '865152eab6bf983dff930ea2e6b52f92b8427df5', class: "file-chip__info" }, h("span", { key: '33a2e85186925ec945cc65a1b795228361145589', class: "file-chip__name", title: this.name }, this.name), h("span", { key: 'a16815f98235ae18ebecfc74ab04dd094b331c19', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: '661da9d9753976e8a75208623bbce77a975983ee', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (h(Host, { key: 'f651e5164bafe40eee9878dcab33479cb54f3896' }, h("span", { key: 'c47da266ecd534a53380f490770def3ce0b67382', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, h("span", { key: 'c9f421e1d6bd5b3ec84b230ae09af699b52d99d0', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '638a067d8de73b1d2de56fe89ff2e1b36dd33e79', class: "file-chip__info" }, h("span", { key: '5b31f556cc872b3d9b17197189152f08be2ebb4d', class: "file-chip__name", title: this.name }, this.name), h("span", { key: 'eb33221f26cfa17f8ab06957ff5616a1978929fb', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (h("span", { key: 'e961d5a92610d88cfa06fc35a739758def3aa69a', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (h("span", { key: 'b48ab70ea0a19c098b72dd4a8c6255df9e1e5ec3', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '3cdcd400c9f010c46589a7b0db7a44486a189ba3', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '48701c6850ab633253699141e76651e6c7724392', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '90a93dbddd643d38277db2f0246f1faf7a901871', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+                : this.description)), hasAction && !this.loading && (h("span", { key: '66b30511a7e2c92440dc4172b04c0e025bfb0314', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '4258c47754d60ff728fc6c726a1af97dc5a30347', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (h("swirl-button", { key: '07383082bfab772beea9f9e94e75afd66e1fe13f', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (h("swirl-button", { key: '7967e4aa0250e14d8521958916c1a1b90075a220', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'ec7a92077de8f98c88ed7e134394cef3ed720fcf' }, h("div", { key: 'ed4e1c2b6c2cc5e56069b5211178a733511f033d', 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: '79bf414ec75847b6782a1c340a61abec6ad7d4fa', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'b22af5697557dc1151bd347526f98ce4707d6fd4', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '8c8a93838db5c7c0f2d327aebf32a41f7347ef50' }, h("div", { key: 'b002b842de98f9e58408250cd4e7c53e4e8bbdf8', 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: '2c07600cbced9bb6ce4a3a1831568131237fc907', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '3c0433d699816d766ed73f4cc700d935167d42c7', 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: '00293a2a4d276afb8c3f00efeb28ebd76277b786', 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: '26c8ca9a3dcc30cc17f24ecd9e8298e30be13e58', 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

@@ -50,7 +50,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '00757138647bdee837cf5c555fd5ce74aac1598a' }, h("div", { key: 'ca88a38c2f9f7f0d7548045b6b733d9acea59611', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'e879772d55987be92066665faaadbfc6ae346983', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: '90c619623d272a962dbd572139a167def65285c2', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, h("slot", { key: '675c7083f955b065516f0987e085be0f114bd3e0', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '2cc975ed2026482dd02010c32ac932244d446c61', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '0c02c9a397800a7cdbbb43eb26f1cb9ccb2b7b6b', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'af3ffd43136821493f45bf9a3d33b23310144d18', 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: '76bce2cb5971b61367d7fc59ecd21c4d8b51b467', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '281a312214f30a179a156d7a861bfba1cf8e1e4d', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '0a88a959f6300f95132a5bad70a3ceea15d9dabe', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '409681d2acd9e7b92333f797a5a7d748ddb6ba08' }, h("div", { key: '8f3a727214c1cafa7a3e4af3d099cdb4f4145d36', class: "file-viewer" }, this.type && this.active && (h("div", { key: '8faac443977d16a388d1c5a95eb1bbb904c20451', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: 'b6e8443af85e8767f272d439b1a5071988e493c3', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, h("slot", { key: '3403f3e6c70dec97caaa428293424914b94273ba', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '2ed8455f358128bbe3ebe47446cddcd87c297590', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '6b785b386b4da9b28834b21e85717fab70b14ac8', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '68d135878775bb5760e22dc5843bfa51d3ffaf85', 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: '730ae4f9b35744d21b89dab12bd9b43194fe7225', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'e436b62ee90f54abd8d2a828e58633b5b1baec86', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: 'a0865397b7eb19051cf25b543cf6c58e9337b082', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
     static get is() { return "swirl-file-viewer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '092c3e432246ca58b6abdc8e9861889515754ae7', class: "file-viewer-audio" }, h("audio", { key: 'ff14dd718d06d87cf3b412e8fcf884d807564eac', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: 'f383fcd28eea1d050d4c1d45e5ded7a112e46ae2', class: "file-viewer-audio" }, h("audio", { key: '7296404a7c8fcb12f1797c4840a20eb00efbbbb6', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     static get is() { return "swirl-file-viewer-audio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: '839cbf358eb9fa7b198e255962f171fd4b3eac35', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'b436adcbc0a0514f2a04813c2eb599502f19f876', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '05bbbacd3a30ac0fae2e5c87801654a08343cc81', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '778cbe47597aae37f46dee8439d8e6a0fb04a9d8', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '944d5f3dcb8db37b4d0ce1930ed0b3a17682d851' }, 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: '64a6cd4835a6d47e40e90fb7f7de523103a20dd9', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'e6e16a1cebdd4ca80108787ea1b347c7c80ec931' })))));
+        return (h(Host, { key: '4bbf78f9c5b4d2b1f4f60dc9ebd531c71a308b02', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '9a9b9138908ad2bfe58fac9267303c8f27923cac', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'd5a49d145c09839a8ea72fd21eac2cd90d886dde', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'f88fdbaad0772c52d60f7dc2cdde084043604a51', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '1b452d58c954c76aea5f0f31ede2d62ed9c4d3b7' }, 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: '24dd79c8f41ce0cba43d7567cf7f404d2343602b', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '85ec132651f1dd62b28645c508b182176f797f12' })))));
     }
     static get is() { return "swirl-file-viewer-csv"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '2962e777af125ac251243605754a35cb9a02ed3c', class: "file-viewer-fallback" }, h("swirl-stack", { key: '543b39d13475c9e21232314e9ee9d34c846254ba', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '30b82182ed65935f66e14a87061f391ba98991d1', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '3aa57bd63be09954ed5c0ead758f534d2d6d4897', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '39a1e6108903f5db02152750d3fb71a03620e096', 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: '083e3255fefa97d9d2e5e37f2561da505534ab6c', class: "file-viewer-fallback" }, h("swirl-stack", { key: '4f51cbe716c34519a9a306a3a0dbcd1d189bc0ac', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '3311b071592b81de6bc4d2617d77e83ae0010a16', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'c72691d58fbaa825820aa74955e4d0e5fb4e7fb3', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'b0499fadeedaa2f9489b1f2b9b724ec1065fe00f', 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

@@ -202,7 +202,7 @@ export class SwirlFileViewerImage {
         const className = classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (h(Host, { key: '8d6ccc3b7eb4e7174071b7d88f55a19be56bfa63', 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: 'b2a0e1a0bd883dc46c9aaaf333d6e167d9523784', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '42246ffddbf023401bcac78b942c4e6a85e81205', class: className }, h("span", { key: '16b35439ebb91d26decda488129b37ceaf9e0564', class: "file-viewer-image__container" }, h("img", { key: '6834de080105e992cbc9f6b932ca4637495f51ac', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: '17fc8f4a5b719dead7f40570525d4c9555e51fa4', class: "file-viewer-image__watermark" }, h("slot", { key: 'ba029d13f8d17fcf52bf6cf2ba7eea80b23c7bab', name: "watermark" }))), this.loading && (h("div", { key: '612820304ff2775a40ab8daa02e192e6a192eba6', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '81d3427661731ef60c5b320086143cc414f144af' }))))));
+        return (h(Host, { key: '296dbf984cb0740faeb018a6a9a76ecc359fd473', 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: 'ac5d0f6ba5f5e7e7855d4bb33114e9e847b798e9', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '1febec4c6be9ac46a41dfeec42176b8b4d940962', class: className }, h("span", { key: '12be794ddb23f4fd2cd11d53516ab4d3f295691c', class: "file-viewer-image__container" }, h("img", { key: '2476a3edbf403a299e1253aa9effe65d51284a66', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: '05d8eae9ebc08a3a1e097b955b790407a2be659a', class: "file-viewer-image__watermark" }, h("slot", { key: 'a90b12d74d0bbc4283fdc8aeff02817a8887ec0a', name: "watermark" }))), this.loading && (h("div", { key: 'f24a4c4c7e84233e7511ad600fe6f67c12a94d5f', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '3b308e4af540e945efb45505c3d52142ce384470' }))))));
     }
     static get is() { return "swirl-file-viewer-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -396,7 +396,7 @@ export class SwirlFileViewerPdf {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: 'f49b60669ab3c6e0386e1fce5b3068bf74823689', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: 'fb3e14772d3a1103b63ff328ec229262b5af29d7', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '29a4b08bad78f091f2c4673b627383938e63c1e7', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (h(Host, { key: 'cede10459fc639ce667da983772bccd56fde3e15', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '429f6348776b1189d7aced255d1c6262bbaeb16e', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '0938ae1850b8c629c1ee1a21223847f0c2f3dfdb', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -410,7 +410,7 @@ export class SwirlFileViewerPdf {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" }), h("div", { class: "file-viewer-pdf__annotation-container" })));
-        })), showPagination && (h("span", { key: '49d70e693729a790af9db3654ad949a3fff85e89', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '99e7ddca180b7e0f7dd9c6878ad56a03233dd7f5', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '7b372877dd222d213a298031b1713a65ecc23b2a', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '9fa2a744e4e78bc822a8fcd9154c912222db9c7e' })))));
+        })), showPagination && (h("span", { key: '75947a645f7ac2a31da1bcdab3a052850215c095', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '5e55d80c0122fb5cb4c9c2acb4c6969ea39e870b', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: '36fd93534c862e348bd88af5a504df2e2390d315', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '7f31a92e01363da4a916c19a2fbe0ac95adadd64' })))));
     }
     static get is() { return "swirl-file-viewer-pdf"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class SwirlFileViewerText {
         }
     }
     render() {
-        return (h(Host, { key: '891e89b0dffc31a20b3f6a17424c8fea6924ba3d', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'd5e21b38537369242e0c89c42813325bb0ce7437', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '8cb4e2a588f8a584fc8377091dd547180fcfe4a4', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'c3e7ff5551288b0d492e0221617403eae4a48012', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '896deaae7f53bc7f6886b83da5115ccc7311f2b3' })))));
+        return (h(Host, { key: 'bf06e8b1fd6b51e7dd70a76e9f98acb9922c3c84', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '48b1d6aad7095abe890b41065530951a5073148c', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '1de49ce38f165ededdd76ad957e3040347d7215c', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '3195889c9ee74991b52103b5cb775f495f998094', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '7b042bb8cd83686870e3a82ecefad682274a2a5f' })))));
     }
     static get is() { return "swirl-file-viewer-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class SwirlFileViewerVideo {
         };
     }
     render() {
-        return (h(Host, { key: '096bf4738ee89c80cbf7aa894b3fe9579651adcc', class: "file-viewer-video" }, h("video", { key: '89234155bfac7693bf7bcd302aea75460e1081f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: '1880aa650e39a807c4283ccb55aaf34171c7e683', class: "file-viewer-video" }, h("video", { key: '8a62201f59446bb4e5f5aecb2d9319ad95f08cee', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     static get is() { return "swirl-file-viewer-video"; }
     static get encapsulation() { return "shadow"; }