@getflip/swirl-components 0.239.1 → 0.240.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-19T14:25:09",
+  "timestamp": "2024-09-20T10:20:15",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -22702,9 +22702,15 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-gif"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-group-add.tsx",
@@ -29784,9 +29790,15 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-pause"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-pause-circle.tsx",
@@ -31200,9 +31212,15 @@
           "docs": ""
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "swirl-image-grid-item"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "swirl-image-grid-item": [
+          "swirl-icon-play-arrow"
+        ]
+      }
     },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-poll.tsx",
@@ -39231,6 +39249,50 @@
           "optional": false,
           "required": true
         },
+        {
+          "name": "gifPauseLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "gif-pause-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Pause GIF playback\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "gifPlayLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "gif-play-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Continue GIF playback\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "icon",
           "type": "string",
@@ -39334,6 +39396,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "showGifControls",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-gif-controls",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "src",
           "type": "string",
@@ -39356,8 +39439,89 @@
           "required": true
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "pause",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "pause() => Promise<void>",
+          "parameters": [],
+          "docs": "Stop Gif playback.",
+          "docsTags": [
+            {
+              "name": "returns"
+            }
+          ]
+        },
+        {
+          "name": "play",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "play() => Promise<void>",
+          "parameters": [],
+          "docs": "Start Gif playback.",
+          "docsTags": [
+            {
+              "name": "returns"
+            }
+          ]
+        }
+      ],
       "events": [
+        {
+          "event": "gifStarted",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "gifStopped",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "imageError",
           "detail": "void",
@@ -39393,11 +39557,19 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-stack",
+        "swirl-icon-play-arrow",
+        "swirl-icon-pause",
+        "swirl-icon-gif",
         "swirl-spinner",
         "swirl-icon-error"
       ],
       "dependencyGraph": {
         "swirl-image-grid-item": [
+          "swirl-stack",
+          "swirl-icon-play-arrow",
+          "swirl-icon-pause",
+          "swirl-icon-gif",
           "swirl-spinner",
           "swirl-icon-error"
         ],
@@ -47928,6 +48100,7 @@
         "swirl-button-group",
         "swirl-empty-state",
         "swirl-file-viewer-fallback",
+        "swirl-image-grid-item",
         "swirl-lightbox",
         "swirl-pagination",
         "swirl-pdf-reader",
@@ -47953,6 +48126,9 @@
         "swirl-file-viewer-fallback": [
           "swirl-stack"
         ],
+        "swirl-image-grid-item": [
+          "swirl-stack"
+        ],
         "swirl-lightbox": [
           "swirl-stack"
         ],

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: '35ad1d6e1c58037ba69973b53145769528066cd2' }, index.h("swirl-app-layout", { key: '548345fe971b14cea9a6f4900fd7a127b5062595', 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: '93f18166b1e52c73281ef1bdc823ca2fb827588a', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'ea29b69eaf169962ddb80b7c1918941f0774a41a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '2817a127f382893b6ff62128f10dc7f618059666', label: "Sort items" })), index.h("swirl-stack", { key: '5480d12860ab466615dbd39cd75864f3e457e8a5', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '90a105fb157fe71028a872814908a47e2ae7de9b' }, index.h("swirl-heading", { key: '17f8d0fee5f2e6d02e974f1563ca422480e4fcdc', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '2133582c692c2b0ff300dc29f6be311cb48354f8', 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: '70896a5764bed1540ba45f4a8f3891250d3853e1', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '3d77972a823fe3dc1c6959fdf5e65e38e4b7c7fb', "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: 'd497da58a92d4f6cb70c2701bb1bb2651e6e2985', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'cf36f7cd624f2cdfbbd20057fb211af401e207e9', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'dcce9669956bc8f5a3c12e6eff1b22b624ea73ca', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '625dfa8bad62a9a18b3ed8bbb82110eb04599067', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '718daf24a4226d19e736297cac4f08fa6e772957', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '400eba6c6397b2f0a97171da82d5eb62ab03e44e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '7630636824560bb6bd32cf792e73e214179d61dd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'ce77d34c23e03318a39eef402e50155b8a770aa2' }, index.h("swirl-app-layout", { key: 'a3add763a08f6695001ab0be2bb50396a7906fc2', 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: 'f3d8f6ee26210f6edf0d479fc56f90cce1bfc034', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '780e39c49d4b8773350d6817ece57e50b6609858', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '9ce300815d019220c6a17aed54ede4ac095d1455', label: "Sort items" })), index.h("swirl-stack", { key: 'aad461761edba54b2e51a91c612c43c7a4f8382e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '759e913289cc1f61fddec15f2a40f1c603c22f93' }, index.h("swirl-heading", { key: '662f48f197b13c2e9b487ea1151319c64ffeb344', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '48530a45c0c4ab6e5154c13adfcef5e13e010c2e', 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: 'c604a696f3f43b2db5202d009dd58ae430e482a5', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'd18e3ca16c82988234e32f60db32c759fe8e0bf5', "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: 'c4d89f71c8f23d66198e880853f7b4c80ba52ddf', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'dbd61162448e3d6c9a1b6163899424c61deeec24', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'a834d0228e1ef643e43861eb4e72c720f95cea12', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '95a5383f44232b4a2dbdb4cb5673919407b57d23', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'd9f50b966ee6343ff108992b3bdbeac9783de43d', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '2540257f88e790bceb60f9b32d863b55dcdda0e3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '5b2af0f803d8b9eb7cdb4739cd3a6a65d73cb177', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

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

@@ -1855,10 +1855,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-format-h-one.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" */
@@ -2039,10 +2035,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     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.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" */
@@ -2075,10 +2067,6 @@ 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" */
@@ -2711,6 +2699,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-cloud-upload.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-gif_3.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-gif_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-help.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */