@paperless/core 2.9.2 → 2.9.3

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 (80) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/build/p-4bf20920.entry.js +2 -0
  3. package/dist/build/p-4bf20920.entry.js.map +1 -0
  4. package/dist/build/{p-4df6d390.js → p-6abf5f0f.js} +1 -1
  5. package/dist/build/p-attachment.entry.esm.js.map +1 -1
  6. package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
  7. package/dist/build/p-c26ec7e2.entry.js +2 -0
  8. package/dist/build/p-c26ec7e2.entry.js.map +1 -0
  9. package/dist/build/paperless.esm.js +1 -1
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/cjs/p-attachment.cjs.entry.js +6 -6
  12. package/dist/cjs/p-attachment.cjs.entry.js.map +1 -1
  13. package/dist/cjs/p-attachment.entry.cjs.js.map +1 -1
  14. package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
  15. package/dist/cjs/p-button_3.cjs.entry.js +4 -4
  16. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  17. package/dist/cjs/paperless.cjs.js +1 -1
  18. package/dist/collection/components/molecules/attachment/attachment.component.css +1 -1
  19. package/dist/collection/components/molecules/attachment/attachment.component.js +5 -5
  20. package/dist/collection/components/molecules/attachment/attachment.component.js.map +1 -1
  21. package/dist/collection/components/molecules/button/button.component.js +3 -4
  22. package/dist/collection/components/molecules/button/button.component.js.map +1 -1
  23. package/dist/components/{p-CBzxCj_b.js → p-BDP5uiDJ.js} +3 -3
  24. package/dist/components/{p-CBzxCj_b.js.map → p-BDP5uiDJ.js.map} +1 -1
  25. package/dist/components/{p-CP0L5JVM.js → p-CRxjIFdT.js} +3 -3
  26. package/dist/components/{p-CP0L5JVM.js.map → p-CRxjIFdT.js.map} +1 -1
  27. package/dist/components/p-CWYWHRQN.js +527 -0
  28. package/dist/components/p-CWYWHRQN.js.map +1 -0
  29. package/dist/components/{p-CbfQ0Wci.js → p-CfzK_DAr.js} +4 -4
  30. package/dist/components/{p-CbfQ0Wci.js.map → p-CfzK_DAr.js.map} +1 -1
  31. package/dist/components/{p-D-0pjCo3.js → p-CwUafrCE.js} +3 -3
  32. package/dist/components/{p-D-0pjCo3.js.map → p-CwUafrCE.js.map} +1 -1
  33. package/dist/components/{p-BTgWIHvj.js → p-JX_qNLZg.js} +3 -3
  34. package/dist/components/{p-BTgWIHvj.js.map → p-JX_qNLZg.js.map} +1 -1
  35. package/dist/components/p-attachment.js +7 -7
  36. package/dist/components/p-attachment.js.map +1 -1
  37. package/dist/components/{p-BsEFZMpN.js → p-bNu_IKhE.js} +3 -3
  38. package/dist/components/{p-BsEFZMpN.js.map → p-bNu_IKhE.js.map} +1 -1
  39. package/dist/components/p-button.js +1 -1
  40. package/dist/components/p-calendar.js +1 -1
  41. package/dist/components/p-datepicker.js +3 -3
  42. package/dist/components/p-drawer-header.js +1 -1
  43. package/dist/components/p-drawer.js +2 -2
  44. package/dist/components/p-empty-state.js +1 -1
  45. package/dist/components/p-field.js +1 -1
  46. package/dist/components/p-modal-header.js +1 -1
  47. package/dist/components/p-modal.js +2 -2
  48. package/dist/components/p-navbar.js +1 -1
  49. package/dist/components/p-profile.js +1 -1
  50. package/dist/components/p-select.js +2 -2
  51. package/dist/components/p-table-header.js +1 -1
  52. package/dist/components/p-table.js +4 -4
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/esm/p-attachment.entry.js +6 -6
  55. package/dist/esm/p-attachment.entry.js.map +1 -1
  56. package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
  57. package/dist/esm/p-button_3.entry.js +4 -4
  58. package/dist/esm/p-button_3.entry.js.map +1 -1
  59. package/dist/esm/paperless.js +1 -1
  60. package/dist/index.html +1 -1
  61. package/dist/paperless/p-4bf20920.entry.js +2 -0
  62. package/dist/paperless/p-4bf20920.entry.js.map +1 -0
  63. package/dist/paperless/p-attachment.entry.esm.js.map +1 -1
  64. package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
  65. package/dist/paperless/p-c26ec7e2.entry.js +2 -0
  66. package/dist/paperless/p-c26ec7e2.entry.js.map +1 -0
  67. package/dist/paperless/paperless.esm.js +1 -1
  68. package/dist/sw.js +1 -1
  69. package/dist/sw.js.map +1 -1
  70. package/package.json +1 -1
  71. package/dist/build/p-0f2d54d2.entry.js +0 -2
  72. package/dist/build/p-0f2d54d2.entry.js.map +0 -1
  73. package/dist/build/p-9704715f.entry.js +0 -2
  74. package/dist/build/p-9704715f.entry.js.map +0 -1
  75. package/dist/components/p-BRmgl8aZ.js +0 -527
  76. package/dist/components/p-BRmgl8aZ.js.map +0 -1
  77. package/dist/paperless/p-0f2d54d2.entry.js +0 -2
  78. package/dist/paperless/p-0f2d54d2.entry.js.map +0 -1
  79. package/dist/paperless/p-9704715f.entry.js +0 -2
  80. package/dist/paperless/p-9704715f.entry.js.map +0 -1
@@ -1,527 +0,0 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
2
- import { c as cva } from './p-CBWjHURv.js';
3
- import { T as ThemedHost } from './p-7QA93RrV.js';
4
- import { a as asBoolean } from './p-C5CTp9IA.js';
5
- import { c as cn } from './p-CT54OXR2.js';
6
- import { d as defineCustomElement$2 } from './p-CYTBI5t8.js';
7
- import { d as defineCustomElement$1 } from './p-BFbLqg3-.js';
8
-
9
- const buttonComponentCss = "*.sc-p-button{box-sizing:border-box}.static.sc-p-button{position:static!important}.inline-block.sc-p-button{display:inline-block!important}.flex.sc-p-button{display:flex!important}.h-10.sc-p-button{height:2.5rem!important}.h-6.sc-p-button{height:1.5rem!important}.h-8.sc-p-button{height:2rem!important}.w-10.sc-p-button{width:2.5rem!important}.w-6.sc-p-button{width:1.5rem!important}.w-8.sc-p-button{width:2rem!important}.w-inherit.sc-p-button{width:inherit!important}.cursor-not-allowed.sc-p-button{cursor:not-allowed!important}.cursor-pointer.sc-p-button{cursor:pointer!important}.cursor-wait.sc-p-button{cursor:wait!important}.items-center.sc-p-button{align-items:center!important}.justify-center.sc-p-button{justify-content:center!important}.gap-1.sc-p-button{gap:.25rem!important}.gap-2.sc-p-button{gap:.5rem!important}.rounded-lg.sc-p-button{border-radius:.5rem!important}.rounded-e-lg.sc-p-button{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg.sc-p-button{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border.sc-p-button{border-width:1px!important}.border-indigo-600.sc-p-button{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-negative-red-500.sc-p-button{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-500\\/20.sc-p-button{border-color:rgba(24,30,41,.2)!important}.border-transparent.sc-p-button{border-color:transparent!important}.bg-indigo-200.sc-p-button{--tw-bg-opacity:1!important;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))!important}.bg-indigo-600.sc-p-button{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-transparent.sc-p-button{background-color:transparent!important}.bg-white.sc-p-button{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-button,.bg-white-600.sc-p-button{--tw-bg-opacity:1!important}.bg-white-600.sc-p-button{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2.sc-p-button{padding:.5rem!important}.px-2.sc-p-button{padding-left:.5rem!important;padding-right:.5rem!important}.px-3.sc-p-button{padding-left:.75rem!important;padding-right:.75rem!important}.py-1.sc-p-button{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base.sc-p-button{font-size:1rem!important;line-height:1.5rem!important}.text-sm.sc-p-button{font-size:.875rem!important;line-height:1.25rem!important}.text-xs.sc-p-button{font-size:.75rem!important;line-height:1rem!important}.font-semibold.sc-p-button{font-weight:600!important}.leading-4.sc-p-button{line-height:1rem!important}.text-indigo-300.sc-p-button{--tw-text-opacity:1!important;color:rgb(187 209 253/var(--tw-text-opacity,1))!important}.text-indigo-500.sc-p-button{--tw-text-opacity:1!important;color:rgb(142 179 251/var(--tw-text-opacity,1))!important}.text-indigo-700.sc-p-button{--tw-text-opacity:1!important;color:rgb(47 111 240/var(--tw-text-opacity,1))!important}.text-negative-red-500.sc-p-button{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800.sc-p-button{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100.sc-p-button{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300.sc-p-button{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500.sc-p-button{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500\\/60.sc-p-button{color:rgba(24,30,41,.6)!important}.text-white.sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-white\\/60.sc-p-button{color:hsla(0,0%,100%,.6)!important}.ring.sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring.sc-p-button,.ring-2.sc-p-button{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2.sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-indigo-100.sc-p-button{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.ring-negative-red-50.sc-p-button{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))!important}.drop-shadow-1.sc-p-button{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1.sc-p-button,.drop-shadow-primary-button.sc-p-button{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-primary-button.sc-p-button{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(24,30 41,0.08))!important}.container.sc-p-button{width:100%}@media (min-width:40rem){.container.sc-p-button{max-width:40rem}}@media (min-width:64rem){.container.sc-p-button{max-width:64rem}}@media (min-width:80rem){.container.sc-p-button{max-width:80rem}}@media (min-width:85.375rem){.container.sc-p-button{max-width:85.375rem}}@media (min-width:90rem){.container.sc-p-button{max-width:90rem}}@media (min-width:96rem){.container.sc-p-button{max-width:96rem}}@media (min-width:105rem){.container.sc-p-button{max-width:105rem}}@media (min-width:120rem){.container.sc-p-button{max-width:120rem}}@media (min-width:160rem){.container.sc-p-button{max-width:160rem}}@media (min-width:640px){.container.sc-p-button{max-width:640px}}@media (min-width:768px){.container.sc-p-button{max-width:768px}}@media (min-width:1024px){.container.sc-p-button{max-width:1024px}}@media (min-width:1280px){.container.sc-p-button{max-width:1280px}}@media (min-width:1536px){.container.sc-p-button{max-width:1536px}}.hover\\:bg-indigo-700.sc-p-button:hover{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600.sc-p-button:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:text-indigo-800.sc-p-button:hover{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.hover\\:drop-shadow-1.sc-p-button:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1.sc-p-button:hover,.hover\\:drop-shadow-2.sc-p-button:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2.sc-p-button:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-indigo-600.sc-p-button:active{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.active\\:border-storm-500\\/10.sc-p-button:active{border-color:rgba(24,30,41,.1)!important}.active\\:text-indigo-800.sc-p-button:active{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.active\\:text-negative-red-800.sc-p-button:active{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.active\\:text-storm-500\\/60.sc-p-button:active{color:rgba(24,30,41,.6)!important}.active\\:text-white\\/60.sc-p-button:active{color:hsla(0,0%,100%,.6)!important}.active\\:ring.sc-p-button:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2.sc-p-button:active,.active\\:ring.sc-p-button:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2.sc-p-button:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-indigo-100.sc-p-button:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.group\\/button.sc-p-button:hover .group-hover\\/button\\:text-indigo-700.sc-p-button{--tw-text-opacity:1!important;color:rgb(47 111 240/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:hover .group-hover\\/button\\:text-negative-red-800.sc-p-button{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:hover .group-hover\\/button\\:text-storm-500.sc-p-button{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:hover .group-hover\\/button\\:text-white.sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:active .group-active\\/button\\:text-indigo-800.sc-p-button{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:active .group-active\\/button\\:text-storm-500\\/60.sc-p-button{color:rgba(24,30,41,.6)!important}.group\\/button.sc-p-button:active .group-active\\/button\\:text-white\\/60.sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:border-0:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{border-width:0!important}.dark\\:border-negative-red-700:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-border-opacity:1!important;border-color:rgb(147 16 16/var(--tw-border-opacity,1))!important}.dark\\:border-transparent:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{border-color:transparent!important}.dark\\:border-white\\/5:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{border-color:hsla(0,0%,100%,.05)!important}.dark\\:bg-white\\/15:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/60:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:ring-0:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{background-color:hsla(0,0%,100%,.25)!important}.dark\\:active\\:border-0:active:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{border-width:0!important}.dark\\:active\\:bg-white\\/25:active:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{background-color:hsla(0,0%,100%,.25)!important}.dark\\:active\\:text-white\\/60:active:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:active\\:ring-0:active:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.group\\/button:hover .dark\\:group-hover\\/button\\:text-white:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.group\\/button:active .dark\\:group-active\\/button\\:text-white\\/60:where([data-theme=dark].sc-p-button-h,[data-theme=dark].sc-p-button-h *).sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:border-0.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{border-width:0!important}.dark\\:border-negative-red-700.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-border-opacity:1!important;border-color:rgb(147 16 16/var(--tw-border-opacity,1))!important}.dark\\:border-transparent.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{border-color:transparent!important}.dark\\:border-white\\/5.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{border-color:hsla(0,0%,100%,.05)!important}.dark\\:bg-white\\/15.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/5.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-400.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/60.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:ring-0.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25.sc-p-button:hover:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{background-color:hsla(0,0%,100%,.25)!important}.dark\\:active\\:border-0.sc-p-button:active:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{border-width:0!important}.dark\\:active\\:bg-white\\/25.sc-p-button:active:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{background-color:hsla(0,0%,100%,.25)!important}.dark\\:active\\:text-white\\/60.sc-p-button:active:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{color:hsla(0,0%,100%,.6)!important}.dark\\:active\\:ring-0.sc-p-button:active:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.group\\/button.sc-p-button:hover .dark\\:group-hover\\/button\\:text-white.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.group\\/button.sc-p-button:active .dark\\:group-active\\/button\\:text-white\\/60.sc-p-button:where([data-theme=dark],[data-theme=dark].sc-p-button *).sc-p-button{color:hsla(0,0%,100%,.6)!important}";
10
-
11
- const button = cva([
12
- 'group/button',
13
- 'font-semibold leading-4',
14
- 'flex items-center justify-center',
15
- 'cursor-pointer',
16
- ], {
17
- variants: {
18
- variant: {
19
- primary: ['border-storm-500/20', 'text-white'],
20
- secondary: null,
21
- text: null,
22
- transparent: 'bg-transparent border-transparent',
23
- dropdown: null,
24
- },
25
- active: {
26
- true: null,
27
- false: null,
28
- },
29
- error: {
30
- true: null,
31
- false: null,
32
- },
33
- loading: {
34
- true: 'cursor-wait',
35
- false: null,
36
- },
37
- size: {
38
- sm: ['text-xs h-6 gap-1'],
39
- base: ['text-sm h-8 gap-2'],
40
- lg: ['text-base h-10 gap-2'],
41
- },
42
- disabled: {
43
- true: 'cursor-not-allowed',
44
- false: null,
45
- },
46
- buttonGroupPosition: {
47
- none: null,
48
- start: null,
49
- center: null,
50
- end: null,
51
- },
52
- iconOnly: {
53
- true: 'justify-center',
54
- false: 'w-inherit py-1',
55
- },
56
- },
57
- compoundVariants: [
58
- // variants
59
- {
60
- variant: ['secondary', 'dropdown'],
61
- class: 'bg-white dark:bg-white/15',
62
- },
63
- {
64
- variant: ['primary', 'secondary', 'dropdown'],
65
- disabled: false,
66
- class: 'border',
67
- },
68
- {
69
- variant: ['primary', 'secondary', 'transparent', 'dropdown'],
70
- buttonGroupPosition: 'none',
71
- class: 'rounded-lg',
72
- },
73
- {
74
- variant: ['primary', 'secondary', 'transparent', 'dropdown'],
75
- buttonGroupPosition: 'start',
76
- class: 'rounded-s-lg',
77
- },
78
- {
79
- variant: ['primary', 'secondary', 'transparent', 'dropdown'],
80
- buttonGroupPosition: 'end',
81
- class: 'rounded-e-lg',
82
- },
83
- {
84
- variant: ['secondary', 'dropdown'],
85
- disabled: false,
86
- error: false,
87
- class: 'text-storm-500 dark:text-white',
88
- },
89
- {
90
- variant: 'primary',
91
- class: 'dark:border-0 dark:active:border-0',
92
- },
93
- {
94
- variant: 'primary',
95
- disabled: true,
96
- class: 'bg-indigo-200',
97
- },
98
- {
99
- variant: 'primary',
100
- disabled: false,
101
- class: 'bg-indigo-600',
102
- },
103
- {
104
- variant: 'primary',
105
- disabled: false,
106
- loading: false,
107
- class: [
108
- 'active:border-storm-500/10 dark:active:ring-0 active:ring-2 active:text-white/60',
109
- 'drop-shadow-primary-button hover:drop-shadow-2 hover:bg-indigo-700 active:ring-indigo-100',
110
- ],
111
- },
112
- {
113
- variant: 'primary',
114
- disabled: false,
115
- loading: false,
116
- active: true,
117
- class: 'ring ring-2',
118
- },
119
- {
120
- variant: 'primary',
121
- disabled: false,
122
- loading: false,
123
- active: true,
124
- class: 'ring-indigo-100',
125
- },
126
- {
127
- variant: ['secondary', 'dropdown'],
128
- disabled: true,
129
- class: 'border bg-white-600 text-storm-100 dark:bg-white/5 dark:border-white/5 dark:text-hurricane-400',
130
- },
131
- {
132
- variant: ['secondary', 'dropdown'],
133
- disabled: false,
134
- class: 'text-storm-500 dark:text-white',
135
- },
136
- {
137
- variant: ['secondary', 'dropdown'],
138
- disabled: false,
139
- loading: false,
140
- class: [
141
- 'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:ring-indigo-100 active:text-storm-500/60',
142
- 'dark:hover:bg-white/25 dark:active:bg-white/25 dark:active:ring-0 dark:active:text-white/60',
143
- ],
144
- },
145
- {
146
- variant: ['secondary', 'dropdown'],
147
- disabled: false,
148
- loading: false,
149
- error: false,
150
- class: [
151
- 'active:border-indigo-600 active:ring active:ring-2',
152
- 'dark:active:ring-0',
153
- ],
154
- },
155
- {
156
- variant: ['secondary', 'dropdown'],
157
- disabled: false,
158
- loading: false,
159
- active: true,
160
- error: false,
161
- class: ['border-indigo-600 ring ring-2 ring-indigo-100', 'dark:ring-0'],
162
- },
163
- {
164
- variant: ['secondary', 'dropdown'],
165
- error: false,
166
- active: false,
167
- class: ['border-storm-500/20 dark:border-transparent'],
168
- },
169
- {
170
- variant: ['secondary', 'dropdown'],
171
- error: true,
172
- class: [
173
- 'border border-negative-red-500 text-negative-red-800 ring ring-2 ring-negative-red-50 active:text-negative-red-800',
174
- 'dark:ring-0 dark:border-negative-red-700 dark:text-negative-red-alternative',
175
- ],
176
- },
177
- {
178
- variant: ['text', 'transparent'],
179
- disabled: false,
180
- class: 'text-indigo-700 hover:text-indigo-800',
181
- },
182
- {
183
- variant: ['text', 'transparent'],
184
- disabled: true,
185
- class: 'text-indigo-300',
186
- },
187
- {
188
- variant: ['text', 'transparent'],
189
- disabled: false,
190
- loading: false,
191
- class: 'active:text-indigo-800',
192
- },
193
- {
194
- variant: ['primary', 'secondary', 'transparent'],
195
- size: ['base', 'sm'],
196
- iconOnly: false,
197
- class: 'px-2',
198
- },
199
- {
200
- variant: ['primary', 'secondary', 'transparent'],
201
- size: 'lg',
202
- iconOnly: false,
203
- class: 'px-3',
204
- },
205
- {
206
- variant: 'dropdown',
207
- iconOnly: false,
208
- class: 'p-2',
209
- },
210
- {
211
- variant: ['primary', 'secondary', 'transparent', 'text'],
212
- iconOnly: false,
213
- class: 'py-1',
214
- },
215
- {
216
- size: 'sm',
217
- iconOnly: true,
218
- class: 'w-6',
219
- },
220
- {
221
- size: 'base',
222
- iconOnly: true,
223
- class: 'w-8',
224
- },
225
- {
226
- size: 'lg',
227
- iconOnly: true,
228
- class: 'w-10',
229
- },
230
- ],
231
- });
232
- const icon = cva([], {
233
- variants: {
234
- size: {
235
- sm: 'text-xs',
236
- base: 'text-base',
237
- lg: 'text-base',
238
- },
239
- variant: {
240
- primary: null,
241
- secondary: null,
242
- text: null,
243
- transparent: null,
244
- dropdown: null,
245
- },
246
- disabled: {
247
- true: null,
248
- false: null,
249
- },
250
- active: {
251
- true: null,
252
- false: null,
253
- },
254
- error: {
255
- true: null,
256
- false: null,
257
- },
258
- iconOnly: {
259
- true: null,
260
- false: null,
261
- },
262
- },
263
- compoundVariants: [
264
- {
265
- variant: 'primary',
266
- disabled: false,
267
- active: false,
268
- error: false,
269
- iconOnly: false,
270
- class: 'text-indigo-300 group-hover/button:text-white group-active/button:text-white/60',
271
- },
272
- {
273
- variant: 'primary',
274
- disabled: false,
275
- active: true,
276
- iconOnly: false,
277
- class: 'text-white/60',
278
- },
279
- {
280
- variant: ['secondary', 'dropdown'],
281
- disabled: false,
282
- active: false,
283
- error: false,
284
- iconOnly: false,
285
- class: [
286
- 'text-storm-300 group-hover/button:text-storm-500 group-active/button:text-storm-500/60',
287
- 'dark:text-hurricane-200 dark:group-hover/button:text-white dark:group-active/button:text-white/60',
288
- ],
289
- },
290
- {
291
- variant: ['secondary', 'dropdown'],
292
- disabled: false,
293
- active: true,
294
- error: false,
295
- iconOnly: false,
296
- class: 'text-storm-500/60 dark:text-white/60',
297
- },
298
- {
299
- variant: ['transparent', 'text'],
300
- disabled: false,
301
- active: false,
302
- iconOnly: false,
303
- class: 'text-indigo-500 group-hover/button:text-indigo-700 group-active/button:text-indigo-800',
304
- },
305
- {
306
- variant: ['secondary', 'dropdown'],
307
- active: false,
308
- error: true,
309
- iconOnly: false,
310
- class: 'text-negative-red-500 group-hover/button:text-negative-red-800 dark:text-negative-red-alternative',
311
- },
312
- {
313
- variant: ['secondary', 'dropdown'],
314
- active: true,
315
- error: true,
316
- iconOnly: false,
317
- class: 'text-negative-red-800',
318
- },
319
- ],
320
- });
321
- const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
322
- constructor() {
323
- super();
324
- this.__registerHost();
325
- this.onClick = createEvent(this, "onClick", 3);
326
- }
327
- /**
328
- * The label of the button (Can use slot)
329
- */
330
- label;
331
- /**
332
- * The type of the button
333
- */
334
- as = 'button';
335
- /**
336
- * The variant of the button
337
- */
338
- variant = 'primary';
339
- /**
340
- * Wether to force an active state
341
- */
342
- active = false;
343
- /**
344
- * Wether to show a error state
345
- */
346
- error = false;
347
- /**
348
- * Href in case of "text" version
349
- */
350
- href;
351
- /**
352
- * Target in case of "text" version
353
- */
354
- target;
355
- /**
356
- * The size of the button
357
- */
358
- size = 'base';
359
- /**
360
- * The type of the button
361
- */
362
- type = 'button';
363
- /**
364
- * Wether to show a loader or not
365
- */
366
- loading = false;
367
- /**
368
- * Wether to show a chevron or not
369
- */
370
- chevron = false;
371
- /**
372
- * Chevron position
373
- */
374
- chevronPosition = 'end';
375
- /**
376
- * Wether the button is disabled
377
- */
378
- disabled = false;
379
- /**
380
- * Icon to show on the button
381
- */
382
- icon;
383
- /**
384
- * Wether the button is icon only
385
- */
386
- iconOnly = false;
387
- /**
388
- * A class to apply to the icon
389
- */
390
- iconClass;
391
- /**
392
- * Icon position
393
- */
394
- iconPosition = 'start';
395
- /**
396
- * Icon flip
397
- */
398
- iconFlip;
399
- /**
400
- * Icon rotate
401
- */
402
- iconRotate;
403
- /**
404
- * Wether the button should inherit text styles
405
- */
406
- inheritText = false;
407
- /**
408
- * Position of the button in the button group, mostly un-used if not in a group
409
- */
410
- buttonGroupPosition = 'none';
411
- /**
412
- * The class of the container passed by parent
413
- */
414
- class;
415
- /**
416
- * Button click event
417
- */
418
- onClick;
419
- render() {
420
- let loaderColor = 'white';
421
- switch (this.variant) {
422
- case 'secondary':
423
- case 'dropdown':
424
- case 'transparent':
425
- loaderColor = 'off-white';
426
- break;
427
- case 'text':
428
- loaderColor = 'storm';
429
- break;
430
- }
431
- const VariableTag = this.variant === 'text' || this.href?.length || this.as === 'a'
432
- ? 'a'
433
- : 'button';
434
- const hostClass = cn('p-button inline-block', this.class);
435
- const active = asBoolean(this.active) || hostClass?.includes('active');
436
- return (h(ThemedHost, { key: 'cd68ba8fe4894d13891a6014c56b7c1901adffad', class: hostClass }, h(VariableTag, { key: 'a6511875ec35e1adcf0a370b408d9db8d8c4efff', disabled: asBoolean(this.disabled), href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
437
- variant: this.variant,
438
- size: this.size,
439
- loading: asBoolean(this.loading),
440
- disabled: asBoolean(this.disabled),
441
- buttonGroupPosition: this.buttonGroupPosition,
442
- iconOnly: asBoolean(this.iconOnly),
443
- active,
444
- error: asBoolean(this.error),
445
- }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '22982e735c526eee16cf001ea46c5c1b8d9805e6', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
446
- this.iconPosition === 'start' &&
447
- !(this.iconOnly && this.loading) &&
448
- this._getIcon(), this.label ? this.label : h("slot", null), this.icon &&
449
- this.iconPosition === 'end' &&
450
- !this.loading &&
451
- !this.chevron &&
452
- this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '322eff6087a84f8df3a66118835a275099224822', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '6c1fef6008838e080531f66584118e7547bbe3ee', color: loaderColor }))));
453
- }
454
- handleClick(ev) {
455
- if (this.loading || this.disabled) {
456
- ev.preventDefault();
457
- return;
458
- }
459
- this.onClick.emit(ev);
460
- }
461
- _getIcon() {
462
- if (!this.icon) {
463
- return;
464
- }
465
- return (h("p-icon", { class: cn(icon({
466
- size: this.size,
467
- variant: this.variant,
468
- disabled: asBoolean(this.disabled),
469
- iconOnly: asBoolean(this.iconOnly),
470
- active: asBoolean(this.active),
471
- error: asBoolean(this.error),
472
- }), this.iconClass ?? ''), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
473
- }
474
- static get style() { return buttonComponentCss; }
475
- }, [6, "p-button", {
476
- "label": [1],
477
- "as": [1],
478
- "variant": [1],
479
- "active": [4],
480
- "error": [4],
481
- "href": [1],
482
- "target": [1],
483
- "size": [1],
484
- "type": [1],
485
- "loading": [4],
486
- "chevron": [8],
487
- "chevronPosition": [1, "chevron-position"],
488
- "disabled": [4],
489
- "icon": [1],
490
- "iconOnly": [4, "icon-only"],
491
- "iconClass": [1, "icon-class"],
492
- "iconPosition": [1, "icon-position"],
493
- "iconFlip": [1, "icon-flip"],
494
- "iconRotate": [2, "icon-rotate"],
495
- "inheritText": [4, "inherit-text"],
496
- "buttonGroupPosition": [1, "button-group-position"],
497
- "class": [1]
498
- }, [[2, "click", "handleClick"]]]);
499
- function defineCustomElement() {
500
- if (typeof customElements === "undefined") {
501
- return;
502
- }
503
- const components = ["p-button", "p-icon", "p-loader"];
504
- components.forEach(tagName => { switch (tagName) {
505
- case "p-button":
506
- if (!customElements.get(tagName)) {
507
- customElements.define(tagName, Button);
508
- }
509
- break;
510
- case "p-icon":
511
- if (!customElements.get(tagName)) {
512
- defineCustomElement$2();
513
- }
514
- break;
515
- case "p-loader":
516
- if (!customElements.get(tagName)) {
517
- defineCustomElement$1();
518
- }
519
- break;
520
- } });
521
- }
522
- defineCustomElement();
523
-
524
- export { Button as B, defineCustomElement as d };
525
- //# sourceMappingURL=p-BRmgl8aZ.js.map
526
-
527
- //# sourceMappingURL=p-BRmgl8aZ.js.map
@@ -1 +0,0 @@
1
- {"file":"p-BRmgl8aZ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/button/button.component.css?tag=p-button&encapsulation=scoped","src/components/molecules/button/button.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Listen, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { cn } from '../../../utils/cn';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst button = cva(\n\t[\n\t\t'group/button',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['border-storm-500/20', 'text-white'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: null,\n\t\t\t\ttransparent: 'bg-transparent border-transparent',\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6 gap-1'],\n\t\t\t\tbase: ['text-sm h-8 gap-2'],\n\t\t\t\tlg: ['text-base h-10 gap-2'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: 'bg-white dark:bg-white/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tclass: 'dark:border-0 dark:active:border-0',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-indigo-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'active:border-storm-500/10 dark:active:ring-0 active:ring-2 active:text-white/60',\n\t\t\t\t\t'drop-shadow-primary-button hover:drop-shadow-2 hover:bg-indigo-700 active:ring-indigo-100',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-indigo-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass:\n\t\t\t\t\t'border bg-white-600 text-storm-100 dark:bg-white/5 dark:border-white/5 dark:text-hurricane-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:ring-indigo-100 active:text-storm-500/60',\n\t\t\t\t\t'dark:hover:bg-white/25 dark:active:bg-white/25 dark:active:ring-0 dark:active:text-white/60',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'active:border-indigo-600 active:ring active:ring-2',\n\t\t\t\t\t'dark:active:ring-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: ['border-indigo-600 ring ring-2 ring-indigo-100', 'dark:ring-0'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: ['border-storm-500/20 dark:border-transparent'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\terror: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'border border-negative-red-500 text-negative-red-800 ring ring-2 ring-negative-red-50 active:text-negative-red-800',\n\t\t\t\t\t'dark:ring-0 dark:border-negative-red-700 dark:text-negative-red-alternative',\n\t\t\t\t],\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-indigo-700 hover:text-indigo-800',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-indigo-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['text', 'transparent'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-indigo-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-xs',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: null,\n\t\t\tsecondary: null,\n\t\t\ttext: null,\n\t\t\ttransparent: null,\n\t\t\tdropdown: null,\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\terror: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\ticonOnly: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'primary',\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\ticonOnly: false,\n\t\t\tclass:\n\t\t\t\t'text-indigo-300 group-hover/button:text-white group-active/button:text-white/60',\n\t\t},\n\t\t{\n\t\t\tvariant: 'primary',\n\t\t\tdisabled: false,\n\t\t\tactive: true,\n\t\t\ticonOnly: false,\n\t\t\tclass: 'text-white/60',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\terror: false,\n\t\t\ticonOnly: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover/button:text-storm-500 group-active/button:text-storm-500/60',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover/button:text-white dark:group-active/button:text-white/60',\n\t\t\t],\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tdisabled: false,\n\t\t\tactive: true,\n\t\t\terror: false,\n\t\t\ticonOnly: false,\n\t\t\tclass: 'text-storm-500/60 dark:text-white/60',\n\t\t},\n\t\t{\n\t\t\tvariant: ['transparent', 'text'],\n\t\t\tdisabled: false,\n\t\t\tactive: false,\n\t\t\ticonOnly: false,\n\t\t\tclass:\n\t\t\t\t'text-indigo-500 group-hover/button:text-indigo-700 group-active/button:text-indigo-800',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: false,\n\t\t\terror: true,\n\t\t\ticonOnly: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover/button:text-negative-red-800 dark:text-negative-red-alternative',\n\t\t},\n\t\t{\n\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\tactive: true,\n\t\t\terror: true,\n\t\t\ticonOnly: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\nexport type ButtonVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'transparent'\n\t| 'text'\n\t| 'dropdown';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.css',\n\tscoped: true,\n})\nexport class Button {\n\t/**\n\t * The label of the button (Can use slot)\n\t */\n\t@Prop() label?: string;\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as?: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant?: ButtonVariant = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active?: boolean = false;\n\n\t/**\n\t * Wether to show a error state\n\t */\n\t@Prop() error?: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href?: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target?: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size?: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type?: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading?: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron?: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition?: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled?: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly?: boolean = false;\n\n\t/**\n\t * A class to apply to the icon\n\t */\n\t@Prop() iconClass?: string;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition?: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText?: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition?: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class?: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'off-white' | 'indigo' | 'storm' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\tcase 'dropdown':\n\t\t\tcase 'transparent':\n\t\t\t\tloaderColor = 'off-white';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst hostClass = cn('p-button inline-block', this.class);\n\t\tconst active = asBoolean(this.active) || hostClass?.includes('active');\n\n\t\treturn (\n\t\t\t<ThemedHost class={hostClass}>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tloading: asBoolean(this.loading),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive,\n\t\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.label ? this.label : <slot />}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={cn(\n\t\t\t\t\ticon({\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\terror: asBoolean(this.error),\n\t\t\t\t\t}),\n\t\t\t\t\tthis.iconClass ?? ''\n\t\t\t\t)}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}
@@ -1,2 +0,0 @@
1
- import{r as t,c as e,h as r,F as a}from"./p-Dpmiv2da.js";import{c as i}from"./p-CBWjHURv.js";import{h as o,f as d}from"./p-B3sNjfzc.js";import{c as s}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const n=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-8{width:2rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.peer:empty~.peer-empty\\:block{display:block!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}.dark\\:border-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(255 92 92/var(--tw-border-opacity,1))!important}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:border-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(255 92 92/var(--tw-border-opacity,1))!important}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}";const p=i(["flex flex-1 items-center justify-start gap-2","h-8 min-w-0 px-2 rounded-lg","border border-solid","bg-white-600 text-storm-200","dark:bg-white/15 dark:text-hurricane-200"],{variants:{click:{false:null,true:"cursor-pointer"},error:{false:"border-storm-100 dark:border-white/15",true:"border-negative-red-500 dark:border-negative-red-alternative"}}});const h=class{constructor(r){t(this,r);this.upload=e(this,"upload",3);this.download=e(this,"download",3);this.delete=e(this,"delete",3)}enableCameraOnMobile=false;value;fileId;accept=null;label;helper;required=true;mode="read";placeholder="Upload a file...";cameraTooltip="Camera";downloadTooltip="Download";uploadTooltip="Upload";deleteTooltip="Delete";loading=false;error;upload;download;delete;_fileRef;_cameraFileRef;render(){let t=r("p-icon",{key:"e3041d87911b3ef89be9ae6dd57d9ad51b4b6ba3",class:"text-storm-300",variant:"attachment"});if(this.error){t=r("p-icon",{key:"8cd0ea7fd1848a8f9d3ee96d42b4ecdb5f4ed27b",variant:"warning",class:"text-negative-red-500"})}const e=o();const i="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm";return r(a,{key:"0e75af5dc601f3cb7b24c197c532685154958e06"},r("p-field-container",{key:"0bf08bb7ce1380635a9fc8b574ec86946e085ffe",variant:"write",label:this.label,helper:this.helper,error:this.error,required:this.required,forceShowTooltip:!!this.error?.length},r("div",{key:"5e5d80909c96afb1aabc9509888979fa662eaaff",slot:"content",class:"flex w-full items-start gap-2"},r("div",{key:"afee7e83fe90d843de8bf509ed3d7d451483795f",class:p({click:this.mode==="write"&&!this.value?.length,error:!!this.error?.length}),onClick:()=>this._uploadClick()},t,r("span",{key:"c59a8e66fde71d2b8423cb5f6385ebb1ee6f51d6",class:s(i,"peer empty:hidden")},this.value),r("span",{key:"b133def98ae61ff290371aa76918c38d209098bd",class:s(i,"hidden peer-empty:block")},this.placeholder)),r("p-tooltip",{key:"70dd1bf027ba620e5653e0f6fecd2d2e9f8d5047",class:"w-8",content:this.mode==="read"?this.downloadTooltip:this.value?.length?this.deleteTooltip:this.uploadTooltip},r("p-button",{key:"bad75a34fff38946e6361c2b1e467e7fc1331cdf",slot:"trigger",variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":this.value?.length?"trash":"upload",disabled:this.loading,loading:this.loading,onOnClick:()=>this.mode==="write"&&!this.value?.length?this._uploadClick():(this.mode==="read"?this.download:this.delete).emit()})),this.enableCameraOnMobile&&this.mode==="write"&&e&&!this.value?.length&&r("p-tooltip",{key:"efdfd38ae5ca2f9e63af50d3a82339cbd0af6ef9",content:this.cameraTooltip,class:"w-8 desktop-xs:hidden"},r("p-button",{key:"38a9dc23149a96fd7626236b9f1b1b8794bc0c84",slot:"trigger",variant:"secondary",iconOnly:true,icon:"camera",onOnClick:()=>this._cameraClick()})))),r("input",{key:"a4e9ec4655dcdd0778a6e84638ef8fb6011ce4a8",class:"hidden",type:"file",accept:Array.isArray(this.accept)?this.accept?.join(","):this.accept,ref:t=>this._fileRef=t,onChange:t=>this._onFileChange(t)}),r("input",{key:"3f5212b6d4602d39075254405b8177672a97acb7",class:"hidden",type:"file",accept:"image/*",capture:"true",ref:t=>this._cameraFileRef=t,onChange:t=>this._onFileChange(t)}))}_uploadClick(){if(!this._fileRef||this.mode!=="write"||this.value?.length){return}this._fileRef.click()}_cameraClick(){if(!this.enableCameraOnMobile||d()){return}if(!this._cameraFileRef||this.mode!=="write"){return}this._cameraFileRef?.click()}_onFileChange(t){const e=t.target;const r=e.files?.[0];if(r){this.loading=true;const t=new FileReader;t.onload=t=>this._onLoad(r,t?.currentTarget?.result);t.readAsDataURL(r)}}_onLoad(t,e){this.upload.emit({fileId:this.fileId,result:e,file:t});if(this._fileRef){this._fileRef.value=""}if(this._cameraFileRef){this._cameraFileRef.value=""}this.loading=false}};h.style=n;export{h as p_attachment};
2
- //# sourceMappingURL=p-0f2d54d2.entry.js.map