@getflip/swirl-components 0.300.5 → 0.302.0

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

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '0264672b7f8eca9601baee343618590fb03b9749' }, h("div", { key: '045aaebff611ba6a8467764fea81635733e844db', class: className }, h(HeadingTag, { key: '4f4af64a06a46eff3dff3aa6156e1e3f5fd44d3b', class: "accordion-item__heading" }, h("button", { key: '9969ab5c94d147164744bace3036236550c3d8a5', "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: '38e72e00b4b747fbb667352387a436ff61b27e5d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '126bca923d8f3d428b22f69c6938cc7eeaded46b', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '79eda77f027686b371833b3ca3b45d54597d85f3', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'ee1bef3be8e064f4b810b04fd09c2e2470f82f52', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'f7b229a5dd3098f63225889c7eaba974ce84fd51', glyph: "expand-more", size: 20 }))))), h("div", { key: '04d2dd52b2b7097293f06e67ab8ae6491e9867f2', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c223f29deac7148a2f8ea3c1f258c0f273736e17' })))));
+        return (h(Host, { key: '37e305bc643a6b5498a6005fe6cf6c3733596e02' }, h("div", { key: 'd802208c08ef5969e5c8d140594083703558d8b9', class: className }, h(HeadingTag, { key: '5c7d5be9fe17e0728da5ea401d49e40339a2fd37', class: "accordion-item__heading" }, h("button", { key: 'eb5b31d712d25a72b189f4a1c2411afd6d56191a', "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: '9fdbfbee31699410579315f53a6557411a7cbd9d', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '70c986f9b3e26fb4998b2acae4e2a170c8d8c0b8', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'ec1fe676b6e8e09b1edf98a136ba1d3df7e2c912', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'c7725c1a2c3d2fea9ff8311b75003c9b0ed9ec3a', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '77e8e3a17ef1cc3e6f34b4723e637f416932e201', glyph: "expand-more", size: 20 }))))), h("div", { key: 'ad9e8759afd5cb49cb68a9bce0f61a709e4e6c4d', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2de0da2aa2cf446288f30468ca061b3f8665cbb2' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '9cff98602eda48461c08f6f4d1cf441cfa748293' }, h("slot", { key: 'b6a3a13c116008491146d9f5d392ae99a53bd4ee' })));
+        return (h(Host, { key: 'db1f3a5749e20cd8df3f1d4710cd9bc086002d97' }, h("slot", { key: '72dbe96f1e8e7cfae49a40b4a73442fe9a0fb421' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '017a3a23f99ea6f8225b03d480141b2ec67c8f57' }, this.hasSeparator && (h("swirl-separator", { key: '8c47a63250785078b8ad66b4ff244eb34a022411', spacing: this.separatorSpacing })), h("div", { key: '92789d99121a27a78ac737537f6a1db7f2b638f1', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'a9ec066daf1fd3711adad71079e1bff5243fc918', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2b1ef7ef825b7144e4597aa5fe9a5625e8f56356', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e28989e2646eaf69dd5e2e99c4c78765b083d63a' })))));
+        return (h(Host, { key: 'c21789533d2bf67f84804656811fc60f29acbef2' }, this.hasSeparator && (h("swirl-separator", { key: '574904df2d024facc474a9235bac7ef34ce668f5', spacing: this.separatorSpacing })), h("div", { key: '2564250201d3b5218862ea27cf31af8d280e886a', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fdb414f40db581d3f760bdc00ea6c6bf46e51b36', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '10910a2fe385cc3b7befe58d615bf4fa2a559675', spacing: this.spacing, align: "stretch" }, h("slot", { key: '72986152501d4574060cc8edad861f0275df353c' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

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

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: '073cbd620c456ca52480ca80d137d552f2dc8aea' }, h("div", { key: '169943abeedb9ee8583c15ca41380a442c9b7da7', "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: 'f65809ec2ad102a7b28fef4f05195c9d936f194b', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '6f26bfaeafe7cf4b16449dc26ab2031afe994992' }, h("div", { key: 'fe3afb2618a65c32a73172c7dc67da5d932606b2', "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: '077e112437ff9f99e6ad40f7e9b4faaea1d51c81', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -40,7 +40,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '4c903c83af417365577fa87cf0aa4311c5a88b4d' }, h("span", { key: 'fe288c3715c20fa504329100d08faa2027723204', class: className }, showImage && (h("img", { key: '7e6ed8864f1551bcfed28911010f952b67659e74', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: 'ac54a7dbb1b26d035a9b24c63667c21d9b37fec7', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '0246597746c262c48608056674b0e92ae871f916' }, h("span", { key: 'bdeae7d24e621180fe683db98d11d3af78fc35d3', class: className }, showImage && (h("img", { key: 'fbd3183b1868e235cccd82ef8395e4e6a70b9bfe', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '25aaa4c3612eb7e668e8796bde4d0a25e7670c3c', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

package/dist/components/swirl-avatar-group.js

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: 'fb3cb2a0624d4881066f5f4e57e8fb34e1647c22' }, h("div", { key: '33a91fb44f7cb809b95208e15e4be35dcb594471', class: className, role: "group" }, h("slot", { key: 'b1abd4bdec6fbdbc61f5e0d23b071a433470b51b' }), this.badge && (h("span", { key: '404c7d9c24cf23b78db1b93674c90a23672a5f92', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '6a6a87484916f4341bee75573255a70c04e7d51e' }, h("div", { key: '9cc05ce558e9aa6cbff457cbe5af38ec12e1df72', class: className, role: "group" }, h("slot", { key: '01cccb097c967e19657206b92b8c4e32409e03fe' }), this.badge && (h("span", { key: '6a1dce168468030d60280364483e5c83e8a48652', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

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

@@ -17,7 +17,7 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'a8efc24442b35a6958e9ade7e5a0a551cbebb8d0', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: 'f5942580b23a75bdb8dd75aefcae6eaa4eb8f59a' })));
+        return (h(Host, { key: '6065be8f82bb6e4cda9e89773a474250037ec88a', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '61e0dea3da3661a0505554f1006e49cfe5407444' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

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

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '9ffb9eadfac1ba43526029c86cb00adaac24563c' }, h("div", { key: '3c2e9de2491ed37d8e8be37268273257d1e2d411', class: className }, h("input", { key: 'cfe1bbe1a6325444ceaa7eea90b21bdd5e14473f', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '7f0df3f92741786b3d88aca004fd6ac190009e81', swirlPopover: this.pickerId }, h("button", { key: '0788b4084fcfbf1e589b3e472c50943f4dd3dda0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '4654ff5bc5df257853068a43bcaf52d02097df71' }, h("div", { key: 'e53f99ef8f3b2f4ec1b53d79fb5d7dc6c201f46f', class: className }, h("input", { key: 'e868bf74207fd39366e7182942e51e377f8f51a6', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'da79dc9a8ad10e420d9924aeaab92969ab342909', swirlPopover: this.pickerId }, h("button", { key: '268c45d7a455c1682e1d40da424f66ed29de9c72', "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: '1191ee416639ceb294db4ff68a2b5fad3f7875a7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '6fd8df1d9759e6c731ea2186668cf6311a91e684', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'bb7bbcefcb9af4b731fb65f95648bdad5d6e8789', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'e3df1808566ec26d254a993afd897ebe8d6149b9', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'acb8684dd6b9130cbe6b69f82cd820f7a54a0c10', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'fbdbe7bcb65c8c72cb6a454d49b7f0b96b833f0f', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '7d84713d661b01ab9738f3291ff96eaa6a4273ce' }, h("div", { key: '8754e2c5d1766c79aff4c1b709f3b05af3876913', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'aea06629c8c6a677145cc9d7311d54ae6bf3814e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'daa0cf42d1375ff237ac0dc8bea348585d0fbd9d', class: "console-layout__header" }, h("div", { key: '5f74538291111b3bd781db2026ce2939f88fe451', class: "console-layout__logo" }, h("svg", { key: 'c109ed9e44eb7ac0c4b18b16137e6e74f1904198', 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: '3f6f1ea12dddef5b75481cabf8e1dca4e67c3611', 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: '84e8d994bcddb26c988f53d627f99ac7c26eec41', 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: '8ee9f006367ec3317502145886553cdb51e52741', 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: 'e79c1f09ce39cbe81d36e12c9ab0c68006e310a2', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '1d684eadcf74a9a99f44a9c297c875b911e08af6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7a12b178a2d3e756843dca279cab290573964f9c', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'ca9dabbf618c10f72d9d7a4165f3858fba133877', name: "navigation" })), h("div", { key: 'dd1aacad46bde5802170fa330dd794d806602cdc', class: "console-layout__user" }, h("slot", { key: 'a69cf69641fa93d312a7f7b6f38c03048849495a', name: "user" }))), h("main", { key: '17310d42d955b58a567ac4ba28f143ee1b7cb131', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '4052e37ba1cee80ee072eef3e211387fdcd17722', class: "console-layout__app-bar" }, h("span", { key: '9f36760efc5734ef49176619776913c8dfabfd80', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'cc168be13732135fb671f4e15e0e74f62d2266a2', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '2930f06b68c33d1db6855891c280bbce497dd17c' }, h("div", { key: '5ddaeabea14f18f899ed990afc716eacb8c7b62c', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '5e7de012f1cfc72dd0ba474e8e3d88ac119db61f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '969d6a43670e3651f4661236c3bed399b2270dd1', class: "console-layout__header" }, h("div", { key: '85221754e4758d44a76a83a864f2a2dfdb80da0d', class: "console-layout__logo" }, h("svg", { key: 'b4157a22b7c7ce3a7816d358d636adf88f2eb93d', 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: '48a13a5a1a54067acda2c0e35dcf3fc7c906b331', 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: '255a1f728532628142a1a5b52de834e708bd495e', 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: 'f00b94ce8503b2373808a26cdad25acd44f88eec', 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: '4d79ff3e641450b41e7b41f97c142dd26e2cf98e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'c24e4f98b264c47ae390ee45c184e29bb646fd46', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'a6916364a1623f7b1c110f747ce07841a917fc01', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6d0dc78e8fb7788974c75dc84bb2552b7fe7603e', name: "navigation" })), h("div", { key: '00b375997d155a2dee1352a95ec766d3ceaebca8', class: "console-layout__user" }, h("slot", { key: '4994cb603c0245d936d874eff34404971525e82c', name: "user" }))), h("main", { key: '07e5d4d28f4173b6bb05ae0bc1c4438a8b161d30', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'a1303fe7a17426ee93b3ca19ed64ccb0111f20ab', class: "console-layout__app-bar" }, h("span", { key: '77447e6bd15a556e01a7ac798f090b8d3ef3d6d9', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'fa687d8da6526543c2d5633c53489b79d58b7f74', 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: '594f1559a6945fa022a1bbc0e9e23eb9b9c10246', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '086e29e51cbb6b49c5cdcdb282a57413e306808b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '54fc7dc576b9d03f0785019e3ad89ab4d24918da', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '4f364d05afa78d85dfb3a2354eb983bbc1fdbe51', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6e102cca5d7c37b33b7ecac7fd4c147448218bd6', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '9774ea160ef2170f3398aab7ddd91e14f02e8536', 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: '25591e3cd8b8b5bdf5c34766a096213f2df3bea6', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'a86eeda0edbb2fef9e054bd36dfa598f69ec054f', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '1d90d23b208e672c54a76d708da90a4f5ff74477', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'f5d13e6a40c9450805c97d9ae1160b5a24252c2e', class: "console-layout__heading-container" }, h("slot", { key: 'e95749f40a3e6a262640720c42b551cbe51a1832', name: "heading" }))), h("div", { key: '1ccceffb16475cd749c16998edb62de07d3a089e', class: "console-layout__content-header-tools" }, h("slot", { key: '78b1b4c1656be1a485262021d6bcf70f3abed547', name: "content-header-tools" }))), h("div", { key: 'ae50835209f0725b0dbe36daafa02761c744a0cb', class: "console-layout__integration" }, h("slot", { key: 'cb5d853fdbc36e3396f2f522df433e884bd221a8', name: "content" }))), h("div", { key: 'fb385d65ac86efeea1dea4a8e48a65472e3c20d2', class: "console-layout__overlays" }, h("slot", { key: 'a40451bc96c34c6a04510fe666e877564f21d1f8', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '027af1ac154e515c553b4a08a5b0258970ccea6e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '46b272c3ef561337958f50e794721ad535a4ecfc', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'f079a7ccf28b30cbbbcf8d2e80100fd31a7fb5a2', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2e2c21343e7236b5e66234e78d823362b0a34000', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'cd02c31bc8aeb3e96e2b442fbd2146b5e5dcf817', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'b3edbabe38f90cd717cb0d103093f6c36aef00d2', 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: '3d94304a3b44f8af0fc96ca1f449139a512d3f50', class: "console-layout__heading-container" }, h("swirl-heading", { key: '8cd396bfaf0131ec4d6d1a9c26b14c8fafaaa011', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '6e17f790cdbfe866cb621975ebca6a440d0ec3a0', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '3ab23dfdff94a02c030353a19c53e17a49c9324e', class: "console-layout__heading-container" }, h("slot", { key: '4ff076e14ebf81aedb7cc34dee46705abfaef646', name: "heading" }))), h("div", { key: 'b904d511047d70d8664a3e270ad711e58b8529f0', class: "console-layout__content-header-tools" }, h("slot", { key: 'fa85ea3ec1f299ed0f3fbe692e404f5b7f9b29bf', name: "content-header-tools" }))), h("div", { key: 'd3b227b1f377f14a5d3ffa651d28875ea795eb48', class: "console-layout__integration" }, h("slot", { key: 'e6b82fca5742dd779aeff2e26230dab84a17ca45', name: "content" }))), h("div", { key: '0c2bc71ae51433fb8ead80e88997b56723d64d6b', class: "console-layout__overlays" }, h("slot", { key: 'a4b78f102f28ec132660595c4382be2dff207b5b', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

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

@@ -160,7 +160,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'e68974e0b55970dfa8e90c3c1f1f6260b7c26d97' }, h("div", { key: '20aad617e47d672e4c88e5e70a1f108c1b798fb0', class: className }, h("input", { key: '8654f6689eda071ec65e68d61cfd43459242b8f0', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '172f39eb52991d639991399f0070bec3af10390d', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ece8b03122d9412cc7add92ba5d39fc13608a1a2', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'f6754c856d7467d09585dfa763e2ef2581f35307', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'd1f649a5cf929512e6784f4dd1c228289a0f999e', 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: 'da2b74bfaf6e98678b217868f142f16b299dc12f', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: 'f2846a9c317e1b2a1038ce4180003efac74866a9' }, h("div", { key: 'bac876e674e4c392176a3d9aa8a1369692269b65', class: className }, h("input", { key: 'be3af9bc5270b71adf63fadada4c90918d13a427', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: 'fb60b1ece26328e1640e7c5986bdc6c402e2e942', swirlPopover: `popover-${this.id}` }, h("button", { key: '5e4f36348cc2455f67d97cc8512d5c2b8d5a2cd9', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '4acf57324758a10686eb990c29feb7ac8ee4ba28', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '936059760783b67c2be6d304c4306b829d2a6343', 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: '2e8c1c7313e2a65404ceab0819e405cc875d8053', 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

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '9f36d2ab9815207c7e0c6e251c1392707f7660b4', onClick: this.onClick }, h("wc-datepicker", { key: 'd3d6a2497a11e8f8a14c91da8a18cb64158386ef', 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: '34595b92f9574193761a219aefbc332d7f7acb04', onClick: this.onClick }, h("wc-datepicker", { key: 'e80a3d474525fe05d5044232fe57a6fb505f3ed7', 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 SwirlDatePickerStyle0; }

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

@@ -24,7 +24,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: '0f8ccd4f55b867893c31d9ee140c8c83224c42b1', role: "listitem" }, h("div", { key: '04d454a0b2c964234da9f539af06445ef2c1f8b0', class: className, part: "description-list-item", role: "group" }, h("div", { key: '71a732153752e508d02417150519c45e55140e96', class: "description-list-item__inner" }, h("div", { key: 'ccbd936cc178bc55cb3b5d291d201d3e199264c6', class: "description-list-item__text-container" }, h("div", { key: 'fce0e3f8df0471d60e438a7a065915454f021d34', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '26d8061de05012ba4934a3930d4898ba5468d75c', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '7e693ea0a45c90f709baf5fc5e6c9c74542641d7', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'b52deed1096afcba8f75c9cd94dd58af6a24d15e', size: 16, tabIndex: 0 }))))), h("div", { key: '829e7528672ba88adf90a35dffdf8481a0a41ef8', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '608b6afcb1c126861424dbfee17e81e499a13b82' }))), h("div", { key: '553c9c1c193fb680779e92cb09122bd94d099296', class: "description-list-item__tools" }, h("slot", { key: '459525d84d6a8bde6f0887d63b564778558816c7', name: "tools" }))), h("div", { key: 'f98779604772ed9369fdd0917d0b1586c55dbc04', class: "description-list-item__additional-content" }, h("slot", { key: '30b270d652b45e960e05ed53ec5f4b319aed533e', name: "additional-content" })))));
+        return (h(Host, { key: 'ef87fabee3c2e08ef346ce403e5fa1a5214f1973', role: "listitem" }, h("div", { key: '87fc0409c3a7ed8d3e7f065f1f95f049805577e5', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'c2526a4b2669f3e67eb2ef630f05883c77011306', class: "description-list-item__inner" }, h("div", { key: '7681f1f15ab1749e8fdbed8b1872ab13fffc9bb0', class: "description-list-item__text-container" }, h("div", { key: 'cc691af6b66c1f8ade682d1d96a0c109f03adfd4', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '4944b1ecd2bcbdac3d6b839650044881a65a3626', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'dbf0323f65790d3745e0930c982f59baeb706f36', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '296edc050545a74a3bb428c5fddff8f77b9a6398', size: 16, tabIndex: 0 }))))), h("div", { key: '105f080374e57edc4f0250a735752a0d47e38b1d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '9ec8d830e1bbab56145f0894fd7ed565cef16b42' }))), h("div", { key: '4844cf3296b8d3e7f26260a4688864c85758e610', class: "description-list-item__tools" }, h("slot", { key: '46c979d5eb7d5c011b15b8f8ecf8c04ae33ee2d3', name: "tools" }))), h("div", { key: '08a389cff023eb7fe0b170476455247326b3bf8f', class: "description-list-item__additional-content" }, h("slot", { key: '0adcf256c60edf0c67dbe7f7b97f41202dac5b8e', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

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

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '55ef30ce2d39c75b44efcce8eec8fac0b9179092' }, h("div", { key: '7899dd83d8ad3eb8536623e59001d336a7085882', class: "description-list", role: "list" }, h("slot", { key: '3e17306503b6600983d72b4a2ad83ccb438947d8' }))));
+        return (h(Host, { key: '77f44467783c3520556f1780a32c8f49872e51df' }, h("div", { key: 'fe48a2adcfaa2f67533106b2e9d039cb072b2212', class: "description-list", role: "list" }, h("slot", { key: '657b97156b33a29619f787faaa9d1b9cfe029102' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

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

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'b17b21c4da379292c2f3e0936c075648f9831180' }, this.size === 16 && (h("img", { key: '270b8a25b87062c9e1b5d467e1f65c8040c5ecde', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '8bee5d854670be4ddc1712dd8617fc2687d72929', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '55470eae3513f4f141c2c2b5af8d4be8eaafb140', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ad95040589f725553d1521860647e11bbccfdf0e', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'b00619fd9133d5e7b9adf57b375e10db9b931846' }, this.size === 16 && (h("img", { key: '9aa5511ea8aa6d709514753f4a9a9c7466b776ad', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd8b515d61248eb176c0265f27641e0411d250b62', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'abb6d85465a1c7a78a933a3129471c9801b7b5cd', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '8e7cf80a5757033902e3f4d09b933b76cebb58fa', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'a03490bcac7f28d53d50528b65dc094b7ad3869b' }, this.size === 16 && (h("img", { key: '77fb2ff8c6f30a643eb46d153dc14137d57ffc5e', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e6a706f214e3a36a454162cc346ff3a2d721af53', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '2beeef13c4f95ddf91725d8205dc54a7a63669ad', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '777eae506b7a52d4de4fa197ea06bb6b94d2c825', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '561f53a9b0d10be977cff032ad4346e14ad3c3de' }, this.size === 16 && (h("img", { key: '4dacc8ba1cbafd46f91b0dfe6ec5105c8a4d427f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4187f6a4b166b514ed7bfef0f51f257e3d4782a1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e2f289ee9e129f7e8353a768ecb923e384fcb130', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '29d6700c836704f4fe3d469fab8bb43925d02fa3', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e1240e0b6668325bba63de458195f83d776c369d' }, this.size === 16 && (h("img", { key: '61d9a35ff4add8a6b4119e038faa7e5a3f776010', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '6d6318c264133afcf4a809134648dcab76b819b3', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e542413052201b22b01fc5cc77c3f80accfa4fb3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '5e73f58a1c54e410ea47af99def5ce2a43c8fd9a', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'e722d46b340fd7d2562d151a47f09c9bcc7137f0' }, this.size === 16 && (h("img", { key: '9d7388cfd0f7671c8b6f2a17c2e299ede3279ef3', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '8cddc31216cba7da6cb1923ceb2e87ce449a3efb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bddb959e844c13959b2b63ac0eed1e7cbc0b92b3', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '532125fc6b853fd3cd79a0133f0d9a34d8b7cf12', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e722d46b340fd7d2562d151a47f09c9bcc7137f0' }, this.size === 16 && (h("img", { key: '9d7388cfd0f7671c8b6f2a17c2e299ede3279ef3', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '8cddc31216cba7da6cb1923ceb2e87ce449a3efb', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bddb959e844c13959b2b63ac0eed1e7cbc0b92b3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '532125fc6b853fd3cd79a0133f0d9a34d8b7cf12', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '6bacf2cfda4bc8d427a1f608d2bb929d3d8f5342' }, this.size === 16 && (h("img", { key: '9491dc7692ddbc73b0ce926d08a9c0dd891b8877', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '28cc96e8caabd415718141497f9b999710eb1ee8', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '85af3d98fa66cdc81c0ff04aa7d6a8116db9d033', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e3c00d9347853708717d815a5bb869e125776d2c', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bbe77625773e9dac97d98d9e4af3a98baa962a34' }, this.size === 16 && (h("img", { key: '7141f3f01c933953e3ac257868c6ae5cf9d0a6cf', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'a3583de20d1e6f767c429fb0019dfcdd680e431e', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '72aef588dbb621f1860201d3bdb2a4353c61ec1e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd638be2b2363979aee3a363af449a4c82cf3bda5', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiSadStyle0; }
 }, [1, "swirl-emoji-sad", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'ff2f67db1d4d3a74b9973aab20672a6ca3fbdb46' }, this.size === 16 && (h("img", { key: '4bf11115ddc4a575315d32c010a9919df98ef51e', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '6cec61eafddee42728aba7f039816f2467c31ce2', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '9c40cc45b8ce307a6f52db01866fa73aeffdf69b', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ea4fb4bc4216909c4f53379add9e46d5fe1102d5', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '74b203b62f1d04e4a44c02fccd8bd749a12acf07' }, this.size === 16 && (h("img", { key: '963e328de9a78265b109e814b16ead52a1ae35e6', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '35c67f1af98c65ba36bcdd0fc4297eb06d5486b0', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '927b5a28554d8c728446f5750c17bd8776618e12', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'afb6f1e717dd5e3cd9cf2dfbb710c9d198940348', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiThumbsUpStyle0; }
 }, [1, "swirl-emoji-thumbs-up", {

package/dist/components/swirl-emoji.js

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'e311c27f93f2caf245394ee7c9c811402055c9d5' }, h(Tag, { key: '887096219fbdd5fafc04e5cea4ec87da86d32ea2', label: this.label, size: this.size })));
+        return (h(Host, { key: '39f5580c7e3620b71028d4c7a037facf78c162dd' }, h(Tag, { key: '2bceb4af077d0749a95fc74a283f04aeb64c6eb3', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

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

@@ -22,7 +22,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: 'bf07ef62fb2c5c3e8ec3717085e08d942b8e32f5' }, h("div", { key: 'add4db1c4f9e03546de85078deccc308e001dfdd', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'a46211b767c0beb7df12c6fd7abee914ae1a4a4b', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'eeb08743a27b47014d6015f081a447edf68020f6', class: "empty-state__slotted-illustration" }, h("slot", { key: '9e36f89e6a7027186ba3ada4da8d1ff2940606bd', name: "illustration" })), h("div", { key: '3f8c2e6fe70e199705f04f3a9f8e6e3ee473103d', class: "empty-state__body" }, h("swirl-stack", { key: '34b0667480e278e87870dbb626c9476b74b5e064', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '85b4645efb5272d8039202970c1107d9b6dae08d', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '4d4f86735fc3c393aeb6d8d9f41b79415fdaa983', class: "empty-state__content" }, h("swirl-text", { key: 'a3ee9b2d3fa097680150272f195f05c3bd60ff6d', align: "center", color: "subdued" }, h("slot", { key: '750d5a7727bec8cb3b62f1cbdc4db15a0a16b1e6' })))), h("div", { key: '523e8646672064e5d3a9966bfd31514c9f67f93e', class: "empty-state__controls" }, h("slot", { key: '0bb48438decbd4dd027744cdcca860cb9eb003ab', name: "controls" }))))));
+        return (h(Host, { key: '286c730a3fadeaf72a36a6f73d9fc880f2fd9c02' }, h("div", { key: 'be9336531a7847c52744dd36589cee036868ca43', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '66fab130e08d74d17747a2102763a4674e13801e', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '595cd0b45540fc83465a3658aa5a359daf656ecf', class: "empty-state__slotted-illustration" }, h("slot", { key: '982563b416cbd955c18a2d363e5b896bb8bd042d', name: "illustration" })), h("div", { key: '25ae1dab82e2e2e23a540f538ade26fb96be9792', class: "empty-state__body" }, h("swirl-stack", { key: 'dadc5ec9c0b08c89bf978f4b2863c1855ff413e1', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '51a8ed0830df3f13ca39d4510f14a371838a22cc', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '1c4921010535e1e7ef104fee151fe15df6980ec3', class: "empty-state__content" }, h("swirl-text", { key: '482956169cbbc7784fe5f56470fc2b28e5028212', align: "center", color: "subdued" }, h("slot", { key: '4b1cf923b92a366e9f987841d726dc7f59bc292a' })))), h("div", { key: 'cca112fd02b3118f46db3c4f4baf883ca7432231', class: "empty-state__controls" }, h("slot", { key: '87c4bc50c92830fc64abc393c64309a0a4664d50', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

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

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '730ff32ce47e91d4c7f7f66bda8790e98952f459' }, h("div", { key: 'e0b54fd7902fff3588d9ebb7d0bc2d1a8b0ba34d', class: className }, h("label", { key: 'e5ed488d1065d5855b8be9d5244afd726f656439', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '174058f16112ad5177ba61b13ab7b0fc773c84c6', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: '80b890f9da6eeddbe59ea87febddc5512de69936', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: 'f980aa151256c3330377ea0f3dbaa9084b3635e9' }, h("div", { key: '11e52e456cafc4200c9bae62856a3301bc4ac6db', class: className }, h("label", { key: 'cef3ddbcea0a04f87a5fab3a2e7c36cf86265cc8', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: 'ee11cd2ce677310caac36bfb6062e182fbb32565', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: '429beef9a23e5ba478262abf84054127e619c575', 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: '209bc8e0cdfe87ce745a2ea696ae3449626d783a', 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: '7a8ba4334c56e487a13af5c7198a1dd9fbfb1aa9', 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 SwirlFileUploaderStyle0; }
 }, [2, "swirl-file-uploader", {

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

@@ -17,7 +17,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '42dafc3bb9d6ed42370c045019b3c1edcc7f8358', class: "file-viewer-audio" }, h("audio", { key: 'adc17f6a53261c0a94e3541e7824fdf03b596334', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'b2aa0e6353f9b83ed490330b49f936b521faa6ae', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'df07d6ee32d398601c7596200b34c086433b6d1e', class: "file-viewer-audio" }, h("audio", { key: '1b75f0b1c371d5e9c51989d7e6715c057bd4c9ce', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '7fad057df64aaa1df95d72e6939c818aa09a14c9', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerAudioStyle0; }

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

@@ -63,7 +63,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: '5adccf403f3cc1ca2eb80460133d76ee4493e4aa', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '8a7f39e6fdb2c0a58af476394f3d180a51c89a80', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '8e42febba781f9817019683797a89d99b5d06d25', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '6c7f62aa0bbdec136a6cce0c8a39956722e54b03', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '3c72c9011156ed54afcb3839ff3c200c19ce91c3' }, 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: '56c808c875538d9829d8d7521084639d42ab052c', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '20581f28e7ae18a94df50680100682a5d46bd78b' })))));
+        return (h(Host, { key: 'f5356bcf1aa35b5d3284acd6ad24a22cf8b32975', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '1393a6856e2e8791ab7f310d0e2d247cd019696a', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'a2a1007cd9c7d5e21ac35678926f045bf455f248', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'a7961c0daf38a03e1205d2d2c9542b7dcf9de353', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '20acca0953e4fe44dd251ab284a06a93e3e8cd68' }, 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: 'dfc414c33b7147eabd04e7e998dcc8ccafb040c7', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '03aca1be3967a1f174ad733f76594b76e24b84e3' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'fea2760e7abb85a2bcab4a574dc0f1481e9cebb2', class: "file-viewer-fallback" }, h("swirl-stack", { key: '0b85640d0be028d64829a1c546aec787dffea611', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'edecd23a4226297e569af74fa8e4e89aef30ec52', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '9be9566e9a40639f8676aeb33452659c8d529c6c', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'cca67b7b016aa02735a7162abb8d0593a7f63ea7', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
+        return (h(Host, { key: 'e562027150f009d1a9c0d99a10e83dd634878440', class: "file-viewer-fallback" }, h("swirl-stack", { key: '1272435b8538ced98a7294279c330a8bd019a9c5', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'b60cbbfa8fab2ca9a5e95a55b8a8c4683e6db476', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '11b86cae12d4bf4d6dd68ce8a867ee70c3475427', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '4daa01a247a9942624885c44a03290f40b08f602', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerFallbackStyle0; }

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

@@ -202,7 +202,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'dee1710566cedea2b677f25cf816d879a9de66f4', class: "file-viewer-image", 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: 'd29984d319144f8d4ff276a9f5502e14e6b0fdaf', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'd303129a6ba1f537c02b39b3fd0dfa63b82c85f3', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: 'd96bf98483c7e71bfeca5636547b2bddbe7463fe', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'a6cf23493fc08e24cfd0e4c5cd2e42f06866a3b4' })))));
+        return (h(Host, { key: 'cbe23d7ed69422b2041e81fbd26b7542ceb5af8f', class: "file-viewer-image", 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: '313d6c6b34c9eae6862831d27e0cd067278e7438', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'b88fef97e6e976e7f278672dee37addf81c9ccc5', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: 'e7ff3db468950e803bb67b0925ffc6fa0600219e', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '921db6a8a81d1ee62c3b7f4ace7a435d4105a6bd' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -39,7 +39,7 @@ const SwirlFileViewerText = /*@__PURE__*/ proxyCustomElement(class SwirlFileView
         }
     }
     render() {
-        return (h(Host, { key: '906e67ca66d8243b8ea1a9012462d2635c341b18', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '1adff96153d849dcf93a885f33e1d4dd7eefaa67', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '5a05947f405f6452dc674782b38945570d7a2847', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '922c8419088bc441761226aac66d644240689d1a', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'cc183ed9ecd4582bb6c5b7c84c9a0e23bd6cc72b' })))));
+        return (h(Host, { key: 'da44cbac65056a5a63ed0c52e2fe6dab2f4077c0', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'f5308d08c4fc2a0512ab6d06b7074aa52d02a69a', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '5c8bd315cb3da253cc56b6e8f0a978661aaaf3e1', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'e786c27f5826cc421847290f8e00c19f24dfe298', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '58af5cc15cc3d90a9208eb185bffa1f6e418257d' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -29,7 +29,7 @@ const SwirlFileViewerVideo = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         }
     }
     render() {
-        return (h(Host, { key: 'f8f2bef246a6df61c0e35566651ea8b348d6a9f4', class: "file-viewer-video" }, h("video", { key: '51a0ac1e270cb96fa80e46a327be080989e07f25', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: '86fa6c072078272c9801e33444891521043fe9c6', src: this.file, type: this.type }))));
+        return (h(Host, { key: '7f600b163ef06661cb82f1a5c4c9717bd3893ebc', class: "file-viewer-video" }, h("video", { key: 'f8c9733a94995cf1390a4d096b795d09bf4dea27', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: '5aa4239a322ad266cff59b2d1f3e9d73440b4d9e', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -69,7 +69,7 @@ const SwirlFileViewer = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewer e
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '112157441f7a950b2ec171663b3b129a31131abf' }, h("div", { key: '97572b69c7f0060291572df11c8545eb863d11e4', class: "file-viewer" }, this.type && this.active && (h("div", { key: '7334787268ac80c12c0992b0722bfb2d5b0ad81b', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: 'e44d79c93046e2b02e73de8e040102f8c175f495', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '52914479a9f72c52b099e72db2c4ad2b25778e50', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '884dfee98e90395735f002c628f869f01d405338', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '614d72e129bee9ca0e16834026e41c2073d64a68', 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: '5c22b9a7eaedf1641ab0fc244964d92271545df2', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '4bc1987aa68276af5bf697016a371e726e1c3616', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '9a8d2e9723db484517b7a51b8fd09d9e3d7de679', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
+        return (h(Host, { key: '9ba715f197722534e4a31b3ad8e87dbd413ac671' }, h("div", { key: '937f8c875412a119b77a7ddf4b85e01c62fcf2c6', class: "file-viewer" }, this.type && this.active && (h("div", { key: '57048d9d6de7975fb1bb430babe3bfe48ff83bfd', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '880f8648857195d20841e1b1e3d0a123764e81cd', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'c1ee6b085833f7ee012d48fcfc0b99e86a1e64c2', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: 'af574f80b902bb40e29d8b6037908ee11e2bb596', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: '6c640fc02adec9bde91c9b2a55568083abecc48b', 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: 'e9065f4345a671743c1709412c7cbc366cfd6932', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '6ba4d0f2469a019514e92a1e67cd8e5c74ed9c44', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: 'e6630272a8d0de64ded6d60bc82bc7d16380dbdc', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
     }
     static get style() { return SwirlFileViewerStyle0; }
 }, [1, "swirl-file-viewer", {

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

@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './swirl-icon-help2.js';
 import { d as defineCustomElement$3 } from './swirl-inline-error2.js';
 import { d as defineCustomElement$2 } from './swirl-tooltip2.js';
 
-const swirlFormControlCss = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{--swirl-autocomplete-tags-margin-top:var(--s-space-4);display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;margin-left:var(--s-space-4)}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z\" fill=\"%236E6E6E\"/></svg>');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+const swirlFormControlCss = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{--swirl-autocomplete-tags-margin-top:var(--s-space-4);display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder):not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select:not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto;pointer-events:auto}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;position:relative;padding:var(--s-space-4);z-index:10}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control swirl-tooltip.sc-swirl-form-control::after{content:\"\";position:absolute;inset:calc(-1 * var(--s-space-4))}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z\" fill=\"%236E6E6E\"/></svg>');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlFormControlStyle0 = swirlFormControlCss;
 
 const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormControl extends HTMLElement {
@@ -166,7 +166,7 @@ const SwirlFormControl$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFormContr
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: '0ff78e63a1528716fa4f044b0fd8eea0cd1f4445', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'b7026d2e2cdcb84d22e03c20b97f94f8aa2059b3', class: className, role: "group" }, h("span", { key: '227e0e4179a9ff6f53f0abe8acdbd97ec59ca02f', class: "form-control__controls" }, h("span", { key: '8579cd58822eff10bc2531ac86c9fa1a8cd771a1', class: "form-control__prefix" }, h("slot", { key: 'e916f9a2555a6535cddb537c16de05c9f40b6ecf', name: "prefix" })), h(LabelTag, { key: '6e5d2f8c84c4d45188cef6b616f187967196ccd1', class: "form-control__label", onClick: this.onLabelClick }, h("span", { key: '761d8bc5f65710eb9e4b8889010befd60426d4b4', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '5477fe4455957143e684865f998acb13d8cd1456', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && this.labelPosition === "outside" && (h("span", { key: 'b78c063979128f991761851278653fa03edb5efd', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'b8cfe51d884dabceeb6bb6787a25714617ac1537', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: '7ed1cc47106f82bb431abc5a90de6f99d81a77cf', size: 16, tabindex: "0" }))))), h("span", { key: '6b1b2df17387890e994b4bbcf95d7b06bfb03238', class: "form-control__input" }, h("slot", { key: 'd53f788dbc2a997bbff860c3b6954960e60b7379' })))), showDescription && (h("span", { key: 'a9781cb8c955a720ce2248bd59358656d3f6d4f1', class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { key: 'ad9980ac5f065d3f2f4b055f77f3d2ac9e46d61c', "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '56af8250b06a777e00188b1d9213e54bf4c52482', message: this.errorMessage, size: "s" }))))));
+        return (h(Host, { key: '0ff78e63a1528716fa4f044b0fd8eea0cd1f4445', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: 'b7026d2e2cdcb84d22e03c20b97f94f8aa2059b3', class: className, role: "group" }, h("span", { key: '227e0e4179a9ff6f53f0abe8acdbd97ec59ca02f', class: "form-control__controls" }, h("span", { key: '8579cd58822eff10bc2531ac86c9fa1a8cd771a1', class: "form-control__prefix" }, h("slot", { key: 'e916f9a2555a6535cddb537c16de05c9f40b6ecf', name: "prefix" })), h(LabelTag, { key: '6e5d2f8c84c4d45188cef6b616f187967196ccd1', class: "form-control__label", onClick: this.onLabelClick }, h("span", { key: '761d8bc5f65710eb9e4b8889010befd60426d4b4', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '5477fe4455957143e684865f998acb13d8cd1456', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'd659d37f09d9d62a33a44931c4fa8178b5ea6335', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '110ccb5e04937e4a2bcc56f1e1cf560e83588612', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: 'c5b80f8d031311e4d5d7d11def12ea7b1c719578', size: 16, tabindex: "0" }))))), h("span", { key: 'e51ef2204a7c26265b1dcc8469a0ee5a5ba99ee3', class: "form-control__input" }, h("slot", { key: 'a1c89addf9017fd223deb998912621a0e40b452c' })))), showDescription && (h("span", { key: 'cfe5e7d9e7b87d950a642383be8a689351780b52', class: "form-control__description", id: this.descriptionId }, this.description)), showErrorMessage && (h("span", { key: '2e2f01a837b66bea2b572d2cd6009f8ce437229e', "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '3c849220dbb2fb4c4050a200719f9e9703e3eb9e', message: this.errorMessage, size: "s" }))))));
     }
     get el() { return this; }
     static get watchers() { return {