@getflip/swirl-components 0.410.0 → 0.411.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-11-11T09:43:49",
+  "timestamp": "2025-11-13T08:24:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -5466,6 +5466,7 @@
       "dependents": [
         "file-manager",
         "swirl-color-input",
+        "swirl-modal-shell",
         "swirl-resource-list",
         "swirl-shell-layout"
       ],
@@ -5477,6 +5478,9 @@
         "swirl-color-input": [
           "swirl-box"
         ],
+        "swirl-modal-shell": [
+          "swirl-box"
+        ],
         "swirl-resource-list": [
           "swirl-box"
         ],
@@ -6443,6 +6447,7 @@
         "swirl-image-grid-item",
         "swirl-menu",
         "swirl-modal",
+        "swirl-modal-shell",
         "swirl-pagination",
         "swirl-pdf-reader",
         "swirl-resource-list-file-item",
@@ -6489,6 +6494,9 @@
         "swirl-modal": [
           "swirl-button"
         ],
+        "swirl-modal-shell": [
+          "swirl-button"
+        ],
         "swirl-pagination": [
           "swirl-button"
         ],
@@ -55252,6 +55260,127 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/swirl-modal-shell/swirl-modal-shell.tsx",
+      "encapsulation": "none",
+      "tag": "swirl-modal-shell",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "slot - Modal content"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "closeButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "close-button-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "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,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "close",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "close() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "closeModal",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "slot",
+          "docs": "Modal content"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "swirl-box",
+        "swirl-button"
+      ],
+      "dependencyGraph": {
+        "swirl-modal-shell": [
+          "swirl-box",
+          "swirl-button"
+        ]
+      }
+    },
     {
       "filePath": "src/components/swirl-option-list/swirl-option-list.tsx",
       "encapsulation": "scoped",

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

@@ -57,7 +57,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: '8ca6724c11a9bcf6b3e2e4e7decd1be0673d39db' }, index.h("swirl-app-layout", { key: 'bd977909ec40a4a715d548244c2479ea1f7518bb', 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: '0268f8c52326314035af1722a562c03d96328738', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '49f226345648895fd9e09db6f6f6eb3c1675e2f5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '701856c72a838d1810ee959c0b6371d1f89a9345', label: "Sort items" })), index.h("swirl-stack", { key: '54e8822d6ffbc939196b34546ab7f93418a963d2', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '0a9bee05994d36ca651ddf122eb0866b5833dce5' }, index.h("swirl-heading", { key: '95af0bf0a0552775575cb00a7430f51f6ce37d9c', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'bbc6315b5979b629fd0ec09a8520b16da40bc2ee', 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: '509af3ea85d2b9db1e20ddf317782b340b9d5806', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '74d946faf722b95803b1665b3210649ea6e256bd', "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: 'd350cf75ce6133d7ac3d09bfac339caa9514ae70', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '1ddfe29dc6894f6b32172c7a300d69656a6203e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'f811e502fd6a59ee316abe00f9c5b3c83346ae3a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '6d6f3e5eb00de053c8fb4fa4e169909e4c4faed0', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '666d3060048147470b212ff4a631c62f1f367947', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f9f5a4dac0fa88a032ec42d808649737d06035d0', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '47c056aaf33647bec8cd86d40975f2291fefc4bc', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'a30a2067f93bf06e9a3eb70315e2958a899fbb75' }, index.h("swirl-app-layout", { key: '40db1ddfe8dff7df335f62faabcbc42a8a7f11e4', 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: '63b3b0faba2b29f0a68333c488cf30fb111e131e', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'f055ffaaaddc98ba2f07d993eb52a42d0bf17491', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '17ff3c704988ac16f6d13181aeff181662af1522', label: "Sort items" })), index.h("swirl-stack", { key: '7654adb7b450bd4161c8b5e60034259546ec937e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '404348828cde707f8956a76259e969126441dc40' }, index.h("swirl-heading", { key: '13aa2e0f20c7ee80b4d0b97192e529c57aefe43c', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'd721a4302bfb9fbfe730cfa7dab2455d7eb8d43e', 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: '36623fe449eef54860205f351235d2681ed968c0', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'c0fcfda88412eecc7b7872b70a6c25c6845b84db', "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: 'b89c2e0ac6b9e363d39b1a3cb99d56c79a301435', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '3a7b32c50444c8930dbb43de08bd3beb41bb76c4', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'ef9f5b6c5664eb7fed5fc3084a3241998500747e', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '02a83ef1b68351668ad96b818fcfd6ef1845abd4', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '00b6e630fe32522dae7589ad5001558db4f1f2c3', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '47d65e66b4294936628d43b474bf44a59a9a78bf', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '86de126469850de60606c8e59edf66215e427457', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-UMoljGbd.js

@@ -1018,6 +1018,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-modal.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-modal-shell.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-modal-shell.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-option-list-section.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1670,14 +1674,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-tag.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" */
                         './swirl-button-group.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-icon.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */