@getflip/swirl-components 0.255.0 → 0.256.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-15T09:17:54",
+  "timestamp": "2024-11-18T07:37:58",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -12763,6 +12763,7 @@
       "dependents": [
         "swirl-accordion-item",
         "swirl-shell-layout",
+        "swirl-tree-navigation-item",
         "swirl-tree-view-item"
       ],
       "dependencies": [],
@@ -12773,6 +12774,9 @@
         "swirl-shell-layout": [
           "swirl-icon"
         ],
+        "swirl-tree-navigation-item": [
+          "swirl-icon"
+        ],
         "swirl-tree-view-item": [
           "swirl-icon"
         ]
@@ -17083,10 +17087,14 @@
         }
       ],
       "dependents": [
+        "swirl-tree-navigation-item",
         "swirl-tree-view-item"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "swirl-tree-navigation-item": [
+          "swirl-icon-chevron-right"
+        ],
         "swirl-tree-view-item": [
           "swirl-icon-chevron-right"
         ]
@@ -21262,6 +21270,7 @@
         "swirl-pdf-reader",
         "swirl-select",
         "swirl-text-input",
+        "swirl-tree-navigation-item",
         "swirl-tree-view-item"
       ],
       "dependencies": [],
@@ -21278,6 +21287,9 @@
         "swirl-text-input": [
           "swirl-icon-expand-more"
         ],
+        "swirl-tree-navigation-item": [
+          "swirl-icon-expand-more"
+        ],
         "swirl-tree-view-item": [
           "swirl-icon-expand-more"
         ]
@@ -29674,9 +29686,15 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-tree-navigation-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-tree-navigation-item": [
+          "swirl-icon-open-in-new"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-pause.tsx",
@@ -56940,6 +56958,46 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/swirl-tree-navigation/swirl-tree-navigation.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-tree-navigation",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/swirl-tree-navigation-item/swirl-tree-navigation-item.tsx",
       "encapsulation": "shadow",
@@ -56969,6 +57027,50 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "expandable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expandable",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "external",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "external",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "href",
           "type": "string",
@@ -57032,6 +57134,49 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "level",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "level",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "navigationItemId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-item-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
         {
           "name": "target",
           "type": "string",
@@ -57054,15 +57199,87 @@
           "required": false
         }
       ],
-      "methods": [],
-      "events": [],
+      "methods": [
+        {
+          "name": "collapse",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "collapse() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "name": "expand",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "expand() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "expansionChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "swirl-icon",
+        "swirl-icon-expand-more",
+        "swirl-icon-chevron-right",
+        "swirl-icon-open-in-new"
+      ],
+      "dependencyGraph": {
+        "swirl-tree-navigation-item": [
+          "swirl-icon",
+          "swirl-icon-expand-more",
+          "swirl-icon-chevron-right",
+          "swirl-icon-open-in-new"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-tree-view/swirl-tree-view.tsx",

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

@@ -62,7 +62,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: '858892be32fd29154396483c0a91e0ab98704b21' }, index.h("swirl-app-layout", { key: '94cbaf3a3e1fb1c31db33864b0f923563cfb7673', 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" }, index.h("swirl-resource-list", { key: 'cf01199d353ac98ad61a041fa5003d16bc5b447e', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '06a2ccf0dd517396ba67b841ff4afe9cab2e5545', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'c50130f9d6f79df506c63938598ad02fff42ef49', label: "Sort items" })), index.h("swirl-stack", { key: '2f8739bc2c9177fdb1f8b7074eb04a87629b8e5f', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '3214e2ced8d58ffc79c2ef4e384bb5b0c4e1a054' }, index.h("swirl-heading", { key: '59c97ffc29c36bfe729c5282b348246b7299d7df', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '13f6cc8db3a25533e9de284ce7a70ff44dbe70ec', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: 'bf216856731560cf898b9f878af0a7d284bef296', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '107fa8e4b006a82b124f3e968d9a54c47b0699ad', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '62273e178da206d17e7417460cd0818352f47c99', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '5d8dffc02c775f8f427c7fe8220520779832bd3d', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'a7d3d1aedcfb16d005d96f2184cb7de5645676bf', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '899cd1d33133d021b34801dc13c70ecb96678e08', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'ebeb189e951dce6751bff60d919e465bc80e380a', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '6a9b0182dcd77c70d88ae8dda937f75abc5b8298', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'ee9b13d5ad90c9c2ed37779910303d970930da44', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '4ff7a235ea4c26b50cb4a2b15f13c4e6bf4125c7' }, index.h("swirl-app-layout", { key: '3c82ebf9d57f7f0e94ee26f2d297cabba160b85d', 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" }, index.h("swirl-resource-list", { key: '0adeaed6507f987455eca9674f181b75ff7fbb0e', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'dba4d612913389bf272494a8df7a4d195eba24ec', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'a2ed2dd60128be6827afbd471364e9c1ccef796f', label: "Sort items" })), index.h("swirl-stack", { key: '3dc5ac3646c22c2bc0301a2a93e17ceb5a4be340', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'e9fe9ac45cee5901e8f4dc08f51587dc7f24e0d3' }, index.h("swirl-heading", { key: '67bafdd4263639a5fdeeb833ad61d8ced79e455c', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'ab586d7a24a27925c1255f7058d433f9f1141779', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: 'fadeaa4cbb32652db24fc0844ec9a0f770f7fe16', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '744110490c959ce89a68f70ad8e484a6aba0ab95', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '0c4dada7935a5272f087869853ef95be215e2454', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'e9ce30612c7e77b4b5291257a02ed4375be729b2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'acc0c95285c70f2283a07f237e1d12dd7ed28bd0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'b86c87194dcc3e344783bc620bce33c032867994', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '5d7ddc09c163937edeffb9a85624df07e4ec8cdd', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'efa8be331e423a95783b1e81e01200c4fe3de526', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'f924d4f294bc23cd5ad118bbe0fa029b0d246680', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-2ab5d772.js

@@ -2031,10 +2031,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-open-in-full.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-open-in-new.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon-open-in-new.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-pause-circle.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2659,6 +2655,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-toolbar.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-tree-navigation.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-tree-navigation.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-tree-navigation-item.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2703,10 +2703,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-check-circle_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-chevron-right.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon-chevron-right.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-cloud-upload.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2715,6 +2711,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-gif_3.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-open-in-new.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-open-in-new.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-person.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2743,6 +2743,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-file-viewer_8.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-chevron-right.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-chevron-right.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-help.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2767,10 +2771,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-button-group.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-info.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2787,6 +2787,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-box.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-file.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2799,10 +2803,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-check-strong.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-expand-more.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon-expand-more.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-popover_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2811,6 +2811,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-expand-more.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-expand-more.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-close.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */