npm - @getflip/swirl-components - Versions diffs - 0.417.0 → 0.419.0 - Mend

@getflip/swirl-components 0.417.0 → 0.419.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 (2049) hide show

package/dist/components/file-manager.js CHANGED Viewed

@@ -88,7 +88,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '033cd98259db8fde66590742d5c62eafd49bb8a1' }, h("swirl-app-layout", { key: '49e643695aabe7b46d370adfe2304597118e519a', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'b9f8c7a1f9fb02c04415d6020d86d962cd613456', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '5fc966672d66581b50b573e7fef5ebd7381efc9d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'a4d9254936bfbf053e9bab6150a5e1aa8eaf80d3', label: "Sort items" })), h("swirl-stack", { key: '9352feea99cdf8f13bc2d1c8d44c45b4ee498696', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4a90ddc1754a86f15e96eec7f023fcbb99beb37c' }, h("swirl-heading", { key: '3da5c6305d259b85ba17284fc9df32d5ba00b997', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '71aa8bb19bce2c98276c66a930913e4ce6f85f8d', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '4901004c0e9a1373ce4cfd871d24791ad55fe600', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2a33326df3f52d029a4654c19320c286593a0430', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'f2a65f340cbd852bc4e99990066ee38d3a230317', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c86e954a2afd276bd417269abbdb75fdf83640c2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'd17fc5d16959ab993f179890307959e98ae4e5d2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '0a3feb14cf9c6fcff4b3ca8ae62636f417ba8a30', value: ["ascending"] }, h("swirl-option-list-item", { key: 'f7a1488fd53ef33b812603628b67c706dcc4a7f7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '70d826e2bd8091145de9f884cb229b97600b80de', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b445ca7fc25ddf307e7fde6a8d793cd89e0ca187', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '4e88cbcfcdaafce60960986005720680f2acf40e' }, h("swirl-app-layout", { key: 'd63fbed4af0adf2575b9dd3d98521c7e944159cc', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'd48f743fe4f0e3bbbf95aa9f2ae3c5b535ba0fa4', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f726cd787f1091f56c327927dbb9a039dc4fa07c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7bc1ad7314afac3e67ec6585de8989cbe7259bfe', label: "Sort items" })), h("swirl-stack", { key: 'ec4ba50b8e701729fd21bee832f7fd6b3024aaba', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '019a191e41515239bab84d291ec6519e58235c75' }, h("swirl-heading", { key: '75dac63db97113727487277806f97d2ea713fcc2', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a9042244a9b018f8fa14a9591e05e60567361001', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'f9171cb80d80ec3ef7d87ee19214ad91a67280ce', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'fe32cd9b7511931418d3ca0f6c2cd2d400063728', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '8689420b2b070054c7b8dcc3550899882bc34640', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '66fbf430d030451d74d4837c6c9e40a0252abb51', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f5024817db7b965efde64e09ec0487a38123ad12', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'eb23f88b235b4148ec5d3e8b87d3cc5becc3ddbc', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e2d56710c22d11b43a82aa21787634b5c5dd7780', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4b01a6b9cb9a931c9765fe18ffe3330fb7dcacf3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '503ff3371a63a7a6fc216bb7d29cea4c00970902', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/swirl-accordion-item.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$3 } from './swirl-icon2.js';
 import { d as defineCustomElement$2 } from './swirl-text2.js';
 import { v as v4 } from './v4.js';
-const swirlAccordionItemCss = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}";
+const swirlAccordionItemCss = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-8);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}";
 const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordionItem extends HTMLElement {
     constructor() {
@@ -63,7 +63,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '513bfaef62078fca2b6361204f20fea13d719fe7' }, h("div", { key: 'e9df38901a9ef9371f666cc826b11370e54f9698', class: className }, h(HeadingTag, { key: 'a0d7232239bde5b195f5e195c998b2f494e48db7', class: "accordion-item__heading" }, h("button", { key: 'b954b5f8f3a4dd45c2fde386fc7f04dd2cb8f704', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '62070ae3c56b2bdc33b398edb1913a743b5df77d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '62a30cc0cac3f2bcd9cb18e0a825b64a77804c79', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: 'a61594600793c53e7c440b7f2a4e57ad7ca49d44', name: "trailing" }), h("span", { key: 'd7733a51066fc1e4184b39f9c7d2596c0b464ede', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3fb794429e667bf17da1c4eba34e89933f9df906', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'b7649cc76e21c95b845f3ccc8b6ea5a24041738c', glyph: "expand-more", size: 20 }))))), h("div", { key: '1ea24085d71fb8381091053a289ce7db2f6b50a7', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '8d5b7cc7004e4c40d06a4aace174a537e1bc5bfc' })))));
+        return (h(Host, { key: 'b35263203580fbfed36b2007641d1f83a63c6e6d' }, h("div", { key: '35c217c4a3e34ecf98b10bc39e53b1ffba8d0fc5', class: className }, h(HeadingTag, { key: '5a9e428ef98f63224fd0d025cf09b7b914337fc9', class: "accordion-item__heading" }, h("button", { key: '7c0ddadaeaa5df01bf70a8c4cb6ad74dc40557cd', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("slot", { key: '42a75751024d1df6ca107276fcdbe7f3f882aa5e', name: "media" }), h("span", { key: 'dfe928fb6416203e7476e1103f5577b703f3c1d8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'd580febd870c6e2e44bccb23ba2c38c8ceabf997', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '66fe643c962611eb0f9a1fe40ebdf98f40f4d088', name: "trailing" }), h("span", { key: '9a717649ec1c02ab576b69d2ab5a819f7cf3cfed', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7c62cddc6b7a9af65fb2114c9398641f96c06e3e', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '5deea0602d5390bdabf6ab46834aa6b623436e5c', glyph: "expand-more", size: 20 }))))), h("div", { key: 'db1eb88c10e0ff64166188b483387f55969a8619', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '10d46819cced462a6f1fa9398cc34c325d0bc0ce' })))));
     }
     get el() { return this; }
     static get style() { return swirlAccordionItemCss; }

package/dist/components/swirl-accordion.js CHANGED Viewed

@@ -8,6 +8,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         this.__registerHost();
         this.__attachShadow();
         this.expandedItemChange = createEvent(this, "expandedItemChange", 7);
+        this.multiExpand = false;
     }
     componentDidLoad() {
         this.el.addEventListener("expansionChange", (event) => {
@@ -38,6 +39,9 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         item.expand();
     }
     collapseInactiveItems(activeItem) {
+        if (this.multiExpand) {
+            return;
+        }
         Array.from(this.el.querySelectorAll("swirl-accordion-item")).forEach((item) => {
             if (item !== activeItem) {
                 item.collapse();
@@ -45,11 +49,12 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '0eef1c0c00082d7f962e4eeac018a6aefb232067' }, h("slot", { key: 'b2908f506d17b41c0ebdd707e4e55402b4e22091' })));
+        return (h(Host, { key: '460a845a82b2d480c008336395d835cc94e43452' }, h("slot", { key: '38b47130b8c7b415a26c5ccdec36bc8edbabb6f2' })));
     }
     get el() { return this; }
     static get style() { return swirlAccordionCss; }
 }, [1, "swirl-accordion", {
+        "multiExpand": [4, "multi-expand"],
         "collapseItem": [64],
         "expandItem": [64]
     }]);

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

@@ -14,7 +14,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '42a4f114a91fff103aae006620ec4a89895071d6' }, this.hasSeparator && (h("swirl-separator", { key: '3a855304b20f4da6951405e92235159ba4f497a7', spacing: this.separatorSpacing })), h("div", { key: '41826164368186a525215e16869b83b072eb5c8b', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e72276c11976467c93e70c41f757fa65b2224e00', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'f28988fee83dd9efb724e0da3cc42b260cebe161', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a8888fc9fbcd793f4a2b9a9353aa7878a1209b22' })))));
+        return (h(Host, { key: '0bc222deb3a1bff86e6d5848eccc54f76fb34ce8' }, this.hasSeparator && (h("swirl-separator", { key: 'd11407df329bdb42e01574020636e0bad8cce670', spacing: this.separatorSpacing })), h("div", { key: '9615a451dd4b4ead12b371e5d5ee7185087d9aeb', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fcd3b4cee29e7f17331fccb71a5e70eb9cb78618', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '748e7da4efcbd321db239694fabb7516dda850d7', spacing: this.spacing, align: "stretch" }, h("slot", { key: '5e05616181c45744e7a22d326ff4ce12198bfb9f' })))));
     }
     static get style() { return swirlActionListSectionCss; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js CHANGED Viewed

@@ -92,7 +92,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: '17e0e75a245461c4ff2ca9e6a61d9990626198ab' }, h("div", { key: 'fc9d45acfa9e623043fab107ace5a26c4ea82979', "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: '800c475afa134d7501eeee08164700d4082bc038', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '09d1bc4e31b1945570f416728e29691ab8d3c3e3' }, h("div", { key: '22e9fd9171e10e4848b4c8abe27294aa9b27f135', "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: 'f8774d4ee3df61df23e9219a24bd9cceb9f85b45', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return swirlActionListCss; }

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

@@ -36,7 +36,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '1cf53be5713be2afd9deb54f716aab331cc357c1' }, h("span", { key: '5c8eede8ebb50579c5fbb58835fefc5dea85b619', class: className }, showImage && (h("img", { key: '648bac51e59d772ea780d692236905e7f5c7c607', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '754d289ae8b2c3d6e12ed5527ed1f8406e669d19', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '9c26acdf5286cb87a8e3645a0d723fa7822ea8bb' }, h("span", { key: '72b57e72a81b7e7234a96fcee39aba7f77922930', class: className }, showImage && (h("img", { key: '45c57c6182edd69d1ffd2bd8de7fc35dfff9bb03', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '3ac1c0820d113ffbf1cf1b7798a5cb133cb58dfc', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return swirlAppIconCss; }
 }, [1, "swirl-app-icon", {

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

@@ -72,9 +72,9 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '5bfcbd19458056cb51a4c4f3ed715a14a7cd6733', styles: { height: this.height } }, h(Tag, { key: 'efb06d77947f2318c2e74d32b7e47c7d7b3110a4', "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: 'fb60a3236b43689ae63c7efa2d90910d80b24283', styles: { height: this.height } }, h(Tag, { key: '84d9fd64af372ff6cdd7d18b29df9d16633d218f', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: 'd904c27cc0be54ca742da0724082f5054f865cfe', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: 'e961923314ced9e3328fc524c5482711f4d27b74', name: "image" })), h("div", { key: '5df1afc2ea9ea939346c8de9c0175767d8f516c8', class: "card__floating-controls" }, h("slot", { key: '7edc1118e0bdd548a4f2d7299b70b48574e0b00e', name: "floating-controls" })), h("div", { key: 'f11335531fada3ae2b3a5ab215b5a1a825b314cf', class: "card__body", style: bodyStyles }, h("div", { key: '17de1d4711bef1fa8f14061e8118f6a0105cbf3d', class: "card__content" }, h("slot", { key: '4eb7af808aaaf1f762089ed98f231cea57d10b93', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '7574338c6acf395aba822668ec359e1acd639cbe', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '6fc443cc77bd4f28c59bbb5eeade2f18e98fec1f', name: "image" })), h("div", { key: 'db9d4b9ce8f24f4f573b27fc3f95139a908e62f2', class: "card__floating-controls" }, h("slot", { key: 'c830a2e83c667328b49ae590dd1066ca45ac8cfa', name: "floating-controls" })), h("div", { key: 'eaf53223d167c7126cb11174335a9602d8277530', class: "card__body", style: bodyStyles }, h("div", { key: 'b1c46a5b4c72aa3ee5536289fb810ce8d991f399', class: "card__content" }, h("slot", { key: 'ef952685c2893d84d0b639f21edc971c266362d6', name: "content" }))))));
     }
     get el() { return this; }
     static get style() { return swirlCardCss; }
@@ -100,6 +100,7 @@ const SwirlCard$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCard extends HTM
         "paddingBlockStart": [1, "padding-block-start"],
         "paddingInlineEnd": [1, "padding-inline-end"],
         "paddingInlineStart": [1, "padding-inline-start"],
+        "swirlAriaCurrent": [1, "swirl-aria-current"],
         "swirlAriaLabel": [1, "swirl-aria-label"],
         "swirlAriaLabelledby": [1, "swirl-aria-labelledby"],
         "flashing": [32],

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

@@ -14,11 +14,11 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '665630cdcaf2fc32546284d0a186bc2f2a16c676', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '8fe470cabdf40babf14512d6f78a819be2fad6c3', "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: '57616c752a207bcef8c9f49d109ed858023d6517' })));
+            }, tabIndex: 0 }, h("slot", { key: 'bb5aaf6b6743afe0d9c367daf0fea7397de54571' })));
     }
     static get style() { return swirlCarouselSlideCss; }
 }, [1, "swirl-carousel-slide", {

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

@@ -448,11 +448,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'f740b523a13351ea8b77a2d15f259f9d4d699f19' }, h("div", { key: '5ba7d3226ca4e00716c53913f9db0e0c4d8bd158', class: className }, h("input", { key: '6d86de9b3d32119d30973514f02500d67548feec', "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: '79deb5ef298ef629f17f228d982462fbc10a5420', swirlPopover: this.pickerId }, h("button", { key: 'bb430e420dc2c919224513136d7aa53d693dc081', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '76ca797ef75e13ae56b6eeb81f0c06830b7e4f3a' }, h("div", { key: '82208847977209ae0cb952b8649b810f2daa76f1', class: className }, h("input", { key: 'b5013b7d98514d3598c3143ff5766be1218f6fba', "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: 'efe56176224544da0aa2d744f1a0ab15d7486edd', swirlPopover: this.pickerId }, h("button", { key: '305a37bb005ae5ecda0ab5265cd1d54dfe600950', 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: '643bcad0f2187241506065a10599c6599d4e9cc9', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6997c63d14796f40320d575b0d22e66820c783c4', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '540b704cc6ba56a8849e7ebd40d45aaacce5d878', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '96da0a92762b291d94639bc6ee9087e338200b9b', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '505b258981f4f74ee4830c773fe816b607d3d5d9', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '91d15d8c742af9b1ba2fd60497c4e254720aad51', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -159,11 +159,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (h(Host, { key: '4815fb5e801fe8a6e6b0c822dc2368904bf2dc8b' }, h("div", { key: '6159ff22d25c7d27a677e6d67a3f8971016b5ef4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'baefa5ac4861ba8363a46b9c64b95cca3479ebc1', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'd45a7e304e2013b9c134fab4fefd5380ab20de9a', class: "console-layout__header" }, h("div", { key: '3063e9bd8df891002fdf043b55407fce59a0c901', class: "console-layout__logo" }, h("svg", { key: '41f42776a3a3d1d88889a2fa108814fd660ace35', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'af24345a81f147ab75d8a20fd528dde813914352', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: 'fa7003b487a843eafd643d786ca4e9a66967ee1f', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '14d9fe03db375d378a6a4db9c6b375ae55fdc03c', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'b903958362f3d3fa7f72d37fc1844bf9e4d7559b', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'b7f9690de23744e1dcc81f53acf97236a8362e75', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'a475177cc1f77ce548e3138f8ee6a202545b72cf', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'e9ce193270fe8193733b208f889cc788b9a277c5', name: "navigation" })), h("div", { key: '12584d4dc12ff36e0ecd0d853aace0936794790f', class: "console-layout__user" }, h("slot", { key: 'c7db2cbc4b349a9598f97979beeec2e7e61cd33d', name: "user" }))), h("main", { key: '2b48c26ec129def46e1cc3f3be7151fb863a8113', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'cb481e40c801b8c42967f35de8400905ded5a70f', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '7fdb1d5bd16e7b1d64ae6db7a910490e41b86866', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '36e691514c17442d18ec856cc42934594cc8c939', class: "console-layout__app-bar" }, h("span", { key: 'b1f0bc0fe2770791d5a0b8136869d91c92161743', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '22871bc55035291e21878ed88b42e813a7224f89', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'ec25a5df48adb6763d42fd1c1d3fdfd7709021bb' }, h("div", { key: 'e0efdf4cbd61a726437429146b49e3a3f71500f4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '27a242590a86e50e630a4a751dbcff9dfa11337a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'b9429a44bc8eb5d649ec81f92d2620a32be37205', class: "console-layout__header" }, h("div", { key: '3c4a7add6736688a0644e9bde8bc8cbfc0be3dbd', class: "console-layout__logo" }, h("svg", { key: 'a0c85f9cb107de60a7a0a09c5eaad180321fd6ab', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7530a8c540d5425617617bce3b84fa4e75b6ff1e', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: 'f4d2f315c0e46eedea14552e3cfe0b03d84d55b5', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: 'b5b3b36fc8418dcd3c08d49e2f56915dfcd2e150', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'ec66937df7431d944c42598bb9ad9f4e6a217c4f', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '84cb0977bde0f233950365631ca5e688cb48409c', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7d6b62f2168d6cb2d0d7e80db2f95dfe28b89b2c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '1ab81931d430fa39ee769c09bc9f1ad7cef67291', name: "navigation" })), h("div", { key: '5898f5740db84e7a6fd182032a30aba196fd03d2', class: "console-layout__user" }, h("slot", { key: '17396f96ee555f00ee1ea9e29ea46001ebb1e6f8', name: "user" }))), h("main", { key: 'a30be533b8b6b7aae54348d5d00a9e9e05c4eaad', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8b93b464cf02da1a7106c2e2a6ecbd6a4d249128', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: '1e609f161e6b3c33a2412034003ff5c69bcc125e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '50484370f6a3d4e79075ff8ce3095526d9d1df32', class: "console-layout__app-bar" }, h("span", { key: '8c243d7ced4b1de660c25a07a9df9c114d76f197', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'eddcf93dd207822d4914eaa826d9008a496c85fb', 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: '36fdc660f38123feeb8b0028d856988d3c5441e5', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '17a56f9da94065e344b1b6b8ffd84b82c6dff7cb', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '328cd8b96c1559d3aaf520715e52089bfdcb8b44', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '19486de9997b5daf9af31a25a8885c86329cdb46', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '12d6c46a62957ed848c7894a68f4b1e0824b0b9e', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'cc4cc44ca37cb973521feca0ccf4236f0a5d6607', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'f27f8fc2d149f4e4587f4a755b4023f60136df2a', 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: 'd76d8b57036bc3105565ede67dc9ee84fb719992', class: "console-layout__heading-container" }, h("swirl-heading", { key: '1dc1bd897ae597bf67fc31154711632393bca99b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '2e405156ab5fe2332064050248ef4de2e0b3c1b7', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'e1304c66641fe4b12289ea8e34f0ea3e305360f0', class: "console-layout__heading-container" }, h("slot", { key: '79c27ac40d642391776704ddde0b5823537fe3b1', name: "heading" }))), h("div", { key: 'f3ab1fc15a49bec24c74d934bc244c29eb681ff9', class: "console-layout__content-header-tools" }, h("slot", { key: 'cf9640f2b11289b98618397046d87ecfb09da321', name: "content-header-tools" })))), h("div", { key: 'f2b7b295a028120ea5d9bd971e0078e957a6ff48', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '0a48de530204d697420fc83e0e0665abe9bcd55d', name: "content" })))), h("footer", { key: '19f61a51b65406ddf246726467add2e0b9fdbe8c', class: "console-layout__footer" }, h("slot", { key: '5d7b06005008d041669ebac4a11b2d8816365edf', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '62c51f28ff4035296904dfac3a3f7ca01ce20dff', class: "console-layout__overlays" }, h("slot", { key: 'ae36884ab5fa186a7113ea509b8629c78d50c809', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '5571c8627e40f43415cce9a5eff39ddb338ca0ad', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '551fa8e3bab2eb7776da6026328f8cfc304b34f6', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '839113a2b423396937b5abcb4be388f3da3ffd64', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2aaf4d1ee276dcce0901981b6f99c6936cf7704a', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '4e9cb173c271c62404601f38c6bcbe4b6b62e5ce', class: "console-layout__content-container" }, !this.hideContentHeader && (h("header", { key: 'eccdf52d32cfcb07705ae77f62142990f2e47903', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '1963b23df86b236960f9f2a6bfb2d45f0211095e', 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: '41f1dd697296d29e66d7acf1cbfa3745ef7aefc3', class: "console-layout__heading-container" }, h("swirl-heading", { key: '79467f229d08960306ba49d99b86215e057430d7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '88c482830ad6dc150f8fad080aa86fe11fb4dd0a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '00c6292cfea6251e1d6ac2feef0ad23217a3d063', class: "console-layout__heading-container" }, h("slot", { key: '635c5ff3dc018059d8465642950c1d3e7e36ff5d', name: "heading" }))), h("div", { key: '4cad29d8473c5c3dff8edcea2d3320a890f0dea8', class: "console-layout__content-header-tools" }, h("slot", { key: '1209bbf2f8e4714727ef10fb9b16510aef992581', name: "content-header-tools" })))), h("div", { key: '21db2f41f68238f2537fc74ae39388bec3d33474', class: "console-layout__integration", style: contentStyles }, h("slot", { key: 'aa90f16bccecc1b83ae0c0072d443f82002be0b3', name: "content" })))), h("footer", { key: 'd7b81136c62b5bbe8a9fe69bb9d6ec8f0014c768', class: "console-layout__footer" }, h("slot", { key: 'a1eafa3aa18f07d54af3b467456494bda491d6e2', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '208001fe7e3786bb94af52ffe31aa47e730ac623', class: "console-layout__overlays" }, h("slot", { key: 'e928a243967fd8c6bce7d17d774842bfb2f21b74', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return swirlConsoleLayoutCss; }

package/dist/components/swirl-date-input.js CHANGED Viewed

@@ -226,7 +226,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '77aaf0846db36ae3c53aedfe95f6b8b1f1760572' }, h("div", { key: '346e4f7f711d8fa13203083e2812d24a2f6c5471', class: className }, h("input", { key: '1a851268aa0479639893a6975be78713353c8e8f', "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: '8e5da94d520dcc92deebfe8c9e17a9d7c4dddb81', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ae641758c00ff228020ad06959fbaa58f51f3b06', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'a19d5137d01c3a7381109eafeafc4d4a1529ad4e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: 'dac1e2a9d8190f24e532944b6aabd91c484982c2', 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: '0d26e6a36dbc28b0c877f34f1ff5b993faa01fa6', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '122135c2c5061758f06089513a406c4bbcf0b34c' }, h("div", { key: '77d124d013fc57426c30fd1726b3438abfb6a8ba', class: className }, h("input", { key: 'cc9ba7ab3a479731b5ba73ea355916dfb2feb03c', "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: '7ee351a93ed9f30eeb6a7057a28210404bfa0868', swirlPopover: `popover-${this.id}` }, h("button", { key: '530d21cb5a3752218b3f38588fce1c927c535ad9', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '1954331a89fe5a076d0e951e09046a398cd4aaa6', size: this.iconSize }))))), !(this.disabled || this.readonly) && (h("swirl-popover", { key: '2956f5d627d6f2269063a986f9183e2a469088e2', 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: '3aac2a9318c4191ff049f2978ea68705e2f09024', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const className = classNames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (h(Host, { key: '663f20f066e481c88072fd53b6e428eed00c48f6', onClick: this.onClick }, h("wc-datepicker", { key: '94ca6e5a77442d3909261db9ac949915a9a366f5', 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: 'b3b92f7111e61219ec927aea63befa69668314af', onClick: this.onClick }, h("wc-datepicker", { key: '51b6b4beb979a2267bc19f60d5d2a5a43e88908d', 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 this; }
     static get style() { return swirlDatePickerCss; }

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

@@ -20,7 +20,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: 'abaf98ff1bc0063110486546f2ff5bb277b82473', role: "listitem" }, h("div", { key: '6e5b9cf7d839b198839d1ef792a2950966ebb87d', class: className, part: "description-list-item", role: "group" }, h("div", { key: '0712da2f94dc78e8ebfed921e1fd82a08b16bd8d', class: "description-list-item__inner" }, h("div", { key: '307335bc37372e3c2ddc968916f2955b4cad3814', class: "description-list-item__text-container" }, h("div", { key: '360890752a56fbc48cded4d43ba1308e69ec0542', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '9f5146b9a038ec2bd362faaec98049ac399c9e13', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7ebea95fbe8a263391444b1afb0dc6a96b5df896', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '8cb03c743b7bf213b3c8d704c6e2c13da80e03fc', size: 16, tabIndex: 0 }))))), h("div", { key: '7de78f40c93340f604deeacd5b0a3f9e8d714536', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '8ee26e1cdabc8e767a1b20a1f9bf4994b3820607' }))), h("div", { key: '780e878b13ab58d3fa5300aa51b73da92d398806', class: "description-list-item__tools" }, h("slot", { key: '45aeb1e2ffc61c269811c369949bf133117cc240', name: "tools" }))), h("div", { key: '0d01ef94d067e017cb0a4e7b56ab8656f57980b3', class: "description-list-item__additional-content" }, h("slot", { key: '3fed2deac0433e5fa25ccfa2ac909504b5087cdc', name: "additional-content" })))));
+        return (h(Host, { key: 'eb7616b79841a8c64bb294b7cde8e0d221b071a4', role: "listitem" }, h("div", { key: '0a1521d92896a93f78248c2c52409636ce6fdc39', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'bb5cabf04bab654de5a4a264b9e837a961eabe8b', class: "description-list-item__inner" }, h("div", { key: '8484f7ab3a5072e0e4fe8d1c167279fa443d7cc3', class: "description-list-item__text-container" }, h("div", { key: '38fd012b729114783f1413c009f669d5cd2de8f2', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '03fe8546ccf69dea75c3ff23bf10b9c0246b9575', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '677ebeafee313f4096247a58c11f59f94a3ed3cd', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'a8436141f051236d2193fec52f23733f3b397566', size: 16, tabIndex: 0 }))))), h("div", { key: 'a3870805db26c2e0a0b7e0215374c2f5551a3792', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'aee8d25b78e994d8e22c42168d01736a8cc92057' }))), h("div", { key: '4906c7e5491e11d017472f97e90352aacbe74970', class: "description-list-item__tools" }, h("slot", { key: '9cf8ea6fbf2c0d4bb2d589d0b6ad391c852f2dc3', name: "tools" }))), h("div", { key: '10cd752f19e838dc6ebea01d14cc9ad4b3765f83', class: "description-list-item__additional-content" }, h("slot", { key: '4a48ffe1814326cd11926fc86be2a56f4669dda9', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return swirlDescriptionListItemCss; }

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

@@ -9,7 +9,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'd8d987e1b495e18cc6b657acdc0cfc22cf9b4be9' }, h("div", { key: 'e6b260ce52d0c913cb76f1b5649dfb30d00cb44c', class: "description-list", role: "list" }, h("slot", { key: '133e3a512e28638829a0668d2f4c24f2738e527a' }))));
+        return (h(Host, { key: '3609f2613ae2ce0d6aea21552065208762c11bea' }, h("div", { key: '17f4571248eccb182e772aa2075ed5ede9a33235', class: "description-list", role: "list" }, h("slot", { key: 'bc46e6b60cd99b535a40dec1fd8debcfb9cd01ab' }))));
     }
     static get style() { return swirlDescriptionListCss; }
 }, [1, "swirl-description-list"]);

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

@@ -13,7 +13,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '84eb5ddb1ce86bb82cf2673ce016afcc887240e5' }, this.size === 16 && (h("img", { key: 'cb20845778fcfb4a6168653b475f3c025bb9134f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c659f4b9b9b295a1fe759965cbef72afe911044b', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a588d20a059060ddfe22b448bae20a890bb73832', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '64140fe4768d9a4c0e7b076aebd0b258cb3137d1', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a88cbff328f28320dfb7f0ab347010a0f1befe25' }, this.size === 16 && (h("img", { key: '0b5149b9e98b04be48473a96d4cec3c9e7eb8b45', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e92ed80c3c3c10f7d71be66e73880b063cdd9336', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b665c393a66006c5ac51e09e947d9095b2bd111d', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '19958d429dac3bb20511007e55218dfae02c5ef7', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-clap", {

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

@@ -13,7 +13,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'c4970d0580b5efe5b730b8c10653eae1e20fcda5' }, this.size === 16 && (h("img", { key: '2e1ea7619a84ed4d2ccd5c16d31745db66940137', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '1259e4171f0f4e0d1a8086b13a0f4247aecd59c1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '5ff1b86bd443cf2668e34a9bacc0bd3e80eae394', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'affed6b7ea796bb872a7e05a5736b12d607b0774', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '676c4afb2e509aa57dfdd4ac9a796484ccf0b135' }, this.size === 16 && (h("img", { key: '883271ca7d1b21f1c45123d7d00388c1aabaed84', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '495e8149fbb36e44a24dcbe4df2c9fb93c1ba7bd', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '58dfdf1eb6755187a5c3205cd2bfcce6341e48b6', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bd6acbaedc0ce7569a0fa38bf1f8b7ea4d7f7478', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-happy", {

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

@@ -13,7 +13,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '2290bc6161eb63ee23ecf06fa93714b0cc708196' }, this.size === 16 && (h("img", { key: '480624f433bd871973e385db4de95c5ce80b290a', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '636c0729258ae4fe56a45227673c870a13bba8c2', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bd2d915f0d7d26135402b4c7b130e531cc12ed69', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '92ab6253b231d315829861675053a2d10617f7bf', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'af79a461284dae5646057641015d7dc7082a4c55' }, this.size === 16 && (h("img", { key: 'bd2014abe1c90b2795b00bbe6ed82171f0b11aa9', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '2707351c5d96ec8e682acaeff76be8dc6aaa5ba0', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '444440c7949f8bf228ba60ce505d3375636fd472', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a20f42352357096eed99105c6d42cd531e7b6f53', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-idea", {

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

@@ -13,7 +13,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'd7b9b70ebe34ab7fd2d341005c329217f2810bf0' }, this.size === 16 && (h("img", { key: 'dfe3bf66cd25e056e9189a939cf17621e9962da2', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8e24ab49febf89ac250e18bb3929974d9b991a9b', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '9fae2de6b4b80f268eb635d265a37dfe4820a594', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6f72d27e60d1d4807d837afbdd0b2c6141d7461', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'aa2f10718fe8a6380910c541cfa82ba4614ea1a8' }, this.size === 16 && (h("img", { key: 'dedbc425919cf652778b0a90832858a1d29d1aa9', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8043b08affea5e54ae286952e7059c6f1b537de4', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f5cf9dcb6a1c41bb210daa02eb0817b6a4ef3995', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c8dfcb4967428e49ce59f93dfae2a767c7ac0b1b', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-love", {

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

@@ -13,7 +13,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'a41b674f80e96b0c0f88b607e8514fa206d78ff2' }, this.size === 16 && (h("img", { key: '5d06f162b0e8fbee37dcfb5246d42c86706574f3', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '8d0d775f7523f46f1631cb81ec352ba536e09c8b', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '761eb15075acee39317003bab4da72076fa15dbd', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bf8bac1ea814e8f870695cfcdfb3c03fe4e76870', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '657ce7ef5bac8782366103c1a5b4aac30f220cf5' }, this.size === 16 && (h("img", { key: '15c569cb04444202bdfccf458384a02e4e5c6e20', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f65d3e4989fa11f5174c21fe247711a4b34a7bff', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '4bd8753e840121850231d97176377fd7f58890ab', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '9651b9436aff8164d028a1b3454d9710a4268dde', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-sad", {

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

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '3a11873ba95d39884cf16badf9b96004446bd7fe' }, this.size === 16 && (h("img", { key: '757006981bca8001c9aacc758cb16d8be82b1307', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '6151a2bc72e595fd2f1d9e0fa8b82d9c36c12a43', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e15758d3c907b8b27b307b4c977c9f3c506fe2ba', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a3f8f62479b6be89ac53615f048419148de9fb1a', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '69ddbf1d5262335c1d768b3c4b2fde5f3994e006' }, this.size === 16 && (h("img", { key: '729d33d8ba90417cc270fde3220f10011067012d', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '2c1bef9ee328773d40f38c4bf5735e9c45ddba5c', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '2da65b39929f904c291ca2d1689298ed92e3298a', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '702f050c2f91601bdf44325bf77f65cdbf93f08b', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji-thumbs-up", {

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

@@ -12,7 +12,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '89d9f7ebae031efab6ce76e16c0e6367e3af02f1' }, h(Tag, { key: '9f7f22f9b04200a71a59fbc3c874f40c3f3f6159', label: this.label, size: this.size })));
+        return (h(Host, { key: '971312c5957031fd829542e0a27bdae9a00a7c60' }, h(Tag, { key: '921f4766f766b1fa177f2d6aef0225e8806619cf', label: this.label, size: this.size })));
     }
     static get style() { return swirlEmojiCss; }
 }, [1, "swirl-emoji", {

package/dist/components/swirl-empty-state2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '5be836e0cd955411a1948b7ec58f38c44cd3a562' }, h("div", { key: 'da53ba711e4e508d2e67de5acc487b26b8e07830', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'd61fbef704516ca5ca43672a4968fea6aa79512b', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '0f8a4e0d483285809d9a79f5b4015de850aabbff', class: "empty-state__slotted-illustration" }, h("slot", { key: '97679f81852b1fab83bfc248e50a9036aa84210c', name: "illustration" })), h("div", { key: 'e8313a34079dba839d8fac140e51cb2171c2c0ec', class: "empty-state__body" }, h("swirl-stack", { key: '9c0b02c3c006053b347154b78734bad04eb21a98', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '0be3066f953511ddd98283a4e60e00b8772a31a6', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '19ae7d4f1d3018b061ec02da84ab5fa73ebabffc', class: "empty-state__content" }, h("swirl-text", { key: 'ab25a4421d396131abc4e418ce603e26dca350d3', align: "center", color: "subdued" }, h("slot", { key: '197749fd6fc0c629654ef903c26e75ddd664eb0b' })))), h("div", { key: 'bff1161c9c566ba13298dee27f54f3533a4df5bf', class: "empty-state__controls" }, h("slot", { key: '9b1a2aac2b378acb566d2977ce457928775cd972', name: "controls" }))))));
+        return (h(Host, { key: '690b2ee6b42a5db7cff03d65994f489c155a51f5' }, h("div", { key: 'b18f7a79f707845d1817de37030d181da3d23986', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '1f315a98c20968f489a4740fc3d3f13b84933bb3', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '88eb2721916e8311c812c35a96a75d734808a113', class: "empty-state__slotted-illustration" }, h("slot", { key: 'ba47597e5b22f9a7f47f4adaf423e1f4866b2379', name: "illustration" })), h("div", { key: '8965fc13e5d3078a1d88a98c2f9cd40ae8f585b2', class: "empty-state__body" }, h("swirl-stack", { key: '5dd9a343d8fa82bab48b5115128de4b2366b53a6', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '61391feb5f24ceca7ba8fd1b0fe467ad58395fc6', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), h("div", { key: '4270bcfcb84e80bfef2a39dc99f85e088b1d19cf', class: "empty-state__content" }, h("swirl-text", { key: 'ab5e4766ba820ce86d70af40d752271955db65a9', align: "center", color: "subdued" }, h("slot", { key: 'dff12908780757f44a745cd9f69ab809bf025ef2' })))), h("div", { key: 'a3324f8e9a4ad027db57ac17a4f85145bda8864e', class: "empty-state__controls" }, h("slot", { key: '713fcc59e6131d2b9270e4571ccc28b8eab062f9', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return swirlEmptyStateCss; }

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

@@ -96,7 +96,7 @@ const SwirlFileChip$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileChip ext
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (h(Host, { key: 'ab152d986b60cc9fe0d05eff6a634c2d7a9a777e' }, h("span", { key: '9126d45489ff885e43eca1430a23a84630726cad', role: "group", class: className }, h("span", { key: 'f59cab342822ef787e4248362a10ed16e511c3ac', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: '57b8bd6e4176b881dce916e060f7acb8b286974b', class: "file-chip__info" }, h("span", { key: '1bbc47a1e6473a6869a32efa6f55bf577b0bc159', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'e1fd11831aa9f5d42dd843b0e3a0268a82111c3f', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'e563c1bace2c7851d37b88da94ceb6f2e9f20f71', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '39d95d6ebc9c6249bd056c67c03249ace1c6a8e9', 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: '97e8b98b21938b334f6473ba7b954e00c60b3167', 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: 'ffaee4cb9f88bcc071f77b5d2d3d79db7a332ec6' }, h("span", { key: '82be280b1a5c480c835d46212104166c63ae329f', role: "group", class: className }, h("span", { key: '8e1214c9c9207afc85d372d351c23551c3195787', class: "file-chip__icon" }, this.getFileIcon()), h("span", { key: 'c0ee6dc2ff735a4028cf6bc5cab9d293ef938247', class: "file-chip__info" }, h("span", { key: '06cdc45c08fb983716ee9d62455cf5699036d6ac', class: "file-chip__name", title: this.name }, this.name), this.description && (h("span", { key: 'dc3cb687e64db6d6f81af2ea23fb5b47a52c3f87', class: "file-chip__description" }, this.description))), h("swirl-button-group", { key: 'ac523aa508d995cf831ad85bfe14ea6729952ce5', class: "file-chip__actions" }, this.showPreviewButton && (h("swirl-button", { key: '876f62a9d6b9cbb3b497be36b56e64eb8b133c93', 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: 'ce8aaa35a20826d6e5aaac8f2075005b1b070b6b', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get watchers() { return {
         "type": ["watchType"]

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

@@ -41,10 +41,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'dce3803fd2e4807cde5cd7c5fd959abe911db80b' }, h("div", { key: '15700e6d8503c9c53b8e117cf14e5a25f46dd15b', 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: 'f5c7a207c133e8439550328d58e5785084c73349', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'f3008c0fa95a028c0e56f3ce656ab5eb45204c07', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: 'd55d8e003e2fd498a8dd3c145d7fb6ecd7684cd6' }, h("div", { key: '9338b9f5fa576a07acb76302f06854ef4c644281', 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: '666d4b5750d08143a4019240c371bf8592e01d41', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'b796b1b7bc889d4929889ba3d93127832a05208c', 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: 'abe9beaf64582e681cdb5ddbb9812113ffc54d80', 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: '75e54aac49ed10de93d890c3ee241dda622478e7', 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 style() { return swirlFileUploaderCss; }
 }, [2, "swirl-file-uploader", {

package/dist/components/swirl-file-viewer-audio2.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'f05dce233fe6ed7c42098b35405f525b3fefb28d', class: "file-viewer-audio" }, h("audio", { key: 'c1a0669e3137f6356bac468d709d107f8fbdf024', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (h(Host, { key: '2a19acc10183877f1d972a7ffe5ddd181c5904b5', class: "file-viewer-audio" }, h("audio", { key: '9e6a6835d0716ce6cf929d896552e0d6e0b3ce42', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return this; }
     static get style() { return swirlFileViewerAudioCss; }

package/dist/components/swirl-file-viewer-csv2.js CHANGED Viewed

@@ -67,7 +67,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: '9c4bc47372755a3b4fea6188c6945a435ce7ad8e', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '7bbd18487e870093655009091a147c8af028b9a4', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '9d0785dcde0e6add2ed2f999b151e630edc2ba2f', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '4e09962ef09c8fb7bda70be6182728ef651d8aa5', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'b42b6aa5d9dc87cf680fbb5cb79fa77a45f9f701' }, 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: '45bc3e52a03f3520d5179781f6baba23c2928a46', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '797e99a9cfbcec107258d91ab06171a07d56dcd0' })))));
+        return (h(Host, { key: 'd14281440a5315074ebacc9eb50778ff1f858193', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'c8fd3ee1512f8b80a1d19c5866cab69b5ac0a071', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '7cc29b8557899ead3773c14c09bd30eadcdcc8cb', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'fafde14505de917855ee4edb837f927d38bc1631', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'b3e2dc77236c5ab309b8e3bcd20782c5011bdaaa' }, 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: '805df059246795405d21a8a4d1bdfcbe865dc740', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '66d407e21691d718f6f4ec920eaaac286bdc2f5b' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-fallback2.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'bc45c71b2ea37041b14c877b6ca02c62bb58d65e', class: "file-viewer-fallback" }, h("swirl-stack", { key: '209e27448156df5d8dc322adfed59992f9049e3b', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '17bcf3069e1fb1a3d213cbd0e2c43b06271f75a0', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'aeae13b5dd1ba1ab83651233edf29641a3e5171f', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'c23bd863a9c594fa2f8625ef5489be90c0001345', 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: '4bf2941dea790b11ca9e05b1215d7baf207ee623', class: "file-viewer-fallback" }, h("swirl-stack", { key: '6a31cdbd5c931b46b43ab1893f14e0ba0c485ffb', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '6581e3df50fb3c44d874b1aabdb10a66b648babe', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '711b29cf73a248a8127f98adf938496fa3bd5607', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '8c0b228b6f03448868cdb8679a7240ba65e26802', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return swirlFileViewerFallbackCss; }

package/dist/components/swirl-file-viewer-image2.js CHANGED Viewed

@@ -199,7 +199,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'b107779857eb9811a332d7e54f0c316653a4b6a9', 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: 'd21f259dffa7e81cfae9954896914b479b91f00b', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: 'bca50f10146a6b06462b22c3c934092e7ec7bd18', class: "file-viewer-image" }, h("img", { key: '44362c5aa332e76ef358cb431ca843f1fc0bc785', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '812b276495566e8a71b713ec84090f6fabfa5b26', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'd829c1ec26c53efe796bb9b7dd5893cd52eda007' }))))));
+        return (h(Host, { key: '86f13b2614472cab2c15921a709ec0f31df6b3f5', 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: 'e33badc0e7bd9f4f2e84e4eceee034a16dbd3aea', class: "file-viewer-image__error", message: this.errorMessage })), h("figure", { key: '1cb3535b5136edec2e856bc85ef315fe7e427dbd', class: "file-viewer-image" }, h("img", { key: '8e397b1c705a7b683e79ee977e892ed45bd25498', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '6d43acf2fcd4c0191909d433ce96577331ada3cf', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'e997796b0baec1014e4a73feae3a3570ed97a2bf' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-text2.js CHANGED Viewed

@@ -34,7 +34,7 @@ const SwirlFileViewerText = /*@__PURE__*/ proxyCustomElement(class SwirlFileView
         }
     }
     render() {
-        return (h(Host, { key: '1678717e30b2f7d736608758d3ddd438b1919433', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'dd3c573f23bb4394b3d646a7a3fa75371fa70e43', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '89c037afb75420537456c2fa4a46d458d0198827', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'c201a25d3a6972dfeb2fc5e58ae1771624bbb565', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'a776de933f7834e87b94204bc50ee64eb28618ff' })))));
+        return (h(Host, { key: 'c43d9c70f5114f2f4fe5017e1f2b1ab510626a20', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'cf202980c625a4069775a1f100d3b0d4321501d8', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '38b4295c5ee52a43c2f37d550c6e3d1a5cf2311a', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '86b6c3a189c726196283c3e4fc5085a52d1678b9', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '4905814652aa8dcef4da9d1502c5c9a7a9f24d30' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-video2.js CHANGED Viewed

@@ -24,7 +24,7 @@ const SwirlFileViewerVideo = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         }
     }
     render() {
-        return (h(Host, { key: '49212e36fea981f58095369cde351adc9a777239', class: "file-viewer-video" }, h("video", { key: '8a289e8ee643a312c35ace5e79cbc940a4425abd', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (h(Host, { key: 'dcf2f2af76392a5b0548ef36edd2f59cc9870932', class: "file-viewer-video" }, h("video", { key: '54ac0ea8d79ccdcd336f49b51ba09c005b654236', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer2.js CHANGED Viewed

@@ -71,7 +71,7 @@ const SwirlFileViewer = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewer e
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '1d6ec082c2879a9fa230fb1cd2995a08ffe32dee' }, h("div", { key: '6bed01da437cd25cd4e71dcb235eb255f38aef9d', class: "file-viewer" }, this.type && this.active && (h("div", { key: '82e2ae582a06184e6d6135a28d8298ab41460656', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: '8b854e433b7e5e7f2ac98dd28545a6ce742cd4be', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '25ebd5f3931a1fd0858fe1c19f31adb7b87d0c21', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: 'c9e236eb281a30e9946f605bde83373d00c615a7', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '941a79f92a78c37c2b4779308bebf9a6f9bbddbe', 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: '5a4717bacc5113fbafd1039c4076e55901e1c419', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '8e1c7d02e8134ef76c48a4cb1c40dca813032bf6', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: 'a5ca63be6b08964ccda559a3404cbe7ea15b6513', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (h(Host, { key: '07c8b42a2b38f1cabe35be6997da85ae7e13cd64' }, h("div", { key: 'eed905679fb09994a343c754ff46f620d7cf61fe', class: "file-viewer" }, this.type && this.active && (h("div", { key: '76458467e500219a99c079b977afcb94240e03eb', class: "file-viewer__file" }, isSupportedImageMimeType(this.type) && (h("swirl-file-viewer-image", { key: '3587c8b5383288786f407dc857f66a1ccb539c99', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '66f0f2ff1dc741aa2bc44448d6c52dfc710d9e83', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '851502429ed72a062e3c94e388d376702aab9c91', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '540f92c26a34786cf9590da7052ac68128db1eea', 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: 'fad2a1dbb1643b05d45119f93b01fa7636d6f1f7', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '904155b750e023ced64ef1d55d5f3b0b23fd15ae', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '57c53d6e49fc916d13c662fd284c4163c8d349ee', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
     static get style() { return swirlFileViewerCss; }
 }, [1, "swirl-file-viewer", {