@getflip/swirl-components 0.255.0 → 0.256.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/components.json +224 -7
  2. package/dist/cjs/file-manager.cjs.entry.js +1 -1
  3. package/dist/cjs/index-2ab5d772.js +20 -16
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/swirl-components.cjs.js +1 -1
  6. package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js +72 -5
  7. package/dist/cjs/swirl-tree-navigation.cjs.entry.js +21 -0
  8. package/dist/cjs/swirl-tree-view-item.cjs.entry.js +3 -3
  9. package/dist/cjs/swirl-tree-view.cjs.entry.js +1 -1
  10. package/dist/cjs/swirl-video-thumbnail.cjs.entry.js +1 -1
  11. package/dist/cjs/swirl-visually-hidden.cjs.entry.js +1 -1
  12. package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
  13. package/dist/collection/collection-manifest.json +1 -0
  14. package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.css +12 -0
  15. package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.js +42 -0
  16. package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.spec.js +19 -0
  17. package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.stories.js +32 -0
  18. package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.css +88 -34
  19. package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js +207 -5
  20. package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.spec.js +15 -10
  21. package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.stories.js +1 -11
  22. package/dist/collection/components/swirl-tree-view/swirl-tree-view.js +1 -1
  23. package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js +3 -3
  24. package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js +1 -1
  25. package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js +1 -1
  26. package/dist/collection/prototypes/file-manager/file-manager.js +1 -1
  27. package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
  28. package/dist/components/file-manager.js +1 -1
  29. package/dist/components/index.js +2 -0
  30. package/dist/components/swirl-icon-open-in-new.js +1 -40
  31. package/dist/components/swirl-icon-open-in-new2.js +42 -0
  32. package/dist/components/swirl-tree-navigation-item.js +109 -8
  33. package/dist/components/swirl-tree-navigation.d.ts +11 -0
  34. package/dist/components/swirl-tree-navigation.js +37 -0
  35. package/dist/components/swirl-tree-view-item.js +3 -3
  36. package/dist/components/swirl-tree-view.js +1 -1
  37. package/dist/components/swirl-video-thumbnail.js +1 -1
  38. package/dist/components/swirl-visually-hidden2.js +1 -1
  39. package/dist/esm/file-manager.entry.js +1 -1
  40. package/dist/esm/index-1878a8d8.js +20 -16
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/esm/swirl-components.js +1 -1
  43. package/dist/esm/swirl-tree-navigation-item.entry.js +73 -6
  44. package/dist/esm/swirl-tree-navigation.entry.js +17 -0
  45. package/dist/esm/swirl-tree-view-item.entry.js +3 -3
  46. package/dist/esm/swirl-tree-view.entry.js +1 -1
  47. package/dist/esm/swirl-video-thumbnail.entry.js +1 -1
  48. package/dist/esm/swirl-visually-hidden.entry.js +1 -1
  49. package/dist/swirl-components/{p-c507b714.entry.js → p-0a3a5d03.entry.js} +1 -1
  50. package/dist/swirl-components/{p-5c68028a.entry.js → p-1dc1b709.entry.js} +1 -1
  51. package/dist/swirl-components/{p-fe5c4b5a.entry.js → p-71b363c3.entry.js} +1 -1
  52. package/dist/swirl-components/p-83134423.entry.js +1 -0
  53. package/dist/swirl-components/{p-bbe68850.entry.js → p-a7229b59.entry.js} +1 -1
  54. package/dist/swirl-components/p-e28d90fc.entry.js +1 -0
  55. package/dist/swirl-components/p-f8f788e0.entry.js +1 -0
  56. package/dist/swirl-components/swirl-components.css +1 -1
  57. package/dist/swirl-components/swirl-components.esm.js +1 -1
  58. package/dist/types/components/swirl-tree-navigation/swirl-tree-navigation.d.ts +4 -0
  59. package/dist/types/components/swirl-tree-navigation/swirl-tree-navigation.stories.d.ts +14 -0
  60. package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.d.ts +18 -1
  61. package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.stories.d.ts +0 -10
  62. package/dist/types/components.d.ts +41 -0
  63. package/package.json +1 -1
  64. package/vscode-data.json +29 -0
  65. package/dist/swirl-components/p-c39457bd.entry.js +0 -1
  66. package/dist/swirl-components/p-cedca96d.entry.js +0 -1
package/dist/collection/prototypes/file-manager/file-manager.js CHANGED
@@ -56,7 +56,7 @@ export class FileManager {
56
56
  onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
57
57
  }
58
58
  render() {
59
- return (h(Host, { key: '858892be32fd29154396483c0a91e0ab98704b21' }, h("swirl-app-layout", { key: '94cbaf3a3e1fb1c31db33864b0f923563cfb7673', 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" }, h("swirl-resource-list", { key: 'cf01199d353ac98ad61a041fa5003d16bc5b447e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '06a2ccf0dd517396ba67b841ff4afe9cab2e5545', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'c50130f9d6f79df506c63938598ad02fff42ef49', label: "Sort items" })), h("swirl-stack", { key: '2f8739bc2c9177fdb1f8b7074eb04a87629b8e5f', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3214e2ced8d58ffc79c2ef4e384bb5b0c4e1a054' }, h("swirl-heading", { key: '59c97ffc29c36bfe729c5282b348246b7299d7df', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '13f6cc8db3a25533e9de284ce7a70ff44dbe70ec', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'bf216856731560cf898b9f878af0a7d284bef296', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '107fa8e4b006a82b124f3e968d9a54c47b0699ad', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '62273e178da206d17e7417460cd0818352f47c99', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '5d8dffc02c775f8f427c7fe8220520779832bd3d', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a7d3d1aedcfb16d005d96f2184cb7de5645676bf', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '899cd1d33133d021b34801dc13c70ecb96678e08', value: ["ascending"] }, h("swirl-option-list-item", { key: 'ebeb189e951dce6751bff60d919e465bc80e380a', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '6a9b0182dcd77c70d88ae8dda937f75abc5b8298', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ee9b13d5ad90c9c2ed37779910303d970930da44', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
59
+ return (h(Host, { key: '4ff7a235ea4c26b50cb4a2b15f13c4e6bf4125c7' }, h("swirl-app-layout", { key: '3c82ebf9d57f7f0e94ee26f2d297cabba160b85d', 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" }, h("swirl-resource-list", { key: '0adeaed6507f987455eca9674f181b75ff7fbb0e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dba4d612913389bf272494a8df7a4d195eba24ec', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'a2ed2dd60128be6827afbd471364e9c1ccef796f', label: "Sort items" })), h("swirl-stack", { key: '3dc5ac3646c22c2bc0301a2a93e17ceb5a4be340', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'e9fe9ac45cee5901e8f4dc08f51587dc7f24e0d3' }, h("swirl-heading", { key: '67bafdd4263639a5fdeeb833ad61d8ced79e455c', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'ab586d7a24a27925c1255f7058d433f9f1141779', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'fadeaa4cbb32652db24fc0844ec9a0f770f7fe16', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '744110490c959ce89a68f70ad8e484a6aba0ab95', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '0c4dada7935a5272f087869853ef95be215e2454', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e9ce30612c7e77b4b5291257a02ed4375be729b2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'acc0c95285c70f2283a07f237e1d12dd7ed28bd0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'b86c87194dcc3e344783bc620bce33c032867994', value: ["ascending"] }, h("swirl-option-list-item", { key: '5d7ddc09c163937edeffb9a85624df07e4ec8cdd', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'efa8be331e423a95783b1e81e01200c4fe3de526', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'f924d4f294bc23cd5ad118bbe0fa029b0d246680', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
60
60
  }
61
61
  static get is() { return "file-manager"; }
62
62
  static get encapsulation() { return "shadow"; }