@getflip/swirl-components 0.320.1 → 0.322.0

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: 'cb64694897c1a0eebefb632950b6a3c9db9562a1' }, h("span", { key: '906e198b9916e209b0a1ee93176ae5767aee3f71', class: className, role: "group" }, h(ImageWrapper, { key: 'b74ae16b0acf8cfb0a7d32c8d6cfa8d7444c55e5', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '24019dacc72eacc9db95e2f330b759a7cd7b7e84', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '905458596e1c0387cf8ab5733b906d67c8f3da31', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'b794419cc14a92c67f25247362010c1e1de44298', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'df5fc82bf57f8177abaab7c82b0560a3bf7d7499', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'c85862f305ddfa4ca8dd1b4c57701635e4cf382c' }, h("swirl-button", { key: 'bc2faebee460188ab12ba528ac742566155a462e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '5b9a462d7427907d82b09e7ce62f32437a0842d9' }, h("swirl-button", { key: '4fbca44187f9db29ac0a6031961539c91f5b13c7', 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: '170a9a5169982ef4cadf0cc7773e47423484a664', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '2e7d8a2af40ab17c3df28862fe0c2c9c05f2f69c' }, h("span", { key: '2fe30db45cfd4604e192d2164ca870a197d4360e', class: className, role: "group" }, h(ImageWrapper, { key: '42524512e533c3ad2f2caadef52b802636aa2134', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '4c534afce95a513180574272628818527f0bce53', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'cb4917f90d7d2b7b0859d3a1142a4ba4e6a59ec8', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f2497053d0a5b27ce0ef91781cc760e4d313770f', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7526578f439eaddaf5c7bd911286f27e31979d48', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'a420b268092d9fddb68c99ff7d7bfd327f5a1489' }, h("swirl-button", { key: 'b5dffd826299d0f7b872352261e88f4cb60eba46', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'c2d7ed53d67cc8cd15fb52395ede90a998209d2e' }, h("swirl-button", { key: '38f312b6c8063b19e6e2e9d9cf650b9079015dee', 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: '9171268bb5761ba8005a16035d5b01f5a7d3fd13', 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: '62cad8160514e5d742505e6a39e55df30ac9bf3f' }, h("div", { key: 'cf232d9443be8c35549138d2414ab655cd1ed648', class: className }, h("input", { key: '6856af41a01e6fd0bebf7d412e7ccf90b4a927a9', "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: '791576da99aaf53545bae4ff29221c1ece69b2cc', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'f78a4765dbb5a4fdcded534bd0d95a3c34f39e6f', size: this.iconSize })))));
+        return (h(Host, { key: '88648b0530fdc92812cc32b2a7e8ef38ca5000ef' }, h("div", { key: 'e3478cee59f9f321c81cbd46609d28d128d6d58f', class: className }, h("input", { key: '53f0429c20f7056d6eb59b621c7c5c09c007a351', "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: '2db877982247667ba0ee055bcfba1c6e534b6c8a', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '4650afc9be2cb4e35c8ffa76784ee104113fe0fa', 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: 'b89c578a32dbd961465ee23f8a4e521d10d8bbfa', role: "status" }, h("swirl-stack", { key: '292cbae48deafe0a76a515e2eac35f0dfb99826d', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '5016a14ee953a31f67d13bf1ae1e85c15354bde0', role: "status" }, h("swirl-stack", { key: 'c543587f49c16ab6601bb7c6e2edaf7cbd242050', 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: 'c0d869b690436deacc2d3c203da75561cbabf303' }, h("div", { key: 'e9fa09c4d9ab4f71bbfacac56b19248ed93c30c5', class: className }, this.icon && (h("span", { key: '91e3a639f3f911cab2e159e20c15840c4558ff71', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '0f04c7e25e203c4ab52d9b0bef316bd587c1b31b', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'f97d934f8bf11bc623e6da6512a675eb38b7c806' })), h("button", { key: 'e2d60aeaca787a51e038c31a8880935808eb59cf', "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: 'fb68588c3086cba14d95d0e48f16980da6e8f1a2', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '63b2524f2a2d1190684086bde48c934d32566c70' }, h("div", { key: '21920f98742a4ad51ba8d303d5ba4d3472cab259', class: className }, this.icon && (h("span", { key: 'da3bd02686663fc0793bc69b6d4fdd86f25f8bb4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '64e558f31a9a03ea39dc3a28b16a62096dba3cf5', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '9046dd7e88bca0a6de43ed367bf78455a240e208' })), h("button", { key: 'df8bd60a80ca63e77ec1e5b1e8f70e9b9c813f5a', "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: 'e0de40c23452b0b9725947021a4e5316a92ea84f', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -22,7 +22,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '7cc5d2a7d5ffe8b792cc76c639a762f862402d12', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'dca7033d3833f625b0ffac8b191edb314f50778d', class: "button__icon", glyph: this.icon })), h("span", { key: '5380169ce206429406894ba691dd3012ed43467a', class: "button__label" }, this.label)));
+        return (h("button", { key: '994f5b200cf63da321980d7aa73dbcb0fa67c11f', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'd56456b29fa6b40b635f59d69632d5e5f6fd4033', class: "button__icon", glyph: this.icon })), h("span", { key: 'cbbafdc9d634e3c7d5e19d02ff9fdd9fe4a7553c', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

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

@@ -67,7 +67,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'ca807e7d17146a3b0de3ce1a45ca19e5d648386c', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'b9dcd7dcb1dabd27227568473287bebbacd08d85', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '0d54fe748fc081ef7930aff6027a2ed460f275eb', 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: '2209c72d725863c4a00b7818f7807afec6ce9476' }, h("swirl-stack", { key: '28122759e485039ebd1293316115707fc0c0f4fa', 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: '839470d432295a35e89149203d8761e0aa5000da' }))));
+        return (h(Host, { key: '7a89a37bf47c2ca12422e4b69fc49c6b1478c373' }, h("swirl-stack", { key: '7349ee2ab52619ff8104f1fe122599178a139400', 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: '4c5b9382755409876bc554a7ee698ed326ec8ace' }))));
     }
     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: 'fab7025501b2b85e03b31af571bfe2556a2fbf1d', onKeydown: this.onKeydown }, h("span", { key: '30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979', class: className }, h("span", { key: 'be87c4cab59e4fd973fa9ea0da81b07d8ba056b0', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65' })), h("span", { key: '484c29090af80fe4acc66eee3808c75be3a16528', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '6b15209f9e0d9cfafc7af244f1ef22cb4d7da719', onKeydown: this.onKeydown }, h("span", { key: '7c75a8e5d9f2e5b1099fcf7f750ef12095b58402', class: className }, h("span", { key: 'ed98c804d5526c58ed70705b8a63a7d6f2ff7734', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '6dcbf266cdb3521c6d8e8d37cf293149f0469190' })), h("span", { key: 'a2f3b747288d55f9d46c5476d100f8a230e56615', 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: '07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9d0e50ebdb013eeba59011945ed6e559c3d3bbf9', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '85c760dc089cf71b0e43e13de679b2ad795ad97f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '216ff9495331d0a424c0bce32a32e52f8fb46d4c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'bf5df3af6609b7a00230f108386435283a340aa9', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'a95c884426bc39651f749305f3d16568dc0da4b1', 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: 'd4bd1525dc7f73254f0730db018608fd57042063', role: "none" }, h("li", { key: '13cdf618522cc29f85fa8eae21dbbb880fd1bdbe', class: {
+        return (h(Host, { key: '976cd4e831727e7db9956829f340acd697382d25', role: "none" }, h("li", { key: 'e48f3bce8ed4b1d76e40732de8fc198850dc1566', 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: '766f3abc27868c37624a43c41fab80e13806dae9', 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: '800e66e35bccc69c986b07f03f9469262da11d3f', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '6fa428d0000cfd68a0bc2d62cc541fe022c1ec24', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '8024409708d5a89112d87cb9cfa9cef748d9dba2', class: "tree-navigation-item__label" }, h("span", { key: '821a70bb13ab77f343007cb211e3aa04e7685deb', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'de9318ee7c6ba345585c39714dcca1c3537185a7', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '81665225542afc273b02768ff0b6091f3229be03', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '413056e3aab8a57891262502517d7b23fba33e99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '5141f8db8278a28d3ea8b8591a469eaf4783e841', 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: 'c0d5c2fa3df908a434db8979852e9656f1cbafdb', 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: 'ddfe2b601720f1317b68662e487af6e381c87351', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '89e00270ec0ec3de5d03eebbf33724e1daffcee1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd6d643dd231bd76dddc62c1815ae5a093d5d8564', class: "tree-navigation-item__label" }, h("span", { key: 'fd86b770fdfa2da8cfd2473de91b8b77e87579d8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e1e47f84a25d834cb998bfab78c8360599604615', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ce81067a5db01871b2b3614fc53fe7e15f1c6dc0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '5475fc0a1564c0b075b06de429e8ec9329ebfeff', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6d60e9fa7495b3088c4073daaba0500b3374a158', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ba7b191668487c2929de1dea4758666b5942a427', 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: 'd141cb5f47d0b2d47a6706351092687b89cefd70' }))))));
+            } }, h("slot", { key: '4553b9129e43d38d3f437c278a9680b23e6b02ea' }))))));
     }
     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: 'd64a1dd341a5211587d8cc7b148371c16571ccab' }, h("ul", { key: '8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'aca30c87ebdb9cabec3b4365f4d8f67c00893b3e' }))));
+        return (h(Host, { key: '8d146cd8f185c5ae4580e7ce354d2e949d3e6b07' }, h("ul", { key: '35e93effb7f45a842a9219e66e01a52a1e0fc241', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '67e52a189443e4527b27c2e3a522c8cf589587ac' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

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

@@ -335,13 +335,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '359205749fd0fa8cdd09b902a535169cfa410031', id: this.itemId, role: "none" }, h("li", { key: '5e13cbe565927ba5fa14e3f99309a2c880b262b3', class: className, role: "none" }, h("a", { key: '776901fdfc6d1879285a3a37b131b4cc41ec7efc', "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, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'c6d9ccbeca76689b7ffd72fe765c6196a6c4437d', size: 20 }))), this.expandable && (h("span", { key: '45873aeb8ee0ef116351e300397ff202d5950033', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fe6bdc75d7beabe8ab58687ddd07f8a461426479' }, 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: '095e710bc88d20c62cbc79aaa66993b203b70cf5' }, h("span", { key: 'b7a0c0b5446ce314e3bfb3778953a412d0d088f7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'bb2fced3c07abca46d4fe1542ebc310a00acfdb6', class: "tree-view-item__label" }, this.label), h("span", { key: '7705d52ac2befb94f0b161a0875babbaed63b891', class: "tree-view-item__tags" }, h("slot", { key: 'ed0d4949b0814388e305694dbc833319f215b1f3', name: "tags" }))), h("ul", { key: '1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: 'd044ae199022dcc3b022b2d4dc266d82db00a2fc', id: this.itemId, role: "none" }, h("li", { key: '106bc3696b6d68b5ba22badaa9d457e3e72d62f8', class: className, role: "none" }, h("a", { key: '0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771', "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, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '24aa0852201a264f2e596851d9acef1f653b669a', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'f23b5c4a9c0e56320e53b9da3ad55462c4f265e1', size: 20 }))), this.expandable && (h("span", { key: 'cd5933c4674e8095e00d66157fd646f3edc6af04', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd8dc9940a46e7de9b2148e98f06a8b8edbbfac61' }, 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: 'da21cb2a18f2755d747a854ff3d1a3ddc27d6c70' }, h("span", { key: '5eb18d4f3e9c9268c93f16989cce4332fe91dbf5', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '70715c356b263b1d78f20dd015ec93aaba5b271f', class: "tree-view-item__label" }, this.label), h("span", { key: '77fec8960d46a38e198196073841cc0cceae27c2', class: "tree-view-item__tags" }, h("slot", { key: '3940dae27077c4b8a71f2dcc6b82208c90d8b34a', name: "tags" }))), h("ul", { key: '17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '173b8f94cb788699ef8ed8925084766337389409' })))));
+            } }, h("slot", { key: '84e8e55f032818f56c1cd38d3f7949d0be2db270' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

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

@@ -327,7 +327,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '356121cb7f5adc3b4a9627b370233916cad1ae29' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a6f46439112356816f0f853a96a373a960b1bd14' }, h("span", { key: '2bab282efa908ea48a31683b6dde185cb153c1af', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ef9a99fe169c8752c982d9f0d4a02d6b091b042e', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '85a2a2c04d985d0892180c30f0c5b63bb85587fb', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '51aa3a81589abb63a2d736f430ad154c7c75d9ee' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'c0a5e93d03187dc182921d0561c09b76b00382a1' }, h("span", { key: 'f25313f606c553ef032184a599efda8c0bd42fc4', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '6004a1690b501c446c4fadbcef7b107bb5a3ab24', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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: '89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f' }, h("button", { key: '3eccecc8fc13e0107c06ab6f5b7061890a2cc586', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '46a3b1ffd73342381e5a653e4882164046cc7acb', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ce763f7f7139820fa7dca759f75423561ab77082', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'e24762998cc8964572a171714e2863120a31843e' }, this.durationLabel), this.duration)), h("svg", { key: 'bea7034af79ae9405b17303db7a63aefd4d07198', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1b76a07faf72896a78c7263087475e7e3ee4c347', 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: 'f17cffc8d4b785cd750283accc36f68442e01d32' }, h("button", { key: '19c37090245311db067fbcf17a7f314684bf771a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd9b82c8d91b9df65080a9cb49ec262f621aa8bc1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9d4916b716239f6d54fdc5d871bf51c5dc40e92c', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'a416ac442c86f2e241d4d325fdf8ab146754ab52' }, this.durationLabel), this.duration)), h("svg", { key: '4732e4585d157deae9abf1c5ff4a8fe0ca9c09de', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2bdc2f16cf20880c403027c9aeaba474573341b0', 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: '69846d59ed62a94845e0943463263a760121e458' }, h("slot", { key: 'a13661b354d562468572064c0362f23a8d9e509a' })));
+        return (h(Host, { key: '570b5c52a11540e704b58464a05f5235a49c5e41' }, h("slot", { key: '05a73d221016ef4a7f055bbb15c628186d01e5bd' })));
     }
     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: '2086d7f149184315fc63f1a08f62d6417c8d64d9' }, h("swirl-app-layout", { key: 'fc616da66faea464c90549344a5451c2116eb263', 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: '4e7406f73f459461343128a42fe842c1034cd170', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '58150e6be77e31e10aa517731682de0bd6664533', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '67ded3470f5be253a2ab57e23da68d3c03e0b3a0', label: "Sort items" })), h("swirl-stack", { key: '7fb0a2550c1b0f6cec3439661c02841f59744903', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc1ded34d711be9f2966fdfc880aa832ca9c1fdc' }, h("swirl-heading", { key: 'e9a221f247334d9ce4dfe6fb6758acf3d83c09bf', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8bde0de07fa9e2f98ddc93f31d7e26841dfb7a66', 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: '3e0354c2b5d80533f88553f28fb46cf4d18fc7b8', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '8fd8719031689c6104237ca884991efe32a6da4a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c1cbd1c4c055e141043a6d0080c38a6c8ca0fbe4', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0a6602a9c87a6fdd1f8f3ae9ffd21d5691313932', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'afa213d6b10602bc1b7a6d6b2bf70c39a4bbca5c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e7fc99b5ed823e20c2847ba81d8419047b261045', value: ["ascending"] }, h("swirl-option-list-item", { key: '7a48df08406006aff94638ca32c6fe83e9d2b02b', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '3f3652febae33f9a036df76f4ca3ab2caaa07d12', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c41d24a2e1e4f09b2ea58ab66bb8031169c6e6e9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-6124252f.js

@@ -2554,6 +2554,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-unlock-person.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-upload':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-upload.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-user-add':
                     return import(
                       /* webpackMode: "lazy" */