@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.
- package/CHANGELOG.md +12 -0
- package/dist/build/p-4bf20920.entry.js +2 -0
- package/dist/build/p-4bf20920.entry.js.map +1 -0
- package/dist/build/{p-4df6d390.js → p-6abf5f0f.js} +1 -1
- package/dist/build/p-attachment.entry.esm.js.map +1 -1
- package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/build/p-c26ec7e2.entry.js +2 -0
- package/dist/build/p-c26ec7e2.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-attachment.cjs.entry.js +6 -6
- package/dist/cjs/p-attachment.cjs.entry.js.map +1 -1
- package/dist/cjs/p-attachment.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +4 -4
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/molecules/attachment/attachment.component.css +1 -1
- package/dist/collection/components/molecules/attachment/attachment.component.js +5 -5
- package/dist/collection/components/molecules/attachment/attachment.component.js.map +1 -1
- package/dist/collection/components/molecules/button/button.component.js +3 -4
- package/dist/collection/components/molecules/button/button.component.js.map +1 -1
- package/dist/components/{p-CBzxCj_b.js → p-BDP5uiDJ.js} +3 -3
- package/dist/components/{p-CBzxCj_b.js.map → p-BDP5uiDJ.js.map} +1 -1
- package/dist/components/{p-CP0L5JVM.js → p-CRxjIFdT.js} +3 -3
- package/dist/components/{p-CP0L5JVM.js.map → p-CRxjIFdT.js.map} +1 -1
- package/dist/components/p-CWYWHRQN.js +527 -0
- package/dist/components/p-CWYWHRQN.js.map +1 -0
- package/dist/components/{p-CbfQ0Wci.js → p-CfzK_DAr.js} +4 -4
- package/dist/components/{p-CbfQ0Wci.js.map → p-CfzK_DAr.js.map} +1 -1
- package/dist/components/{p-D-0pjCo3.js → p-CwUafrCE.js} +3 -3
- package/dist/components/{p-D-0pjCo3.js.map → p-CwUafrCE.js.map} +1 -1
- package/dist/components/{p-BTgWIHvj.js → p-JX_qNLZg.js} +3 -3
- package/dist/components/{p-BTgWIHvj.js.map → p-JX_qNLZg.js.map} +1 -1
- package/dist/components/p-attachment.js +7 -7
- package/dist/components/p-attachment.js.map +1 -1
- package/dist/components/{p-BsEFZMpN.js → p-bNu_IKhE.js} +3 -3
- package/dist/components/{p-BsEFZMpN.js.map → p-bNu_IKhE.js.map} +1 -1
- package/dist/components/p-button.js +1 -1
- package/dist/components/p-calendar.js +1 -1
- package/dist/components/p-datepicker.js +3 -3
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +2 -2
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-modal-header.js +1 -1
- package/dist/components/p-modal.js +2 -2
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-attachment.entry.js +6 -6
- package/dist/esm/p-attachment.entry.js.map +1 -1
- package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +4 -4
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-4bf20920.entry.js +2 -0
- package/dist/paperless/p-4bf20920.entry.js.map +1 -0
- package/dist/paperless/p-attachment.entry.esm.js.map +1 -1
- package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/paperless/p-c26ec7e2.entry.js +2 -0
- package/dist/paperless/p-c26ec7e2.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-0f2d54d2.entry.js +0 -2
- package/dist/build/p-0f2d54d2.entry.js.map +0 -1
- package/dist/build/p-9704715f.entry.js +0 -2
- package/dist/build/p-9704715f.entry.js.map +0 -1
- package/dist/components/p-BRmgl8aZ.js +0 -527
- package/dist/components/p-BRmgl8aZ.js.map +0 -1
- package/dist/paperless/p-0f2d54d2.entry.js +0 -2
- package/dist/paperless/p-0f2d54d2.entry.js.map +0 -1
- package/dist/paperless/p-9704715f.entry.js +0 -2
- 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
|