@getflip/swirl-components 0.266.0 → 0.267.0

package/dist/components/swirl-tabs.js

@@ -82,7 +82,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        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' })));
+        return (h(Host, { key: '07540d084786f425e95755d62fb0093a999f8799' }, h("div", { key: '78f76c96435c61801042b9f8f47afd3209fd5190', class: "tabs" }, h("swirl-tab-bar", { key: 'e5c7c8f4258a9ec73f88e248c885d865a639d03c', 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: '89daa6848f561e37c6031b926030b787afd00edc' })));
     }
     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: 'b1252aae3bea38598442cb55686853e117d13c7f' }, h("span", { key: '8913c5ba54383d25683173d728f3bfaecc3e5738', class: className, part: "tag" }, this.icon && (h("span", { key: 'aaf64fd259e1379305e46314103380ac80330c45', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f1bb805f0264d23957e244682027417f41dc6507', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'c0e1fc5f3c153fea47edf8dadf0870b9d3ecb405', "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: '94acd6d0feb76393da944ae9bf41043735d297c6', size: 16 }))))));
+        return (h(Host, { key: '64674e21ebf168a1e89797134ab38ad8aab16b93' }, h("span", { key: 'c739cffb50390acd4be40179ee28dde5df18bb3f', class: className, part: "tag" }, this.icon && (h("span", { key: 'c2f8ec350ecc25649905edfde34927a04ec68f66', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cb5f0c9532ae7afb796e4acb68dd0f13b9738392', class: "tag__label" }, this.label), this.removable && (h("button", { key: '65111a77d8f9da3af8eb682acb06367f47362b93', "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: 'd83f3b09993d7c639b76a706105ffa1139ffd5df', 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: '67b3f84f719c449587fdee7cec69b658137b7318' }, h(Tag, { key: 'ed03d274cde2bba9af7bf6cc0d65e66592392c0d', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'c5ebf1c1a2ea1619100a8dd05fffc3fbbcf80071' }))));
+        return (h(Host, { key: '32dc266a755c1dabeac2c985ea8d905dafcbe886' }, h(Tag, { key: '40e528843db1896427fda552e0d0abcf97637021', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '292b61a0c45364c90a709f874c2d0e493dea86b5' }))));
     }
     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: '5a01f6414bd65eed49ad9f87e676b9ec69f88879' }, h("slot", { key: '53ccf4fabc139f2e76c22a9b869e959aca85cfdd' })));
+        return (h(Host, { key: 'b2c16fc101fbb05c86f26e0d21e479c7b6dc7bb2' }, h("slot", { key: 'cd1b1db2ba011ae1bc8450df198dfe3e76d1fbf9' })));
     }
     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: '5266f9b7d117f537630c24b187a7e58df5516da4' }, h("span", { key: 'f6f0f8cec5e0e452a3f8d38a98ceccaa437a6408', class: className, role: "group" }, h(ImageWrapper, { key: '7a51e9d06227fc5ca9126133b6d090ef684b9089', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'd8479f1665e20da32b9ede11be38d434183e8b96', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '1a78e24f0ce8fbaede2c1fe0014dc0382d78dd78', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '1d12b6eb914a79bbeecebf04c3f0459ccc162193', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7243a2f19d81ab1a9a0573759d1fbdbc7d249e53', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '1f265bb2a97290f28f3ae625c19b5350719126bd' }, h("swirl-button", { key: '007ee87ae5075e7f6351f3f53a9d7eb688cc9297', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '95000396598b8aa488c1828f17ab4fc9573b4a05' }, h("swirl-button", { key: 'a1bdfb1ce72748b5ed9eb5198c23c77b145fd367', 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: 'bcae073db9a30ff6ed4eb52420329039927369ee', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: 'b044fb84eee9f3b9ff9f4fd114bbd2b9bc6c6025' }, h("span", { key: 'abd3302e05b5053c9fad9692012704dbe5826b95', class: className, role: "group" }, h(ImageWrapper, { key: 'c51f887adc8c51a54e16faed50dfe5f07f96473a', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '83a817ee8a6482e73e97367207495c1dac96a1f1', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e24e73094c4ca7ca6591e527806f5a2a36d3d5ac', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '0bd99f6a019b9854a62ceca59c381ae58fc54c93', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '87e75d2e3d6fbc97a49dfb71306d2b0e7b3aaa8d', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'b244386568e4c1a5907f92bedff4d5e0aecf539e' }, h("swirl-button", { key: '18b4834c6653c4186f2041bd8dfa8033eba4abed', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '4e78c685b5c3154c15e654ed16bce78ab7487ac9' }, h("swirl-button", { key: 'a944d53f6513cb3c1a860654107b96497a8580e3', 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: 'b4fb7823c82a2da5e9fd423b2c5059d4db9f376d', 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: '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 })))));
+        return (h(Host, { key: '489eed3727176e834e170772e2d45f643313a94c' }, h("div", { key: '913f4814583e52b837a2713c2bc9e4d0cc37219d', class: className }, h("input", { key: '33677ddfe35240b87f7d3b6ebcb37b5a3a2bf86b', "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: '72c7744ddf03d3db46c51f2e47717e3e183057f6', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9cbd8c660778f9c566f2dc556562e66af3e8a900', 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: '291cbaa4de84f5642e2e81f2a1dc5725fc1f760f', role: "status" }, h("swirl-stack", { key: '3a0ddb12cdfa15889ae18097657dd448f77e5348', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'dae1a9edd3dd5dcadc1068e0b91060cd0847b858', role: "status" }, h("swirl-stack", { key: '31846e109301df202aa9a064b89a8f0cf3d5a374', 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: 'd1a206cc1408bd32f79b2feb9dfd26dbcfe1789a' }, h("div", { key: 'ae3d5d0cb7670db77bff1dabaa44c25f65aea10a', class: className }, this.icon && (h("span", { key: '7cf231b57090e4bdd862662e4e847ba22c9117ad', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '87ead7ae92ad5c54455942c47b81a436dedeba63', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '095331448ed5216d25a6afb5509b31ac64a6796e' })), h("button", { key: 'cca7dd9b24296c10cc17139fe687e26598303d54', "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: 'ce360cc5829a71d521cceebb6a8b0418f3692302', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '569484da1c257f0d7d5e01a9542c7be2a1b22654' }, h("div", { key: '2b8e58e7a7be4e361818f70dc19dd92cbd505681', class: className }, this.icon && (h("span", { key: '2f701e06a546ce2ca2d9bea70e64156d8e129ab9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'bff563d122f97e0dd131d46eb2e78c71308db397', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'f7e07305384660b969f43e531ef3875c59809e21' })), h("button", { key: '0b610699e3793a2a1aa0c9d4f1fcf912cb54467f', "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: '28c5476a300d3b210c48fb06074702906231a097', 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: 'ee908a17a752436ee0787555545bde5979699f37', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'be731952e9420f7b39424cffaacf6b9e8f0651bc', class: "button__label" }, this.label)));
+        return (h("button", { key: 'e4b8d08845c0c1987ee12f6b8c68c154f1abef63', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'f1fc7b8bfaec51f6cf870e60f807235fe4542935', 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: '9623ee39e6a18e31769e4f7a7a73e4d0e4d18ce0', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '5e476408d6ff8269d798cf3f1f94d862d1a73525', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '39cb88c126872e07430aad3fd2257db2b06bf6a2', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'c2361ea04a7267267180e556faf2ded5bd8eccbf', 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: '72977493f6b33b2b1d053027fa0f4ab363090973' }, h("swirl-stack", { key: 'f7d0790b83c039a0550e3e355111b1e96445303b', 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: '08334df6038b818ca78243beaec98d85f97a7e04' }))));
+        return (h(Host, { key: '217aeb08b27129c18ed0925805f03e074de2d5cb' }, h("swirl-stack", { key: '11e8f0ac8f648fd469cf5ae0ff5d4693fe4b5923', 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: '8501d2cf5d0bc5c8b50951f6a27f6dadda859be8' }))));
     }
     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: '7a14595f01dd2cc707ef5d540664f0cca2766e3f', onKeydown: this.onKeydown }, h("span", { key: 'cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb', class: className }, h("span", { key: '55da1452153d3bdbf2dec9a597cae31343b803d8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '62c1e9c1a88102d18dfc6ca4686102b419ff79c4' })), h("span", { key: '6243161edb779b3bb9d885416f4688382ceeac03', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'ce14095a3c0e900041fd0df8c6b99c196155350d', onKeydown: this.onKeydown }, h("span", { key: '2a8a359cee3ad28a5073ff2c0ac455b4e2bfc784', class: className }, h("span", { key: '0765f346d224709abfb9079441735d1e851fde10', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'e470c934075f7bd2621647b5f34b7bc89f781967' })), h("span", { key: 'be31d205bf565740edc3ae0f775a0a7af51002c0', 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: '3fced37e021251c5d868641536ebf9ec9470b480', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '555e04a2f087b29d380fac6d6ac85f8aa553758c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '2b67bbcba09607a77b2954e69be2d4c30e808789', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '7812af453b17d71a7f63071eed60e995ca913952', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5c3aa1d245ca097a4e471f961d45d7244b14b323', 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: '41362a167f2eacd12bf7dc05d393535d920e1c84', role: "none" }, h("li", { key: '258f61abc2715627c88e02b5096b14b05caad92c', class: {
+        return (h(Host, { key: 'cf726832cb0a6d48b9872041ea741bf7ae50a2fc', role: "none" }, h("li", { key: '07541c3b63cc1ec66ce957e56bf34e5db34e7b08', 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: '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: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '50ce666548e13a80b290c4a15aac3ae5a87ed45e', 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: '7b10d71ee084a647ed4ad3bc984006feff5c0693', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '48c30ce22e79c8712f72641fa413a432110645f6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'e019e05cfa3dc0b44be48c54ea6cdadd80fe1bda', class: "tree-navigation-item__label" }, h("span", { key: '6cdf08bcc2935bebaa0d738a2b2ddc293910e1f0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '4406a1468fa08f855618633666e81f411e8de85a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'c0c9c1a74ffe35939e092420e005dbc6f9197435', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'fa517b61c96454cc57fa317818f46bd5ea550a9a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'f9add0b5570730032a4667a2ef999a22402ae5cf', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'bf70346d91410d6fafc43c8d08072948c9b5315d', 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: '4b2bcc33ea38d223d9111fda50f4eb560fc4b1a0' }))))));
+            } }, h("slot", { key: '6687d02d82e60acbd3761efbaa82e57643985e6b' }))))));
     }
     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: '0c40445f2efb61cad7566c675b0a3edba7202ce5' }, h("ul", { key: '603dd22de525c80b0df15b92fea432f260bb7fcd', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '756f4f2cd732bd50f2839e8bdf108ed5c50133ce' }))));
+        return (h(Host, { key: 'd8601a6aed64a36011c2dcdb720d6a92666d4e8b' }, h("ul", { key: '0a07e4abce94a9c21f5f1f9aa25a7937708b7283', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '84b1ac669e25c634d78e78d7556f9f2abdcb3032' }))));
     }
     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: '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: {
+        return (h(Host, { key: 'b8e2c6a92fb374acd8942726bf97823505604243', id: this.itemId, role: "none" }, h("li", { key: 'a6ec359ca8dfe1a45a185a0702bf49a6b728980c', class: className, role: "none" }, h("a", { key: '72311df072dc341d3c355d837cf7c9630bf59286', "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: '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: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '9102d8b203e05e94d0958bc2ff932124ebcd262e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fb3ab557847ef9d8a7fb4e1659b9ec82cee35fbc' }, 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: '96df692d43c0ec3ba6b89b3f975ac4bd14087e1e' }, h("span", { key: '6690cff6688711290f84763e305d41f4e8dcbd0c', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '9b6a226d4a7668e53a211fbafa652e0233206bee', class: "tree-view-item__label" }, this.label), h("span", { key: '920ac7a2386b40d040603537cde22323ff72a1dd', class: "tree-view-item__tags" }, h("slot", { key: '43b6674aa96e1b9fb44135486b590e67b052129a', name: "tags" }))), h("ul", { key: 'd38101fa037d0b863e0a9b943b6deb4e07402f00', "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: '58e09b3d1f5bf963dbc420b855660894a84a1aba' })))));
+            } }, h("slot", { key: 'a9ecf846cdeaa662dc24b59870da9557cc39f15c' })))));
     }
     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: 'c35e27e0c75e25af047dc7fae73be660cd4aaa05' }, h("ul", { key: '158f3112f6d5a4909a718abf32752a81cc428d99', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '275d69cbcf753e0316e5a90ce8328f0af9bd733c', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'e1353d99168e7c7e6b5b66a6973996bfbd4c51a9' }, h("ul", { key: 'd1f0d799218817fad7f0bc87108cf16a3b123782', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '83d1b8bfc2f4013788749363f5421321d21e607f', 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: '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" })))));
+        return (h(Host, { key: 'd8351ae7c2d885a612251c0915fb60a62f2f5ca7' }, h("button", { key: 'b8d166f56e3861bc778f634295993dd7199a3565', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '303ebde2d6c1732274c2a3769af6aa12ca68bc53', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '2414d916f68ad2be818084ba7a7e38ce108a24a9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c64c3da49ac5720b0a1b23afa6252642dd9f7be3' }, this.durationLabel), this.duration)), h("svg", { key: '46fa1742445698ed1f34c789195c5f0dbecdd4b6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '60045c2059310c3737741bdd3df0f97fa74f7671', 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: '58c0c479a475d86f85e37ad2906cc9cb20a1bd67' }, h("slot", { key: '4539acac8c6a57a253ccf1afc925f4cddfebf95e' })));
+        return (h(Host, { key: 'e4436e78fb4f140ae2830badd6c08e691ea90eee' }, h("slot", { key: '2400dcfb2132a1b205d6d84cfdfc8aa7204b9036' })));
     }
     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: '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" })))));
+        return (h(Host, { key: '4deddfef3eb7375ddb94ffee84c2a84bf8e9c5bd' }, h("swirl-app-layout", { key: '6e6f8196e20c24cf12b0f148e0a33784b2f1b18d', 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: 'b5b8fecda6596104a8b1184a98a52510242c9e0f', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '9a9802142195bd6a2d464bb990ee1d7b44cd9679', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '816f16eb11b9c6b9846c857fdcaa47c7be691c7a', label: "Sort items" })), h("swirl-stack", { key: 'c066c26cc90c58609ddf3d60e27ca78b3cbbdbd7', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '2f4de8885ba99995adfdfcac9c294d6234e71644' }, h("swirl-heading", { key: 'c70a396b6f6195f2d4b53b5eff051e2aebc5148a', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '4c5566056a0e9824d71c8a2abc1f7f066ef89646', 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: '446904380ae7fe11d088cf60bb27eb556dedf6a2', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'c06c0a31ec0c2935530d00ca2a11dd54634877bd', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'af98d2c94b68aff6959332543a10c5603060a8a9', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '28a86f1942f85cc97316f70f4517ddd0e9ecc9b2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '3966483c6e0c49d454084d9dccc8711420a91826', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'efc4d6bc7ed3f59a271701db77719c9d25229714', value: ["ascending"] }, h("swirl-option-list-item", { key: 'be1b807800a80cccef6c635128e3aaa22aa438cf', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '3ff57d0929c8d4c949dddaa7143ebd3065a44919', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '1b11174ce759efe74524742491b73a7160f586db', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };