@getflip/swirl-components 0.377.0 → 0.378.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-10T08:29:00",
+  "timestamp": "2025-09-10T14:01:55",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -6208,6 +6208,7 @@
         "swirl-file-chip",
         "swirl-file-uploader",
         "swirl-file-viewer-fallback",
+        "swirl-image-grid-item",
         "swirl-menu",
         "swirl-modal",
         "swirl-pagination",
@@ -6247,6 +6248,9 @@
         "swirl-file-viewer-fallback": [
           "swirl-button"
         ],
+        "swirl-image-grid-item": [
+          "swirl-button"
+        ],
         "swirl-menu": [
           "swirl-button"
         ],
@@ -29420,15 +29424,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-gif"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
@@ -38924,15 +38922,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-pause"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
@@ -40892,15 +40884,9 @@
           "docs": ""
         }
       ],
-      "dependents": [
-        "swirl-image-grid-item"
-      ],
+      "dependents": [],
       "dependencies": [],
-      "dependencyGraph": {
-        "swirl-image-grid-item": [
-          "swirl-icon-play-arrow"
-        ]
-      }
+      "dependencyGraph": {}
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
@@ -51464,20 +51450,14 @@
       "dependents": [],
       "dependencies": [
         "swirl-visually-hidden",
-        "swirl-stack",
-        "swirl-icon-play-arrow",
-        "swirl-icon-pause",
-        "swirl-icon-gif",
+        "swirl-button",
         "swirl-skeleton-box",
         "swirl-icon-error"
       ],
       "dependencyGraph": {
         "swirl-image-grid-item": [
           "swirl-visually-hidden",
-          "swirl-stack",
-          "swirl-icon-play-arrow",
-          "swirl-icon-pause",
-          "swirl-icon-gif",
+          "swirl-button",
           "swirl-skeleton-box",
           "swirl-icon-error"
         ]
@@ -63691,7 +63671,6 @@
         "swirl-button-group",
         "swirl-empty-state",
         "swirl-file-viewer-fallback",
-        "swirl-image-grid-item",
         "swirl-lightbox",
         "swirl-option-list-section",
         "swirl-pagination",
@@ -63725,9 +63704,6 @@
         "swirl-file-viewer-fallback": [
           "swirl-stack"
         ],
-        "swirl-image-grid-item": [
-          "swirl-stack"
-        ],
         "swirl-lightbox": [
           "swirl-stack"
         ],

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: '2ff9eff28256cf3e9f31d975c255ba610dfe07a5' }, index.h("swirl-app-layout", { key: '0b491cde0f63b7ab216f8fe9403f4bc7d5b3f338', 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: '4bdab993cca1f501e3adbd84fe978c21c27d7fd2', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '038116a8941d0ae4ad57543282cd0eb908d8c179', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '0213a165e8ccd1a5e448f7a6ced553f75e44aa1a', label: "Sort items" })), index.h("swirl-stack", { key: '15ef259a5443b7bfec3d82fb780efbf936307da9', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'f7413c6b4e487071c350f277025c4cbd0dc12547' }, index.h("swirl-heading", { key: '07c3fb02d34bb8c91bd1a4708bed706bcc8ef967', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '77667b58ed6602005cf552deafce2ff024eb8a3e', 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: '12c80c62cf958b0dcfa9805ecb745e6b1a515e5a', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'daf8a8d1d0b5dbd40b1c85152dc6bd2ecddf967b', "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: '22a35fd0ab38fc7ab1b3b0b0682c416ca1ce6706', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'ec8532154a9b16d288308e2f07524dde99b443a1', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '2ced9b92b84ca3eabe6f651209d5d948cc750c3c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '60491ad665bf900a4f748ae162841f0c39bfc95e', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'f39d09ad9eea79590d4be096275afb2132bd085f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'c8e2b13f768b619f402eb30e5619297ae35e24e6', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'e4dde2b08169b71336e62e0e62603b555c11b986', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'c6c00746cf51336a5a432f48d5813d02247a501c' }, index.h("swirl-app-layout", { key: 'a68db9268d1743a3da4bdd1e29a8a90d33d8e099', 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: '7f1c4fc04c94cddc2e57e555a4547c5751d28af2', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'ba6a91da9132c74c9c2e65fe56c5e744481ccc0e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'f349e20782912bb443c253c0e310620bd414ccf1', label: "Sort items" })), index.h("swirl-stack", { key: '419b98200a8ad65999c545bbfb97a4daa9033a8e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '1fc019553ef530398eaf4a882febb948a094a31f' }, index.h("swirl-heading", { key: '69ac18be7ee4e880f1f18646730a9b243dc78a7f', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '670cb38adb67511e50f0796ed0ab7fa81854ddc3', 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: '83e140f0e1a3389e47678131d0086a7b150ba187', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'b7e3523fe29da2fa06c90752380fae47fb4ab8d5', "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: '757111da2fbe32366b035f76161b0ef0ae421e45', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '0a9376db56a385a0a34bccca823b0bb208ee1b7a', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'af0dd15488adf02e6d82df07e4ab59b0073b6549', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '1cfbfc9c2635cb5f158940a624f2a1d796d47a5d', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '4e06badebd7f793c9b0c7dad51871726a68faf44', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '687b37e01845b112917406b3b0aa1d4ad5304fd5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '1d77cb6477009a6ad07c29dea4c9b4a91ed31633', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/cjs/index-DM-IG6w2.js

@@ -458,6 +458,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-format-list-bulleted.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-gif.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-gif.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-group-add.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -682,6 +686,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-patient-list.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-pause.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-pause.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-pause-circle.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -722,6 +730,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-place.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-play-arrow.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-play-arrow.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-poll.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1374,6 +1386,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-person.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-skeleton-box.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-skeleton-box.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-tab-bar.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1510,10 +1526,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-arrow-left_4.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'swirl-icon-gif_4.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './swirl-icon-gif_4.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-cancel_4.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */