@getflip/swirl-components 0.219.0 → 0.220.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-07-31T15:10:10",
+  "timestamp": "2024-08-02T10:17:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -4335,7 +4335,8 @@
       "dependents": [
         "file-manager",
         "swirl-color-input",
-        "swirl-resource-list"
+        "swirl-resource-list",
+        "swirl-shell-layout"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -4347,6 +4348,9 @@
         ],
         "swirl-resource-list": [
           "swirl-box"
+        ],
+        "swirl-shell-layout": [
+          "swirl-box"
         ]
       }
     },
@@ -5001,6 +5005,7 @@
         "swirl-pdf-reader",
         "swirl-resource-list-file-item",
         "swirl-resource-list-item",
+        "swirl-shell-layout",
         "swirl-table-row-group",
         "swirl-thumbnail"
       ],
@@ -5045,6 +5050,9 @@
         "swirl-resource-list-item": [
           "swirl-button"
         ],
+        "swirl-shell-layout": [
+          "swirl-button"
+        ],
         "swirl-table-row-group": [
           "swirl-button"
         ],
@@ -44556,7 +44564,8 @@
       "parts": [],
       "dependents": [
         "swirl-lightbox",
-        "swirl-pdf-reader"
+        "swirl-pdf-reader",
+        "swirl-shell-layout"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -44565,6 +44574,9 @@
         ],
         "swirl-pdf-reader": [
           "swirl-separator"
+        ],
+        "swirl-shell-layout": [
+          "swirl-separator"
         ]
       }
     },
@@ -44682,6 +44694,50 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "enableSecondaryNavGridLayout",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "enable-secondary-nav-grid-layout",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "gridNavLayoutToggleLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "grid-nav-layout-toggle-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Grid\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "hideMobileNavigationButtonLabel",
           "type": "string",
@@ -44704,6 +44760,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "listNavLayoutToggleLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "list-nav-layout-toggle-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"List\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "navigationLabel",
           "type": "string",
@@ -44748,6 +44826,50 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "secondaryNavCollapseLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "secondary-nav-collapse-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Show less\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "secondaryNavExpandLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "secondary-nav-expand-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Show more\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "sidebarActive",
           "type": "boolean",
@@ -45027,7 +45149,11 @@
         "swirl-icon-arrow-forward",
         "swirl-icon",
         "swirl-badge",
-        "swirl-icon-double-arrow-left"
+        "swirl-icon-double-arrow-left",
+        "swirl-separator",
+        "swirl-box",
+        "swirl-stack",
+        "swirl-button"
       ],
       "dependencyGraph": {
         "swirl-shell-layout": [
@@ -45037,7 +45163,11 @@
           "swirl-icon-arrow-forward",
           "swirl-icon",
           "swirl-badge",
-          "swirl-icon-double-arrow-left"
+          "swirl-icon-double-arrow-left",
+          "swirl-separator",
+          "swirl-box",
+          "swirl-stack",
+          "swirl-button"
         ],
         "swirl-badge": [
           "swirl-visually-hidden"
@@ -45120,6 +45250,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "href",
           "type": "string",
@@ -45182,6 +45333,27 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "tiled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tiled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -45197,10 +45369,14 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-tooltip",
+        "swirl-visually-hidden",
         "swirl-badge"
       ],
       "dependencyGraph": {
         "swirl-shell-navigation-item": [
+          "swirl-tooltip",
+          "swirl-visually-hidden",
           "swirl-badge"
         ],
         "swirl-badge": [
@@ -45886,6 +46062,7 @@
         "swirl-pagination",
         "swirl-pdf-reader",
         "swirl-resource-list",
+        "swirl-shell-layout",
         "swirl-toast-provider",
         "swirl-toolbar"
       ],
@@ -45915,6 +46092,9 @@
         "swirl-resource-list": [
           "swirl-stack"
         ],
+        "swirl-shell-layout": [
+          "swirl-stack"
+        ],
         "swirl-toast-provider": [
           "swirl-stack"
         ],
@@ -53945,6 +54125,28 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "active",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "content",
           "type": "string",
@@ -54100,6 +54302,7 @@
       "dependents": [
         "swirl-description-list-item",
         "swirl-form-control",
+        "swirl-shell-navigation-item",
         "swirl-table-row-group"
       ],
       "dependencies": [],
@@ -54110,6 +54313,9 @@
         "swirl-form-control": [
           "swirl-tooltip"
         ],
+        "swirl-shell-navigation-item": [
+          "swirl-tooltip"
+        ],
         "swirl-table-row-group": [
           "swirl-tooltip"
         ]
@@ -54371,6 +54577,7 @@
         "swirl-radio",
         "swirl-resource-list",
         "swirl-shell-layout",
+        "swirl-shell-navigation-item",
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
@@ -54399,6 +54606,9 @@
         "swirl-shell-layout": [
           "swirl-visually-hidden"
         ],
+        "swirl-shell-navigation-item": [
+          "swirl-visually-hidden"
+        ],
         "swirl-spinner": [
           "swirl-visually-hidden"
         ],

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: '3eb2d292ee45c4d67e7dbafda547b956081c9b3e' }, index.h("swirl-app-layout", { key: 'a40cec504644f1e49bbcd03a0b4e1210a245d852', 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: '516efc7c90d015e118226bbff68cc2d68cca2169', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'd619fd0ecc14087ddde8f3b8621372e42b171157', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'eb7311f0ce05f53e10aa5cff3cd6649b6f76cf68', label: "Sort items" })), index.h("swirl-stack", { key: '48067bff9e08f4115bd8f0b71fd956283e1bea46', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '12c97ac2cff34629a691c053512628a34de03f39' }, index.h("swirl-heading", { key: '7f0497f5ffd77a748af8862715018b4916d41314', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '4cb1a6a6cc9a0c9ce9fa550862294d9a3e450a68', 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: 'e8d2524c1dba7d06b34557f13d537156a3bc3ae5', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'd902a97cab648531e56ae49d78adbb353664e0eb', "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: '44f2070b32002437526a89474d6c964dd1803ddc', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '0eef4c70fc8c4a063a4adb2b0c997fbf0d79a3eb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '04c0256c03b256f74b4c92d9fc11c189e61dd54d', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '92ed48e77631ed7b75359e798147401832787ad1', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'da65a8f1fe0fe77bec973d3b376e742e510aabaa', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '38f3bb2641bebadb276f0af20f36bf05473cb15f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '1a9b4a33df887e4a21e0507d00358d5f33ccdcd1', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '945cf099c41f87808987cce47e4387c708bcc823' }, index.h("swirl-app-layout", { key: '79cc508c09e993ee9136b2a15c3f79f26068c9db', 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: '21ea2e54d5d52c65d9e9d3ffe7d6050c916ee2c2', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '5701919cad607aef95b144d858539ce504ceb222', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'b9a0c4b082d3a045f706730fdca77397bbe13189', label: "Sort items" })), index.h("swirl-stack", { key: '2bf058aebe133a3f2979fd1279c0eb2d98f732f0', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '5419d40efd6aa04afc29d1cd057b79989d15396e' }, index.h("swirl-heading", { key: 'd48a01e2b3f74afb6bfc6ed24f0e577040879bb8', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '6ad7f19a4786cf55d3f1e8b6b0fe009e31c3ffde', 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: 'b9d16b79a8ed1d30b1a0603bae276b8013b39ce2', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '1835db1e6d300b91f544122d959402f0e950e2f9', "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: '077b7fbbb30e1542008848fc18e01f4ab3001027', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '6c494baef03fdb7f2ff148c12bdbc819c324fee2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'b5a4b96a949bd1c60d3912ea5e8455e4a3da598b', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '4058dcb8a50f671750ba9f10c3c0e4b23cf71f3c', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '376681cd61514fdf2ac31e06ae396dbba3147212', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '81f2ff608a033dd4f792b9c4bc9a01852077ee7d', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '6dc041b76e23bd0cc16d5d5442748bdc346fe14f', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-6aba64ed.js

@@ -2722,10 +2722,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './wc-datepicker.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-box.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-box.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-button-group.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2742,6 +2738,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-progress-indicator.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-box.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-box.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-tooltip.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */