@getflip/swirl-components 0.230.1 → 0.233.0

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

@@ -0,0 +1,230 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const swirlTreeViewCss = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}";
+const SwirlTreeViewStyle0 = swirlTreeViewCss;
+
+const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.expandedItemsChanged = createEvent(this, "expandedItemsChanged", 7);
+        this.onSlotChange = () => {
+            this.init();
+        };
+        this.initiallyExpandedItemIds = undefined;
+        this.label = undefined;
+    }
+    componentDidLoad() {
+        if (Boolean(this.initiallyExpandedItemIds)) {
+            this.expandItems(this.initiallyExpandedItemIds);
+        }
+        this.init();
+    }
+    async expandItems(itemIds) {
+        const items = this.getItems().filter((item) => itemIds.includes(item.id));
+        items.forEach((item) => item.expand());
+    }
+    onKeyDown(event) {
+        if (event.key === "ArrowDown") {
+            event.preventDefault();
+            this.selectNextItem();
+        }
+        else if (event.key === "ArrowUp") {
+            event.preventDefault();
+            this.selectPreviousItem();
+        }
+        else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            this.expandSelectedItem();
+        }
+        else if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            this.collapseSelectedItem();
+        }
+        else if (event.key === "Home") {
+            event.preventDefault();
+            this.selectFirstItem();
+        }
+        else if (event.key === "End") {
+            event.preventDefault();
+            this.selectLastItem();
+        }
+    }
+    onItemSelected(event) {
+        this.getItems().forEach((item) => {
+            if (item !== event.target) {
+                item.unselect();
+            }
+        });
+    }
+    onExpandedChange(event) {
+        const expandedItemIds = this.getItems()
+            .filter((item) => this.isItemExpanded(item))
+            .map((item) => item.id);
+        const changedItemGotExpanded = !Boolean(event.target.querySelector(':scope > li > [aria-expanded="true"]'));
+        if (changedItemGotExpanded) {
+            expandedItemIds.push(event.target.id);
+        }
+        else {
+            expandedItemIds.splice(expandedItemIds.indexOf(event.target.id), 1);
+        }
+        this.expandedItemsChanged.emit(expandedItemIds);
+    }
+    init() {
+        const selectedItem = this.getSelectedItem();
+        const allItems = this.getItems();
+        allItems.forEach((item) => item.unselect());
+        if (Boolean(selectedItem)) {
+            selectedItem.select();
+        }
+        else {
+            allItems[0]?.select();
+        }
+    }
+    selectFirstItem() {
+        this.unselectAllItems();
+        this.getItems()[0]?.select(true);
+    }
+    selectLastItem() {
+        const allItems = this.getItems();
+        const lastVisibleItem = allItems
+            .filter((item) => item.parentElement
+            .closest("swirl-tree-view-item")
+            ?.querySelector(':scope > li > [aria-expanded="true"]') ||
+            !Boolean(item.parentElement.closest("swirl-tree-view-item")))
+            .pop();
+        this.unselectAllItems();
+        lastVisibleItem?.select(true);
+    }
+    expandSelectedItem() {
+        const selectedItem = this.getSelectedItem();
+        if (!Boolean(selectedItem)) {
+            return;
+        }
+        const isExpanded = this.isItemExpanded(selectedItem);
+        if (isExpanded) {
+            this.selectNextItem();
+        }
+        else {
+            selectedItem.expand();
+        }
+    }
+    collapseSelectedItem() {
+        const selectedItem = this.getSelectedItem();
+        if (!Boolean(selectedItem)) {
+            return;
+        }
+        const isExpanded = this.isItemExpanded(selectedItem);
+        if (isExpanded) {
+            selectedItem.collapse();
+        }
+        else {
+            const parent = selectedItem.parentElement.closest("swirl-tree-view-item");
+            if (!Boolean(parent)) {
+                return;
+            }
+            this.unselectAllItems();
+            parent.select(true);
+        }
+    }
+    selectNextItem() {
+        const selectedItem = this.getSelectedItem();
+        const selectedItemExpanded = this.isItemExpanded(selectedItem);
+        const nextSibling = this.getNextSibling(selectedItem);
+        let parent = selectedItem.parentElement.closest("swirl-tree-view-item");
+        let nextSiblingOfParent = this.getNextSibling(parent);
+        while (Boolean(parent) && !Boolean(nextSiblingOfParent)) {
+            parent = parent?.parentElement.closest("swirl-tree-view-item, swirl-tree-view");
+            nextSiblingOfParent = this.getNextSibling(parent);
+        }
+        const firstChild = selectedItem.querySelector("swirl-tree-view-item");
+        const nextItem = selectedItemExpanded
+            ? firstChild
+            : nextSibling || nextSiblingOfParent;
+        if (!Boolean(nextItem)) {
+            return;
+        }
+        this.unselectAllItems();
+        nextItem.select?.(true);
+    }
+    selectPreviousItem() {
+        const allItems = this.getItems();
+        const selectedItem = this.getSelectedItem();
+        const previousSibling = this.getPreviousSibling(selectedItem);
+        const previousSiblingExpanded = Boolean(previousSibling?.querySelector('[aria-expanded="true"]'));
+        // find the last child of the nested previous sibling
+        if (previousSiblingExpanded) {
+            let lastChildOfNestedPreviousSibling = previousSibling?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item");
+            let lastChildOfNestedPreviousSiblingExpanded = Boolean(lastChildOfNestedPreviousSibling?.querySelector('[aria-expanded="true"]'));
+            while (lastChildOfNestedPreviousSiblingExpanded) {
+                lastChildOfNestedPreviousSibling =
+                    lastChildOfNestedPreviousSibling?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item");
+                lastChildOfNestedPreviousSiblingExpanded = Boolean(lastChildOfNestedPreviousSibling?.querySelector('[aria-expanded="true"]'));
+            }
+            allItems.forEach((item) => item.unselect());
+            lastChildOfNestedPreviousSibling.select?.(true);
+            return;
+        }
+        const parent = selectedItem.parentElement.closest("swirl-tree-view-item");
+        const previousItem = previousSibling || parent;
+        if (!Boolean(previousItem)) {
+            return;
+        }
+        allItems.forEach((item) => item.unselect());
+        previousItem.select?.(true);
+    }
+    unselectAllItems() {
+        this.getItems().forEach((item) => item.unselect());
+    }
+    getItems() {
+        return Array.from(this.el.querySelectorAll("swirl-tree-view-item"));
+    }
+    getSelectedItem() {
+        return this.getItems().find((item) => item.querySelector("a")?.getAttribute("aria-selected") === "true");
+    }
+    isItemExpanded(item) {
+        return Boolean(item.querySelector(':scope > li > [aria-expanded="true"]'));
+    }
+    getNextSibling(item) {
+        if (item?.nextElementSibling?.tagName === "SWIRL-TREE-VIEW-ITEM") {
+            return item.nextElementSibling;
+        }
+        const nestedSibling = item?.parentElement?.nextElementSibling?.querySelector("swirl-tree-view-item");
+        return nestedSibling ?? undefined;
+    }
+    getPreviousSibling(item) {
+        if (item?.previousElementSibling?.tagName === "SWIRL-TREE-VIEW-ITEM") {
+            return item.previousElementSibling;
+        }
+        const nestedSibling = item?.parentElement?.previousElementSibling?.querySelector("swirl-tree-view-item");
+        return nestedSibling ?? undefined;
+    }
+    render() {
+        return (h(Host, { key: '339267c7110db49dfa92d4e36ea7359666969819' }, h("ul", { key: '730cceb516e83f1ef72c8552fc26a510d225f069', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'dcde56962d621cfc40a170b80f9b8137809bf59e', onSlotchange: this.onSlotChange }))));
+    }
+    get el() { return this; }
+    static get style() { return SwirlTreeViewStyle0; }
+}, [1, "swirl-tree-view", {
+        "initiallyExpandedItemIds": [16],
+        "label": [1],
+        "expandItems": [64]
+    }, [[0, "keydown", "onKeyDown"], [0, "itemSelected", "onItemSelected"], [0, "expandedChange", "onExpandedChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["swirl-tree-view"];
+    components.forEach(tagName => { switch (tagName) {
+        case "swirl-tree-view":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SwirlTreeView$1);
+            }
+            break;
+    } });
+}
+
+const SwirlTreeView = SwirlTreeView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlTreeView, defineCustomElement };

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: '5bd9a490f2c97390886321c280a2988a4ef698d0' }, h("button", { key: '8364b72dcbfc56d66fd2e7cbd30c8579b64e3e7e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9007cc6e6dbd634e93fe995b19f559eacd00574a', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '31cd361f021f5863e0143ccee2cb6ae72d6ac213', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'd517d30b34ecbcaf255e6c335e663bebeac93df2' }, this.durationLabel), this.duration)), h("svg", { key: '45028d168793277f212e86c887879ca50d7f1b69', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c7675ecd1bca43fad3ae2bd6ac3e4198ef0ec2b0', 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: '684edd972d557cc5802faf12d68a39c840d34031' }, h("button", { key: '65eb5646d91cd405b87c932b92b00365501c4974', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '08cfb230f06c5ff59e66a0a0889dfc42ebfa7173', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '47e734e3eb8502484ff75b70b40bc898e86a5d0b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '072d38dae3171d13d3f3659a56bd81c68ca857db' }, this.durationLabel), this.duration)), h("svg", { key: 'b2101678bd8ff47ccc11cb807d863599129ff018', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7d4ad04198b7c65616acd6e89288cc51baa5c99c', 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: '9b198c65730026a5e11513ff742104234ff0c1a7' }, h("slot", { key: '9873becced8ea85ffccdfc032163bbbe53df8fc6' })));
+        return (h(Host, { key: '85adc71e753de16a93f0110be0b49a9eb8be1ea6' }, h("slot", { key: '491582dfecab0bcf9dbb4821d346db75b9e2f8ca' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: 'c0eb98fdfc638cc1dcb06483b59c34073ba54552' }, h("swirl-app-layout", { key: '556761b8d4f4d437ae0985c790a22e60c9315f1d', 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: '39885e858c41e429cab968112aa7b984f9705ea2', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '77c6ea5fe1b94028a5695e9d9ee632c36531fa0d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '44c5aaa2536049f775c618dce507b3958e7cdd2a', label: "Sort items" })), h("swirl-stack", { key: 'f67fa0a23d84b5d8ee934abc92ca510d566a9ca8', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '6db42bf7b5f71cf829392ad4a0c93d8dd715180f' }, h("swirl-heading", { key: '8f78f58b16624d768574ca3cf210c8caae1207fa', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8a08ec5e7ebbcf1b186a74782efe4e2255fe36ee', 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: '6c6e485139d39df02ededf75d8a8e6b010df2bb9', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'dae62a4ba25cae3853b62d81a000fed470e1ff2d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '815594196ba28b9e8e434201d88dbf5a6dd85a87', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3afe3f3e24a5b5462e9f6881c61522e1478c849f', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '9f2e84faef9a03e396c1dc668f330d2622c7697e', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'bc6a5c70fe046c88bab5464e7df49d3a20b3feb9', value: ["ascending"] }, h("swirl-option-list-item", { key: 'ec52b57885f7c33ca477ef8f6a505f57b31a6683', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '56e2c341fe923eb943777655d687a6410224a1d3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd51a2dbf1785bc86823b72c36facc0c2427b987b', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '3eff9c0bba9c10b143916cb3d00cedbc5bcfe050' }, h("swirl-app-layout", { key: '85f69e777a24d3362bc5eed4d724c54e1326c845', 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: '98d7da7702fdd4c4accb0e8249f2ccc5ecf55e29', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '16eb5271929830c6715f18b63b63588df73c11fe', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '59b711996f00146f8759376e8b8cabafcc76920c', label: "Sort items" })), h("swirl-stack", { key: 'c282643701ea09f60ec3eb79a703e9e4d098fbbd', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'bb0a446b2eb61a634ea0d791a87ce5d9f3ba6e0a' }, h("swirl-heading", { key: '41445130a7b9024c35db0df369c9ad5985c23a46', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'e159850b75591af14e56cdfcebbb270acb545add', 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: '56527b6068e3e6af690b851c1ee405f2e6561ed3', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '91be84a2271698f308c09b8dbfcfa9fdb0c67d41', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '8d9dcb8e0b2fa44fa7a57892edbe262150f0750b', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '9958d84992b0dcf5a079d924b6e3e02bb2b8f544', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f5ceccc29d6488b528b32d363511731a38688a80', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '736355e26ee48634d7a6005b235fc9c5e0940746', value: ["ascending"] }, h("swirl-option-list-item", { key: '8f256bc83e158f1eb51b5e0d749a85fbba94eff1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '03092be4c5bf6c3363b95b06304a834c991d7cf5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '21a718300bbc7ec8092a0c2c97844e56493f44cd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-2d054a87.js

@@ -1736,10 +1736,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-chevron-left.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-chevron-right':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-chevron-right.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-close-small':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2624,6 +2620,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-tree-navigation-item.entry.js').then(processMod, consoleError);
+                case 'swirl-tree-view':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-tree-view.entry.js').then(processMod, consoleError);
+                case 'swirl-tree-view-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-tree-view-item.entry.js').then(processMod, consoleError);
                 case 'swirl-video-thumbnail':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2656,6 +2660,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-check-circle_2.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-chevron-right':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-chevron-right.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-cloud-upload':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2692,10 +2700,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-file-viewer_8.entry.js').then(processMod, consoleError);
-                case 'swirl-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-search':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2716,6 +2720,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-button-group.entry.js').then(processMod, consoleError);
+                case 'swirl-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-info':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2736,10 +2744,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-file.entry.js').then(processMod, consoleError);
-                case 'swirl-icon-expand-more':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './swirl-icon-expand-more.entry.js').then(processMod, consoleError);
                 case 'swirl-tooltip':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2752,6 +2756,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-check-strong.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-expand-more':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-expand-more.entry.js').then(processMod, consoleError);
                 case 'swirl-popover_2':
                     return import(
                       /* webpackMode: "lazy" */