@getflip/swirl-components 0.395.0 → 0.397.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-16T09:45:11",
+  "timestamp": "2025-10-20T09:54:38",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -3098,6 +3098,7 @@
           "swirl-option-list-item"
         ],
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ],
         "swirl-text-input": [
@@ -5508,6 +5509,182 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "cursor",
+          "type": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+          "complexType": {
+            "original": "SwirlButtonCursor",
+            "resolved": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+            "references": {
+              "SwirlButtonCursor": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "cursor",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"pointer\""
+            }
+          ],
+          "default": "\"pointer\"",
+          "values": [
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "copy",
+              "type": "string"
+            },
+            {
+              "value": "progress",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "auto",
+              "type": "string"
+            },
+            {
+              "value": "context-menu",
+              "type": "string"
+            },
+            {
+              "value": "help",
+              "type": "string"
+            },
+            {
+              "value": "pointer",
+              "type": "string"
+            },
+            {
+              "value": "wait",
+              "type": "string"
+            },
+            {
+              "value": "cell",
+              "type": "string"
+            },
+            {
+              "value": "crosshair",
+              "type": "string"
+            },
+            {
+              "value": "vertical-text",
+              "type": "string"
+            },
+            {
+              "value": "alias",
+              "type": "string"
+            },
+            {
+              "value": "move",
+              "type": "string"
+            },
+            {
+              "value": "no-drop",
+              "type": "string"
+            },
+            {
+              "value": "not-allowed",
+              "type": "string"
+            },
+            {
+              "value": "grab",
+              "type": "string"
+            },
+            {
+              "value": "grabbing",
+              "type": "string"
+            },
+            {
+              "value": "e-resize",
+              "type": "string"
+            },
+            {
+              "value": "n-resize",
+              "type": "string"
+            },
+            {
+              "value": "ne-resize",
+              "type": "string"
+            },
+            {
+              "value": "nw-resize",
+              "type": "string"
+            },
+            {
+              "value": "s-resize",
+              "type": "string"
+            },
+            {
+              "value": "se-resize",
+              "type": "string"
+            },
+            {
+              "value": "sw-resize",
+              "type": "string"
+            },
+            {
+              "value": "w-resize",
+              "type": "string"
+            },
+            {
+              "value": "ew-resize",
+              "type": "string"
+            },
+            {
+              "value": "ns-resize",
+              "type": "string"
+            },
+            {
+              "value": "nesw-resize",
+              "type": "string"
+            },
+            {
+              "value": "nwse-resize",
+              "type": "string"
+            },
+            {
+              "value": "col-resize",
+              "type": "string"
+            },
+            {
+              "value": "row-resize",
+              "type": "string"
+            },
+            {
+              "value": "all-scroll",
+              "type": "string"
+            },
+            {
+              "value": "zoom-in",
+              "type": "string"
+            },
+            {
+              "value": "zoom-out",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -61376,6 +61553,7 @@
           "swirl-text"
         ],
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ],
         "swirl-spinner": [
@@ -62943,6 +63121,7 @@
           "swirl-visually-hidden"
         ],
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ]
       }
@@ -75273,6 +75452,29 @@
           "getter": false,
           "setter": 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,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "icon",
           "type": "string",
@@ -75593,10 +75795,12 @@
         "swirl-shell-navigation-item"
       ],
       "dependencies": [
+        "swirl-visually-hidden",
         "swirl-icon-close"
       ],
       "dependencyGraph": {
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ],
         "swirl-autocomplete": [
@@ -80731,6 +80935,7 @@
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
+        "swirl-tag",
         "swirl-text-input",
         "swirl-tree-view",
         "swirl-video-thumbnail"
@@ -80779,6 +80984,9 @@
         "swirl-table": [
           "swirl-visually-hidden"
         ],
+        "swirl-tag": [
+          "swirl-visually-hidden"
+        ],
         "swirl-text-input": [
           "swirl-visually-hidden"
         ],
@@ -80987,6 +81195,11 @@
       "docstring": "",
       "path": "src/components/swirl-box/swirl-box.tsx"
     },
+    "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor": {
+      "declaration": "export type SwirlButtonCursor =\n  | \"auto\"\n  | \"default\"\n  | \"none\"\n  | \"context-menu\"\n  | \"help\"\n  | \"pointer\"\n  | \"progress\"\n  | \"wait\"\n  | \"cell\"\n  | \"crosshair\"\n  | \"text\"\n  | \"vertical-text\"\n  | \"alias\"\n  | \"copy\"\n  | \"move\"\n  | \"no-drop\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"e-resize\"\n  | \"n-resize\"\n  | \"ne-resize\"\n  | \"nw-resize\"\n  | \"s-resize\"\n  | \"se-resize\"\n  | \"sw-resize\"\n  | \"w-resize\"\n  | \"ew-resize\"\n  | \"ns-resize\"\n  | \"nesw-resize\"\n  | \"nwse-resize\"\n  | \"col-resize\"\n  | \"row-resize\"\n  | \"all-scroll\"\n  | \"zoom-in\"\n  | \"zoom-out\";",
+      "docstring": "",
+      "path": "src/components/swirl-button/swirl-button.tsx"
+    },
     "src/components/swirl-button/swirl-button.tsx::SwirlButtonIconPosition": {
       "declaration": "export type SwirlButtonIconPosition = \"start\" | \"end\";",
       "docstring": "",

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 
 const FileManagerMockData = {
     directories: [
@@ -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: '81910466342a0f783d2b04fbbb0c3ed694477f50' }, index.h("swirl-app-layout", { key: '6602c2eb9ce0a558bcfe2f7e790df7abe40fbc5a', 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: '27fcd50e4c946b21cd96eaf5e1dfe4c1c24c700d', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'c5afd9e8fa67701de0826bcfa9ffbd2f935b3b2d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '1e534234d64870567a28a88f554f64f495e10040', label: "Sort items" })), index.h("swirl-stack", { key: '0df2960e0a64ba41ac77e8e8239e4cd91dfe77a0', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '769e74f0b1a69a6a859d462f151f5789781c9752' }, index.h("swirl-heading", { key: 'a1e25645619ce516bcab332f9e83f9fde9dc6bde', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'cc8e991111876a80ef0990d544c2ddad079b73cf', 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: 'cc6fe632a55a25b7ceca3ea332bc75eea2470b6c', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '355db3162225bdb84081f80cd41ff9832ec79547', "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: 'af08e4ba2220437ab1d8568079c48bc5623c72e2', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'df7d3094c2346f4312cb6411d028335e0549a409', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '01c0c3b24f6075fc597fb718fb6693ba21c4485e', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '05ee0b481d18a2ba0367f70bb7589cd327718041', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '872f69143e27c3947e4252c332443d04305fee1a', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f633b1764cf58ca9e408e248261dc07b891a3db2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '9369c99a8941627d4873b1c95e96fd335c1b03ec', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '14083c93c9141df0ab609647a390593b71d4c22e' }, index.h("swirl-app-layout", { key: 'b37221b75a21db26c333a556b91dffc66f0f6e8c', 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: '4861921bbe71766f2b8c05ebad59af0ade0fdd43', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'c6cca65267d4ee5d7b851526311eca602d919b07', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'cc6f70b78dfdc12edf541e41fc8bfc15981d3ebf', label: "Sort items" })), index.h("swirl-stack", { key: '09c69a17c5bdac668bfa3a5938eeb094e493c15e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'b05439a6c50fc72ed89df65873919351a6711fd3' }, index.h("swirl-heading", { key: '37ecbf0cdbd0e803c6f79f3adca1ceb37bf347f0', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '297447a670515ca3a88a8a7ccea466038f92f476', 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: '8240220a1322361d3f2fec3fad59c5c26572fab8', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '42c52c5c8e177328cc574f9de32793854236beb9', "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: 'bf1986bbb921c29644e329bb47aeef3128a68412', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '39480bd58bc6c28a65823ee9e341e142fbb8389b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '323f9a781a1b12254d8e1b41ff21938ba6c8e372', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '7156996dd05db60fca86169c2740052fdacf9eed', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'e5534f804442f5dd2583348454dac9f19e73e8e7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'b6f8a821b576baf0f4e0be6592cbb679c66d0eb0', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '99e497bc9b4771d75417a7320260c1c2592edc23', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };