@getflip/swirl-components 0.304.0 → 0.307.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-03-13T12:47:41",
+  "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"
         ]
@@ -32484,6 +32530,147 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/swirl-icon/icons/swirl-icon-picture-in-picture.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-picture-in-picture",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "color",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+          "complexType": {
+            "original": "SwirlIconColor",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+            "references": {
+              "SwirlIconColor": {
+                "location": "import",
+                "path": "../swirl-icon",
+                "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "color",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "critical",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "on-action-primary",
+              "type": "string"
+            },
+            {
+              "value": "on-image",
+              "type": "string"
+            },
+            {
+              "value": "on-status",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight",
+              "type": "string"
+            },
+            {
+              "value": "on-surface-highlight-subdued",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "complexType": {
+            "original": "SwirlIconSize",
+            "resolved": "16 | 20 | 24 | 28",
+            "references": {
+              "SwirlIconSize": {
+                "location": "import",
+                "path": "../swirl-icon.types",
+                "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/swirl-icon/icons/swirl-icon-pin.tsx",
       "encapsulation": "shadow",
@@ -41434,7 +41621,6 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "\"1/1\"",
           "values": [
             {
               "type": "string"
@@ -41812,6 +41998,7 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
+        "swirl-visually-hidden",
         "swirl-stack",
         "swirl-icon-play-arrow",
         "swirl-icon-pause",
@@ -41821,6 +42008,7 @@
       ],
       "dependencyGraph": {
         "swirl-image-grid-item": [
+          "swirl-visually-hidden",
           "swirl-stack",
           "swirl-icon-play-arrow",
           "swirl-icon-pause",
@@ -51671,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",
@@ -51786,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\"",
@@ -62041,6 +62365,8 @@
       "dependents": [
         "swirl-badge",
         "swirl-checkbox",
+        "swirl-file-uploader",
+        "swirl-image-grid-item",
         "swirl-inline-notification",
         "swirl-option-list",
         "swirl-pagination",
@@ -62062,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: 'dc473b901d453e1b0980f62f76e030e5c650609f' }, index.h("swirl-app-layout", { key: '6938c8a6a118e49ef53f8009d177b5f6ff3805e8', 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: '4ad4e6e12405cd46efa3f9b33bea0a718e6b0594', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'a01cd588c27c4e6b9f65d48a2095004c42025ecd', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'af671ee911a4c4520ca26f95898b8a5ff6e04047', label: "Sort items" })), index.h("swirl-stack", { key: '48a776cae0a67d6c106bc776c2b247d36f752d3c', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'eb97701ffda9e7439ab8a694d2de19f7ca5bf419' }, index.h("swirl-heading", { key: '56c977917238f1d32c27c0ea74cacbb51727d049', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'c733306ebbc6b77cb98a82d844bf3d6ecff176d1', 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: 'f4466a0140ac8a66fa9c24dffb24795e04112fab', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: 'd17daa71572541013700c488fd38ba2ff46cf9c7', "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: '45736379c49155d92b830a9757bb40e3c1805ded', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'c41112d3485f708078d6c7d5acf5a285f32a2c04', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '7bc3a06ac4862c1decbe32daaa5e3157d4c16b29', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'd6e855c087af52a4285619f11ddc82b91456fd6c', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'c41aaee1fc568cc0dde1c3c0f9f6ae6dfd8635ba', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '6d94d601d7e13f475511ada26e2c0fe507d34b3c', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '6743665b2e70eb26bbea83a509e4967b3eab082c', 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" })))));
     }
 };
 

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

@@ -2376,6 +2376,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './swirl-icon-photo-camera.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'swirl-icon-picture-in-picture.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './swirl-icon-picture-in-picture.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'swirl-icon-pin.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */