@paperless/core 2.9.1 → 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 +20 -0
- package/dist/build/p-4bf20920.entry.js +2 -0
- package/dist/build/p-4bf20920.entry.js.map +1 -0
- package/dist/build/{p-cc4d0190.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 +13 -11
- 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 +12 -10
- 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 +14 -12
- 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 +13 -11
- 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-6175408c.entry.js +0 -2
- package/dist/build/p-6175408c.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-6175408c.entry.js +0 -2
- package/dist/paperless/p-6175408c.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 i,F as r}from"./p-Dpmiv2da.js";import{c as a}from"./p-CBWjHURv.js";import{h as o,f as s}from"./p-B3sNjfzc.js";import{c as n}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const d=".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}}";const p=a(["flex flex-1 items-center justify-start gap-2","h-8 min-w-0 px-2 rounded-lg","border border-solid bg-white-600"],{variants:{click:{false:null,true:"cursor-pointer"},error:{false:"bg-white-600 border-storm-100 text-storm-200",true:"border-negative-red-500"}}});const l=class{constructor(i){t(this,i);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=i("p-icon",{key:"61b263083bd24fece19b81f620dccdb2ba6afcc5",class:"text-storm-300",variant:"attachment"});if(this.error){t=i("p-icon",{key:"ba8fd76a2b95605d815bebe5cd89a7ae8f0ba9d3",variant:"warning",class:"text-negative-red-500"})}const e=o();const a="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm";return i(r,{key:"8e7d1cc9163883399d21c3b7e8be37f4b386a09b"},i("p-field-container",{key:"eb9251f428799f2c1d731b057f4328ed13aaa495",variant:"write",label:this.label,helper:this.helper,error:this.error,required:this.required,forceShowTooltip:!!this.error?.length},i("div",{key:"d65eaeb4ac2c4de7f55903f4f8f69f8d933d99a7",slot:"content",class:"flex w-full items-start gap-2"},i("div",{key:"51b9e490e67fcbc04d590d0d75b168313b24a919",class:p({click:this.mode==="write"&&!this.value?.length,error:!!this.error?.length}),onClick:()=>this._uploadClick()},t,i("span",{key:"5b51b534ed72b1d091b67d240cbec986feafe624",class:n(a,"peer empty:hidden")},this.value),i("span",{key:"e3e0f7bb6c2d625aaaf449581c11a74e120163aa",class:n(a,"hidden peer-empty:block")},this.placeholder)),i("p-tooltip",{key:"b7edc370496754abb633987727f821782e2b48d5",class:"w-8",content:this.mode==="read"?this.downloadTooltip:this.value?.length?this.deleteTooltip:this.uploadTooltip},i("p-button",{key:"af82f2206677aa5c86b6db6ce18b5a286ce664e1",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&&i("p-tooltip",{key:"42d4db13d316272159e156dd1416530c7bd81bd2",content:this.cameraTooltip,class:"w-8 desktop-xs:hidden"},i("p-button",{key:"3e0c21f82d7f238fc676600e48784fcff6334792",slot:"trigger",variant:"secondary",iconOnly:true,icon:"camera",onOnClick:()=>this._cameraClick()})))),i("input",{key:"51c47b6b3daeb71045a59aa361bb889f62127e9e",class:"hidden",type:"file",accept:Array.isArray(this.accept)?this.accept?.join(","):this.accept,ref:t=>this._fileRef=t,onChange:t=>this._onFileChange(t)}),i("input",{key:"7e73f5184ee6bab834eee8c5a11c4970dd6a78b2",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||s()){return}if(!this._cameraFileRef||this.mode!=="write"){return}this._cameraFileRef?.click()}_onFileChange(t){const e=t.target;const i=e.files?.[0];if(i){this.loading=true;const t=new FileReader;t.onload=t=>this._onLoad(i,t?.currentTarget?.result);t.readAsDataURL(i)}}_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}};l.style=d;export{l as p_attachment};
|
|
2
|
-
//# sourceMappingURL=p-6175408c.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["attachmentComponentCss","attachment","cva","variants","click","false","true","error","Attachment","enableCameraOnMobile","value","fileId","accept","label","helper","required","mode","placeholder","cameraTooltip","downloadTooltip","uploadTooltip","deleteTooltip","loading","upload","download","delete","_fileRef","_cameraFileRef","render","prefix","h","key","class","variant","this","isMobileDevice","isTablet","baseText","Fragment","forceShowTooltip","length","slot","onClick","_uploadClick","cn","content","iconOnly","icon","disabled","onOnClick","emit","_cameraClick","type","Array","isArray","join","ref","el","onChange","ev","_onFileChange","capture","isMobile","target","file","files","reader","FileReader","onload","e","_onLoad","currentTarget","result","readAsDataURL"],"sources":["src/components/molecules/attachment/attachment.component.css?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n} from '@stencil/core';\nimport { cn, isMobile, isTablet } from '../../../utils';\nimport { cva } from 'class-variance-authority';\n\nconst attachment = cva(\n\t[\n\t\t'flex flex-1 items-center justify-start gap-2',\n\t\t'h-8 min-w-0 px-2 rounded-lg',\n\t\t'border border-solid bg-white-600',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclick: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'bg-white-600 border-storm-100 text-storm-200',\n\t\t\t\ttrue: 'border-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.css',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * Wether to enable the camera button on mobile\n\t */\n\t@Prop() enableCameraOnMobile = false;\n\n\t/**\n\t * The value of the attachment (usually the file name)\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The fileID to use to track the file\n\t */\n\t@Prop() fileId: string;\n\n\t/**\n\t * The type of files to accept\n\t */\n\t@Prop() accept: string[] | string = null;\n\n\t/**\n\t * The label of the attachment\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The helper of the attachment\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the attachment is required\n\t */\n\t@Prop({ reflect: true }) required = true;\n\n\t/**\n\t * The variant of the attachment\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * The placeholder of the attachment\n\t */\n\t@Prop() placeholder: string = 'Upload a file...';\n\n\t/**\n\t * The text for the camera tooltip\n\t */\n\t@Prop() cameraTooltip: string = 'Camera';\n\n\t/**\n\t * The text for the download tooltip\n\t */\n\t@Prop() downloadTooltip: string = 'Download';\n\n\t/**\n\t * The text for the upload tooltip\n\t */\n\t@Prop() uploadTooltip: string = 'Upload';\n\n\t/**\n\t * The text for the delete tooltip\n\t */\n\t@Prop() deleteTooltip: string = 'Delete';\n\n\t/**\n\t * Wether the attachment is loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when upload is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tupload: EventEmitter<{\n\t\tfile: File;\n\t\tfileId: string;\n\t\tresult: string;\n\t}>;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<void>;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<void>;\n\n\tprivate _fileRef: HTMLInputElement;\n\tprivate _cameraFileRef: HTMLInputElement;\n\n\trender() {\n\t\tlet prefix = (\n\t\t\t<p-icon\n\t\t\t\tclass='text-storm-300'\n\t\t\t\tvariant='attachment'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative-red-500'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// const isMobileDevice = isMobile();\n\t\tconst isMobileDevice = isTablet();\n\n\t\tconst baseText =\n\t\t\t'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<p-field-container\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tforceShowTooltip={!!this.error?.length}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tclass='flex w-full items-start gap-2'\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={attachment({\n\t\t\t\t\t\t\t\tclick: this.mode === 'write' && !this.value?.length,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._uploadClick()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{prefix}\n\n\t\t\t\t\t\t\t<span class={cn(baseText, 'peer empty:hidden')}>\n\t\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class={cn(baseText, 'hidden peer-empty:block')}>\n\t\t\t\t\t\t\t\t{this.placeholder}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\tclass='w-8'\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t? this.downloadTooltip\n\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t? this.deleteTooltip\n\t\t\t\t\t\t\t\t\t: this.uploadTooltip\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t? 'download'\n\t\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t\t? 'trash'\n\t\t\t\t\t\t\t\t\t\t: 'upload'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t\t\t\tthis.mode === 'write' && !this.value?.length\n\t\t\t\t\t\t\t\t\t\t? this._uploadClick()\n\t\t\t\t\t\t\t\t\t\t: (this.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t\t\t? this.download\n\t\t\t\t\t\t\t\t\t\t\t\t: this.delete\n\t\t\t\t\t\t\t\t\t\t ).emit()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-tooltip>\n\n\t\t\t\t\t\t{this.enableCameraOnMobile &&\n\t\t\t\t\t\t\tthis.mode === 'write' &&\n\t\t\t\t\t\t\tisMobileDevice &&\n\t\t\t\t\t\t\t!this.value?.length && (\n\t\t\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\t\t\tcontent={this.cameraTooltip}\n\t\t\t\t\t\t\t\t\tclass='w-8 desktop-xs:hidden'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\t\t\ticon='camera'\n\t\t\t\t\t\t\t\t\t\tonOnClick={() => this._cameraClick()}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept={\n\t\t\t\t\t\tArray.isArray(this.accept) ? this.accept?.join(',') : this.accept\n\t\t\t\t\t}\n\t\t\t\t\tref={el => (this._fileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept='image/*'\n\t\t\t\t\tcapture='true'\n\t\t\t\t\tref={el => (this._cameraFileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t);\n\t}\n\n\tprivate _uploadClick() {\n\t\tif (!this._fileRef || this.mode !== 'write' || this.value?.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._fileRef.click();\n\t}\n\n\tprivate _cameraClick() {\n\t\tif (!this.enableCameraOnMobile || isMobile()) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._cameraFileRef || this.mode !== 'write') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cameraFileRef?.click();\n\t}\n\n\tprivate _onFileChange(ev: Event) {\n\t\tconst target = ev.target as HTMLInputElement;\n\t\tconst file = target.files?.[0];\n\n\t\tif (file) {\n\t\t\tthis.loading = true;\n\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onload = (e: any) => this._onLoad(file, e?.currentTarget?.result);\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t}\n\n\tprivate _onLoad(file: File, result: string) {\n\t\tthis.upload.emit({\n\t\t\tfileId: this.fileId,\n\t\t\tresult,\n\t\t\tfile,\n\t\t});\n\n\t\tif (this._fileRef) {\n\t\t\tthis._fileRef.value = '';\n\t\t}\n\n\t\tif (this._cameraFileRef) {\n\t\t\tthis._cameraFileRef.value = '';\n\t\t}\n\n\t\tthis.loading = false;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|