@getflip/swirl-components 0.305.0 → 0.307.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-14T10:02:08",
+  "timestamp": "2025-03-18T15:19:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -10835,6 +10835,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "descriptionAllowHtml",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description-allow-html",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -10878,6 +10900,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "hideLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "inputId",
           "type": "string",
@@ -11128,11 +11172,13 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-visually-hidden",
         "swirl-icon-cloud-upload",
         "swirl-button"
       ],
       "dependencyGraph": {
         "swirl-file-uploader": [
+          "swirl-visually-hidden",
           "swirl-icon-cloud-upload",
           "swirl-button"
         ]
@@ -41575,7 +41621,6 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "\"1/1\"",
           "values": [
             {
               "type": "string"
@@ -41953,6 +41998,7 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-visually-hidden",
         "swirl-stack",
         "swirl-icon-play-arrow",
         "swirl-icon-pause",
@@ -41962,6 +42008,7 @@
       ],
       "dependencyGraph": {
         "swirl-image-grid-item": [
+          "swirl-visually-hidden",
           "swirl-stack",
           "swirl-icon-play-arrow",
           "swirl-icon-pause",
@@ -51812,6 +51859,74 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "columnSpacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+          "complexType": {
+            "original": "SwirlStackSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+            "references": {
+              "SwirlStackSpacing": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-stack/swirl-stack.tsx",
+                "id": "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "column-spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "40",
+              "type": "string"
+            },
+            {
+              "value": "48",
+              "type": "string"
+            },
+            {
+              "value": "64",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "height",
           "type": "string",
@@ -51927,6 +52042,74 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "rowSpacing",
+          "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+          "complexType": {
+            "original": "SwirlStackSpacing",
+            "resolved": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
+            "references": {
+              "SwirlStackSpacing": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-stack/swirl-stack.tsx",
+                "id": "src/components/swirl-stack/swirl-stack.tsx::SwirlStackSpacing"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "row-spacing",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "0",
+              "type": "string"
+            },
+            {
+              "value": "12",
+              "type": "string"
+            },
+            {
+              "value": "16",
+              "type": "string"
+            },
+            {
+              "value": "2",
+              "type": "string"
+            },
+            {
+              "value": "24",
+              "type": "string"
+            },
+            {
+              "value": "32",
+              "type": "string"
+            },
+            {
+              "value": "4",
+              "type": "string"
+            },
+            {
+              "value": "40",
+              "type": "string"
+            },
+            {
+              "value": "48",
+              "type": "string"
+            },
+            {
+              "value": "64",
+              "type": "string"
+            },
+            {
+              "value": "8",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "spacing",
           "type": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\"",
@@ -62182,6 +62365,8 @@
       "dependents": [
         "swirl-badge",
         "swirl-checkbox",
+        "swirl-file-uploader",
+        "swirl-image-grid-item",
         "swirl-inline-notification",
         "swirl-option-list",
         "swirl-pagination",
@@ -62203,6 +62388,12 @@
         "swirl-checkbox": [
           "swirl-visually-hidden"
         ],
+        "swirl-file-uploader": [
+          "swirl-visually-hidden"
+        ],
+        "swirl-image-grid-item": [
+          "swirl-visually-hidden"
+        ],
         "swirl-inline-notification": [
           "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: 'e0b180caf1b2604c544913835a077fe1c640bc50' }, index.h("swirl-app-layout", { key: '46a4dfef6607ed485b13aee3a70c155c60929eaf', 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: '8c5bd6e660e4b3cf1f57d66ac34dfe50117d614f', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '66419e3879ee3b7d779140d0b741b4f9b65c6725', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '17244182579f2a5681d87890100a0defa05bedca', label: "Sort items" })), index.h("swirl-stack", { key: '94f9b2a585e10bd3bec3980ff1de20a20b266294', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'c3e5dcfff7a77b76b26f52c1612f34d599e27037' }, index.h("swirl-heading", { key: 'a7d17d7ef3c7c865f5470fe8dce70b032f1772f0', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'e216c5aed6b3967430d89c0279a5224700204630', 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: '505e9ed125057ea6f1d475b09a1cb98d2b841b93', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '8dc32a5ea2c30acad29cff1b0d6e07d8677926f2', "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: 'a0e8088b4765dfeeb63c1f463be942dc2b3aab21', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'af59502b8077735176cadb406dfabcc70ccfcd31', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: 'a805154dac8f93ab83939e0c85f202d100f2cba2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '287f49eebd7a6ef1e231230e3a89954cf2e52ed2', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'b9f78bf9081a7a41f45cc302e2eb4533a9d980fa', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'ebaf0af662ba3453b03849f83c7233722ccde206', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'b0db86875e76cbca28025263ca06ea8d759699c9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '4f71ff556bc3621d180a8e48624d3cb5329f3911' }, index.h("swirl-app-layout", { key: '6811bb5d3696c6523f7b8f7208bb056da9ce3140', 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: '04c67534c559ddced33bcb2def9cc66c29479e98', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '95c5d6fcb44150d8258904ff800c78a0cc38975a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '264f6d49a8d0bdfd80d033824d3bbb66df29eac8', label: "Sort items" })), index.h("swirl-stack", { key: '974b1a04bda5109a8ff8013a69ce115598a7b2f0', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'f7b9b520edeb15e644390b174b572fb2aa14a08d' }, index.h("swirl-heading", { key: '3d579c02dd473ebf53ecf081b6432865a06cbba5', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '5f9c6c15564fb9d11d61406d973753f78f7afe93', 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: '361a686e7f00c414e028787ba85efeb85fb4219a', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '411da81fd731f100896a2b926bde0659fa485dea', "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: '5920ab330560bbea024b8123a5445d196942a5ce', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'f79297d3945f69dba4f464838abc2126412228e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '00be8282b07c33eccfe5fea28760da00e75f16d7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'fbc9583f01ca0f71cdfd2e0e382f6d9dcfabadcd', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'd85467fccce59f060607a04f8e8154e9ccb62b4f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '8b8bc5d7d54c97970e5f4ed63bc4db121e44f944', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '351791e066382018ef388feee72a861c92cab726', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };