@getflip/swirl-components 0.506.0 → 0.507.0-beta-20260622113310

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-19T14:15:47",
+  "timestamp": "2026-06-22T11:32:23",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.1",
@@ -16592,6 +16592,146 @@
           "composed": true,
           "docs": "",
           "docsTags": []
+        },
+        {
+          "event": "playbackEnded",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackPause",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackPlay",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackRateChange",
+          "detail": "SwirlFileViewerVideoPlaybackDetail & { playbackRate: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackRateChangeDetail",
+            "resolved": "SwirlFileViewerVideoPlaybackDetail & { playbackRate: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackRateChangeDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackRateChangeDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackSeeked",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackTeardown",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "playbackTimeUpdate",
+          "detail": "{ currentTime: number; duration: number; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlFileViewerVideoPlaybackDetail",
+            "resolved": "{ currentTime: number; duration: number; }",
+            "references": {
+              "SwirlFileViewerVideoPlaybackDetail": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx",
+                "id": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [],
@@ -97446,6 +97586,16 @@
       "docstring": "",
       "path": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.tsx"
     },
+    "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackDetail": {
+      "declaration": "{\n  currentTime: number;\n  duration: number;\n}",
+      "docstring": "",
+      "path": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx"
+    },
+    "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx::SwirlFileViewerVideoPlaybackRateChangeDetail": {
+      "declaration": "export type SwirlFileViewerVideoPlaybackRateChangeDetail =\n  SwirlFileViewerVideoPlaybackDetail & {\n    playbackRate: number;\n  };",
+      "docstring": "",
+      "path": "src/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.tsx"
+    },
     "src/components/swirl-form-control/swirl-form-control.tsx::SwirlFormControlFontSize": {
       "declaration": "export type SwirlFormControlFontSize = \"default\" | \"sm\" | \"base\";",
       "docstring": "",

package/dist/cjs/swirl-accordion-item.cjs.entry.js

@@ -61,7 +61,7 @@ const SwirlAccordionItem = class {
         const className = index$1.classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '66dcf3013445eb4eaae38af64494afd0d3526733' }, index.h("div", { key: '3aeae0c7c69628927741e47031803c1740f4e0fc', class: className }, index.h(HeadingTag, { key: '20726452d1e3cb5ddc52a8e911e7d196f5f87361', class: "accordion-item__heading" }, index.h("button", { key: 'f4735c22030a444810a69f2e7fee21246fd9927d', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: 'a271c24aee551592660241e680a356a004d0e807', name: "media" }), index.h("span", { key: 'f5ab902961328fa85e4618e17cbcc6b2b23e78c9', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '2b7c2d6b2139b3e53050f6304118db4d46d2c02b', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: 'e71d8b24cd6856864af39c4f55c99f9c85808af8', name: "trailing" }), index.h("span", { key: 'e460fa8dabb032a77a553d3bb747eac3f25d01b9', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: 'b350211853ca3547793ee5b828631a2a9414327d', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: 'c99d8e911db4081bdd284f1677e707993631ed4c', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'd66b94dc0f7ed13ac077f39a2d18f0d36d480a1b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '8967e37cd77d9fc4cd36fb1a1622e59407927ed2' })))));
+        return (index.h(index.Host, { key: '5933848dfc0ae6a6fe4984ada99881288821de46' }, index.h("div", { key: '12c3121f48c09070a0f0a02e59368117b7beb914', class: className }, index.h(HeadingTag, { key: 'b7cb7d39fa78430371a92f8df9f6d1afdfbdf490', class: "accordion-item__heading" }, index.h("button", { key: 'a46966f870735ce49af830274f8f84fa4b80af0d', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("slot", { key: 'cb660388d911761235efffc56bff5fab5bd40721', name: "media" }), index.h("span", { key: 'f85ad3cf0498818aaabb48964e54a4cca1aea29f', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'cb70e0571dff7e72fe882f0453218ad1634856b8', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: 'e2394a9bda1e77b841210f5a883f897ee5ae347f', name: "trailing" }), index.h("span", { key: 'a0eaf96d71b43ae37a4d902807135d74e6644f32', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: 'b7c4bd422fb4b7a46aba8e14ad51badd5b932f70', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: 'e96cd1b5930a45fb189fa11a5d89e76de9f4e2cf', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '5d38b2b6c0905be01fda43795d955475923ebc2b', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '1bba70f1b0cd0c7abb9130b5e50643330616be11' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-accordion.cjs.entry.js

@@ -60,7 +60,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd440556c2534042f582b172e58c89a71866d8429' }, index.h("slot", { key: '51efb93e43377f66792de872d872e90ad0107b57' })));
+        return (index.h(index.Host, { key: '758ed9674900cf1e9c0a0334930d08d14d4b5173' }, index.h("slot", { key: '20a7d64a0bc4bb6fb4bcd7079a018640a8a55f16' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-action-list-section.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f32a9b84b313c6cdd6f4d5c8da62dedd3621c2b8' }, this.hasSeparator && (index.h("swirl-separator", { key: 'd4f6d8e304c74b7b04c51286998871503e628715', spacing: this.separatorSpacing })), index.h("div", { key: 'c5248441fc8aa6bdbbc44343f4b8aad5a9d73b94', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '8da06dc7e9d9828ea9680d0df19a332d7d2aa71f', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'a88437d2b7f3875f00f03d886de2688b36fcf543', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '52329df1d56058f1837914f8547ea98cb64e14de' })))));
+        return (index.h(index.Host, { key: '644e60cee7964dd641f5cda6e634bfa71c74f4f5' }, this.hasSeparator && (index.h("swirl-separator", { key: '71a77da7dbec76d18dc6e10eca15d33dff6ea921', spacing: this.separatorSpacing })), index.h("div", { key: 'd14b958e4d01b9cb79ff46a764edb4131ffced72', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '21396a3f8e8e5f166af7d1dc8c8ce960372e350b', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '3c2e11cb3931c135df4f3dbc49f6bcf899a31218', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '1a43acac00b5dbcbcce7109ca4a4bb0594bc57b2' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss();

package/dist/cjs/swirl-action-list_2.cjs.entry.js

@@ -96,7 +96,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '73a668b1fd3531635442ba496c900030f11d24b1' }, index.h("div", { key: 'bb77cca10848e2096ff694bd58e29654163ed7db', "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" }, index.h("slot", { key: 'b16547c53c72f8dc5f0c6d9e33fa75bcfbe91979', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'b9b6b5040dcec8f5721fcde5c5fed776291ecbd8' }, index.h("div", { key: '97e90f5b335c4ec08af4ac1fcf2d7e023ac41eb5', "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" }, index.h("slot", { key: '8da7d6a025a0c537a6a06b536baf1e4e93630a10', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-icon.cjs.entry.js

@@ -36,7 +36,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: '32d65dc28415f6a9cddf111f62d4106ed90b2c1d' }, index.h("span", { key: '4491d2d2a924ded411ac6e40b5195563d2bb79b5', class: className }, showImage && (index.h("img", { key: '89d8be5b1cb0f6dfc0d6a86636cd89e51094dd1b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: 'b6c68e36d4bd4deed51000d27133ec7d0a86851f', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: 'b74e1169308c485bda65d385884dc1757f40a223' }, index.h("span", { key: 'd5a01ccd429e5771f6af3fe14a70fab8f528d594', class: className }, showImage && (index.h("img", { key: '9570eaa4b6e958fc56d0ef49a207d6d0e9644a9a', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: 'ea58f623daccef2636598ab1a3ca06786bc1b6cb', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss();

package/dist/cjs/swirl-carousel-slide.cjs.entry.js

@@ -14,11 +14,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: '95b07c3e3faa5b8bd28eedb5a9884d11bb564e63', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'ab9550324b5084c27803b9988252cf3a0f539638', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: 'dd7c65765f02d5eee33d628a918dbe9278e246aa' })));
+            }, tabIndex: 0 }, index.h("slot", { key: 'e19fb582325d54f88aac2ba5fa589f21edfb72c3' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss();

package/dist/cjs/swirl-color-input.cjs.entry.js

@@ -446,11 +446,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '50c7edbbdef091650a347f864439c91aa6346fad' }, index.h("div", { key: 'c2861598c6787b7cab5592e61416331453c35223', class: className }, index.h("input", { key: '60bfd28e425eb49ddacbbe296c8037288577ebc9', "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 }), index.h("swirl-popover-trigger", { key: 'aefc7ebda72548ee747558ca449fd4da6ce99b4d', swirlPopover: this.pickerId }, index.h("button", { key: '7ac877a4572ca0e5e156be6f6d8b55442e568428', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '76da054e32397ce65448ffab2ea6fef08a8aca4b' }, index.h("div", { key: 'c8c36f0d6827381ffc58eafac6e07cbe81b8dd21', class: className }, index.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 }), index.h("swirl-popover-trigger", { key: '095e071a8ff9611060c9b8558ea7ef2f23aa0d64', swirlPopover: this.pickerId }, index.h("button", { key: '29822997a707a43bbae6675d7d6325b4249d231f', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: '7806956fa6e628a8ed937100e9c648990902e0b0', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '378fed4d43130131bd0429ac7997f8111772e70f', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '9024b831e9f0e19aef504ca4f31cc3e791094019', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: '975650e9f73b16596f4df7705ecad94a0554e803', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '3b6b404d252aeecb0ed35500afe42e55c48de7c6', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '3285212c0197205236ad39b538da9a03b5802162', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/swirl-console-layout.cjs.entry.js

@@ -156,11 +156,11 @@ const SwirlConsoleLayout = class {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (index.h(index.Host, { key: '5d09a8c63d410fa62308cda784202952c7ae8c13' }, index.h("div", { key: '2a4f2d497c61546bacce29bf9fef4d91168c909d', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'fc85c4aa6003c983daa352afaf37759d9b7ed12c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'a5acaf8a5027a691f488ef8f6c85ec1cdd38ea2f', class: "console-layout__header" }, index.h("div", { key: '0b173a4668e0885fa2eae85d8642ad9603a8f3c3', class: "console-layout__logo" }, index.h("svg", { key: '35019948c32be3eea97e499b3ba830716f358854', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9e999a1d54e068d2c2e9c6a62133144bf66c636c', "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" })), index.h("swirl-text", { key: '9867ab49457fbb979fac29eb07d9cfdcd90b8616', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '9bcad767766a47f47757fdd9afcfeab6860d3232', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '7f07a5dbd86126548375913abcc3552184f1d778', name: "navigation" })), index.h("div", { key: '797ea642b8aac5314a7c4f4271064468f9ac2a99', class: "console-layout__user" }, index.h("slot", { key: 'c411a0c3a5bd5907b34dd52365b3b25c55d9383b', name: "user" }))), index.h("main", { key: '0c71deabe7137081a284f277f0d5320fe561a48b', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'cada32f38a0a7f09dbc1980271430347a8c7064a', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: '2e934dfd45e82516d290763ce481a314d2e168ea', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: 'e16c33016d4d274e30283db2da03a4482f0d66dc', class: "console-layout__app-bar" }, index.h("span", { key: 'd816c0f56caad845fad084a0baa9a3de8e7ddf3e', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: 'd45285afa211eec8076c66887fba0feb9b7c54fc', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: 'dd5f596e430af92ac20eb8b6760be4ca383466d8' }, index.h("div", { key: '7e86f654a290e6122cea1cb4c1c9fc04299978f1', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '2184f547669cd9dbcfd6303009d3ebad97fa20d9', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'cf79259c537f6646ea58c8688ce7dc7072634d5a', class: "console-layout__header" }, index.h("div", { key: '75955708ffa0bfdee0d429d0fbe55176102a3ec9', class: "console-layout__logo" }, index.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" }, index.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" })), index.h("swirl-text", { key: '7f85730a473d358f41a560356763db7ddaa0cbb5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '4547620a463f461c1ee3cd95654e25d2a7a477c5', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '9d1e6780c6004a198e820368854124362c63bc90', name: "navigation" })), index.h("div", { key: 'edb4595dad97cd82f728ad06ce9413eaeb9950c9', class: "console-layout__user" }, index.h("slot", { key: '3f8e98625b158238b84cfb40f02d505838f311fc', name: "user" }))), index.h("main", { key: '0401808674f2bd2e158f5b36d20b16171f141db6', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'f6af124c29e613530d49f9f9fd8b5da3e6b68ba1', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: 'f0e6bfcdbec0b5493d25fab6b2d3f7cfac6ec38c', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: '88799d15f24ff0509be529d94ebafe7bd151c17d', class: "console-layout__app-bar" }, index.h("span", { key: '868c32b64c207ae05ff3ee50baabc867128ad02c', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '581c376b157d01c063482cd5ca130b7bce26984c', 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 })), index.h("div", { key: '07504a35afcbc6e9e4210422ebaf6c07438d423d', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'b77b11b9ae84b744df31b71df7209c127f46e114', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'd12872a31d256eb38af549b990c36674b2f9251a', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'd22e35a265257382c81113f04e5844c4d90d591d', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '3a0d7cc797cfdb90796f695a7a48d5c84fbf5641', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '504ad20a00c7287b53e011381110725764affea7', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: '9f508cd05667433ab5f3f6058386c0447a077e76', 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) && (index.h("div", { key: '3e0d05f38fcfc7b1e6a4a1e6bd8adb213d33a83a', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: 'c99e0af968e10942714e78049707780bedb5f473', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'c91b6ff09387f989add0966e76305b2f169a2522', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '5f9bd046fb38987374ef70310a8d7fe10584070f', class: "console-layout__heading-container" }, index.h("slot", { key: '952dadcfb09b0409906f1571bee0991704a1c0c4', name: "heading" }))), index.h("div", { key: 'b29870e34d1acc32917e0f1c3f0e7b1c85e94ee7', class: "console-layout__content-header-tools" }, index.h("slot", { key: '23a42d65e4641a59b11205b68bbbf8f0d3d4089e', name: "content-header-tools" })))), index.h("div", { key: 'e4faed336c026e9104850664235a49da0d0089a3', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: 'eabe7e379db5c8a3574f332553bb93f733e1c3a0', name: "content" })))), index.h("footer", { key: 'a4dbf7ec10a443607970fd5cf4f61d645b5c71ec', class: "console-layout__footer" }, index.h("slot", { key: '4958d2838da54be6626563695685d29dc4854654', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: 'e1eb0783268ff8afde5feb6936a0d4ba105f6908', class: "console-layout__overlays" }, index.h("slot", { key: '9e085357507c590cc4a4e19c93493885abce6adc', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '6199b81280bb5042fa483cdd0d2ee80b7d9aeec5', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '6a433fc1d01cbf93ce819900d7246f784df953db', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.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 }))), index.h("section", { key: '8fa69e3a5885602a28b149a0473add39bbf2dc27', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: 'd9494c7299ca3d89c9971e40e1aa9e4691525911', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '44d72ad95c5621f9c195878c3a3aedcc206aac49', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.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) && (index.h("div", { key: '0126fd3b2fdeb14720ae93ae44c9061277083031', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '37e617bfa62997571a4e57d03399bc4f388dc89a', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'a9513b911b637ff5637b6abb1d1411efbe922db3', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '24d40f3a19d784adce86467b2612c0d58651c7be', class: "console-layout__heading-container" }, index.h("slot", { key: '1cbeffe9bb7113e2bffa814dc9a7dedd11d92d71', name: "heading" }))), index.h("div", { key: '0b38bd9b15e0d2938676049413ed08fa9441465c', class: "console-layout__content-header-tools" }, index.h("slot", { key: '1d694147934a10a8ae7ffff1effdbad72918de6a', name: "content-header-tools" })))), index.h("div", { key: 'f92081cead05c1e020aa6ceb2233ea20c991d0e5', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: 'cb60ef0ebb899a13ff81d4f2467308b29a8b397f', name: "content" })))), index.h("footer", { key: 'd85d196d97f4fa3b650b0e9c03456f4453dd08c5', class: "console-layout__footer" }, index.h("slot", { key: '2fe727ea7db6deeabf256e6fbc4f4b6bb10bf75e', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '42306f3fb6a725f950708c832e556c809232f02b', class: "console-layout__overlays" }, index.h("slot", { key: 'ab75384fec82347e2eb582af4a03736fcce451d2', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-data-cell-stack.cjs.entry.js

@@ -30,7 +30,7 @@ const SwirlDataCellStack = class {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (index.h(index.Host, { key: '7482563cd21a37a6e92e131bc47b1a38000bf9ad' }, index.h("div", { key: 'd64f6e8477dc9b17c1a3737ebabe0dacbfda35ba', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '4b7aca0365f8e146d2c54a56f1d17c68175edbeb', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '119a9ea7030f2ff314290ad602f4df0f7f2c7dfe', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '95f48f703af2fef4a2d8dc5581bcd0468534670c', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '42359e5aa833a85cb7eb7e9f3de5624966d2dc8c', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '3386ca0845ec8242d442b79b8a2edfd4e16fc968', class: "data-cell-stack__cta" }, index.h("slot", { key: 'f44cca1026f863ce72bbf3d2ef8205f5b4982121', name: "cta" }))))), index.h("div", { key: 'b6582fb24361eb4ed51fdf14ea95f50fe8478ba1', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '4a14f26e31144a00eab6fb63be8283c9847c9692', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: 'abdad45f410ea28a21f54edfb9c330759eb51eec' }, index.h("div", { key: '24de9e29f59568c7606e872e547df7f73a53cf56', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '179c36c7fec1ec02a1bf1954e9b47a228191a2a9', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '57d1b326531fc34d045e1ff099865bccff448682', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: 'ad2a57084e9b084fb4ee71142edbfa26d7204cbf', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '89b091f92c268e2a7c827fd790085967b1a0a453', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '56f70c1b483fdc2046d8cd8f5e5b2f8ff14f6311', class: "data-cell-stack__cta" }, index.h("slot", { key: 'fbb8710ec3932ee70a9f6fe830a5a038da280682', name: "cta" }))))), index.h("div", { key: 'a54485d11f29fa7d464813a60f88d68298aab74d', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '8bd734aaf20e625167d5fec827b33719346a8df2', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-date-input.cjs.entry.js

@@ -225,7 +225,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '9268c3541330cab8173bddb4682b5b60a7737aa0' }, index.h("div", { key: 'c39cb00aa7d28353cdfd394aa3da5462b89318ef', class: className }, index.h("input", { key: 'a560447922c7f0b0e1fa9a700765d59bc5f20f6a', "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 && (index.h("swirl-popover-trigger", { key: 'ffad693a85647b0e843c56ef392c25203f5a5180', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '6773dbc41845564906d8e55aa3b0349f0ecd0bcf', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'd08c1d0836688314cb710fc95621ad4860838326', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: 'fb4ea5d008b3179da9fe07351ca7b3f6b76ab544', 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) }, index.h("swirl-date-picker", { key: '7c7d87288342a8a6a55589644f333fbe34e2f464', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (index.h(index.Host, { key: '2ba566f5272736dfa4f84ec39aadc51aac4fb70c' }, index.h("div", { key: '808f84c5c4c6fec2e3badcc194d88a6aade277e4', class: className }, index.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 && (index.h("swirl-popover-trigger", { key: 'd7591dacf6ab8cd4cb2a5fb7b8c803e3cc2e00f1', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '93c58273dfddc5dccce2cfaaa46d0c5b289980a0', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '3c2e3d2eb6c9af45e5152bddd08a755f6a3d3341', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.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) }, index.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 })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-date-picker_2.cjs.entry.js

@@ -45,7 +45,7 @@ const SwirlDatePicker = class {
             "date-picker--fixed-max-width": this.fixedMaxWidth,
             "date-picker--fixed-aspect-ratio": this.fixedAspectRatio,
         });
-        return (index.h(index.Host, { key: '0675273330fed8ab424a7ed75606231435faa554', onClick: this.onClick }, index.h("wc-datepicker", { key: 'e35b36ddc410d005a5a45f3c38a5417c25439776', 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 (index.h(index.Host, { key: '7f552c862adcfedf1c210e923d84ab375c2a2880', onClick: this.onClick }, index.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 })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list-item.cjs.entry.js

@@ -18,7 +18,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (index.h(index.Host, { key: 'be5bcbb5d859630b58dfd1d2c4eaadda879c3ab3', role: "listitem" }, index.h("div", { key: 'ac3c62e303afe2646b08092a1f4b12350ac87598', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '1fab3bd58b970874afe5b874172b4de67a543488', class: "description-list-item__inner" }, index.h("div", { key: 'c7913d4d76891e19d48149877f736930caef9e41', class: "description-list-item__text-container" }, index.h("div", { key: '6cb05bb0927295ea082357365db6e89a84bae403', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'c24a409ddb6f9cf10e36a7d79051e4e64f320436', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '4962bf094d9f5f3a93616da46091b4d22374f3fe', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '10baaa739bf625d5c91e362f86233e41ca209341', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'b73e4053d05ddf6666114a286dd6e8f1bc9558cb', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: 'a11d3e71b26d34cd25fd19fe9e55c61526ea0d17' }))), index.h("div", { key: '6944341d4241176c7e32b705d3a92124aabe457e', class: "description-list-item__tools" }, index.h("slot", { key: 'c6390087ab7a44a2bb6b30bf5873f036cf764564', name: "tools" }))), index.h("div", { key: 'feff56b0f35f85a194285f366d5da7791aa2e921', class: "description-list-item__additional-content" }, index.h("slot", { key: 'b6564d43acfc4782879c18fa95605dfdc48f5a13', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '807f3fc8619d6f22f13220074458fa9fe93039ba', role: "listitem" }, index.h("div", { key: 'a0e3ac01c657390d1ef87001e21c42be1382a865', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '234a278e972729b9e78eaa860d6498f8640baa0c', class: "description-list-item__inner" }, index.h("div", { key: 'b3b668b1b2ccfc5a6d46668c2f07453d78de8ef3', class: "description-list-item__text-container" }, index.h("div", { key: '4e9551734509120a47fe02dd6c50285025b9c5ac', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '4dbbee7786627e3d536448f7df0a5aedc0166ea2', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '43a43c7cab4a46580c02da582b24aac0b269da48', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'c7402b5c6a3d6948692641cfde417fe8bfec18d1', size: 16, tabIndex: 0 }))))), index.h("div", { key: '8a26f1631b7e0dec0efd039eff3d870479805d54', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '45d8d039310e6d315958070e503e61ba79223a5a' }))), index.h("div", { key: '2547d2401aad815628a31b7948e58c3b93b24fad', class: "description-list-item__tools" }, index.h("slot", { key: 'fac2fdb9f7ebc06307bea1dca358f506b87e39be', name: "tools" }))), index.h("div", { key: '70bdde9af6a61291395635af8c3c3765a4103eaf', class: "description-list-item__additional-content" }, index.h("slot", { key: 'ede347aa3d3e5a66a935dd9f9c488fef53924206', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list.cjs.entry.js

@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '869980c3e724bcb6171c83d5b1779feb210f48bc' }, index.h("div", { key: '3e055083bd26561f6946d893ff5caa36af4158cc', class: "description-list", role: "list" }, index.h("slot", { key: '9e39c3b9d0268fe1ff90772c6dc098e95bccf400' }))));
+        return (index.h(index.Host, { key: '891b6f6737beb0e9257a2fe461becc3f3bb67cfa' }, index.h("div", { key: 'cebf78b7ec8fe536d2da4c2470ca61d08d974680', class: "description-list", role: "list" }, index.h("slot", { key: '8610409fc8dfcfacffdb22058b4c6952b4ecc7a5' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss();

package/dist/cjs/swirl-emoji-clap.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 12 && (index.h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a550fc330a38f8e84c531d4c003533411a6a565f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 12 && (index.h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '750109feec97d773184edac06f66db10fd808586', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-happy.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 12 && (index.h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '169a816ed000cd4ad088876a451d27b4c02a753e', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '413691a70d3bb7e246dbafe22dc9df883c355a71' }, this.size === 12 && (index.h("img", { key: 'd7f5103132c0ade3a2ad46ea65e9ca02e5bb6a15', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '7527a48a9243f3030f11df1c3886501498c75e05', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '64c5a207c560678cb70b657b80bc9c2bfb03cd95', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '08b2c1fa6cfb4e05fb031bf13aac2bcf6f5dfa99', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '73e5faeb1b0731b3115a7d1b9eba9f483fd9da1c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-idea.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'e112ae65ff14995e44e70149315c38cd4026f25d' }, this.size === 12 && (index.h("img", { key: '04d444bb850a4de76b7e83048d7805a99f174887', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '3cda05d448209a26f247d99ce83852ebe7a16b1e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'cd7edf54dbb0091ea2ccf1ad8acb85e576ef3dc6', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'be7cc57d78c375d0cce5d53db3b6dc4941cfe6aa', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '1f03f6d5c548a65084fcc5f55c641bb803dd53b0', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '7339ed8799a4d7e9d3754a1bed2ed217dbdaa5ee' }, this.size === 12 && (index.h("img", { key: 'f7c1c2f3346123259f70a07cf8de094c9d360745', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '4a95f3758c56fb1390645b4f00ff2acfddff89b8', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'd7e0ea7be3acecc8c84a3e05cf10b4b7d37fb7bb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '6faf10781efc1b6e374d046775b2835607392ac4', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7edd781f219d9ad5d5e8b9a68dc3c592d4fa02fd', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-love.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (index.h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e17876aa6999e73928b609924e06f8808ec732ce' }, this.size === 12 && (index.h("img", { key: 'cb30feea31a9a76608d6c23a7864349d1e4b3921', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'ae2b274562f723afaa8fc673018d81c42f45adfe', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'a3b1e51b08834e7b754f861a609ca1242c13bb4b', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '8634c0c060173148efabe5e42c250563d751d2a7', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '5b0fb2a455e14020417b8f4d5fbf25fb837aece9', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-sad.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'd4184217dc660a5bde784f83a375d47df94a81c3' }, this.size === 12 && (index.h("img", { key: 'ba414213f99c7d3331c723fa8e3583020fe30309', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'ce71cbdf62157abe508d8a63b186859ee0ac1b2e', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4b47e8d58648f55d38b33d65b93b68ca9dabd64f', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '5d71971fb48193edfad601a135b7ef46e3489ef4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '75529900ac36710012348c673dc7eaaa904b76f5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '2109dec91d92ef32f034d8dcad14f296c83e2951' }, this.size === 12 && (index.h("img", { key: 'f47098e0ae07979c4e866eb9c894d1cc3c04547a', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '093db3053e161cea642942e7c13ef6938a9633f3', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '17ceae5828c838b56b8a01e3fe9b8fb0ba9e42d5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f7938e47839aa34cf7e98c36a9c12c4b125b77db', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '706637387551828ac188862f9cad3cc5f1a8f0c4', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji-thumbs-up.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '4195f4d439a4ddd7ee5ca77b508a8ae7e3658964' }, this.size === 12 && (index.h("img", { key: '670624b032d41d2dce0bd5c7d8da8ad6e577fcfd', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '6edbc6892400018203e1b996620d0b0a394120aa', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '0d18437327c772f504434cd6553905014b80a5ad', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '64b2b862126f6452fc46dd19f5824f3bfb5dc566', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2c8ffbe22bbcff7a0aef3cb729975cbc809170b0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '7f6a461392943433b9a9cd678ce340680d72205c' }, this.size === 12 && (index.h("img", { key: '2d6c340a78cf0290b8414ac2d81c5ef2e7986ffc', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '20138b15082cdeedac88405b2786693f997d6afe', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '5f919703bd01fa61b67e3bc06e71a9d61b6833aa', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '621184fe2b9588767410f0ebfcd3ad71eab7f808', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7c40f06ede64ee5c9896b8ced1f6184f64b948da', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss();

package/dist/cjs/swirl-emoji.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, index.h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '0effeced8331d2b7fab89d337258cf5048b83bb9' }, index.h(Tag, { key: 'cb6f1fa88e878569bded2e6fc0c53dcfe5eabfed', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss();

package/dist/cjs/swirl-empty-state.cjs.entry.js

@@ -17,7 +17,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '841943cc480a16c75c2830c542b6ef62ee423c07' }, index.h("div", { key: '81f768149f17c11aa641e7a49071a7ffe31a0bc0', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '0324e53541f0966aeb64034879cb5515b2448c28', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '58c58522a2f2784a3bbf1a4ffbb4347d8216d5bc', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'dc24ab26831ac301d70b5384cb43cbf498b299a1', name: "illustration" })), index.h("div", { key: '5918dc42d88b63951d13f74f0393a4077f4ddf94', class: "empty-state__body" }, index.h("swirl-stack", { key: 'd4b5718b112ce4cbf01c6d1096acf81932afeb8a', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '895f0ec62397d85679a76b7df1474273b98fbc4b', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: 'f76f4a4a5ab6a90e927d0c472851fff0aaf7af20', class: "empty-state__content" }, index.h("swirl-text", { key: '355a41379a039d5fcc04f2411e3bac14eb2e7314', align: "center", color: "subdued" }, index.h("slot", { key: 'b2cf86d211189865026fce65ca005c396e08f1ab' })))), index.h("div", { key: 'f6e72f6bae6aab0f63bec7ff55f88652f72b1677', class: "empty-state__controls" }, index.h("slot", { key: 'c278c150cdaa193fae147ec3354dee90b5144bb1', name: "controls" }))))));
+        return (index.h(index.Host, { key: 'c558d91a33e7d8d21922dac3be42868461b6cf7c' }, index.h("div", { key: '74f3c6a04a21931707aa605c3caf6b9a775dfe24', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '3f13064be10b85dc37809c82029443c69ea3f389', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'a25c0565df82e643428afacc4fc4be68b83914a7', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'f4706b142223d30c667933a524a1e31f9438f57a', name: "illustration" })), index.h("div", { key: '5282172855420e2c250da9ae9df80bbd28812b32', class: "empty-state__body" }, index.h("swirl-stack", { key: '84804732a154b38aaf9afde03f0e7d2a9b8b0e77', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '914b685cc1836ff52362a990c1951bf9f7641f8c', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '02c7d24a55b0f26536f4a7872c855cbd8fca3460', class: "empty-state__content" }, index.h("swirl-text", { key: 'a4ea76d89873fd01c357cd62fb9a93f5d5f16632', align: "center", color: "subdued" }, index.h("slot", { key: 'b204906d138eda9249fe8ec0fcbf3ed60771fae3' })))), index.h("div", { key: '82d36ae6df9c255c82a1977d39fabcd35f5e0b1b', class: "empty-state__controls" }, index.h("slot", { key: 'b59256a43420b12c5e6f405cddc56f39b8e28f25', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-file-chip.cjs.entry.js

@@ -118,11 +118,11 @@ const SwirlFileChip = class {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (index.h(index.Host, { key: 'b319545e6fd320f85ae1b00ec0dc6c0fb29118d6' }, index.h("span", { key: '071069e61d6f871949b723a8bf86dc8eecb2ba93', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: '9b8320df567e45b3653e39507ad28511601e5dcd', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '477b3000c839ee07d753762fcbb3462f566f0c10', class: "file-chip__info" }, index.h("span", { key: 'fccad97f7665b0db629bbae80bc67de26f71ef7a', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: '9d549800851e01a9c59408f0b92102de2ccca146', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '9fb6b7a414ec6650f728f93c19bc657db3e22d65', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (index.h(index.Host, { key: '9e1ec483f15ce32aaa3446bcaac9e368df059e79' }, index.h("span", { key: '1da186b608b8b2199ddc745c0753640a0c5c4419', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: '9e7062b05b7757b0db0c27225b94731e510499db', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '865152eab6bf983dff930ea2e6b52f92b8427df5', class: "file-chip__info" }, index.h("span", { key: '33a2e85186925ec945cc65a1b795228361145589', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: 'a16815f98235ae18ebecfc74ab04dd094b331c19', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '661da9d9753976e8a75208623bbce77a975983ee', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (index.h("span", { key: '5e77716d1e084ae2cfead29c56016a1414adc3ff', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'e0bc49007776fadb8a7fb3ebd36d174c3f7b4525', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (index.h("swirl-button", { key: 'fb68015e324c79526684d5cc7fcf02a9dc2756c4', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (index.h("swirl-button", { key: 'e7cefbe061ea1693460b89c7f197e0ead9f2433b', 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 && (index.h("span", { key: 'b48ab70ea0a19c098b72dd4a8c6255df9e1e5ec3', class: "file-chip__actions" }, this.showPreviewButton && (index.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 && (index.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 && (index.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" })))))))));
     }
     static get watchers() { return {
         "type": [{

package/dist/cjs/swirl-file-uploader.cjs.entry.js

@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '13955ae841737e48ba0ccc8952c8207c6429198d' }, index.h("div", { key: '43f3729fdfaac617cf3b1db83f6f028a14c7e02f', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '8e99b5faa9d34d67799d10143fb9dc4008cfa7e7', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'b3186232265b228ea8dfadefa75c2b1cd1c7bd12', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: 'ec7a92077de8f98c88ed7e134394cef3ed720fcf' }, index.h("div", { key: 'ed4e1c2b6c2cc5e56069b5211178a733511f033d', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '79bf414ec75847b6782a1c340a61abec6ad7d4fa', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'b22af5697557dc1151bd347526f98ce4707d6fd4', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             index.h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             index.h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, index.h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", index.h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (index.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 })), index.h("input", { key: 'a056299cd8b9855de3d7d7693877920bab1e7801', 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" })))));
+        ]) : (index.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 })), index.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" })))));
     }
 };
 SwirlFileUploader.style = swirlFileUploaderCss();