@getflip/swirl-components 0.293.0 → 0.295.0

package/dist/components/swirl-table-cell.js

@@ -10,7 +10,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'f267ae25c13bb5c7211be86e42466187d55b4642', class: "table-cell", role: "cell" }, h("slot", { key: 'eda9485ed79a62111e06fbef83f8040a7c72ec29' })));
+        return (h(Host, { key: '50a900742d3ff39e82b913bbcea5c7e45b4761cf', class: "table-cell", role: "cell" }, h("slot", { key: '102c1df54ae4f87b7292eec5a2cb3c9806340445' })));
     }
     static get style() { return SwirlTableCellStyle0; }
 }, [1, "swirl-table-cell"]);

package/dist/components/swirl-table-column.js

@@ -28,7 +28,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '6ef56fadf99f9ff657bef1f2c9c3252d4704cc88', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd63c689c1e504d06f87f122d3e378cb18e4122b3' }, h("slot", { key: '373530e1e7e33368e5e9ff6beba5287ad2fb7541' })), this.sortable && (h("span", { key: '2f1fdcf224bfa0d1ab6dc53bc8ee05103cdae04c', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '76a22ad40225bc27f8af2df5e4ccc795eceafea1', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'cde3f7f04e8191fb6406797806585b1d45512b16', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'da54355854d6f43ffc37358e05f44775d38df3a0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'e901e9c9085997776c8f324a52d7c8158c318bef' }, h("slot", { key: '190cf7d873f142ee8b7f8af0003b04bd20fe1c86' })), this.sortable && (h("span", { key: '93ef6dcddf0a2019e0ccb7151cd91b97a825c56a', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '10827a5ec050bc42657d3bf391acdda935eac20a', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '84577bd046edc3ba7d34da1f1c204f22ec263f49', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return SwirlTableColumnStyle0; }

package/dist/components/swirl-table-row-group.js

@@ -47,10 +47,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'dc1ef36737d62ca2f51f5be02d5c509eddb76282', class: "table-row-group", role: "rowgroup" }, h("div", { key: '0b29a8d00c1ca2a2b38a630cf99ee18031cbf051', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'd4378e275f54bae5452fcd97ac5e06c339de7fe0', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '3cdec93211da30a5cdd066817a65d21b3842d538', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '18844e846fa3d51665cd32b0cf0a0d631c2a04d3', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '07068946dcad3fc929fdf16578c1f6f7c6293220', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '2238d3a37427c9bb42455e3d98bdeec01a791189', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'f1eec17f730a5b89c53d287bd95e3daa93cdbeec', class: {
+        return (h(Host, { key: '221d8562996ee88f51409f78ea31d813c0a0dce3', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'dfaf2a806e4ca98b7ccdc62155f3b34b6eeb34e6', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'ffef88e9f21b74f3d80af7dde7801686109a9e86', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'eb3afe95655387d6d967ed3de3168e09641d46f4', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '78ed0fb4fe5ce390c2ce56c05a4120f4e066e431', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '1932c225fb408a4f2713edd7c852641ef1312f27', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '52ccc8d450c016bbbe48b5114f46ec6ca7a637ac', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '17fd9cfaf79570915fcf24336d11242e3db40c75', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '56fe97372e350b8a4aecb6fddeda6befd8e83172' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '028bc4f32d9596e875ac7135c0593fffabc3fa2e' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowGroupStyle0; }

package/dist/components/swirl-table-row.js

@@ -21,7 +21,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'fb5f3c2d9f505596e9626613549883798fec47f0', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '71d82333e0956f90e60744728997cde45e2b8820' })));
+        return (h(Host, { key: '20dd1ed59bf2c8e1e48dd3668fd2b5c614e0a8aa', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'd9a7d493bd51a184d126e5803a65b4b8674df36c' })));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowStyle0; }

package/dist/components/swirl-table.js

@@ -326,7 +326,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: 'cf46085c42fc52330c7ad24dcc40bdf72c4b5ba3' }, h("div", { key: '67e1bd0a9c0d82f82f1afe4e6d2518dd984917c4', class: "table" }, h("div", { key: '59c93db5f4533a395f2b5bd1a6b3ed94737667fc', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'a26dd8a60dac974e908a77d96f6f9d97a5baf0c0', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '2507e3df77ee9437e595b223cd8e77eb815d1cba' }, h("div", { key: 'f962a7080f553c1522adae0f1e5d11f96be5a9e5', id: "caption" }, this.caption))), h("div", { key: '1a6d093a12d53f3f04a37ba6e5491f84d8be5c17', role: "rowgroup" }, h("div", { key: '5953ae1ebf1c76f9d3ba7bd8bdf6703ab69bf4ca', class: "table__header", role: "row" }, h("slot", { key: 'cee176f91625a2e00158564cb357d812c6be805f', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '37a91fa0b369197d62db97ef5f8cfc0a0d17c11b', class: "table__body" }, h("slot", { key: '8c105e54684ed2648898f30485cdd02b83f45f87', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '737604b50f856b89d6713735808e9864653a53fe', class: "table__empty-row", role: "row" }, h("div", { key: 'c0bb8145440523051fe52dc6e2904ff8d371ebdb', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'e867308fcc5c6ff412e85a853ebff2562f27613b', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '71e1177fabdd501ccfabdd71ee54255d11755811' }, h("div", { key: '758418e2a20cfbf6af5231db4b5a853616c05456', class: "table" }, h("div", { key: 'cd5d7445e32233ce0b41ebf54a1d4ddef6d4684c', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '949645057ef251479a0ebfebdfe3f906ef5ec12f', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '66830588591490976ab43c88e6c11f62fcb7ed09' }, h("div", { key: '077b1aa67a5c8eb8525a9629dd72f29a8a488078', id: "caption" }, this.caption))), h("div", { key: '31c797a6456f073127820393574870a1f97a2c4e', role: "rowgroup" }, h("div", { key: 'fc47c41652edfea565d352fd2a6cc1858408d51a', class: "table__header", role: "row" }, h("slot", { key: '5c8046b08299224d60a617a7408e0da1f14274b3', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '4af78528117bfb2f2ba0a6bd9b7d278fc3d3555a', class: "table__body" }, h("slot", { key: 'c502d41c4ed0caf8bba2d94ae2406113e2bcddcb', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '3da63d19e9aabcf78b2fa53573dcfbca718e3a84', class: "table__empty-row", role: "row" }, h("div", { key: '798b1e47c162e3ebe8596f20b198e38e8f3536ee', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '4f6f950cc55c5771e6432061691bef7b14ffec5e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get style() { return SwirlTableStyle0; }

package/dist/components/swirl-tabs.js

@@ -86,7 +86,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '1e34d578f5e5fa3997583a5b085e6dcb7144bfeb' }, h("div", { key: '30c0d1183ea33c966ac09825b639dfe68ce9e89e', class: "tabs" }, h("swirl-tab-bar", { key: '9bba094f810302351aea3005dd985dfa4f0f4cbf', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: '0036bc4dccd3aa87d69beb757187ea0d5c4b9c78' })));
+        return (h(Host, { key: 'caa6b8a57618fbf882c79f3afb474a10741eafb6' }, h("div", { key: 'b931bd005b54f636c8f734c7e361323db9e944e7', class: "tabs" }, h("swirl-tab-bar", { key: '4e51e62e9c098740d37fbb198be1f1d482d5b7dd', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'd08af7b9d272219fa1ccde23b950399d2230bb82' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

package/dist/components/swirl-tag2.js

@@ -45,7 +45,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'e4b87239e8182dfec9083991f110143dd546b8d2' }, h("span", { key: 'f7249adea2f633a252cf0b261f9943cbe506ecc9', class: className, part: "tag" }, this.icon && (h("span", { key: '4588be9d20d846be387d1abb975ce98506d5db19', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9d24ba7bee531a4d741678105e79b2087299be8f', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'd92c9df4fdbb1f359c26fbdad005f7a6fa5d2c72', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'e4e8df37568d44dbc02f54892ece51264d76932c', size: 16 }))))));
+        return (h(Host, { key: '929845576819bd561965c475f3c4aa449096dac5' }, h("span", { key: '74c46991a9bbb9ad01409e658f4f6c72b1f15fd1', class: className, part: "tag" }, this.icon && (h("span", { key: 'c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '71083c3fa4dd03769975403498a2ec78f49826d3', class: "tag__label" }, this.label), this.removable && (h("button", { key: '9fa0c323135e2fcb064a1e30a3636bddcfaa9c96', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '495a501e9cf488855639af27193853b08e74dd30', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

package/dist/components/swirl-text2.js

@@ -985,7 +985,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'bf400674931ce8619bca89ce94de049937554be1' }, h(Tag, { key: '89c58e30de25038993bdf0dd94428ca996e65859', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '44a831cf4fbab6c5b47a7258ae0b68c4b1ba2b6e' }))));
+        return (h(Host, { key: '7cf2f2ea640acde9ae455c33ed94f96629a4cee9' }, h(Tag, { key: 'e0a5546c4bdee0e9f901a1378deeefce167977e1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '96c959d69c0b4f457e3c804c655ab5d4afa6e8a3' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-theme-provider.js

@@ -153,7 +153,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '6516e45faa098c34a9815579410d04e5d181a228' }, h("slot", { key: 'f6e392d8c56eb8506cd759b1601dfbc976e43e28' })));
+        return (h(Host, { key: 'f36632294f339e158cb48ce8199b9a5a2881a794' }, h("slot", { key: 'b4d597bccbaff1cec274da1887db4fe7c87a0b25' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/components/swirl-thumbnail2.js

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '8acb18971b79f40679872f3e3ad56a80ffb1f545' }, h("span", { key: '65d7090da15b6e2ba2eb3b0e857e4785ce4fec3b', class: className, role: "group" }, h(ImageWrapper, { key: '36fcb4c2daf90ee32368df493bbad767fa5f348b', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'fb876bef75a0f612a663e51bafe0afc932e0a908', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'bd51e4655c1444519e1d661f2c69ea0261b05099', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'fa1b8182f261bdc535a9b47f8157d59f680e451a', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '74fc26527be06fe2fb60030497728e5ea2777377', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'd77189e842a048c7d750053a22afc046c994753b' }, h("swirl-button", { key: '2db75d17a36e2911c12e90cb2baba811771e079f', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'f9809e57a3df0401bba3235b5cb822d5297c5ebc' }, h("swirl-button", { key: '41d3eda0cf02861f1b78fca15de94b9f729f6da3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'f264b33fc1fb9b7e61fd676085ce98ca482a5ff2', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '27810c76f26cbb658b7a3a6cb839fde0e6e305fc' }, h("span", { key: 'b1475ef339eb9ae763783a3fcf51d6e895c25ecf', class: className, role: "group" }, h(ImageWrapper, { key: '448850e4211c37dbee89842ed83737887ef16aed', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'aca1355bec065bef134b8fdb585dcd9221fc030c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '6619f8c2b4e061ca05adbdf9bcaa8b9e53090f2e', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '9eb4fc3684a603d20a8bd9270ad238afd12825f3', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '674404f90c29aa3ca709ba9b90db056c927f96a4', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '084ee61645e12b39eba7b62083eed4e4cc3a4ed7' }, h("swirl-button", { key: '886828d7acd45e9c6d5d1401a1f611eef9825d55', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '31261848ecbda55eb795d03bffd7132680383569' }, h("swirl-button", { key: '10be5572750f74d11167b3fc3ed1c6cb7a4f3a28', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '360e5b55243802d8d8dda4e82517da3b029b7549', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

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

@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'b9de641ecd62b2b701be62e17ca2f10d9ece98b7' }, h("div", { key: 'f89b9d97a4bbbf8fe053761863336e965054bce0', class: className }, h("input", { key: 'e7b4c002f4ee97ca3c5567a9c4d9ce0d26b1810d', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '2bdab6bfecd54decf6c6ecbd1a2679346215c61b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'fcabff90dc41c35d4119bf68d64020c468e91057', size: this.iconSize })))));
+        return (h(Host, { key: 'c0e95e6ad0b228bd294b4233b1695f843d218c88' }, h("div", { key: 'a4b44d6c06394587f03af8c8ddf0368da11d576c', class: className }, h("input", { key: '650dbf5d014edb1ec2a6698ea55351035115c056', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '9461096964410fe9a479f55e6e8ec15cef0d4ff5', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '5739f6448b68b625b5669605613ec934fd7673ba', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toast-provider.js

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'e045177df7cff3172098cf31219edd163d887573', role: "status" }, h("swirl-stack", { key: '9d0d089b2e58e99cb3c73472d0051af3c5b87519', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '29a12ee787470e3d5167ae13f8fd0c84da2d81ed', role: "status" }, h("swirl-stack", { key: '65533b090312d7f6d2f4e20e693c75d6ca985362', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/components/swirl-toast2.js

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'f13b7019f9fe5dd537f55e98c5f59a4608a11ba1' }, h("div", { key: 'c92eea5154be70cc099ee18cb3b3caf389bd9d12', class: className }, this.icon && (h("span", { key: 'eaba6a7fdc594ed5922e1f73950fbd0a3c979b62', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'd051a303c25a2626f75e317e020d73f42c777122', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '02ff7970aae6b760a6485fc303d768f94580c4d7' })), h("button", { key: '0f202582d613d7c6ba3e3eea079427aee99e34be', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4' }, h("div", { key: '4ea2c045680fbbc40984b3450eb7aef7d0d326fb', class: className }, this.icon && (h("span", { key: '8d99261ffbe152eb3226bcca2016d485ef6f18af', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '9a9003bf3186f75010475c6872d891ffc884c1f4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e124b4a2f81cfd83a2e9e43973aab6d755d5953b' })), h("button", { key: 'f2208e156ecd27f963e0576d1c996d730424e905', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'e969f9969cd92f431b2d3352604dd0572d54d2b0', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/components/swirl-toggle-button.js

@@ -20,7 +20,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '7dbc49d9f241d51464c0fe2d6699ff0d9853c686', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '9002b26a2451e798068d6f96342b63106bcc76b7', class: "button__label" }, this.label)));
+        return (h("button", { key: '88f35d41af040cf3250d327b428033274ec21e43', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '1885ff37a1e42ca8d130fbf71da89c1b60cbf91b', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

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

@@ -60,7 +60,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         });
     }
     render() {
-        return (h("swirl-stack", { key: 'e78c35d533c8ffc80650256f6fe78fdca0cf965b', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '9fd3933a1826d847695b011f5d9cd7253824b0c0', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '1a212de148b3d3311fba2192b88dc93a8c3256e7', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '98539b0fe4f57d9ed3d87375bae88e8ce8b6057f', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toolbar.js

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17' }, h("swirl-stack", { key: '5627a2705583a78d2160dea68313ec1006a4b1d4', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '030851de2134c50b17ca1d09d744f31d2b3f019f' }))));
+        return (h(Host, { key: 'e2561eda6698db369a4c97c1f35cf03a901d0bc4' }, h("swirl-stack", { key: '3f45d178282426e5ac027d4bb0c58ef505c116f9', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '545bd3669c2dab02e60dabe810bb21ee13319509' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js

@@ -117,7 +117,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'ffc758691e7eb769d7c63a8d00cdd97fbd0fb88b', onKeydown: this.onKeydown }, h("span", { key: 'd1fbfb04a0757fae672c0e2ed79d47aa79665834', class: className }, h("span", { key: 'de2f233384b1cb66d9e09938d5b3a0b7d95c241d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '87728d6c2818b7cf44bd11b64f8bac60334d00af' })), h("span", { key: 'e5992fb02ce1cc73e7f82e6b666601c2f1890c75', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1a482a32a49e394974acc0614eace76e337c7275', onKeydown: this.onKeydown }, h("span", { key: '9f73d78cc853308520291ee20b7624d6ec64bd5e', class: className }, h("span", { key: 'ff7e20853f18c9b3851a028e385db1fd85841333', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'ee9be7d542982f7d14b07e3648f24a11da92780e' })), h("span", { key: 'fdfa09ae65125350e555b73417dc77be82edda0f', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -125,7 +125,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '1b433d578d60ee7f206e48caaba583ba1c51b1c7', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'de588b3f12fc2e4a07013d8c2b99c3c37cc3c864', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'de5b0812122f51cfd867731a5406e1443a9b8f05', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'a632b60342e4194bf6eefecf1f7887da300ea007', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '78d2b5c880e4ed314723acb1200e61cc9e284428', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '757859caef4234141415d572db53a7b98e1375da', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/components/swirl-tree-navigation-item.js

@@ -100,12 +100,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '736da02376f7c94d4dd47a60be58ca2a376164ac', role: "none" }, h("li", { key: '6c723c41caea052735e39a676ecd09cffbd0dc7c', class: {
+        return (h(Host, { key: 'f8f6e2d2fe47c9825b6ee3c940a50b3228906ab5', role: "none" }, h("li", { key: '966a95ffa405488d71c9b7b50f5596c711ea8e99', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '00a999bdf8c95c02547b9099f598d12306f47c45', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'd1310bb5b7f35a31761ce4b504f59bfa9389f42a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f15cdd0c5d9334a840fc9c80c2a91d8c809f047b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0438fdfa0f8925bffa40814dc131795c85aa582b', class: "tree-navigation-item__label" }, h("span", { key: '20530bcdcdb7bb75f9fb263658c6adfa4e94fac0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '53f44b73c11f38a5ea79d421a2ca8873415d2f46', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'f42374147aec35f9ee5e9b4aac949a5ce7e7e857', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'aecba874f56b67b1920482743131060bfdadb74d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'af7e026a2a78010be560ebf77ee8b908416c7e32', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '15541688e590c74541e748c3befcdd552b127c5f', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '4b55edffa2a8539e31a14668f004cf3b02bb224e', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'afba09c1415074cb3d6ab7604d99d7bfed23a7e3', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '78bedc6d1089f070019f40bd88b1199c6a52aac6', class: "tree-navigation-item__label" }, h("span", { key: '18c249443c3d11ae0265001583cf937d139a3aa6', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '6e03749bf130b8f52ba2f30cb5db6edd8dcc497c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '2eb5a67409aba702447d787d208328a942e0afa6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd7731053f4ff3512e1e29d4c0225a38e8760c970', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'cb3f9bd4fce1144cd7adc7df9b0750a71b3756d6', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '532b5e836b3c663f53a984ea24efb3147e0966e8', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '2d04a3db58107a0d69724785355bfc575e8f213d' }))))));
+            } }, h("slot", { key: 'c2cefb5da24e69e6115af6404ad1c05b21aaacd9' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tree-navigation.js

@@ -11,7 +11,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '59ac8ece7083364d946cce062ba35ab06d1df4cb' }, h("ul", { key: '73f71370d003bb0620fe7712c1d2ee922a75d8ef', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '75724b5255927ebe59bf59a11cc4e0eae6324b2a' }))));
+        return (h(Host, { key: '44937af0d442ccff29e9b78b273dcd196121e76e' }, h("ul", { key: '88ba3c0dcc0fd51f858aa3bb5dbad5861de9faab', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '91efe0ff1cbe0e5715136c7f5f2af65ffcb879ad' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

package/dist/components/swirl-tree-view-item.js

@@ -81,11 +81,11 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '7055128d592ea7a599026cb9e9ca263016c9ab28', id: this.itemId, role: "none" }, h("li", { key: '19db1a5c434521aafbcf66364af9d731958c3217', class: className, role: "none" }, h("a", { key: '8d4d0cfb8f68280bc21fa560be3dfc8536957e69', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+        return (h(Host, { key: '0f6136f547a9222d81f5879b03b7693cee12be79', id: this.itemId, role: "none" }, h("li", { key: '39e82efa16e592b0fd16cfb9f0dbff080d576ada', class: className, role: "none" }, h("a", { key: '7fedb6deb583e17c4cd8db10aaeed4003e52f57b', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: 'a1df0b690e3648a3efd78963580536e68244346e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '8b37bb4dcd53888c2d34bb60cb48caddc1dae2d6' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '3408a32ea893cfdbc7829be311d2b337a6995099' }, h("span", { key: 'bed3cf8a935be1aa489a12097e0f1daa51874ae1', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '6c2f60b9c5f7cf54d69b539b77a6fffef305bada', class: "tree-view-item__label" }, this.label), h("span", { key: '2ec646c4068d3ebbc1417c9138a7f26aaa5d13a9', class: "tree-view-item__tags" }, h("slot", { key: 'c277c4aac4812a969366771dbe5723e266884fd2', name: "tags" }))), h("ul", { key: 'a18acac09207d0db6993b92d49f375f0091958ea', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '46db3460c3adb7034527e35f6608fd3c99d23d6c', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '750f8640e9474686122bb9dec9f5bef200116827' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '3b5b6625449c845e78c6f9c404a53b8c5ace1c56' }, h("span", { key: '0ccc884558049222e1ac47659ea1e0e76e18cee8', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '9198b324756d32d9967c69e8460b0be07735fa25', class: "tree-view-item__label" }, this.label), h("span", { key: '24b62ac74ebd0446d748fc4477734800faa4c888', class: "tree-view-item__tags" }, h("slot", { key: '16ce0a3f727b177b4f09bbda543df06d8282a386', name: "tags" }))), h("ul", { key: '46fca36bc60f706d014c7347acfc303edd672bbf', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '3870afdc596f7b91480c0951e0553478865ff2a8' })))));
+            } }, h("slot", { key: 'a7eb07a70ab5fbc6d5368633e4a15eb3f3ed5cca' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

package/dist/components/swirl-tree-view.js

@@ -197,7 +197,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: '12af463f0f3ef90fc98fb6bbab2039b6a3524d7c' }, h("ul", { key: 'fd41f29496015f4a188f0bc9fa60d256c9789d38', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '48962c66ffe7a3c30e6d2f39a586c1c9566d765f', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'caa7174a0cddd890bda97332701e66ef4ac9195a' }, h("ul", { key: '7648d3a86e8e7f9e4698085f86aa579894f1ee0f', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '54224ff085a157bd7220d6ca34e9b00493ec50fc', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewStyle0; }

package/dist/components/swirl-video-thumbnail.js

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '662c00b709440b09ace04bf30c5538c8ba8791d1' }, h("button", { key: '44d6affc18f5f77deac8e8f1b3f7d09ec83d7b88', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '1af4c020293b6d9f2f7c6ac144e9b56084a1467e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '0b1c477e6cd851f4449c89e81783b9f8d482b9f8', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '2df532b90fdd4900b0dafbf7721ec6ed2b3dd23d' }, this.durationLabel), this.duration)), h("svg", { key: '41bcb649ed660903b4ff9778c448381359e0925e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '51eea7640272fdbf8ce7eb1df570f80be50471ae', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '9098a95f7694941119cf278a921f2e23e25baa43' }, h("button", { key: '1d96db1c725932b1c6495898fecda1a47bf0a9d3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9064a70875b2633b99aa0f5337f332032bed31d6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ae289e11551e1d52a693a1f532f7f07b6e789ff8', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'fb531389a7e2381a8a032bf6876cbdccf04b9894' }, this.durationLabel), this.duration)), h("svg", { key: 'b202c89cc042698517cf56ffe4d87090fa8b2c84', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '37bf4335a29c2a1359d148c1bcb64dc1870c285c', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'a94fe415536bdc6069d84e8d074d05f3a833843d' }, h("slot", { key: 'b21fd056d98d66ad78549d340776f045625f230a' })));
+        return (h(Host, { key: '7d8a0a62d60c8a158bdcbf1cab24f1f11527ed33' }, h("slot", { key: '742a1b41a3b89fcded12b2b9ddfb1665a54f805c' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.js';
 
 const FileManagerMockData = {
     directories: [
@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: 'f824d7bc63476fb19f71a42c5aa09fb4d954d01f' }, h("swirl-app-layout", { key: 'ec6500f8d872dde19f9c6f6a55452712a7a87ce1', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '89a732c8168fcfbf48f8e71d17a5a6d6d40569c1', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e42b4c1d9e6b46603fdd867119bb6ba86b54807c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f21bb99f0f836c2c6914671f5727b9b6ec336e73', label: "Sort items" })), h("swirl-stack", { key: '47479bd60214ab399eecc5dbeec92a99b75ec529', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '351c6f2f6172b01914d52be76f41690af6d0835e' }, h("swirl-heading", { key: 'f16201178c34ed452b1d48e47ea0b28a9bb83cf1', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b2b5638b1bd3ad80ccd7a13d646bc0ab5f7ae811', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'de582407fc445eb9ba1e279195ad240bbb4ff714', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '6019d2af82f81f72c95b5270be7f36a35bdf9bf4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4339cdc0c792a5d1767e54887584713796026848', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c08ce0b2f25c51aeb2cae3236623a376f97571b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'da973e49a8554303ab0e02ddb7daffd5b8e61b69', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e2fde653a3eccfaf9a91bbc45cf5c770cc9e53a3', value: ["ascending"] }, h("swirl-option-list-item", { key: '2dda190f020c675d70a4986a7870f13ef60551a3', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd07d86a691addea39319de2c9c97b43491c16d9e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b52de72d2545eab36d71015da08c340b6b7ba17e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '18b248c1fd36f3a015195c34f90e30f3d0129a25' }, h("swirl-app-layout", { key: '23ee44bb967041b5ee4c0044c05532de08c55e48', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '8dd15f955dd8fc2f85022d3160eeeddb8015b227', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2af1a886f9e1431081053cb4a1723d2f975b0516', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '8ea888d58eb9a05d41b8803f0f0fcfa0a5c34022', label: "Sort items" })), h("swirl-stack", { key: '670c09f8464528db314302c868dec4cbfeced464', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc0597dc1a5abae8ed8e403a997cca3f7796534b' }, h("swirl-heading", { key: 'a811da97e04b193beab8288d9012b5b54635eb06', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '44f69f2fc0ff0a7e51c94002525d41e6f4307d3e', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '0eb5c25bfdce727555615e1d4be67666af96439f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'a7ad8f5828fd2c2b8363b94fdef058609ccb81a1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '94ba04d3a38a3b1fe0141a070dca99079abce01e', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '8e930ed7bba88057d9fe10d034b7c3a283063b53', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2000e436742879d4b3c08262ecf86c1e793b5709', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1311545ff3c088b1d62687a769e8595e9d2858fe', value: ["ascending"] }, h("swirl-option-list-item", { key: '443503042a3a634be5b68278e5b99e4770b7e499', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f613ac4d843282aee7e5bb61ffad3abf47d080da', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '6fbde353175945ce1b706ac1b1a3eedde30c877e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/{index-100ca867.js → index-eaf83092.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'swirl-components';
-const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.18.1 | MIT Licensed | https://stenciljs.com
@@ -1258,6 +1258,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
       customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
@@ -1281,6 +1282,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance) => {
+  {
+    safeCall(instance, "connectedCallback");
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1320,8 +1324,10 @@ var connectedCallback = (elm) => {
       }
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
     endConnected();