@getflip/swirl-components 0.394.1 → 0.396.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-14T13:24:33",
+  "timestamp": "2025-10-16T15:03:36",
   "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": [
@@ -61376,6 +61377,7 @@
           "swirl-text"
         ],
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ],
         "swirl-spinner": [
@@ -62943,6 +62945,7 @@
           "swirl-visually-hidden"
         ],
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ]
       }
@@ -75273,6 +75276,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 +75619,12 @@
         "swirl-shell-navigation-item"
       ],
       "dependencies": [
+        "swirl-visually-hidden",
         "swirl-icon-close"
       ],
       "dependencyGraph": {
         "swirl-tag": [
+          "swirl-visually-hidden",
           "swirl-icon-close"
         ],
         "swirl-autocomplete": [
@@ -76859,6 +76887,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "showCharacterCounterNearLimit",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-character-counter-near-limit",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "spellCheck",
           "type": "boolean",
@@ -77182,6 +77233,20 @@
         }
       ],
       "events": [
+        {
+          "event": "clear",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "inputBlur",
           "detail": "FocusEvent",
@@ -80694,6 +80759,7 @@
         "swirl-spinner",
         "swirl-switch",
         "swirl-table",
+        "swirl-tag",
         "swirl-text-input",
         "swirl-tree-view",
         "swirl-video-thumbnail"
@@ -80742,6 +80808,9 @@
         "swirl-table": [
           "swirl-visually-hidden"
         ],
+        "swirl-tag": [
+          "swirl-visually-hidden"
+        ],
         "swirl-text-input": [
           "swirl-visually-hidden"
         ],

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: '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" })))));
     }
 };