@getflip/swirl-components 0.264.0 → 0.266.0

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: 'da80d48b8afc03e6791327fbf5c2efbe52d711ea', class: "table-row-group", role: "rowgroup" }, h("div", { key: '5183c7f2a342fb38b61133b42dd0c70f1a0ad778', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '43166a5078ecf34981b2de19ec201fe2de683673', 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: 'd98d96586418c727e544eb23247ce51b8f8c061d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'fa74034ad5dd767f2f7367c66fb6b3fbfdfdbdd5', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '6a1f1c5a339f043331b8d3abb95091c2b0f130cd', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '2d1020908befe6aa08f88d19238a64906bd877aa', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '941a97c4b9cd7474db0c015013d2955c2510bceb', class: {
+        return (h(Host, { key: '33c34a7dfd360cc42d272148f39f5afaee6e4318', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'be55b7351396815261e5a4eedad74f6c2201e6a5', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '24acb3000c8ff86c03a59d02354ee357997b4f49', 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: 'de4e3fe55c2747aecb3fe27ea28fbba6988f611a', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '1be70f250808c7d5092712bd1e109150675a3f52', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '91c2c303729ff5c589b5fe450a7912e8d1a9088e', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '52014445745900789e9d58f51decd158d69206ad', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '03d906e6b088ae52990612bfb75cb9be8df01651', 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: '3ecadf8a6ca263fcb083d02bf4f62f9f71fc2d25' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '8b61b015bf268d39789ad424cc8f577dd6f1d12c' }))));
     }
     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: '472b5eaf992a8392fc7f2fb99adc67a34d4bbe82', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '23d041a79aa3a7e70ccb737af3f5593e0a5b5290' })));
+        return (h(Host, { key: '10df8e458250623ef1f064fcb254c59ff3a77fbc', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'f15c72028d60148586cb376a08c0154bc62cc4d8' })));
     }
     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: 'a0b881f2993617c9e14a8ca42d8759f32584cdb9' }, h("div", { key: '7e90882ea5f638c1b947dd8f2aff4b2b0c5bd9af', class: "table" }, h("div", { key: '891ce0c68c3b0443c8c001f8c90796c3253ad564', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '0e1e7658c96d3a81623cf5dd6a506cb71aa70ed5', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'd2714c76fed1fecf4c0d6d5429ed3e2ef5418e55' }, h("div", { key: '86cb08c09e89c00363288473caee834eee9639a4', id: "caption" }, this.caption))), h("div", { key: '593db14a8fdeb8a1d132a4ba66c73c445851eb4f', role: "rowgroup" }, h("div", { key: '0022404e7323e564c90c62de003dd4c2d9e75385', class: "table__header", role: "row" }, h("slot", { key: '44c10bfe0cd382c2a6747579cedb974ac15b42a6', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'b6d99faef202c1a5268b443356195c536f6dd8c8', class: "table__body" }, h("slot", { key: '15cd03af69e4c13eb073fcbe834df0357f23f79c', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '2502b08f927fd141b50fc41ca51a10072dc145f7', class: "table__empty-row", role: "row" }, h("div", { key: 'ccbe91d04aae2ba9b2d6d92d751e8b615617aa81', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'fd1fd40ab40623e6581b873b5c8be4fbc6536b3e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: 'ed0cba274eba2bc682996d8d4a88e9d95cd2c38c' }, h("div", { key: '1aed68d5e4d045fd98ab468acf6c723f6f86204f', class: "table" }, h("div", { key: 'dcc6a5c5bf914853a128c3a790b8f90fe96aee60', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'e1051b7144cd8f0bd5cfb22c3133c30c8651b245', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '94d7fbb20c5c1f62bbec7a68670edf4d1cb8af19' }, h("div", { key: '1447e15b44f261277ca36b57b7cd5552ce8236ef', id: "caption" }, this.caption))), h("div", { key: '9e9ba5a856f68348528a25009751e90847e31899', role: "rowgroup" }, h("div", { key: '5a1e7f664fc73a33bc79475f7ae84af1e6555f1c', class: "table__header", role: "row" }, h("slot", { key: 'e51218f9c95ff51fdb58e14279af3806339e036b', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '3e212175f052d42dcdb97a5b2d61f03e2f79b2f0', class: "table__body" }, h("slot", { key: 'fb7124d01de83ee336762724e62ddbdb3296ee9a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'ebe4ecc72523f8002d488e3e766bd0c39bae7705', class: "table__empty-row", role: "row" }, h("div", { key: 'ff6c32891c4f0ef5bff92b1b7ae9279fa09d1ba8', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'f508f44cfaca97ecdb53b30e2585eeafd364d283', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get style() { return SwirlTableStyle0; }

package/dist/components/swirl-tabs.js

@@ -82,7 +82,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: 'e1c50e0b199a21f6dfd0cc87009143511267fe9f' }, h("div", { key: '2519ea5daf5865a1e3f7041fbc5f49dcab7fbb94', class: "tabs" }, h("swirl-tab-bar", { key: 'f4aa60406175d4d63937f3a52492d5342faebcea', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '613935618bca41cc3b5849a61119b150086bcba3' })));
+        return (h(Host, { key: '941bd54b3b0fbe840a1272fa88aee9046130786e' }, h("div", { key: 'a1f72b4a2e5201fb4729e9ab32bd7aebef4e57b8', class: "tabs" }, h("swirl-tab-bar", { key: '2d9c3ee8478418dd4f75126d7e718673ceba964e', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: 'd0913666f41358e3f09bb7fc40c4ae6dd088972d' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

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: 'c60d209612acf0418fed1d265bc583d35cf42c91' }, h("slot", { key: '522e2252bec1ff1cd93933c8fc16aa83755c9108' })));
+        return (h(Host, { key: '5a01f6414bd65eed49ad9f87e676b9ec69f88879' }, h("slot", { key: '53ccf4fabc139f2e76c22a9b869e959aca85cfdd' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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: 'a9d655b8dd42cb3492919a789f045ee444c4403e' }, h("div", { key: '73080fe3c1f914d1f0a74994170e153196cd87aa', class: className }, h("input", { key: 'e25ea24fb9fce58b05a20a80e14dd935770af845', "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: 'c5c97f53c96ad3b4058760bfdd0c4a65ca0a11e8', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '4f5bca48fc98dbb5f72513da5110ef5658621b0e', size: this.iconSize })))));
+        return (h(Host, { key: '0c53f04de3ba80f57f7099edc371adb04d5c073f' }, h("div", { key: '7f80c674345224c8d8b206493e3869f76ea3ff27', class: className }, h("input", { key: 'daa596545b1f3fa69791ff4b960b571f0c629b25', "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: 'a8f8c1a689867e95b017fcdf994e96325ddf9804', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'b0d6f82d1b4215fb21814307cccdf3f99241dad4', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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: '550bcc1b6421860dd6a5739e7bb1f43c398f3932', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '5c54ccfec07102a5e5a7c0ba9d98f565147ddbc7', class: "button__label" }, this.label)));
+        return (h("button", { key: 'ee908a17a752436ee0787555545bde5979699f37', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'be731952e9420f7b39424cffaacf6b9e8f0651bc', 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: '2100aca58762a18b2c441d045b0259d95b903f75', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'a2604d10937e9c496579dfc27daeada2681407e0', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '9623ee39e6a18e31769e4f7a7a73e4d0e4d18ce0', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '5e476408d6ff8269d798cf3f1f94d862d1a73525', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

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: 'e4ae932bdae564eeea378a21ce80fdf24bab5bbe', role: "none" }, h("li", { key: '2180133103b4a35883370268c4c16b5309c8a9b4', class: {
+        return (h(Host, { key: '41362a167f2eacd12bf7dc05d393535d920e1c84', role: "none" }, h("li", { key: '258f61abc2715627c88e02b5096b14b05caad92c', 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: 'f2d8c1b6ee15d65091c3db576efa5a6d2db8ef04', 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: '0b0d00cf4e59b348db19c2afa2314d922058a2f1', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'aa9696841a8a75af4e4a131d5a1edc236be58eed', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '11bc1aa2873b8a3f3fefc82a6d45a1e144074266', class: "tree-navigation-item__label" }, h("span", { key: '6d3212c860627f120cebe27b251482b4c358a905', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '679d19bfb8190090593c42f832203b23bc68c829', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '80de69632fcc483a471eaf0ffe3ff247ababbc0b', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '51bcf079aae4fa5cac11fc4a8ad75ba67f490d60', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'b6b94dc1d6a9d5b2a4f57a744eb26a8b20422459', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '45033e3fa251f3803305234bd98b80928dc60ab0', 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: '0fe6d7779277465ea70dcb87b4f93888ded7a1d4', 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: '207e8d6863339dcad2247d5f3b83ad85b19edfe1', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'bafb8e9d8de860303538670e8425718170f0141b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd570cde65c293c1a66e87a68fb0a8f6b560460e6', class: "tree-navigation-item__label" }, h("span", { key: '74556aba7ff4d4fbdf4c260823bb9d17f6f14e48', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e496c77ed1a01f26d88635f9093ab3fc5551a1b6', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ca75c848c4356af9a9f7076f86299906aaf74f56', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'dd17e9ab861329762c3534737254aa2777a4ecea', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '098c4d654f7a9c2485970dd4db142ecb824bfeb8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'afcd79085d0bb9baa0bd7d64f1cf346b80f7ba99', 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: 'bf6390ad3b86e534309b4d110ef6a008663f4915' }))))));
+            } }, h("slot", { key: '4b2bcc33ea38d223d9111fda50f4eb560fc4b1a0' }))))));
     }
     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: '8ba08edfe0ac2619178e4506cdb1f88433590377' }, h("ul", { key: 'aee847cc0e73f2d43a99d7b2911bc2b1c511db05', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '88669ac1e2d4c00281aa3b0e960052492e213895' }))));
+        return (h(Host, { key: '0c40445f2efb61cad7566c675b0a3edba7202ce5' }, h("ul", { key: '603dd22de525c80b0df15b92fea432f260bb7fcd', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '756f4f2cd732bd50f2839e8bdf108ed5c50133ce' }))));
     }
     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: '84e8dffec34b056cbc21ec64b9ac5ee02046d947', id: this.itemId, role: "none" }, h("li", { key: 'e0496d50597235d2f233d5f1d1c12d4c4173d69c', class: className, role: "none" }, h("a", { key: '85552118048066331756343b6aa6f971a16a5b79', "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: '00b87eab57e8519ea116dae7c362faa7e1c6dbb4', id: this.itemId, role: "none" }, h("li", { key: '9459dc3d87e1cf763bc816ad2be419dd457f3e58', class: className, role: "none" }, h("a", { key: '8965dc4392812f3c3def5b65782fa913a243a894', "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: '0cf52838ae02adb57e1326dfc3a8cbf507dc7b62', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '28000faf29edaf36743b8661d7179f01059346a8' }, 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: '5f8650233cab5d232a12d619fc6ea228753f073e' }, h("span", { key: '05da1e386195f4d1e4b1ac9958251d94eebb8015', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '5384a5e8f6820ab748e64415763e36d637cb4ab4', class: "tree-view-item__label" }, this.label), h("span", { key: '23dc0a18cbf436d08ffca6fe6d3c693921eaae80', class: "tree-view-item__tags" }, h("slot", { key: 'e7ad54894349b9707059ea5fded3f4ae510094ad', name: "tags" }))), h("ul", { key: '027ace3a1dd9ed5756c619f44d291ea111b41c45', "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: 'd9953d06e4a51c832285d7697b694ef57972544f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '7107f11d4b09ae9a2017ffd7811b8ebd568c7796' }, 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: '6b831c398f513544f2a328820ff0df2dce18a0e3' }, h("span", { key: 'c46d2e878cda70c7ae240efe53262093c5a9004e', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'ad0d875a64447cebad46e7e83edf4506faf5d7df', class: "tree-view-item__label" }, this.label), h("span", { key: '94e42894459e0f9cfbe65628f66e71e975db0db5', class: "tree-view-item__tags" }, h("slot", { key: '8f560a19c41d27dc74a97a9431a721a05834e9bf', name: "tags" }))), h("ul", { key: 'f49e0e4e1f25635342d3e00a75ff345961df8873', "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: '174a2d22926f86deafc5168b8319765aa608eb78' })))));
+            } }, h("slot", { key: '58e09b3d1f5bf963dbc420b855660894a84a1aba' })))));
     }
     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: 'a2bfc69fabbf6adcbfc3d418f41f3207856c9e7a' }, h("ul", { key: '3ec4f616d3dad982a474a9e3fd0055587551bee6', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '07c695e41dc8cede5722b4fd098f1f8bc9a25983', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'c35e27e0c75e25af047dc7fae73be660cd4aaa05' }, h("ul", { key: '158f3112f6d5a4909a718abf32752a81cc428d99', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '275d69cbcf753e0316e5a90ce8328f0af9bd733c', 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: 'd0bea75a46371ce3259246720ef5e5e4174b6053' }, h("button", { key: 'c58cd2f54b71f92b54d9557d33c78c7a3991ac05', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '790ddb68d1e747f5193af6554af36b5b3228934e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '83879acdd74dc39578fcc024617f0d1593a4cea0', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '1cca6643d3ad6ba8963aca8115da66d2230b7afa' }, this.durationLabel), this.duration)), h("svg", { key: '717fd9a88cd0c25fa2d1998974bd8dd19b7debfd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7e24ff8a99893f3a548b96e4b6da46060cee64ef', 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: '61fe6ef31be9e5f007a9481cb5211d400aa62203' }, h("button", { key: '986f3976fd2efdffc510274144b7faea5bc6d428', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '2efeb395e158129ce69209b35143951dc77f2300', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ab80c16fe5613c30573d8683fb53ff80b75684f5', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '51330c1463b096c8027aa4bae334fc99f6cce162' }, this.durationLabel), this.duration)), h("svg", { key: '11d433b5fd9e6b2b7bc53867086c6f644130b803', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '312fe905e2ac8f7a9441d1e4155f9eccd82eed1b', 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: 'b216c664f313f0c3c7aa3a6a746aac1042308250' }, h("slot", { key: '4cebb4cb606e9bdad5836863ec6de489c1018043' })));
+        return (h(Host, { key: '58c0c479a475d86f85e37ad2906cc9cb20a1bd67' }, h("slot", { key: '4539acac8c6a57a253ccf1afc925f4cddfebf95e' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -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: '5389dd04689c7a45088a56f8fe07ef74702be4a5' }, h("swirl-app-layout", { key: '714998b775cfe1eb06c661a2fa6c75d114071bae', 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: 'f783026d645e11798e929284aa2b1332be32f591', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '4e5fa4318dc4a328383cfc89e76a2dfd7b1d7080', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '6e4ba041cde3dcd5b3565bcc1906141a70a45db9', label: "Sort items" })), h("swirl-stack", { key: 'ad8736ebb3c41636b78d30b5d736d69e0e650172', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '88e9111f77ff434f5f1b93d3bdcc2e37e9fd8284' }, h("swirl-heading", { key: 'f211d0a645b821014c712f6891f965a9a867f36e', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '13f4f238e3135e82ddc29c60c477cff3412a52ad', 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: 'e32793ae52736602dbe1483c0b84103fac40eabf', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'cc60389ff0f216d9b3ba0f3c6e129acb50b161e8', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '9d25253c8f8baf1f8da9cd14d0404011363ffde1', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '32d455a632b91f56fe5741e52c7aedabdbe258ad', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'decf4363b7daed2971ad73abf380272e661a4b4f', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '606c17d31997b27d0108d6e0f028e2df24ac5cda', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e3544e5da0777b590f5db3f53b75f0848a75a4b8', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '79f226e19f7fa76604dfd8ed1312e4a792596682', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '02c887b73f2add49d8adc48c1e15d96653694e76', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'c500a2c395279ead0001facbe45450d43f5ab1f5' }, h("swirl-app-layout", { key: '6f138dd41ba08ee0d0c4704994124f4816b75ce3', 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: '5991b6ca787595e969a5e307e5f6f634ae88cc8e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'b504d82bf8e5f71d3e98a9a99c487c527b64e38d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7624459d519c0867b258d586626b6dee15d56542', label: "Sort items" })), h("swirl-stack", { key: 'b0ade6a93c38572a3f8b21f2b67f10f9c357a2f6', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'fef610c21f4524d4463ff09b9e7758d22d17f3bf' }, h("swirl-heading", { key: 'b0a01eff53120a13d3621dba8a6ca05336dfd14a', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b788a2377f8b26b0395f79eb7b933802b99da409', 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: 'ff66f1aa8fb5bb0d06c538c2b58cab9a0c7ebd1b', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '45376f4e4f09dcf619d841c0a6f59077001dc0b9', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '6870959c3abf088c16e11f205f585fdd0d8319ac', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '1615885db1f2b677c7efc0dc1a29e050aafea158', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '55017f39c443a609017651491c3fad38568ab504', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'ae583312ccbfb3b8c71e46d542b10271236f609f', value: ["ascending"] }, h("swirl-option-list-item", { key: '48a06ebbe427dfc037802093542e3b03afee4692', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '251a0a246607eb2ca0e04e12c772af7b2a704f5d', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '4c60c4be54a72decc95afcb51ea6933e8bd22e0d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-1878a8d8.js

@@ -1769,6 +1769,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-delete.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-deployed-code':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-deployed-code.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-description':
                     return import(
                       /* webpackMode: "lazy" */