@getflip/swirl-components 0.218.0 → 0.220.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-07-30T10:47:49",
+  "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"
         ],
@@ -31692,6 +31700,147 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-circle.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-remove-circle",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-remove-moderator.tsx",
       "encapsulation": "shadow",
@@ -44415,7 +44564,8 @@
       "parts": [],
       "dependents": [
         "swirl-lightbox",
-        "swirl-pdf-reader"
+        "swirl-pdf-reader",
+        "swirl-shell-layout"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -44424,6 +44574,9 @@
         ],
         "swirl-pdf-reader": [
           "swirl-separator"
+        ],
+        "swirl-shell-layout": [
+          "swirl-separator"
         ]
       }
     },
@@ -44541,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",
@@ -44563,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",
@@ -44607,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",
@@ -44886,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": [
@@ -44896,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"
@@ -44979,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",
@@ -45041,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": [],
@@ -45056,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": [
@@ -45745,6 +46062,7 @@
         "swirl-pagination",
         "swirl-pdf-reader",
         "swirl-resource-list",
+        "swirl-shell-layout",
         "swirl-toast-provider",
         "swirl-toolbar"
       ],
@@ -45774,6 +46092,9 @@
         "swirl-resource-list": [
           "swirl-stack"
         ],
+        "swirl-shell-layout": [
+          "swirl-stack"
+        ],
         "swirl-toast-provider": [
           "swirl-stack"
         ],
@@ -53804,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",
@@ -53959,6 +54302,7 @@
       "dependents": [
         "swirl-description-list-item",
         "swirl-form-control",
+        "swirl-shell-navigation-item",
         "swirl-table-row-group"
       ],
       "dependencies": [],
@@ -53969,6 +54313,9 @@
         "swirl-form-control": [
           "swirl-tooltip"
         ],
+        "swirl-shell-navigation-item": [
+          "swirl-tooltip"
+        ],
         "swirl-table-row-group": [
           "swirl-tooltip"
         ]
@@ -54230,6 +54577,7 @@
         "swirl-radio",
         "swirl-resource-list",
         "swirl-shell-layout",
+        "swirl-shell-navigation-item",
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
@@ -54258,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: '0e586b6178ef2cb6a6e9cd0a21e182e6305156a9' }, index.h("swirl-app-layout", { key: '6c1f69a25036deaaf30c2c11758d9fc8eb9caef1', 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: '425a06578bbd4c00639b243c8da457014f893936', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '27f42db9c9d6494d0d238fa0454be0b52f0fba26', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '3a635597a0551796249887c9b1540345f443dceb', label: "Sort items" })), index.h("swirl-stack", { key: '8fc33e9c2375e8322eaec891e1b70d8f3cf7b722', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '356e463e4b515ccff20147fbc98bdfb0190c51ed' }, index.h("swirl-heading", { key: '47ecf36a7308c7572fa625bbd9a16b12f27770a1', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '2023efc5d1f03ad22d73aef45e248d7c6f470347', 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: '062a0039d07a8648f7e0f5ba287f486e65a4cc6a', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '4a8a61dbe941764d26d28b945d8f9c0a7bd8e535', "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: '353f1bd7ff6d309a646540ea796071df5485a6e9', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '616813794a4857e399e30ae17890fae7638c1773', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'a88e9264c07c7f1efc1d35e15746a3fb9320f4df', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '073b5d2fcec021e9210ce89d6110789b41c6a3c8', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'f3ba0fc797f1ede6ed1f24c7313e372a748827d5', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '0e085ce9e7a28c6866963bd3e78b0d19a38f8a89', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '6ea2caf4a57460a2c276d312ddf0eb654e5125ca', 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

@@ -2110,6 +2110,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-recieved.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-remove-circle.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-remove-circle.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-remove-moderator.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2718,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" */
@@ -2738,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" */