@getflip/swirl-components 0.236.1 → 0.237.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-11T12:51:04",
+  "timestamp": "2024-09-12T17:10:22",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -1463,6 +1463,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "collapsibleNavigation",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "collapsible-navigation",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "ctaIcon",
           "type": "string",
@@ -1569,6 +1590,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "navigationExpansionStateStorageKey",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-expansion-state-storage-key",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE_STORAGE_KEY",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "navigationLabel",
           "type": "string",
@@ -1590,6 +1633,50 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "navigationOverlayLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-overlay-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Show navigation\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "navigationToggleLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-toggle-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Toggle navigation\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "showNavigationBackButton",
           "type": "boolean",
@@ -1732,6 +1819,33 @@
             }
           ]
         },
+        {
+          "name": "getCollapsibleNavigationState",
+          "returns": {
+            "type": "Promise<SwirlAppLayoutNavigationExpansionState>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<SwirlAppLayoutNavigationExpansionState>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "SwirlAppLayoutNavigationExpansionState": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-app-layout/swirl-app-layout.tsx",
+                "id": "src/components/swirl-app-layout/swirl-app-layout.tsx::SwirlAppLayoutNavigationExpansionState"
+              }
+            },
+            "return": "Promise<SwirlAppLayoutNavigationExpansionState>"
+          },
+          "signature": "getCollapsibleNavigationState() => Promise<SwirlAppLayoutNavigationExpansionState>",
+          "parameters": [],
+          "docs": "Get state of the collapsible navigation",
+          "docsTags": []
+        },
         {
           "name": "hideSidebar",
           "returns": {
@@ -1754,6 +1868,45 @@
           "docs": "Hide the sidebar",
           "docsTags": []
         },
+        {
+          "name": "setCollapsibleNavigationState",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(state: SwirlAppLayoutNavigationExpansionState) => Promise<void>",
+            "parameters": [
+              {
+                "name": "state",
+                "type": "\"expanded\" | \"collapsed\" | \"overlayed\"",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "SwirlAppLayoutNavigationExpansionState": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-app-layout/swirl-app-layout.tsx",
+                "id": "src/components/swirl-app-layout/swirl-app-layout.tsx::SwirlAppLayoutNavigationExpansionState"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setCollapsibleNavigationState(state: SwirlAppLayoutNavigationExpansionState) => Promise<void>",
+          "parameters": [
+            {
+              "name": "state",
+              "type": "\"expanded\" | \"collapsed\" | \"overlayed\"",
+              "docs": ""
+            }
+          ],
+          "docs": "Set state of the collapsible navigation",
+          "docsTags": []
+        },
         {
           "name": "showSidebar",
           "returns": {
@@ -1858,6 +2011,26 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "navigationExpansionStateChange",
+          "detail": "\"collapsed\" | \"expanded\" | \"overlayed\"",
+          "bubbles": true,
+          "complexType": {
+            "original": "SwirlAppLayoutNavigationExpansionState",
+            "resolved": "\"collapsed\" | \"expanded\" | \"overlayed\"",
+            "references": {
+              "SwirlAppLayoutNavigationExpansionState": {
+                "location": "local",
+                "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-app-layout/swirl-app-layout.tsx",
+                "id": "src/components/swirl-app-layout/swirl-app-layout.tsx::SwirlAppLayoutNavigationExpansionState"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "sidebarToggle",
           "detail": "boolean",
@@ -1873,7 +2046,19 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "click",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [
         {
@@ -56838,6 +57023,11 @@
       "docstring": "",
       "path": "src/components/swirl-app-layout/swirl-app-layout.tsx"
     },
+    "src/components/swirl-app-layout/swirl-app-layout.tsx::SwirlAppLayoutNavigationExpansionState": {
+      "declaration": "export type SwirlAppLayoutNavigationExpansionState =\n  | \"expanded\"\n  | \"collapsed\"\n  | \"overlayed\";",
+      "docstring": "",
+      "path": "src/components/swirl-app-layout/swirl-app-layout.tsx"
+    },
     "src/components/swirl-text-input/swirl-text-input.tsx::SwirlTextInputFontSize": {
       "declaration": "export type SwirlTextInputFontSize = \"default\" | \"sm\" | \"base\";",
       "docstring": "",

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 
 const FileManagerMockData = {
     directories: [
@@ -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: '15c9edaba240ec8c1446aa21dcf62242223ec129' }, index.h("swirl-app-layout", { key: '2c37b00c71548f489158c5fef9b8cc9697f8f590', 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: '700f72a80cc0cbb63839cb89191fe0e920167f31', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'e351276db6a5d3139859d7c55a96a3e368b560c4', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '6f7185d39cafa3bf2b6244c4b222b80395e4561f', label: "Sort items" })), index.h("swirl-stack", { key: '74bf03fb95fdbf1b4ab408b8653b9b426c361502', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '3a86a13bf0e230965da276fbbfc380b674111d98' }, index.h("swirl-heading", { key: 'b4a33294b87a6fbf05dfaf82a603fc139963cf7f', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'a20a152232d9366d84306931de0c7d32a3e21fcd', 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: 'e6116cc32a4d518b0ed60febe77be9595651743e', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '147b11a4bad57e547ab1250f55afb4246ea26e6f', "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: 'ee8d6cde2f58d7bc9d2d5028f97b0ba5ef5b6b05', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'e32ec412233dea3d6be196f42a30547b8babdc69', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '30bef190864adbadf0d04f0c1e66d6663c24312a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '71f0ef1344804bf74848d863f6b0e63cae1d83de', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '51059e7e630a53aa0c4937220e32461ac9ed71c5', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'b60a0c689ac43e49d0c69daf2181a054b2adba14', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'ea4dbd220cf3d4adadf9850b2fc1cc3ce09a2481', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        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" })))));
     }
 };
 

package/dist/cjs/{index-6aba64ed.js → index-2ab5d772.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'swirl-components';
-const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* swirl-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.18.1 | MIT Licensed | https://stenciljs.com
@@ -1505,6 +1505,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (elm, flags) => {
+  if (flags & 4 /* TargetDocument */) return doc;
   if (flags & 8 /* TargetWindow */) return win;
   return elm;
 };