@getflip/swirl-components 0.292.0 → 0.294.0

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: 'c5c9aaab9e0ae98823e070397b4210748aa5b89a', role: "none" }, h("li", { key: '247b020fb82797a67995dfff2e0cc46d0f45b12b', class: {
+        return (h(Host, { key: '736da02376f7c94d4dd47a60be58ca2a376164ac', role: "none" }, h("li", { key: '6c723c41caea052735e39a676ecd09cffbd0dc7c', 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: 'ae089b5cfc9e906bbdb47a8a18a6f9e93f0f5178', 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: '2280b27ba700de1473c91eb35f5d2de08bc3540a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ee4146b5a61f0bad5d00371106fe782ffa32cd01', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '03f0283be566d93548cc0f516adcc2a9a3a9bc66', class: "tree-navigation-item__label" }, h("span", { key: '00af4fbe3d42cf0f7f327ae967381a30427f2492', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c41f06c4e025286ddd8c79367d1f13f7b9360f4a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5ccbfe78fb441c52db23ab0e9b92fd4f3367d6fd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'aa87687dbee58bb91a9a91ed04e430730e27bdd9', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'acdf648348a2c4f9c1e5b29a6c410f29237b0f02', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '8fc6a90fcedc94cae7a235982ff793a6d0f56a86', 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: '00a999bdf8c95c02547b9099f598d12306f47c45', 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: 'd1310bb5b7f35a31761ce4b504f59bfa9389f42a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f15cdd0c5d9334a840fc9c80c2a91d8c809f047b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0438fdfa0f8925bffa40814dc131795c85aa582b', class: "tree-navigation-item__label" }, h("span", { key: '20530bcdcdb7bb75f9fb263658c6adfa4e94fac0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '53f44b73c11f38a5ea79d421a2ca8873415d2f46', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'f42374147aec35f9ee5e9b4aac949a5ce7e7e857', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'aecba874f56b67b1920482743131060bfdadb74d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'af7e026a2a78010be560ebf77ee8b908416c7e32', 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: '32c27c15243605450ec166c1ec1dfd3170da624f' }))))));
+            } }, h("slot", { key: '2d04a3db58107a0d69724785355bfc575e8f213d' }))))));
     }
     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: 'df4b506f6383d8bba14a49b1c06d36ef970af691' }, h("ul", { key: 'fb3d1cac0cfe246df7abb222294d24200a4e712b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'efc6f605145aa153900f92e2ccb38f47b6a00d5c' }))));
+        return (h(Host, { key: '59ac8ece7083364d946cce062ba35ab06d1df4cb' }, h("ul", { key: '73f71370d003bb0620fe7712c1d2ee922a75d8ef', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '75724b5255927ebe59bf59a11cc4e0eae6324b2a' }))));
     }
     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: '99e7b997cc0ac4b876a39ad8c86463f65b1f2b04', id: this.itemId, role: "none" }, h("li", { key: '92d5be2ddaf1e9ffde494bd80558b21be1d47b89', class: className, role: "none" }, h("a", { key: '8013e23ffc362c1c40d2bf499cc311408f28b450', "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: '7055128d592ea7a599026cb9e9ca263016c9ab28', id: this.itemId, role: "none" }, h("li", { key: '19db1a5c434521aafbcf66364af9d731958c3217', class: className, role: "none" }, h("a", { key: '8d4d0cfb8f68280bc21fa560be3dfc8536957e69', "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: '6e86292381b7968130520b76b33e95d6267de99a', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '76518e2402d633f2f4e410155ef8306fc74ee231' }, 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: '4cec92ec50f6e7b8eb7a10aa0557b39be03b1369' }, h("span", { key: '994c4d8f711823a38dc49d519d97d000dc94427e', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f0f0737811692e3d86d1147cbf9b5f2707156e4', class: "tree-view-item__label" }, this.label), h("span", { key: '6d59fb68782991840fa1e3728490bf3d52284b56', class: "tree-view-item__tags" }, h("slot", { key: 'c73c93ecfb910c927b43915e10deec8c63357af2', name: "tags" }))), h("ul", { key: '3025c601105e94f5a19e7585c74b50398e242275', "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: 'a1df0b690e3648a3efd78963580536e68244346e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '8b37bb4dcd53888c2d34bb60cb48caddc1dae2d6' }, 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: '3408a32ea893cfdbc7829be311d2b337a6995099' }, h("span", { key: 'bed3cf8a935be1aa489a12097e0f1daa51874ae1', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '6c2f60b9c5f7cf54d69b539b77a6fffef305bada', class: "tree-view-item__label" }, this.label), h("span", { key: '2ec646c4068d3ebbc1417c9138a7f26aaa5d13a9', class: "tree-view-item__tags" }, h("slot", { key: 'c277c4aac4812a969366771dbe5723e266884fd2', name: "tags" }))), h("ul", { key: 'a18acac09207d0db6993b92d49f375f0091958ea', "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: '44a4643f2d58607f9013ba83f8e1cc6d817394d7' })))));
+            } }, h("slot", { key: '3870afdc596f7b91480c0951e0553478865ff2a8' })))));
     }
     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: 'bbcd1bc74c52c3b8896f20be1caadf84734e4b2f' }, h("ul", { key: '72bbdf03a78b04415cd17de341b4e4af7fcf3b54', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '279f56e5bb2eec5852bacc8e5416164cafb22f50', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '12af463f0f3ef90fc98fb6bbab2039b6a3524d7c' }, h("ul", { key: 'fd41f29496015f4a188f0bc9fa60d256c9789d38', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '48962c66ffe7a3c30e6d2f39a586c1c9566d765f', 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: '037e6f35a107a2ad164eacd3f528b6a5828c1e06' }, h("button", { key: '7c29bfc214d4d0673908a9256ac19dabe483947d', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '99f5ce1c96758efeda64ab45078c12d1b2073a4a', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '0ee014ffa46b74a96110d08efc80c411acf8b9fb', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'cbe67dc2b72a6131641345c9a592ea6026d83124' }, this.durationLabel), this.duration)), h("svg", { key: 'f10251c6fd959bfa10d3a53f48999b8a2fe1cb12', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a61e05c87882a9173e0f5a7b9cf67af7e5c93214', 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: '662c00b709440b09ace04bf30c5538c8ba8791d1' }, h("button", { key: '44d6affc18f5f77deac8e8f1b3f7d09ec83d7b88', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '1af4c020293b6d9f2f7c6ac144e9b56084a1467e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '0b1c477e6cd851f4449c89e81783b9f8d482b9f8', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '2df532b90fdd4900b0dafbf7721ec6ed2b3dd23d' }, this.durationLabel), this.duration)), h("svg", { key: '41bcb649ed660903b4ff9778c448381359e0925e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '51eea7640272fdbf8ce7eb1df570f80be50471ae', 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: '787f927a3a310f100160b65f0b88d2907f53e9a3' }, h("slot", { key: '9fda62dd3f0e8b00e5bae33edac6c6997db2d8c7' })));
+        return (h(Host, { key: 'a94fe415536bdc6069d84e8d074d05f3a833843d' }, h("slot", { key: 'b21fd056d98d66ad78549d340776f045625f230a' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-100ca867.js';
+import { r as registerInstance, h, H as Host } from './index-eaf83092.js';
 
 const FileManagerMockData = {
     directories: [
@@ -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: 'cf4d8f11fd4d0b88c9598a3f696555786f61e3f0' }, h("swirl-app-layout", { key: 'c09dcab1e6cae4c716d7632e8bef0c137daa2195', 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: '66bc9b1dfe00fc559f64618a0aad5c7fa60d668e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '6b7489a7ce904bbbde241ded4fd66afc5839d60b', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '204b2c051855dbe9166288d67222e6bab8b5eecd', label: "Sort items" })), h("swirl-stack", { key: 'aaaec91d2fb59dfc3fad75fc6f8ac65b701210c5', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'cda0f6deb4888cd070e5d23542c5a29d15033683' }, h("swirl-heading", { key: '062cc15116315d21feee9d42beeaef4032682eec', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '3a0b965c85bf19da98249baed32caffd8f978076', 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: '86e9133be9b36f60ac8f6a9083b5ec2322d8932f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '4e76be16045b9cbbb35df0c269542865b9d6024f', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '63da3d10e658273387a1c84c88333a2d356f61e8', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '599e73e13fa3e901955f9f6d7c185604d288a9ab', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a41f004740d4b7a7abd52b4bec11d3b1ff60dce0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1316b6f0cf2c4e98e5f33bfbb5d66695ece98269', value: ["ascending"] }, h("swirl-option-list-item", { key: '58f06b9e639239a4030840743685409d16798466', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd463e1d8db8bfe6056d28545f43c541bfdbb1ba4', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c1fb103c4b288286f17a1acafa6ded3947aeea07', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'f824d7bc63476fb19f71a42c5aa09fb4d954d01f' }, h("swirl-app-layout", { key: 'ec6500f8d872dde19f9c6f6a55452712a7a87ce1', 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: '89a732c8168fcfbf48f8e71d17a5a6d6d40569c1', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e42b4c1d9e6b46603fdd867119bb6ba86b54807c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f21bb99f0f836c2c6914671f5727b9b6ec336e73', label: "Sort items" })), h("swirl-stack", { key: '47479bd60214ab399eecc5dbeec92a99b75ec529', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '351c6f2f6172b01914d52be76f41690af6d0835e' }, h("swirl-heading", { key: 'f16201178c34ed452b1d48e47ea0b28a9bb83cf1', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b2b5638b1bd3ad80ccd7a13d646bc0ab5f7ae811', 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: 'de582407fc445eb9ba1e279195ad240bbb4ff714', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '6019d2af82f81f72c95b5270be7f36a35bdf9bf4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4339cdc0c792a5d1767e54887584713796026848', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c08ce0b2f25c51aeb2cae3236623a376f97571b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'da973e49a8554303ab0e02ddb7daffd5b8e61b69', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e2fde653a3eccfaf9a91bbc45cf5c770cc9e53a3', value: ["ascending"] }, h("swirl-option-list-item", { key: '2dda190f020c675d70a4986a7870f13ef60551a3', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd07d86a691addea39319de2c9c97b43491c16d9e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b52de72d2545eab36d71015da08c340b6b7ba17e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/{index-100ca867.js → index-eaf83092.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'swirl-components';
-const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.18.1 | MIT Licensed | https://stenciljs.com
@@ -1258,6 +1258,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
       customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
@@ -1281,6 +1282,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance) => {
+  {
+    safeCall(instance, "connectedCallback");
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1320,8 +1324,10 @@ var connectedCallback = (elm) => {
       }
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
     endConnected();
@@ -1815,6 +1821,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-dock-left.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-door-open':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-door-open.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-dot':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2199,6 +2209,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-stop.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-stop-circle':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-stop-circle.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-sync':
                     return import(
                       /* webpackMode: "lazy" */