npm - @getflip/swirl-components - Versions diffs - 0.478.0 → 0.479.0 - Mend

@getflip/swirl-components 0.478.0 → 0.479.0

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

Files changed (2680) hide show

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

@@ -91,7 +91,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '8561874ccf5c51f8f49617a00e42baa5835d190f' }, h("div", { key: '16c78337ead243d2478b7642bd3998666b71aad3', "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: 'bea28f4015aee347000c261c5cd2ecbae1ad6283', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'cf013eaeed19ab9ddd4891d5a8bece6e70730abb' }, h("div", { key: '42bee5d06a772b9c0a8374f32236a5b8cd83fe16', "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: 'b17819fbe30858706ffc29a3c42b444c33fea0a9', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'eb2a81e4bd5875cb6020c179b6975658eadad18a' }, this.hasSeparator && (h("swirl-separator", { key: '2ce6c3e64060c279c3ca27f792d18d70627d0e11', spacing: this.separatorSpacing })), h("div", { key: '22d2da6b25a936945b7d91eb0d6f043f3b64fc2a', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '155784d36dd80f43157f538f0772fef4013f0bea', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '0e3ffd2c8118ca7a06625e4c3919d30dd6691356', spacing: this.spacing, align: "stretch" }, h("slot", { key: '9ff701259251598625a3b5ebe3f34180ad1d27f3' })))));
+        return (h(Host, { key: 'acb3259a63a1da2df94107a9298027d022af7d5f' }, this.hasSeparator && (h("swirl-separator", { key: '51bc058c31ad16d4ef91d7e88de412de5b952900', spacing: this.separatorSpacing })), h("div", { key: '0d339786efb8e590182329e11542d31cd6e8fd9c', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e07a0763d66622d2554259e30a3e66c256e0df09', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'cbc713d8365ec0fa7e8261ec513ed684eb896707', spacing: this.spacing, align: "stretch" }, h("slot", { key: '48cbcfa966e92ced923fbc0d43bd9f0ee4c2e56f' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '753e9265e74955a7adc3b292135f8af3f18567f2' }, h("span", { key: 'd00bc78f17abf98658ed31f5a95ccfd72dba115e', class: className }, showImage && (h("img", { key: 'c5d193878e58c1f52ca7cac4b0e2900156af560c', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '325a4507db448319e9aac0cb4ff8e2fc0620ad29', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '5b0fa71fbf6761ec97c3418a09ecfbc9ba977bc2' }, h("span", { key: '3203bbe5126117c48bab273d044f42dfb331d081', class: className }, showImage && (h("img", { key: '9ea7f0f9082697d61685cf808eef9bd03090102e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '2f814f5d380125db47105f10da342783ddd6038a', 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 CHANGED Viewed

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

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

@@ -18,17 +18,21 @@ export class SwirlChip {
     }
     componentDidLoad() {
         this.mediaQueryUnsubscribe = DesktopMediaQuery.subscribe((isDesktop) => {
-            this.forceIconProps(isDesktop);
+            this.isDesktop = isDesktop;
+            this.forceIconProps();
         });
     }
+    componentDidRender() {
+        this.forceIconProps();
+    }
     disconnectedCallback() {
         this.mediaQueryUnsubscribe();
     }
-    forceIconProps(smallIcon) {
+    forceIconProps() {
         if (!Boolean(this.iconEl) && !Boolean(this.trailingIconEl)) {
             return;
         }
-        const iconSize = this.size === "s" ? "16" : smallIcon ? "20" : "24";
+        const iconSize = this.size === "s" ? "16" : this.isDesktop ? "20" : "24";
         if (this.iconEl) {
             const icon = this.iconEl.children[0];
             icon?.setAttribute("size", iconSize);
@@ -48,7 +52,7 @@ export class SwirlChip {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '11ec56a6e280a2acdb711d845962a482d311d640' }, h(Tag, { key: 'b864dbaeef9a23e81bb4c3542ca0c612c9a92dd9', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: 'de86d524451547b8de6099566e6d565d0d68338a', class: "chip__inner" }, showAvatar && (h("span", { key: '304f0388d20c6b9c1fc29baff21c7ccf55fd2c1f', class: "chip__avatar" }, h("slot", { key: '965703f6bd3d9398f842edc913d9a4e65f975408', name: "avatar" }))), showIcon && (h("span", { key: '7a56b983c691f940cdc334d23414efcd6e1cfb56', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '73ca0557469665c9670eb6a158bc7d6d1e9e77d0', class: "chip__label" }, this.label), this.trailingIcon && (h("span", { key: 'a877986a4663df2fc56e147f9c391786db751e0e', class: "chip__trailing-icon", innerHTML: this.trailingIcon, ref: (el) => (this.trailingIconEl = el) }))), this.progress !== undefined && (h("span", { key: '1d734b36fbd0fdaae00cbee86f4005c1f2eec323', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '684360cd68977ddc35a42a470537fabd682b343a', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '6a3f93c4a0759eca2c41197f6e518f4a94ed3771', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: 'd6248afa907c67186ccec3fba2e5f98c5918dd89', size: 20 })))));
+        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 })))));
     }
     static get is() { return "swirl-chip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '7191b1f701ded6567f879a2bd5b203b8be32532d' }, h("div", { key: '968bd5c470d46b1344eccbeb75d7017c5ee327e2', class: className }, h("input", { key: '4c4b74337ef38b1cb9e5d6d46ab9f1492f6a3a90', "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: '7db651cc85a8152e2e2968224b2e08f4ad0e29dc', swirlPopover: this.pickerId }, h("button", { key: 'd43c22fdf3e240c6c9cde90022fbf2766e79332c', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '7fb72a7d241b4371a727c8028a3e55325f133732' }, h("div", { key: '77b6807ed3d48dc017aea25e6fd33b88f8d58e20', class: className }, h("input", { key: 'e0f4baaaaf1399b7b8d9a02f7f7fa6f37d9b0427', "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: '51b7b183c7d2e5dbd07ef0810b3d94b474e51fa9', swirlPopover: this.pickerId }, h("button", { key: '3a15ab5f469b4498e56596195849a7101eaaa4d1', 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: 'b4a139bbe942b650713bc05d338976ecc2006939', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6399973c36ce0576ab338134f99625bfd92d6ed7', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'd3799f25dcbd907606c35c2a5d4d62f1430d55cc', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'fed520dfbe8789e62136bee0914c99c697201239', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'a77e5a8205fdfd16b1f5e7792e35d49fd5a6987d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '23b7426ee1d4a9bccf311ca46621c09d779eeee4', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: 'e92a86ffb9c3a720a2689bf2c3a733b852fb3cc1' }, h("div", { key: 'e5a01823a2aaa841a5f6f6acc310aa006c090a1b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '6b40bd73305fe82b1df75a843d65272d3330c73b', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '0756e715471c9f720d0c08b6ea8bbe71ace5af25', class: "console-layout__header" }, h("div", { key: 'fecff3760814ba09118883146abe355ac001d240', class: "console-layout__logo" }, h("svg", { key: '216e57615435cbef140f2632214b187ff2a00ff5', 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: '12e479d464cf3e10642abd16d200cccde847dd05', "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: '8d74f94e2a7b8e861da4f3b4db767170c04ba785', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '019061583678abe966f8fba2ea275e2e91fb8078', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '0828b240b55bc8d1b2b48e9c9faff02c5b512f81', name: "navigation" })), h("div", { key: 'b64798ceb0efe24ca2bb0809a8d6c1131a96a957', class: "console-layout__user" }, h("slot", { key: '6cdb2917a5c46d0ebe6c99478e80ae06d8753eeb', name: "user" }))), h("main", { key: '648ff2d4ac2e9d1a89b77f8cb1b3c72e48abd5e2', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '59dc388d53187bfccd48b52d5da9bfa5ff99ef08', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'ee0caec102563ab72f5ca8eb3cd64621a9d217c5', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'ae198c6626f4a574b6c65ef343f76a0b9a22c3db', class: "console-layout__app-bar" }, h("span", { key: 'ce83c03e90139ea5af9ca2fa48f4aabb7f9ccc57', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'f606edcf1bdef12e3a83d8e145c24e1aaf9090bd', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '877a99276f633b0c211ea753e8900a286c715c25' }, h("div", { key: '5586571f3fdf9e53038e519895691d4bc7f02ec4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '12a85311d8068aeed8399d9070d0785d66824bfa', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '21d40c363f181148ae6719ba5dac8dd81ccfbee7', class: "console-layout__header" }, h("div", { key: 'fcf090e6ecde0cc590ee3562d129c133f6ba3736', class: "console-layout__logo" }, h("svg", { key: '64ee96bab28665e62c021ab6bcf00ca232602ef6', 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: '32d2efa245e5bf92f79c16a41ef3961e1289ca18', "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: '66d01881ffa7eed51ac23707e2803df840c626a9', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'fd9a4fe72a628827f936576d189c21232bd0cc1c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'd4f3a64b04a40c26c3ffb37d7162e715e36fe9d7', name: "navigation" })), h("div", { key: 'c9d20af26bd0f73b65e2695df9d45691f1d3e370', class: "console-layout__user" }, h("slot", { key: 'eb4c972928244f44fb228e850ae5292853258f8b', name: "user" }))), h("main", { key: '0b4fedd1556dd5a03b2a2abc1907872b3e68d81b', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'ec865f602abb7389d54c7d724c5b3e8e061f399a', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e43fdcee425d18854fa5a2562d0ceb4bf2d9270e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: 'c17c47a0083729471c38b5b39cb1321ccd5b500d', class: "console-layout__app-bar" }, h("span", { key: '056f5cb385c2e1d23e61160f95e856e49172f69f', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'd6d7501b4e06a909ebe26b74db6a964d654e4f44', 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: '0c2678c18abbf7399785574817de1ccfb9b40271', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '51049972e1975db4cdf78db3f1bb675d0330ce00', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ab8fa38fb9003c7a9991c6a0a43b0efdb1273fc3', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'ff73bc9f361c073f30ae03afcbf7ff354170d6c9', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'cf85bc78371e9c605f54c274eed22dccfd8d6382', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: '2129fb802c1596e37558a124b057f31ab327d20d', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '7fba6fc07d2561a1760a6c8b2f99762c84e9de84', 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: 'aad5b6ab13c8c3f9da2a36a2d78f5e0c5b4ff972', class: "console-layout__heading-container" }, h("swirl-heading", { key: '439e24b3b1fb8603379ad65b4782432d89091184', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '22a2bc6297e7c13cbc7910cdddc735c614314c1e', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'c2596a1794c246b75734d4f20ead46ec43434d01', class: "console-layout__heading-container" }, h("slot", { key: 'ff3391c8ab9fc211ac7e34836ab5fca6fc061565', name: "heading" }))), h("div", { key: 'a7e35128ccaabe4b9bb33a8b4d3f00bb573da4df', class: "console-layout__content-header-tools" }, h("slot", { key: '1cc036bc7a2dd3c0b526f2f9670faa1c491fa9d9', name: "content-header-tools" })))), h("div", { key: 'e68ab6099bb65b74dd55cb05dce700fd2302c29e', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'b26a7ae3c6984ae494612fd8ee9c5b7b68363f7e', name: "content" })))), h("footer", { key: '51b713dc2f9e47573100d8ebab1e3fba279a40f4', class: "console-layout__footer" }, h("slot", { key: 'c0f038d479bc0b0b9b500585e7b3f5c253776404', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '3588eb236d8d6d721a6b58c2c55c89d89b55c9cd', class: "console-layout__overlays" }, h("slot", { key: 'ea7300850c4b666ae8bf030116da4d3511032ea3', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '354b92ed6af2aa0051cfbb0161613dc32cbe2b26', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '346895b42e20c227c22d4f065b952bdd436c467b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '21ba3ef3b8549fcf5d6c7e761551c9aa520b64d8', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'fec0e51550ebc7e65904a26cc6a78bfa5dd773ba', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'a330cb8873383a6600414701ba0ea125aac15a99', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'f48c576eccaa12004dae489601f662700f11ac76', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '59ec11a9ff739c49797c6374fab5afc7df7f4514', 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: '0d029d7ebf84628808ac2501f863609948cc5d2d', class: "console-layout__heading-container" }, h("swirl-heading", { key: '3cbabeb0a8a841dab374bed6ef50a29d685b5551', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '097a88d77cb6242e39861037ef0bcf78e915c4dd', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '74c47854623acd241d3a7201fed507334323c888', class: "console-layout__heading-container" }, h("slot", { key: '518687f5c9f81198013a85a81e0a1d932cc8fda8', name: "heading" }))), h("div", { key: 'cd4d077c51e8ab5ba94c344b9ca055450700233f', class: "console-layout__content-header-tools" }, h("slot", { key: 'f89f06be1d237273cce2f9cfe26cea171d71758f', name: "content-header-tools" })))), h("div", { key: '2542615930e0927c9ea8185e4827f3c063b21044', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'd68be43006c3e7eb82d52f8f6563d4ae679264cb', name: "content" })))), h("footer", { key: '157ca488101270e296a0265761193b64db44f3c3', class: "console-layout__footer" }, h("slot", { key: '87fd0b86404d9e3bc5ccbd44f3fdca4a1ef01138', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '17d923022d523704af1d1916637d2af4a5a5504e', class: "console-layout__overlays" }, h("slot", { key: '7a436c4622b62db07cba9935f4930e8e06800971', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class SwirlDataCellStack {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (h(Host, { key: 'cd8d8d60538b60155e23757a7b277d1d97e01067' }, h("div", { key: '8701abaebeb6d584facd9fde9fcc432e8f1bc845', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: '0b6b43dbeda02bab4c1d413d04602d3bf7480b3b', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '7dcad79c2087bcdb0203cc30a3188580c2bdfc10', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '593ba1309c784c377dade4bc972b1cb0d84ad639', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '9f769200f3d6f244ebb15a78804940177050f413', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: '8fca31b2fd8a5a40e05f6e97db815a959759fa55', class: "data-cell-stack__cta" }, h("slot", { key: '8d9e7ae5237f1cb5639c8df4c8bbdf5f9f50f894', name: "cta" }))))), h("div", { key: 'decc1d026cd071501988c0b92e875e5ab7437cf4', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'aa41073060b3a4e8c62db259018639949e044a24', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'c5a7f1db47518a1159922596dca273835ad8e273' }, h("div", { key: '5a9155ba4874b1a2aefa9ac66376843ed330c17e', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (h("header", { key: 'f96be02e2672c703fc0f036cea4b8a46ca600ae5', class: "data-cell-stack__header", id: this.headerId }, h("div", { key: '69d283e694e896bd4a8d06941400668873cdfdfc', class: "data-cell-stack__header-content" }, showLabel && (h("h3", { key: '45aeece6c12e55eb617d9e3d0ca5b704e0aeae4e', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (h("p", { key: '768d7a8fd7b8b47dc3ce97b23e8488c7c6c663bc', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (h("div", { key: 'fe3829a57d9e5357c58f6fca5d4236a611c0b553', class: "data-cell-stack__cta" }, h("slot", { key: '7a7ff7b1e33321685e3bb552154cfcebbd094463', name: "cta" }))))), h("div", { key: '8ba716b5991d67d0edfbd6139f821a3eace709d7', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, h("slot", { key: 'f3c3f72c0c551a3bc730e4d83b13cccb0d632bfd', 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 CHANGED Viewed

@@ -215,7 +215,7 @@ export class SwirlDateInput {
         const className = classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '7ab64d2c530f1305a51227ff5bcb77554cfd5895' }, h("div", { key: 'd08197d6c69c7bc18070e034757bc9564bbea14c', class: className }, h("input", { key: '82bd15966be681f05a0837c152475698f0ef3cd5', "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: '972aec87bb48fc2585ee6c8043fa9520e7eb63f7', swirlPopover: `popover-${this.id}` }, h("button", { key: 'fcf326af9e0b494fad482a1e6f934377cde0f11e', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '33948b7b1f64abbc2df5bc5424895f2755a1da00', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '9ae60f0ef578a1fe0d428da799f44410f85b9b0e', 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: '42e3d365aac233d15a1b26abce722650ce6699a5', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '2ec594d964122a487dfe11366be4fcc7b569d8e2' }, h("div", { key: '68865174eaed718b1b9a01cc30da844092419404', class: className }, h("input", { key: '5d19ca6467fe106aa847d7c2190ee8383f8fdd03', "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: '934f9a34104e23208fc82f5517129199610bcd6a', swirlPopover: `popover-${this.id}` }, h("button", { key: 'b0f758fec8fa2305ebf5e0266a03fa60dfca9c1f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '01348f120dd398170b2c5e28c81397a621175cb8', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '86c33819d1169ed69eb2f07db7e4e644ec6cbd5c', 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: '75e98326b305696e9a35f218f25dd96eab152f67', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     static get is() { return "swirl-date-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class SwirlDatePicker {
         const className = classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: 'f9208d4e51785c8844b7029150957d8bf30682f9', onClick: this.onClick }, h("wc-datepicker", { key: '1a53dc95157dca1f2f022233232892b0fa1f6c42', 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: 'a52360627cab5b1c4aecc6cb2700b00adef28853', onClick: this.onClick }, h("wc-datepicker", { key: '64496eb6d4ec9e7c4f37b6a9b83f67e8318a81b4', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlDescriptionList {
     render() {
-        return (h(Host, { key: '403f73ec489f18943c52732686482d38ac63e9a7' }, h("div", { key: '8f0ccdfb673144a145306913582f31e777424adf', class: "description-list", role: "list" }, h("slot", { key: 'ec57593f713ff2eeb236b04d2e92664224dd9e40' }))));
+        return (h(Host, { key: 'ee83e61c66167a1a36394a255d7bc57b12ae34ee' }, h("div", { key: 'fe0ae0ac451ae422ea90e489a324cf20fd2910ea', class: "description-list", role: "list" }, h("slot", { key: 'a8eb0d705a49f49823fe688a1f5f70ca93aa5eac' }))));
     }
     static get is() { return "swirl-description-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlDescriptionListItem {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '1a0d061d7e318113ddc4109f2e8acffda1f08529', role: "listitem" }, h("div", { key: 'c01b977f3dd4df61a0d5b8210597aecde90128de', class: className, part: "description-list-item", role: "group" }, h("div", { key: '446d87fa5daf307e7151c24fdc0322d3e8f386fd', class: "description-list-item__inner" }, h("div", { key: 'd7ce3523c1f7744f28001892a67a92ad5d5937f1', class: "description-list-item__text-container" }, h("div", { key: '967a7a39ba719f5ebc13dbbd27ebfb36f7783d8f', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '4f4e15b269d071f0f8fd7bc7b62bdabdedef9191', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'af96ee34765e922429b5fa998c75510075ef4fc3', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '1d69d8b8079f52ae2387baa715cadca60b65835f', size: 16, tabIndex: 0 }))))), h("div", { key: '3fc9080d00704f89425dee7fd2b57e57c1a95304', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '9c8e6b20855f31284d442b41e749a433d07557d0' }))), h("div", { key: 'bdc20efe11ca490759affc9fe5222c6c9ec20bd6', class: "description-list-item__tools" }, h("slot", { key: '097d52440230c0a6758ecb4e0c3b0dd7042192b5', name: "tools" }))), h("div", { key: '12cfcd56f3e082926dc22b7ff3e721985ace49ae', class: "description-list-item__additional-content" }, h("slot", { key: '0efbddcc6f58ca424e71b23f3358946f945f789d', name: "additional-content" })))));
+        return (h(Host, { key: 'b3873f4225fd477a2df3ffc053ddd6157023b22f', role: "listitem" }, h("div", { key: '01f5c14d69019560eeff0729d628fced6d02da95', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'ab5b61780ac4ed77a0066116ac598536c82cbc71', class: "description-list-item__inner" }, h("div", { key: '259c2dc39b82c047a1d85f5945022971a9e8bf40', class: "description-list-item__text-container" }, h("div", { key: '19b8ee979c0ababb784d7b46b0dd3dfbb6af34d1', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'c873937c354c114cd7bae59f62b11bd0cf2c02b1', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7a4c4e82dba491a081518b2d0d3c3bd86ba94fe7', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b527b72143953bc9e8235143723806201b894b1f', size: 16, tabIndex: 0 }))))), h("div", { key: 'ccfa430f0049c1c9f23b1932ced3f392d3ddab94', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '84598b3d362a781dca8210a3434a24ceb8d2c2d9' }))), h("div", { key: 'e5f4320e3175708d87b48ad4264914e478111760', class: "description-list-item__tools" }, h("slot", { key: '8a5d1ec085197294957807a4342d71b3f5801223', name: "tools" }))), h("div", { key: '4ac5c0d60d079b8d3df8ad4b409ac1f6dc1447a5', class: "description-list-item__additional-content" }, h("slot", { key: '97bb62a58a09c7cec0975aec3ae9f10e026fa4b7', name: "additional-content" })))));
     }
     static get is() { return "swirl-description-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -111,6 +111,9 @@
   font-size: var(--s-font-size-lg);
   font-weight: var(--s-font-weight-semibold);
   line-height: var(--s-line-height-lg);
+  min-width: 0;
+  max-width: 100%;
+  overflow-wrap: break-word;
 }
 @media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
@@ -125,6 +128,7 @@
   padding-right: var(--s-space-8);
   padding-left: var(--s-space-8);
   line-height: var(--s-line-height-base);
+  overflow-wrap: break-word;
 }
 .dialog__content ::slotted(*) {
@@ -149,26 +153,50 @@
 .dialog__controls {
   display: flex;
   flex-wrap: wrap;
-  justify-content: stretch;
+  align-items: stretch;
   gap: var(--s-space-8);
+  min-width: 0;
+  width: 100%;
 }
-.dialog__controls > * {
-    flex-grow: 1;
-  }
 @media (min-width: 992px) {
-.dialog__controls > * {
-      flex-grow: 0
+.dialog__controls {
+    flex-wrap: nowrap;
+    justify-content: flex-end
+}
   }
-    }
+.dialog__actions {
+  display: grid;
+  gap: var(--s-space-8);
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 0;
+  max-width: 100%;
+}
+.dialog__actions:has(> :only-child) {
+  width: 100%;
+  grid-template-columns: minmax(0, 1fr);
+  justify-items: end;
+}
+.dialog__actions:has(> :only-child) > swirl-button {
+  min-width: 0;
+  max-width: 100%;
+}
+.dialog__actions:has(> :nth-child(2)) {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  width: 100%;
+}
 @media (min-width: 992px) {
-.dialog__controls {
-    flex-wrap: nowrap;
-    justify-content: flex-end
+.dialog__actions:has(> :nth-child(2)) {
+    width: auto
 }
   }

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

@@ -113,7 +113,9 @@ export class SwirlDialog {
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: '9cbb258ad8ea605e2938b8347afab17030700cc7' }, h("dialog", { key: '2e9a9a231cdbf8114540ec839e82394fa5dc4bfd', "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: '86fae74a0eb1f17bcccf541f924b977bfd4a81f4', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '1099ee1c496f768b7b09a5ab472aafa08c99ab14', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '81fb3da5eaea1b0cdf539b8699e7a0dd13761b90', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '444936df42a6592ebbf547b73c3d3b92309f13b6', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '59f54838fb3179fec4bd63530ebb5cba7ee290f5' })), h("div", { key: '35cf06818cd2c074a5d2a1b7f48f5d9d823c7a4d', class: "dialog__controls" }, hasLeftControls && (h("div", { key: '0a95718abb813bd138e2e640c9cac8052db4b92e', class: "dialog__left_controls" }, h("slot", { key: 'bdf1bbbbee8aba52f81baa02cd7c64c141c72fd3', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: 'c30681370ff7d3c437d1e876db2e9236a185a4a9', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '870cf0eb783bdbe24671e2c724b089d576a21d80', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        const hasSecondaryAction = Boolean(this.secondaryActionLabel);
+        const hasPrimaryAction = Boolean(this.primaryActionLabel);
+        return (h(Host, { key: '708ccaa68bef8d5e4dfae280b571bcb3f7faac66' }, h("dialog", { key: '4dd33c539c98ce28cd71e6ac1ddb98d28d3870bb', "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: 'eda118903dd12286cae5be5272b4a8e22e54377a', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: '674a21b5fd4412385029de514e80437931e3dd5a', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '326f9f9ce7b0ac7cf6a0f45dc6035149b840e31b', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '94430fd2bb927c8e0214759c9f8a383acace21a0', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '7a6309bb02a4a8b806517c58dd5670e88c1b71ef' })), h("div", { key: '64b97d60aaeed063ad7ebecacdcc0a0b65d4e4b2', class: "dialog__controls" }, hasLeftControls && (h("div", { key: 'b2c4a576b81538ae4ca4deabff165570115640bf', class: "dialog__left_controls" }, h("slot", { key: '9ef9724675aefdc19e0e3c49552df6d6b58f56ab', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (h("div", { key: '2325285d62d53c49f9204a6ce0619f1cbea8b2fc', class: "dialog__actions" }, hasSecondaryAction && (h("swirl-button", { key: '824700139c59a3a9c96dc5592a3a3b447189eb0a', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (h("swirl-button", { key: '0de63d58d30b5d8b3a148d9720047429c4343af2', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     static get is() { return "swirl-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlEmojiClap {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '59f8892cc38e557450958c4e102e765e2f5f9810' }, this.size === 12 && (h("img", { key: 'e333aeb56df8bfe8b2db09f8823b847a50c96b2f', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: 'ad1bc58035f110c97d2594c33702bd0508791dd8', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b44dbbc12dee3801100d29969268e4ecc7ad5632', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '6e3d1817743a05b82e21b217cbbbfdaa006d8340', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e96bf1adeead86212d2f72e31d0c01827a58fc4c', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '097c592e5a22e1b4a7938d01cba5dd3969594ec3' }, this.size === 12 && (h("img", { key: 'b6e128470f3f403cc89b631713e87b8381cee392', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (h("img", { key: '4bdcb99ed3e533edee4256f1b51c40b97441bf43', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '635772d3bfb2b220b609292af48cfb81c51a8f39', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a26d7ea16f85840015b6be41bcb556308ea09d80', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '4a943f1936a63b9be95cbc6eda262a3dd8374e8f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-clap"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-happy.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiHappy {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '15ed88b39affbe5642d66cd107a2fed1a616839e' }, this.size === 12 && (h("img", { key: '176ddca0645f0602a5fda8b1cbb855c3e8e53b7a', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: '4134a2a54beacb4624f0fb56bb2f68129c8a34dc', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b9f8cf3b9d18082373467cbb3016c8566938ca8e', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '44a006c720761185201790a59a3a6b5261f95c93', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fba9173adef09945866a632f6383879b1f02e37d', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b3faea14b83cfc5596377b96bfab68d75af109c4' }, this.size === 12 && (h("img", { key: 'e9ab0ce3eeaf224017e328154463913bd6869fae', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (h("img", { key: 'b9b4dc3989fe7918ae9036557418d488803497bc', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '5ddc3e2780250a8e7a89f7feaea66e99b7c5a75e', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '923c1529156b0504139ab69baba9b9901cf3642c', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ec24d29c9454d572fb9a75c79e1352346b60e57a', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-happy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-idea.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiIdea {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '54e94475c07de59d5ae0177136da5aed53f24f50' }, this.size === 12 && (h("img", { key: '671d863d441c973ff97b36a398282891a874e2d7', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: 'c375c356bf7a84a179cd911498025d288bc8446c', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e75553ead78465e4e97c88d2ca5e527640f23477', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '8d8c2bb128bac8c34bed887c94e312e44bf79236', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '2b37e9f29d84348dca4c49cb3b431bd7c629e22e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-idea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-love.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiLove {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '1254837078da1c3822b80776e6da439c79c2a12b' }, this.size === 12 && (h("img", { key: '42e43771d986ea4b3b99bb8795fd8dd8b6eee5e1', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: 'dabbac6c5e26df08b7c4864243980877f1d898c1', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '011fb7e26d6e9a09746910d80b9fa515a899f484', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fb52352f6f2583e7248025af2b93ef03eca1fc5a', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a1db0d5c7326c7aca113fdf5d30197e13d18bfc7', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '5e3ea1e851e552eb95608d3a0092dc6284041014' }, this.size === 12 && (h("img", { key: '311525cf007194efb83c078584b406ce7f72227e', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (h("img", { key: '1e2a4b8b5be7e0b7401442b9e2486a613b9b5480', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '9788ccd3b3c90bc46ff079904b416f35c58939ef', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '18b7f3a26bfeca9ea1227bf51751a06e21eb8ac3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '2e4f9ca5ad36bd1be98c2faebb28ddc35723cf59', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-love"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-sad.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiSad {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '60cdb2c2be1cc149665ec774fb945b72296429e2' }, this.size === 12 && (h("img", { key: '11c78883eeaf98964d3823a5144e5629dc3039ce', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: 'c49281dac0fd85b8187ed6546667bf2953b5905c', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd49e4c1a2bb48909b5f72a5779a01eb344da057c', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fb718c824a73346db6d931e2e8364cc03ab99be1', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '528bd5595c5b768bb835703202c0c18abc544394', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '4b4411b911505b079c3f2d968c287e61b3c13c7a' }, this.size === 12 && (h("img", { key: 'e0078af01f17b177af734eb54575d46552f1d1ce', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (h("img", { key: '30c1508cbb8ee99123a10da54e8758343be7e992', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ca4ff71685c86f57a97e5e9a0a3f973bdfef6e04', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b6e1d5c9b8794d78f3e051c2775624e5c782b132', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '100f6cff55c2c5d1da05ee7fa106326d676cb69b', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-sad"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-emoji/emojis/swirl-emoji-thumbs-up.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlEmojiThumbsUp {
     }
     render() {
         const className = classnames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '9edcfe5001c986f35f646ea90fb1cc9790a3e06c' }, this.size === 12 && (h("img", { key: '9c00b3050fd687fd6962cae306d0c51438f10560', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: 'd93f8b4eb936344f19aac566e75681c2b82654ce', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '5144d69fe6b915c05f5a762b535ac3cb8a0ac8f7', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f0f6c14bcc3b6d0194ca7463244e41313694203a', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e507eb7076bf8c918f7286c01ccfd78fcdbd1be6', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '576bd88f22e20d3e8c7a66aae11b9e8ddc464b35' }, this.size === 12 && (h("img", { key: '19c6cf5578311f97d59a53f4d55621508a97823d', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (h("img", { key: '570b4d902cf273871551eaa6030e5be6e95e501f', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b7f30fad3657304efc645b4f0e457eac89153a57', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '646ffb9745c42b74bf1d74dc96cd4d9dd919d210', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'eb038ac87c478f118e462146cfe2db849d020495', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get is() { return "swirl-emoji-thumbs-up"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlEmoji {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'ca065c71a73108afdb824b9c61145209c3dbe424' }, h(Tag, { key: '4c01050cd3292610d2fd9aca28f1ca19643b1a86', label: this.label, size: this.size })));
+        return (h(Host, { key: 'b2e1c9317fa2db9749ef85d9b1a86c7dfa4535b3' }, h(Tag, { key: '86200df9d507adddb33d07d8396fd7fc97624c99', label: this.label, size: this.size })));
     }
     static get is() { return "swirl-emoji"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class SwirlEmptyState {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: 'b9726019f921d40be3e2731fe233d1c58bf7560a' }, h("div", { key: 'd9b96798933a96b7be4cb338fd8bd5951bf10e66', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'e99a177be3c63a7cc8b55b9341bddf8c3e0d63bf', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'cace63f71dfb576ad8be4d42c66422e02b2460f3', class: "empty-state__slotted-illustration" }, h("slot", { key: 'ad178092a90cee4385ca6d461b960678dfbe2903', name: "illustration" })), h("div", { key: 'c18fb3a3e3ef26633e3cc4fe5eb4832f8c27b976', class: "empty-state__body" }, h("swirl-stack", { key: '2604a59f088d04bbd5c45be903f21d88b276d142', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '6513d361a99794c30c6a0d04e3262ee1c4df5498', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '9b9c1c868a1f6e25856c04644773e52d4c69510e', class: "empty-state__content" }, h("swirl-text", { key: 'ce1daa5b5178c6c5dcdb4b0fcb4930add0a96838', align: "center", color: "subdued" }, h("slot", { key: '89815f20d9cbc2f725e101b2351a58cc14f146d7' })))), h("div", { key: 'b2af17e78c0ff37f2fb8ccacacd0fc998c84b015', class: "empty-state__controls" }, h("slot", { key: 'e2dda5c87b4f118fb10e81264cb7014cae7a98da', name: "controls" }))))));
+        return (h(Host, { key: '84a514226e65320a9aac38997ef58a1ce8ac4578' }, h("div", { key: '0a07efdf1347d39ef764e8eb0494376109d5b163', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '1160bc0ee95238c50730bd89aa3a1a86f65afccb', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '582aaf0c7b836cc052b8e327e881bc35a5748b63', class: "empty-state__slotted-illustration" }, h("slot", { key: '982e1180871e557fc360feae88fdc9e1566ae10d', name: "illustration" })), h("div", { key: '490481a38252dfcf7b63ca5c2fd593cbd51f422b', class: "empty-state__body" }, h("swirl-stack", { key: '2b6289185108f6a247c4e67f517565cd3928861d', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'ea3f56f5bd950506de2189518025c4e6e2e0834a', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: 'd425d641027947092445b41dac35e6a8a095d4fa', class: "empty-state__content" }, h("swirl-text", { key: '8a37e69ba83c836d79337887abcffba42f867344', align: "center", color: "subdued" }, h("slot", { key: '81859707c5ef23172ed2364209976269fe61ba0a' })))), h("div", { key: 'e37c890ccc368d70e05c3b88eed07e7f8eef4c00', class: "empty-state__controls" }, h("slot", { key: '20dc9f76b8252d3d675029f0e3d7ed9d45ba92b6', name: "controls" }))))));
     }
     static get is() { return "swirl-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class SwirlFileChip {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: 'acf77eb6b958931fddcfb5b7db0b7ce0954d1890' }, h("span", { key: 'faac4fdc2e4bda7e1adce36c768868e4cdee8567', role: "group", class: className }, h("span", { key: 'ceb07be7bbb22b6b686564120590a5327642611b', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '8c4d576f21d7053aeeedf078d09716ca261b7b80', class: "file-chip__info" }, h("span", { key: '4931867ab00057ad632eaf253f0579aa6d470eba', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '8e16110704ed595bf88adc5ee3ff65b1aa50df4b', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'ffa0654e7fdd8a5f2703c7036d0debc6ecab21eb', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'ba5e5a366788fdf2c77cec2257e507162c4b8728', 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: '5e2eb0ed006756977f19f0b409e1bc02b6a8457d', 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: 'aaf3bf8669f4de83f0e6d80ab1690f1f97963f9c' }, h("span", { key: 'fc3a063181f68f58e8a14a2cf0f529214c53490b', role: "group", class: className }, h("span", { key: '9fb05f1c19f35f34f385aa3b763cabb89b6270b1', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '0187007fa80378ab14ea8db1b64005ad17206706', class: "file-chip__info" }, h("span", { key: '096baeeb5875dc3b1a6cfa1ef923e78c3d6e4be3', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: '7f75522d6126f326db005450a7e98289335dd842', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'e2dc6178da3cc9120bca8e1eea26e51c954cb69d', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: 'fd835a188fe66ba7becff091153f3f88dab82265', 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: 'fc762ca1b057c3cb34a4403af972bc2c28c0f3e6', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get is() { return "swirl-file-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,10 +32,10 @@ export class SwirlFileUploader {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '8832911f1e527f74a7e4b439df207b48158ec1da' }, h("div", { key: 'aa15775dcbde1cd10cfd90356b2dbed1f7ef7301', 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: '30de61120229eea792a5ef66d02cf017d0f7a082', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '3f06e6152f31ab39f5eed6882b9fca2cbba859b3', 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: '1a9fcb3a7ff45466619221eadfdb7a143ea6924c', 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 CHANGED Viewed

@@ -50,7 +50,7 @@ export class SwirlFileViewer {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: 'aa8f0b68afa2314e30af2090e95956bc496fcd04' }, h("div", { key: '9669c81c60c21eb23d5c04ef07953b06a991733e', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'c20da09784c84feaf52eb085a78f5f6e4f9ce9f9', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: 'ad0c8f7dfab05eefac4c18be30714a4de1de7ce8', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) }, h("slot", { key: '3397b73049a7e01223336c8345820ac588332c0f', name: "watermark", slot: "watermark" }))), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '7bdf5fe9d47da6930c9f71410fde0f4305e0275d', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '21d3bc64a899579efc7f13dfce780758961e04df', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '064e06e83305a86185d9f1d68c2f678d9e8bde52', 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: '2f0e0aba4e9955011667bc4808a34f9d5fd0568d', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '262d6b0846755a01970a8225e66a1f634d597cd6', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '95c4e8bde9754eb36f9803285d061aed1d00aa8f', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ export class SwirlFileViewerAudio {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'c949b0d542c623e41bceee3cba6aa05209b4219e', class: "file-viewer-audio" }, h("audio", { key: '83238ebed125d6ea19ed9bbfd6a51823ed23aae4', 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 CHANGED Viewed

@@ -34,7 +34,7 @@ export class SwirlFileViewerCsv {
         }
     }
     render() {
-        return (h(Host, { key: '82d422a4f928cf4ffb0cf0a4b88f6d1d0be55878', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '0a2d00c69c1baa602d83d9fe6957bcfe7879647b', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'f35463df60da2ed5d131a27dfaea0b6432b6862e', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '19d11bbb79e25190cb8a1e584e3856fb6509c0a2', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '8e6ccc70d04b4e07df0a43bf8636655583a38600' }, 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: 'cd11aee562c0669d496a10eab848dc0699d7adaf', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '0f686beaead6cfab5ada7c6a9bcab9258c6519d7' })))));
+        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 CHANGED Viewed

@@ -11,7 +11,7 @@ export class SwirlFileViewerFallback {
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'fcc022294ef0497dcc0257157795a2466925c588', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'aa4781ec44a37437146ecc0aef93d9ce9e2985e9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '791f81a55b5b19ade1c30f95934b04e41f40b775', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'c1e8f7fb69801173eb70589964f38cde996bbf84', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'bed68aaa6a017250c96e0db4fd17d64553285359', 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: 'c9deab23d5974b6ef5f41c1d7299b85452a82aa2', class: "file-viewer-fallback" }, h("swirl-stack", { key: '86ec016e1c42bc999db0f57463e5e4751d34b6c5', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '0fd7287ab36c1d3a75121b452bae43f2c57990f2', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '844e21a5ba8b14a893bec8418002abda9c743689', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '7d141c9428a8234ea88016f609565a15f69c9aa1', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     static get is() { return "swirl-file-viewer-fallback"; }
     static get encapsulation() { return "shadow"; }

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

@@ -202,7 +202,7 @@ export class SwirlFileViewerImage {
         const className = classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (h(Host, { key: 'c59b39ede55832743bd9be54419349984c0fb3f1', 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: 'd115b5c266b52d99238098d2f4ba4f067b91763a', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '3631dbb3895e6c997911b2dac2e02df8c012e9ed', class: className }, h("span", { key: '8d968364c562be9dcfabaeb7db8df25a1cf458f1', class: "file-viewer-image__container" }, h("img", { key: 'c2b889e3264e42e328358dcb6744c6ea26a06d61', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), h("span", { key: 'c5324e8a2a54ea6f27b34bfd2ea0a9b3cb19ad88', class: "file-viewer-image__watermark" }, h("slot", { key: 'c9b71e9259ebbf4439f0e6a62bcd8263344bb32c', name: "watermark" }))), this.loading && (h("div", { key: 'b4e14393e348f2732a7bdd984f4cbc65d0ece538', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '6acadd121754fb39d1090699de59f9f497426e6f' }))))));
+        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"; }