@getflip/swirl-components 0.416.0 → 0.418.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-wifi.js

@@ -7,7 +7,7 @@ export class SwirlSymbolWifi {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'c0f7f1f8fbd0300728bc3174eed8a4e68e1c903b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0a13b07da09476c802a1dd57bc01d4914651fcd7' }, h("path", { key: '908015c701dacc686a6d895a6216e2c72134d616', d: "M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'c6a6750fedc6401273e6428907b25386a3bfca6b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '6c85b612a69dcef495b9b7cb3e0bde0efbfe62e7' }, h("path", { key: '5058d22381cfaa0a37064628a1295a6d59e2a5fc', d: "M12 21C11.3 21 10.7083 20.7583 10.225 20.275C9.74167 19.7917 9.5 19.2 9.5 18.5C9.5 17.8 9.74167 17.2083 10.225 16.725C10.7083 16.2417 11.3 16 12 16C12.7 16 13.2917 16.2417 13.775 16.725C14.2583 17.2083 14.5 17.8 14.5 18.5C14.5 19.2 14.2583 19.7917 13.775 20.275C13.2917 20.7583 12.7 21 12 21ZM12 10C13.25 10 14.4375 10.2 15.5625 10.6C16.6875 11 17.7083 11.55 18.625 12.25C18.9583 12.5 19.1292 12.8292 19.1375 13.2375C19.1458 13.6458 19 14 18.7 14.3C18.4167 14.5833 18.0667 14.7292 17.65 14.7375C17.2333 14.7458 16.8583 14.6333 16.525 14.4C15.8917 13.9667 15.1917 13.625 14.425 13.375C13.6583 13.125 12.85 13 12 13C11.15 13 10.3417 13.125 9.575 13.375C8.80834 13.625 8.10834 13.9667 7.475 14.4C7.14167 14.6333 6.76667 14.7417 6.35 14.725C5.93334 14.7083 5.58334 14.5583 5.3 14.275C5.01667 13.975 4.875 13.6208 4.875 13.2125C4.875 12.8042 5.04167 12.475 5.375 12.225C6.29167 11.525 7.3125 10.9792 8.4375 10.5875C9.5625 10.1958 10.75 10 12 10ZM12 4C14.0833 4 16.0458 4.34167 17.8875 5.025C19.7292 5.70833 21.3833 6.675 22.85 7.925C23.1833 8.20833 23.3583 8.55833 23.375 8.975C23.3917 9.39167 23.25 9.75 22.95 10.05C22.6667 10.3333 22.3167 10.4792 21.9 10.4875C21.4833 10.4958 21.1083 10.3667 20.775 10.1C19.575 9.11667 18.2292 8.35417 16.7375 7.8125C15.2458 7.27083 13.6667 7 12 7C10.3333 7 8.75417 7.27083 7.2625 7.8125C5.77084 8.35417 4.425 9.11667 3.225 10.1C2.89167 10.3667 2.51667 10.4958 2.1 10.4875C1.68334 10.4792 1.33334 10.3333 1.05 10.05C0.750004 9.75 0.608337 9.39167 0.625004 8.975C0.64167 8.55833 0.81667 8.20833 1.15 7.925C2.61667 6.675 4.27084 5.70833 6.1125 5.025C7.95417 4.34167 9.91667 4 12 4Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-wifi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js

@@ -7,7 +7,7 @@ export class SwirlSymbolWork {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '081fab1851443cdd0484730cc767a5e867cb45de', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '04e32743a676354453377b0cf2601b415dd06b96' }, h("path", { key: 'f7e3aa8d67d79824823e320f8491332c6b14aadd', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'd8323e8132c6c1263d965e185da3d961ecbff420', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd6a0239215e24a1a64f62066c42c2536535917d2' }, h("path", { key: '33016ad44b8fb2ec98fe5202198699389d198d0b', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -7,7 +7,7 @@ export class SwirlSymbolXing {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '91f412f93ac4d0e7bd386a56dd53fd397ea9ef70', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '5093afab61028cd4e3045027f35621549b465371' }, h("path", { key: '4b354ccb0620f2b4cf8ec547072b8f5734763288', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'd9182b628be4132a3b2192b5359e188341d14e74', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd54a21841a6c6acb7125542847c5c94e9eaf51dd' }, h("path", { key: 'ffc749b71bc4ad1d5a4f2cd04354b235db76f7b7', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-xing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -7,7 +7,7 @@ export class SwirlSymbolYoutube {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '5e914bc78e768cd943d51d3c7995b60dd1645284', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a77f1c0f20a8ddd40800a65be17bd2191ac4beb7' }, h("path", { key: '8a8a44a206656b9a8659938c97f212ce1b8c3ad4', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'ce4245541f416e83acc3d7a770974777db4709ca', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '76e6cb20a336e23d419e3158095aa763edb257fd' }, h("path", { key: 'd9f3360e93beeb77b4f5772f0558aa4a68ca498e', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '78caa7d70d78a6eb45b273a4148f268ab90081f2', class: "table-cell", role: "cell" }, h("slot", { key: '03ebf7f77e0cd89c2aac47860007bc77dac2f786' })));
+        return (h(Host, { key: '4360537d72d21fe7fee843e05a7dd7800f53402e', class: "table-cell", role: "cell" }, h("slot", { key: '57384438a93cf6425366875792e77d4a8cf8b1ba' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '2caf64d22604a0724d567d2d70daa27d0c694e78', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'eface7e22ca1b0102b1e328c00e9243006c0450b' })));
+        return (h(Host, { key: '909e8b3a822273fa20d7f733cd6553b4b714bbda', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '874a9d4d44e2c1d60f1c4655d3e491a871392411' })));
     }
     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

@@ -38,10 +38,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: '198eb0b24e66b9d9fe59ee8b5e5b5191e9018bf8', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'a09e4fee14e1bdba86d0ebe5f366707e0dec01e4', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '7df8e56bf820ea97b43b17e1d1d5ac4c74249f52', 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: 'b43ac88115804357d3c7613da0fa36f207713e1c', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '68f59c9c414abd920191ba66b91113048f5c0067', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'ad6c32f7ba0a7931af09020c0e4d408d4e70b8d8', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'e5e2fb09f8aa996636b25c3ffd84dc56326a32ee', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'f8c743a73dc14b530e5f33e144f810841c242cba', class: {
+        return (h(Host, { key: 'dfe4796cf85bbb22180d0af9c46251b36155f5ce', class: "table-row-group", role: "rowgroup" }, h("div", { key: '8e3a0fefb40ee9082dabdfae02bd43fb998a8678', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'c7db36791188b3395ac860bdbbeac4224f245421', 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: '9191d0fb439a48ce1ce82c7d3b2cb75f0d66164d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'bfd2f330f1f9bb22efc4b44c33cffc45173563c0', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '8b924bafba56360b634bb8c8c817514b84eaeaa8', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '525e13e6a68111eb45671cffb06fdc35541095b7', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e7d03639964a73a2ea7627a9d77f739d4b2ed097', 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: '7b4a7f43a65253c62b83593ccd97c88aaeb5e32f' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'b8d2baaecd932101d9a161c831655a586705f0bc' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '417cd2c363324dac4e0400979901692a9ccc9f09' }, h("div", { key: '0bc27b61fe1e963f57fe409af4dbff29a4a7fe32', class: "tabs" }, h("swirl-tab-bar", { key: '71f4d6393407bf8e3a273e2f6f072dfb31a683ad', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'b8a031b003bbdccae73abbc7a776d0e26da6fa94' })));
+        return (h(Host, { key: 'e3cfa7d29ba182000a8d2c3ae1c91f2acba477c6' }, h("div", { key: '5dee5a0f21f59c3482e20af540eb116ccbc667b3', class: "tabs" }, h("swirl-tab-bar", { key: '91d58df4c7b6c48b7811cce3697a9570dd973687', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: '270c1b512361646547a962827c5ad1dafd66782a' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -144,7 +144,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'e04cfaecaa92fc0e2efbec589134dfd020dba98f' }, h("slot", { key: '84b2732a9f6530295773e5d43bcb947818ffef6c' })));
+        return (h(Host, { key: 'd16d6251c7767e41ea692da9790a18f61f7dc0dd' }, h("slot", { key: '37e084b42290d9bb56f4a6df30a1c558c89bc52c' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -102,6 +102,7 @@ export class SwirlTimeInput {
             lazy: true,
             overwrite: true,
             eager: "append",
+            prepareChar: (str) => str.toUpperCase(),
             blocks: {
                 HH: {
                     mask: IMask.MaskedRange,
@@ -129,14 +130,9 @@ export class SwirlTimeInput {
                 },
                 aa: {
                     mask: IMask.MaskedEnum,
-                    enum: ["AM", "PM", "A", "P"],
+                    enum: ["AM", "PM"],
                     maxLength: 2,
                 },
-                aaa: {
-                    mask: IMask.MaskedEnum,
-                    enum: ["am", "pm", "a", "p"],
-                    maxLength: 3,
-                },
             },
             format: (date) => {
                 if (!isValid(date)) {
@@ -165,7 +161,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '2eed4fbbc37e3976c200b5658822a6dae155bd49' }, h("div", { key: '3b157d2830c23bd690e571e3a1460e753d0de2ef', class: className }, h("input", { key: '2e473fa56eab9df763ff0ef5640ae55a431ade19', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: 'a201976142d628815f410a7973585e3b1b2476a0', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '53c0918975410c07535d6d8a6bec167965c8912e', size: this.iconSize })))));
+        return (h(Host, { key: '95605fb52fb183c800e6babb9fbbdf1297273db0' }, h("div", { key: '962cbc30e797c72546e73bbf53d428063b0f56c0', class: className }, h("input", { key: '8470cc74a2ab6fa5c35de2d8fc72df5608b4478c', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: '661f2335207ada219385e12ab82b85ef30c1c3ab', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '8c047c1b392406c6365da9dbbc3ce3f357fab511', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -6,7 +6,7 @@ export default {
             description: "See https://date-fns.org/v2.29.3/docs/format.",
             table: {
                 type: {
-                    detail: '"hh", "HH", "mm", "ss", "aa", "aaa" and separators (e.g. ":", ".", ",")',
+                    detail: '"hh", "HH", "mm", "ss", "aa" and separators (e.g. ":", ".", ",")',
                     summary: "Allowed patterns",
                 },
             },

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

@@ -11,7 +11,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '05e336c1099fd63f577770bade5252db91e1cf8b', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'c555bef36d9d91747b56a72ded53a5870486f190', class: "button__icon", glyph: this.icon })), h("span", { key: '38a6fef370bca096470faeb7bbd24c5680b59de0', class: "button__label" }, this.label)));
+        return (h("button", { key: '749bfe02204cf6eebc6db96b804a65616b69b059', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'c35f6ac8a8b331224d7cead376b1c2ce886c9369', class: "button__icon", glyph: this.icon })), h("span", { key: '1383f4a3ccc7aa99b809fbdcda4c3eb0f66af5ad', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: '3b926ee15e9d9b4ba5eaa4fa0540ddc1bea552e9' }, h("ul", { key: '3fee050e5cdbedcbd618e6d557941f0cc2a536e9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'ae198a23dd3cb2e44dc55490f93096c05d40440a' }))));
+        return (h(Host, { key: 'aabdee9a7467a1729a78034b59da2acc63ac9fcf' }, h("ul", { key: '31971bbc30b92af7d80d260f7ab67802e14774d6', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'd2ee30c89bc101de3e4fe923bd329627cf6bd2fd' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,12 +83,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '75a2392d8b7c704f51cf942bdadc1e598f47ae99', role: "none" }, h("li", { key: '71954061219ec745b330b0d7caa4af2f45e7ed0a', class: {
+        return (h(Host, { key: '00d8208cabff874b4ddf9d091db6850d73475eac', role: "none" }, h("li", { key: '21db558c245bbdbfb474e38a49a665040dd3b188', 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: 'cb8ae580467d7a3ffd50174d5c6848ee82435d69', 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: '5f64246bee69932953fcb64e7bfb6d7c763cadeb', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'e97d196f48a279bd87f0cca23b45a7419f791ab4', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0b153a12bc6bcb60530c1f45b949dd86b41d877c', class: "tree-navigation-item__label" }, h("span", { key: '22c9d7998d3512bf4c23e1f6eda5f920b1dbd17c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '23ac34a2695cc7ecdd31ce61da3e925ece199893', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '8e9690297c71cfe8ceb7244554531dfe51de0b9a', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '034780c89b4b149180d599370b7544953a880334', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '1e719a8b85dc0db8eca9bf5be9f49b01013936b5', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b6d6bea9a9d34d369757f902813f65d77492369f', 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: '2122f8a68593405f0407229d674eb81729824a72', 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: 'ac5a0ea83dc5e99fd0758dbb5e44b149dc5c5763', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '46cf0644fbe0fe3f537672a9c2b708c21a46af5f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd3d77106b694a237737a8047c5789b8e04a32012', class: "tree-navigation-item__label" }, h("span", { key: '5fbf2f69158db3fc38b477a40ce9beeb77567f2f', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '4f1a513a1d90ea7571f5a40d283071c10478737e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'e90434fd05bfea610dfcbed998391175b20b421f', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '9e20dfd0d349841c0f2b34845ede5f39c5fb8549', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e109eb851b6f721b862153c22f39cc3efca487d5', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'c5519e4f292ae738627c58f2471879bbfd556e2e', 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: '069136c734773d999a0d3d21b8d95bdb0d58aeff' }))))));
+            } }, h("slot", { key: '5738c2357a39d12e1656ec6bbcb02c43cff53374' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '4c40ea87fa09915ed8f36394bd8209472690b386' }, h("button", { key: 'f7c776303d8defeaa06dd7ba3c73986fa2b87278', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd5a9b621e31d8b26e8ff5e948d8b21b5048b6f95', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '50f5ab07717c98bd71ee2fc38a57dffc3a94e1d4', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '5a9af543dd332282397d17f3b5e3080781b3abd5' }, this.durationLabel), this.duration)), h("svg", { key: 'cd0a5cd08a9aa653ac0ff958b1ff208581b50a04', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5d35d4e25c04a2f3ccafbc893d0552d61fceaf44', 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: '08db16f2da0892ad3ff53c980fe5e52ab882a9fa' }, h("button", { key: '6c0cd7f973af6497b480f0a597583cdbc0964803', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7d2f5aa904955e734444cb067ed9a4c2982fc73a', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ea03e72b2ebdf534857a380728dc886709226958', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '4ecc9f2bc273078d16061f0468650a8356ee4628' }, this.durationLabel), this.duration)), h("svg", { key: '350d61e99937b3eb2ff2bed630910bab8804ea77', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bfa8dbbd6e4b76ec56c31c42db06be987c6e093a', 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: 'cf66fa7b42defce788ceebe18cf215fb91350fc6' }, h("slot", { key: 'ed6c54533372eb340734e0bf6807074259a8190c' })));
+        return (h(Host, { key: '28b1ba7a3153aea0d6d17615a1b4fde1b3af0d62' }, h("slot", { key: 'c1e1c738c6a9deeb543ce6f8901cd2e99c80e318' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,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: 'd8bc41d3b6320c2db9fa5afdd503e8e4d8c382d6' }, h("swirl-app-layout", { key: '81ac301852091e08150ebfcd61cb585911835318', 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: '3d847e386e4038abb72270be7bec04de89f296ae', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'a1d84b7cfc30f6c8118b7e11108176f14b537074', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '59b48e7f02333b0bc208fb5d2d035d337627d0bf', label: "Sort items" })), h("swirl-stack", { key: '4ab94b39c9eeaf62d0fd201d9be2b90b5dc0e7f2', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '9433505a20150e61ea8b6e720983259887eb9b29' }, h("swirl-heading", { key: '85385e1db0a92eaf24d07714ae2c5bef96dc4c32', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'e74e05d882ad4aaffaa85fa55f0f90890d2fe2b5', 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: '45947938452a8cad26485209568f2507c90a095b', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '1881cdd81443acf9c8aa086997cba90aa0d2b578', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '825d6493bf1bcbb70eefebcb2e89fb3ab927ba69', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c90b0b832cdb2f9ea1661aaf89fa6da4efbbe4e1', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'fd2634927921f289eb3e5899eba239776fe84181', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'be57920f2a288c1f62dd37341d0ff8c38a6b57ad', value: ["ascending"] }, h("swirl-option-list-item", { key: '1647fa508ee1a9945cb9c71ebb74eef8efe592fc', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b377b3ebc90e55ef270b48e12aa96b9606c94834', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '0b2d24d1e643e943055b48c454e46aba64d14352', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '4e88cbcfcdaafce60960986005720680f2acf40e' }, h("swirl-app-layout", { key: 'd63fbed4af0adf2575b9dd3d98521c7e944159cc', 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: 'd48f743fe4f0e3bbbf95aa9f2ae3c5b535ba0fa4', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f726cd787f1091f56c327927dbb9a039dc4fa07c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7bc1ad7314afac3e67ec6585de8989cbe7259bfe', label: "Sort items" })), h("swirl-stack", { key: 'ec4ba50b8e701729fd21bee832f7fd6b3024aaba', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '019a191e41515239bab84d291ec6519e58235c75' }, h("swirl-heading", { key: '75dac63db97113727487277806f97d2ea713fcc2', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a9042244a9b018f8fa14a9591e05e60567361001', 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: 'f9171cb80d80ec3ef7d87ee19214ad91a67280ce', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'fe32cd9b7511931418d3ca0f6c2cd2d400063728', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '8689420b2b070054c7b8dcc3550899882bc34640', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '66fbf430d030451d74d4837c6c9e40a0252abb51', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f5024817db7b965efde64e09ec0487a38123ad12', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'eb23f88b235b4148ec5d3e8b87d3cc5becc3ddbc', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e2d56710c22d11b43a82aa21787634b5c5dd7780', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4b01a6b9cb9a931c9765fe18ffe3330fb7dcacf3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '503ff3371a63a7a6fc216bb7d29cea4c00970902', 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"; }