@getflip/swirl-components 0.236.1 → 0.237.0

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

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '4ca9e792e2e889ff77f48f505422bb85a7ee5a70', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '11acfd8452a241a50ed67dd9ec2f094a15988d82' }, h("slot", { key: '3987b4bb3d7665e69b90dee037342fcfaa3540d2' })), this.sortable && (h("span", { key: '68bd9dd35cc26ef8073294f303551b246b26d5e2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3752451d54b8029363664ee08517741ccf2a572e', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '450042a595570364cb4f35b0f4455f30a3d7e3d0', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '1ca2027edeaf83e07b42600d452cea5e2a08c645', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '449b4e43878c5fc9a4e20f0907f272315f6f4354' }, h("slot", { key: '52e74d62c4c25dfdf3f23e5ddbd17c9e68f5ab42' })), this.sortable && (h("span", { key: '6e6a52fd91fdf62344d7d3316d7f0955a1e21903', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '00ba30c8c1983cedf31be84495a151c98cdcad93', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '887b479b86d7615dd7d72a459d363b8f9ba99d46', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '26728f6f928a2ae6b9fb4b1768bc6bfff7d62a52', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '1e06bdc0a2a19e5a2f92f851a219d9fe87188921' })));
+        return (h(Host, { key: '07fb5d35fb8def270a33079a2a633bb06c24f518', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '318f1cc0796bb3ff9439d0e87c24eca45cc13481' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'aefee4f623f62c57e2d281bce7c3a4980ad77491', class: "table-row-group", role: "rowgroup" }, h("div", { key: '7d121f85ab28c6b472354d2f7c0383c8fa4e3e68', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '93853b51c1abe556e973c9c9e5bf14d039440246', 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: 'd1451156c758f78f785d4707c4880a362defb5f3', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'b5b731817e323c99c51f008d3f0406e5348b501c', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '9c00f9f51f08831297e7604a526025f1856b87fd', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'cb2d79a7fabc0ac20a68a456575d5b16b79551ee', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e4536781ba33e8ad84be82670cca73d44c2b6a08', class: {
+        return (h(Host, { key: '129cfdf1c04cbd37b2d0f78b5599ba05d3971414', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'f45dcff1d34be2643cdf7ebc555e0cac514d7ddb', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'a92cb0fab2e35b1c4ff72f203ba051393cdad55e', 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: 'b7262153e3d4d3027470bba80ada8d13faefc402', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '78e386ba5b9d765d086020164466ec875394b624', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '5559e46918d6eac92afaaba59801ae9621619ad1', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '670fdd2a6b4c769e22dbeb55a07996caaef3d909', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'ebb1e123e6785b5e9cdb088405a25e4c190a5d8a', 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: '8f092f80b546809a7196bdcc81cd92bdacc715ff' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '2825b9b1399a869dc2409e8af36447473e93e770' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tabs/swirl-tabs.js

@@ -74,7 +74,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '81c8c6b685cd32ed201a5b7303671ae34b6eeab8' }, h("div", { key: 'fabae64898e2594e7fdf0f82f3dd8c5a0a9e8191', class: "tabs" }, h("swirl-tab-bar", { key: 'c752edb332d621935b76607699bc5a2c0ef296a5', 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: 'ec189e2804dc546b44e1a767c72fb5750fc6c244' })));
+        return (h(Host, { key: '9f769876c6a9a4439f193ce1fc67c91cc3868804' }, h("div", { key: '5f3b7ddbbd719ffd450ba0845a38aa6056dbe627', class: "tabs" }, h("swirl-tab-bar", { key: 'e28a9b9f7cc193d788854bdfde777a190b7b5476', 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: '89fb37ca4d6af046e23a0e89751a1eed02f7feaa' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-tag/swirl-tag.js

@@ -32,7 +32,7 @@ export class SwirlTag {
     }
     render() {
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '4f3801dc7f9872b38bc0340c6a8b859f0f7f545e' }, h("span", { key: 'cc5d10bc2b4f1a27584beea293da156920aa248e', class: className, part: "tag" }, this.icon && (h("span", { key: 'ddce7d37fc8ab9391c9ac1fb3e3533535f47c022', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'afd46af752a3c62ed8e26c073bcdd32e56fe91c4', class: "tag__label" }, this.label), this.removable && (h("button", { key: '46c87dd90a1e9f0f288f18b20ee750906aa2c01c', "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: 'a183448bc380d12d1b2ca99d9c9df50175fc627e', size: 16 }))))));
+        return (h(Host, { key: 'd9b53b131c58858a0922190df599fae2cb170aee' }, h("span", { key: '38b8fec15b9df157099cfb41830f2f982067fec4', class: className, part: "tag" }, this.icon && (h("span", { key: 'd0885325a096e957caae2c9072cb4fd8041271f8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '42e5fe554b7cc0eb1f65a712b6e97ef9d743c1b9', class: "tag__label" }, this.label), this.removable && (h("button", { key: '86c46bec2444aeaacb597bce3caf05c7251429db', "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: 'bfb2d7f4383387bc1ac55bb3d67f3c7197548e4f', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-text/swirl-text.js

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '4460235b9846f1c00138748c647186dc84884c46' }, h(Tag, { key: 'c16d3c6de812a407e860bba60e71bf2a0ed01238', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'c76ff85919d729be2da5efbc899b838a3c15195e' }))));
+        return (h(Host, { key: '0d3d0f328439f0751282c87a2796e99b1a6737ef' }, h(Tag, { key: 'fd18286091d9f22b4764563c44e8161ebe45dc89', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '63351cf75ce0b44c704d7bb34d0daf06327f330e' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-text-input/swirl-text-input.js

@@ -177,7 +177,7 @@ export class SwirlTextInput {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '4658a2dd9fab46ea562dba74019c12e68fe260d8' }, h("div", { key: 'fe2fa12f890f7cbe42a451b21093b9bab284d53a', class: className }, this.prefixLabel && (h("span", { key: 'dcb430326933d4a5bd893955ad9acc84120c3a21', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: 'c2954dab26dba206268969db04f40443f71291f6', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: 'bd4e3352302934fbc72828627216f11181b0cea5', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'f6845aec9ef8e7c086a2f1896b3bd646b87a8aba', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '6796b78acc368c28b83779ebb9dba499d1fcfd8d', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'aee102f87d59cff9e55b39c4110c91364dd064dd', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '3a20020f1a43f55887d5cf2698366d68765e3188', class: "text-input__stepper" }, h("button", { key: '230f3c5e5abb4736c9c4d88a0a79ebdbaafff9ba', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'fb65cf22d115cd4409def4b841bd7b989fdde78a', size: this.iconSize })), h("button", { key: 'a13ff6cd8da70f8286508e793ae7a9029f653cea', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '523d35e9e98f751f056cac087bf887b8185c32dc', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '28a5a684c2492ddd6f71f99e8863daa3f24d845b', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: '0470782920c3273914f03099ea60b191b4f83158' }, h("div", { key: '6372e6531ebdc6277d9769c9e721421619fc1ad9', class: className }, this.prefixLabel && (h("span", { key: '0f89b76e5ca43c161b1c832ad4d232699acd732a', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '7c5f88e908411e533d76fb2deefb67e02ce1068c', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: 'a5878aadd305068dc478156c3e67f442d847ffa3', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'e8a9e61f1ba70e99c5ce93f6fa9f27474e107de0', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '3ab044c9ebc7dff0f37c66dd7712e4cd5f97cef4', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'cc615067bd4b6d6625e797d32dc30e49adfe2307', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: 'f718f46c63bf7473ed17c1e08a583c111f65c9b8', class: "text-input__stepper" }, h("button", { key: '248a6d919838612cb97aa80ab893e11f7ba0b0a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: '390a679d284cd9510a5938401b18209241026e10', size: this.iconSize })), h("button", { key: '6505f9710b8e8f92dff64e8650556b677da4682c', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '76b50d5efa7cc9ae99273fdbcf4271f73d94a939', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'fcd5a051c7c5fcf63cf8a38a3ad651891b02227d', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get is() { return "swirl-text-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '5a9feb54e9602919b5ac1e20a99d0c673603bccc' }, h("slot", { key: 'ecbe7e5937673ffb2f26ed9db792b4cf1cdf2e5f' })));
+        return (h(Host, { key: 'b1db15bd8e0c5e93a15ec9234bca9940e68286ed' }, h("slot", { key: '57f9e3e6b7fd0e7730d1a67c665515b4d6c81efd' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '29beede8cd3c3504cd7b40519628c5d65ff6c4ad' }, h("span", { key: '5e2e8b9e5d5942f0e10b7bfd2cdd44240676d870', class: className, role: "group" }, h(ImageWrapper, { key: '44728becb46e5308367c6d7689f6fbd994243024', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '060a5553b062eb2fa307e762234a0cf8a2c3ceb2', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'f87b0987cc3178763b3ce972e95a8b24971d52b0', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'a88312014539fcac5f20c0d77e5b076c734aaffc', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'ca708f20b51f03605ec4f95b2a57a264bb77e53d', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'f59f1a102510fa003d98976a6bb72a5f0b87be52' }, h("swirl-button", { key: '321f13e11b820e1e7fa3698ae86f6421baa183f8', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '5d775e285069d2450152ff797a4173606559adb8' }, h("swirl-button", { key: 'f3c12bd27d104dd717f1a8e23db0ff5067bdcddc', 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: '043067757ddfd316a0d07124e3a25d2ab4708ba4', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '7eb095e09cda2185992b864a9d92ba6e2053be9b' }, h("span", { key: '31b5965b191d8bd093682c63c04df4aea71f57d5', class: className, role: "group" }, h(ImageWrapper, { key: 'fbab19137aecdcb53cb94d2cca0a48fdaf1c3c1e', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'c99247db45eff3252c7763d8132e2dd8f8cb6b61', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e909b536b918f74cb0aa26db80dcf0012bf0af95', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '9abe2a0a544530493cb950ee0a7c1864383006a6', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '2ff51d0c7a1b9c3ff7b9ead5929b8c859e1b1404', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '2f20e1299059672ce8772e49725e7019340ebf83' }, h("swirl-button", { key: 'c65bd96789956830e31f66f3b68d1e35573ebe92', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'db26688a63d18b24b714eca691060f64eba0df40' }, h("swirl-button", { key: 'b36b30f0430757e3c9fe757a29436f1feca98144', 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: '4cb7bef844b91116db686a8b80acc87c03f090b1', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'd586b9e1b552b1e28d8930d7e2fe1d2cccabe23a' }, h("div", { key: 'f989d8cb8dd3377e866528d5252613186f747957', class: className }, h("input", { key: '8e5b3e7e6715ee7f5e14604e552c8f726f8ce39a', "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: '3deb73ba9a9473278e1648ad3fc5bce1fea50606', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'e90b15d581ac69d16cb324465199df0ccb84a85f', size: this.iconSize })))));
+        return (h(Host, { key: '4f26eec34d3f2f06958534923b8657ff752c298a' }, h("div", { key: '698336730efd3a450a2c7697c76cba53e6470fb8', class: className }, h("input", { key: '426320a3fed584efbc6b45778dbea37062e6d79c', "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: '5b96c167d4a1a7601f892363b6d78e60b5e73892', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'dfd072dfa030c1562ccecbc2aa5c235a71aa3a73', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '74552715fe709d5a56de877114c219e34e933d3f' }, h("div", { key: '912b2c811f1ad202d8ed3338418e180fbd8c8e80', class: className }, this.icon && (h("span", { key: 'b33cda7199cea684828b5380cabfcaeb43379158', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'b0326da56c13d5b7398c76af880f08ddeec6ec1e', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'b9dd6a1f6dffa84d914f3856927ad231f0f1876d' })), h("button", { key: 'a1cb910c86672285a2fc48f607bd9255f1fb1177', "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: '5eb94e0e527275387fddc1e21b33d14e999d42be', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '89db4fc7720fe44b645f359be77900375fde3cc8' }, h("div", { key: '8d2ba34be1b54d7fc357ea5216a34ef53f3037b0', class: className }, this.icon && (h("span", { key: '78ac24dcfa6e2e502e19cffbf01c57329805ef0a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '3f2715abd2f4de3a0c5e7ae35f6d7eb1c5237fcb', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '159d25ad66ea8e16612857d979e750d4bb870c26' })), h("button", { key: 'a9598f252d9f528cbe6cf8430e39fab4c2dabef1', "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: '70ceaa68ca1abe4e798cad3779771cf2782ab619', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'd1cdc770a1f0eaf09b099c08eb2b3f2aaa8b907a', role: "status" }, h("swirl-stack", { key: 'e5349e15af42d925d5d6a1b827fc80d74ad31234', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'ee4d95bc3275ec4a6e6ecc8e4260c90107fb83b7', role: "status" }, h("swirl-stack", { key: 'cbb93d66b319ecf7a3e8321057e77abbf80b3b20', 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/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '8e4ae145e0b9a703494a5ffcd0b715532dd76783' }, h("swirl-stack", { key: '848cf05dcceba5341d5fd5a0cb90b9f6e3b36342', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '0e134c4966dbe4eb9e7c9301128788ba9fbab98a' }))));
+        return (h(Host, { key: '55895b2afcc426d0144d40840c9a905742596592' }, h("swirl-stack", { key: '700f54dc98f22d5c629a7c59c583ae8a1d3674f8', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: 'f9a37b4c970ec914f3d2feec13d361a9bf6fc15c' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -98,7 +98,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '99ad402b746b639c8625e0eb646d63f560da425a', onKeydown: this.onKeydown }, h("span", { key: '8c73e42b58c5ecb2372155655e336747d3d1be3f', class: className }, h("span", { key: '8418e9e1420652c64870f4835dac07534bdaa9f8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'af395df4de2aa8ee7f6e90569a182ad4411adb88' })), h("span", { key: '7938378663f0ea549f3efd86fe53f172145c2d22', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '331f839a0c973734744886acfcba6ee83759de66', onKeydown: this.onKeydown }, h("span", { key: '9ec49b9ea51928a0fe9e1479f2c176c5b47656f8', class: className }, h("span", { key: 'bf4ac895485e20e03e11b9e0987384029f16cddd', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'e2e21bbea17feb70e3e1ccddb0f9b1eeedaeafc4' })), h("span", { key: '18c1f88c182cc22c9eca4032229e375797a9df61', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -106,7 +106,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '12093168c063c684c014307d518c99e2f7de4bf4', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '595c7b15b58551854cf2c8909249430349066aed', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '89c75e9d5070c7ec9f149d4eacf576c5a51f387e', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '778239a5b84456e0d7177da162ad94f3563ab2d3', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '28d9c569f1468a791103dd932bfa61c99ef9ec49', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '47dd457861fd343d0866852dc0345be01b76c91f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -15,7 +15,7 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '16553b2a3d732df9c9f901c7a3a243650302854b' }, h(Tag, { key: '92bf1e424b4313951aa9dbfae7954bd388e08577', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '02051b8f74c2335cc5a94169bd4eb872f6a619e3', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '384eea1f7704d9e0d6958eabe2e6d293fafc2504', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: '96396322f97eb33a6bb4e93405462a850dc6ea7a' }, h(Tag, { key: '27ddc8ac3607b1342f6cb9ae21e60526b4968328', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '0c41cca8bc76d626c212d76d6ddc66fcb9d57c23', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: 'b6159a2f757cdad1af8dc90cf97a561d9f2993ea', class: "tree-navigation-item__label" }, this.label))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,7 +192,7 @@ export class SwirlTreeView {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: '3e9615784c4b104af9787f95addb0b2a1efae9e4' }, h("ul", { key: '79250602712ed47b2c04c78429a0b6f026d7b413', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '1ec66b50bc7ee9cf743e6dbe8b46bfc14f35f5ee', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'f57162e727960728b75ee6b870b74704bed4872b' }, h("ul", { key: 'faaeca465213edbe90b724522c007db817d74008', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'e1241a5c3aa4337a32bf6fd296e89377a93cc543', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,11 +73,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--active": this.active,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'a350471e6d4a63098c22ac8856fb642bef79a8e4', id: this.itemId, role: "none" }, h("li", { key: '6485eca3fa6bc73bc6d849946d3cd3f8447c1f96', class: className, role: "none" }, h("a", { key: '523ccc5dc330ef55bbde7d7fc6175095265500cd', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.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: 'a7bfeb8a6a454938b9ea6ff41e01fea61a82695a', id: this.itemId, role: "none" }, h("li", { key: '4b5dc75b474e309bae8c31789f155f074825d7c6', class: className, role: "none" }, h("a", { key: '09b1ef108512fbbf33a5aafead442decb015febd', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.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-4))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, h("span", { key: '38545839a14a02be2d5215cf8243d8442315d01f', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: '5985b994251fbeba1d4951ef97d2d886be896b47' }, 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: '5cf0e41959520d380cb4e26fcde2f7ad7a5ad2d8' }, h("span", { key: 'a1ba2c49d276f726d41d31c857f08977b4dca993', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24 }))))), h("span", { key: '18c2483d1878e9922e571d74f9994865fff69d9f', class: "tree-view-item__label" }, this.label), h("span", { key: '09b24c4ff18845f056c6d490fb3795cf84d81a9a', class: "tree-view-item__tags" }, h("slot", { key: 'bc45bf6afa16260be7218d2608237251983c7e33', name: "tags" }))), h("ul", { key: '491569e41d788183e23ac3e8fc9beeb483c35573', "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 }, h("span", { key: 'd910b93357d5ee9bfe0ee6be764fc736e30c5c61', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: '2ea2d33aa9c175d032ace5f8f891c1bfc85fde3f' }, 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: 'becc82f22da07a742fff09f6550be3984c3ca370' }, h("span", { key: '14507ed8d9ef65aaccc0610c7ff938e4e4e2e1b3', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24 }))))), h("span", { key: '890f0bdc0421aab8609781bc16d732b30771d4c5', class: "tree-view-item__label" }, this.label), h("span", { key: '97d4e20b72d99e0390f2eda733fb00d6de199379', class: "tree-view-item__tags" }, h("slot", { key: 'a1f171bb9530f1f84e1d44927a606e1ad4518aab', name: "tags" }))), h("ul", { key: 'ef716e1f2ee0ce1ab8e50a775fe1507e45c1ef15', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !this.hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '22c80b13b2044b77c5c1acaa62044127dbe9cf0e' })))));
+            } }, h("slot", { key: '80df33fa5f0cc66d7c0e858a0df60ddfdf243566' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '774f08a914cca7fc87f34bc876f2887f5bc5fa52' }, h("button", { key: '5b84fb303196af7d8f05155e3913495a763243d7', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7a77a017c95a8c7af0690e79e226d024f550c841', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'cfa978c28234772dd2faaa1772b44f95c7c6bdad', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '8aa09782ba772ae66898c9a459ae8d34ae553637' }, this.durationLabel), this.duration)), h("svg", { key: 'd8bd012d1f7e3a1ad7b718451d03de4f20c18978', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bd4470ab6ee91cb0add6dc1e975157827edbb82d', 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: '08d119e26e9285e959e8044cdf56b0c480c9e9c9' }, h("button", { key: 'ffb72aeb317da05cbf8e78aade45f20d08170525', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '6698b8b402be6f4b358d4302bb132e594ccfb13f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '6e3006308c3498748728c1b9eb5ced207ce1d012', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'f2f8e17ed944825645dc47656957c3d1e0301fc0' }, this.durationLabel), this.duration)), h("svg", { key: 'df42efe50865d588cd94d9f3df342f91b8073369', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6d7f7450ca54c92794dded4715612c31d2cc21dd', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '51416ff908d08e75ba9942bf9db62f10da8e74bc' }, h("slot", { key: '039436bdcff7bf0c1441ec2e924c82e3bf56f9cd' })));
+        return (h(Host, { key: 'c1d0b4994e82291b031e129cd392b01d3f09c5b4' }, h("slot", { key: 'dd12d07084e459971b38521a31c2de23566c7939' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '15c9edaba240ec8c1446aa21dcf62242223ec129' }, h("swirl-app-layout", { key: '2c37b00c71548f489158c5fef9b8cc9697f8f590', 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: '700f72a80cc0cbb63839cb89191fe0e920167f31', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e351276db6a5d3139859d7c55a96a3e368b560c4', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '6f7185d39cafa3bf2b6244c4b222b80395e4561f', label: "Sort items" })), h("swirl-stack", { key: '74bf03fb95fdbf1b4ab408b8653b9b426c361502', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3a86a13bf0e230965da276fbbfc380b674111d98' }, h("swirl-heading", { key: 'b4a33294b87a6fbf05dfaf82a603fc139963cf7f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a20a152232d9366d84306931de0c7d32a3e21fcd', 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: 'e6116cc32a4d518b0ed60febe77be9595651743e', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '147b11a4bad57e547ab1250f55afb4246ea26e6f', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'ee8d6cde2f58d7bc9d2d5028f97b0ba5ef5b6b05', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e32ec412233dea3d6be196f42a30547b8babdc69', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '30bef190864adbadf0d04f0c1e66d6663c24312a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '71f0ef1344804bf74848d863f6b0e63cae1d83de', value: ["ascending"] }, h("swirl-option-list-item", { key: '51059e7e630a53aa0c4937220e32461ac9ed71c5', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b60a0c689ac43e49d0c69daf2181a054b2adba14', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ea4dbd220cf3d4adadf9850b2fc1cc3ce09a2481', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '35ad1d6e1c58037ba69973b53145769528066cd2' }, h("swirl-app-layout", { key: '548345fe971b14cea9a6f4900fd7a127b5062595', 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: '93f18166b1e52c73281ef1bdc823ca2fb827588a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'ea29b69eaf169962ddb80b7c1918941f0774a41a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '2817a127f382893b6ff62128f10dc7f618059666', label: "Sort items" })), h("swirl-stack", { key: '5480d12860ab466615dbd39cd75864f3e457e8a5', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '90a105fb157fe71028a872814908a47e2ae7de9b' }, h("swirl-heading", { key: '17f8d0fee5f2e6d02e974f1563ca422480e4fcdc', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '2133582c692c2b0ff300dc29f6be311cb48354f8', 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: '70896a5764bed1540ba45f4a8f3891250d3853e1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3d77972a823fe3dc1c6959fdf5e65e38e4b7c7fb', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'd497da58a92d4f6cb70c2701bb1bb2651e6e2985', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'cf36f7cd624f2cdfbbd20057fb211af401e207e9', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'dcce9669956bc8f5a3c12e6eff1b22b624ea73ca', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '625dfa8bad62a9a18b3ed8bbb82110eb04599067', value: ["ascending"] }, h("swirl-option-list-item", { key: '718daf24a4226d19e736297cac4f08fa6e772957', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '400eba6c6397b2f0a97171da82d5eb62ab03e44e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '7630636824560bb6bd32cf792e73e214179d61dd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }