@paperless/core 2.0.1-beta.190 → 2.0.1-beta.191

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/build/p-d4fe1ea2.entry.js +2 -0
  3. package/dist/build/p-d4fe1ea2.entry.js.map +1 -0
  4. package/dist/build/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
  5. package/dist/build/{p-6fea8809.js → p-fdf33e5d.js} +1 -1
  6. package/dist/build/paperless.esm.js +1 -1
  7. package/dist/cjs/p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js.map +1 -1
  8. package/dist/cjs/p-drawer-body_3.cjs.entry.js +1 -1
  9. package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -1
  10. package/dist/collection/components/atoms/drawer/container/drawer-container.component.css +1 -1
  11. package/dist/components/p-BtRi2TjF.js +58 -0
  12. package/dist/components/p-BtRi2TjF.js.map +1 -0
  13. package/dist/components/p-drawer-container.js +1 -1
  14. package/dist/components/p-drawer.js +1 -1
  15. package/dist/esm/p-drawer-body.p-drawer-container.p-drawer-header.entry.js.map +1 -1
  16. package/dist/esm/p-drawer-body_3.entry.js +1 -1
  17. package/dist/esm/p-drawer-body_3.entry.js.map +1 -1
  18. package/dist/index.html +1 -1
  19. package/dist/paperless/p-d4fe1ea2.entry.js +2 -0
  20. package/dist/paperless/p-d4fe1ea2.entry.js.map +1 -0
  21. package/dist/paperless/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
  22. package/dist/paperless/paperless.esm.js +1 -1
  23. package/dist/sw.js +1 -1
  24. package/dist/sw.js.map +1 -1
  25. package/package.json +1 -1
  26. package/dist/build/p-d3724707.entry.js +0 -2
  27. package/dist/build/p-d3724707.entry.js.map +0 -1
  28. package/dist/components/p-8Cc086Ro.js +0 -58
  29. package/dist/components/p-8Cc086Ro.js.map +0 -1
  30. package/dist/paperless/p-d3724707.entry.js +0 -2
  31. package/dist/paperless/p-d3724707.entry.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["drawerBodyComponentCss","DrawerBody","render","h","key","drawerContainerComponentCss","container","cva","variants","closing","false","true","DrawerContainer","class","asBoolean","this","drawerHeaderComponentCss","header","content","title","DrawerHeader","showClose","close","variant","icon","iconOnly","onClick","ev","emit"],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full p-2 tablet:ml-auto tablet:w-auto;\n\t@apply h-full overflow-y-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"kJAAA,MAAMA,EAAyB,8U,MCOlBC,EAAU,M,yBACtB,MAAAC,GACC,OAAOC,EAAA,QAAAC,IAAA,4C,aCTT,MAAMC,EAA8B,i0ECKpC,MAAMC,EAAYC,EACjB,CACC,iBAEA,yBAEA,uBACA,4BAEA,gBAED,CACCC,SAAU,CACTC,QAAS,CACRC,MACC,yBACDC,KAAM,8B,MAWGC,EAAe,M,yBAInBH,QAAmB,MAE3B,MAAAP,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCS,MAAOP,EAAU,CAChBG,QAASK,EAAUC,KAAKN,YAGzBN,EAAQ,QAAAC,IAAA,6C,aC7CZ,MAAMY,EAA2B,g6BCGjC,MAAMC,EAASV,EAAI,CAClB,iFACA,gBAGD,MAAMW,EAAUX,EAAI,CAAC,uBAAwB,6BAE7C,MAAMY,EAAQZ,EAAI,CACjB,qBACA,iD,MAQYa,EAAY,M,sDAIhBC,UAAY,KAQpBC,MAEA,MAAApB,GACC,OACCC,EAAA,OAAAC,IAAA,2CAAKS,MAAOI,KACXd,EAAK,OAAAC,IAAA,2CAAAS,MAAOK,KACVH,KAAKM,WACLlB,EAAA,YAAAC,IAAA,2CACCmB,QAAQ,YACRC,KAAK,WACLC,SAAU,KACVC,QAASC,GAAMZ,KAAKO,MAAMM,KAAKD,KAIjCxB,EAAK,OAAAC,IAAA,2CAAAS,MAAOM,KACXhB,EAAA,QAAAC,IAAA,8CAGAW,KAAKM,WAAalB,EAAA,OAAAC,IAAA,2CAAKS,MAAM,YAG/BV,EAAW,WAAAC,IAAA,6C","ignoreList":[]}
@@ -1,58 +0,0 @@
1
- import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
2
- import { c as cva } from './p-CBWjHURv.js';
3
- import { a as asBoolean } from './p-C5CTp9IA.js';
4
-
5
- const drawerContainerComponentCss = ".flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.p-2{padding:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}";
6
-
7
- const container = cva([
8
- 'flex-1 min-w-0',
9
- 'z-drawer flex flex-col',
10
- 'rounded-2xl bg-white',
11
- 'w-full tablet:w-[22.5rem]',
12
- 'shadow-modal',
13
- ], {
14
- variants: {
15
- closing: {
16
- false: 'animate-slide-in-right',
17
- true: 'animate-slide-out-right'
18
- },
19
- },
20
- });
21
- const DrawerContainer = /*@__PURE__*/ proxyCustomElement(class DrawerContainer extends H {
22
- constructor() {
23
- super();
24
- this.__registerHost();
25
- this.__attachShadow();
26
- }
27
- /**
28
- * Wether the container is closing
29
- */
30
- closing = false;
31
- render() {
32
- return (h("div", { key: '9255557209565735af0c599ddaa566afe35b7b21', class: container({
33
- closing: asBoolean(this.closing),
34
- }) }, h("slot", { key: 'ac8e1c453042c3be3ab4d331e0bfcc7d5a00112a' })));
35
- }
36
- static get style() { return drawerContainerComponentCss; }
37
- }, [1, "p-drawer-container", {
38
- "closing": [4]
39
- }]);
40
- function defineCustomElement() {
41
- if (typeof customElements === "undefined") {
42
- return;
43
- }
44
- const components = ["p-drawer-container"];
45
- components.forEach(tagName => { switch (tagName) {
46
- case "p-drawer-container":
47
- if (!customElements.get(tagName)) {
48
- customElements.define(tagName, DrawerContainer);
49
- }
50
- break;
51
- } });
52
- }
53
- defineCustomElement();
54
-
55
- export { DrawerContainer as D, defineCustomElement as d };
56
- //# sourceMappingURL=p-8Cc086Ro.js.map
57
-
58
- //# sourceMappingURL=p-8Cc086Ro.js.map
@@ -1 +0,0 @@
1
- {"file":"p-8Cc086Ro.js","mappings":";;;;AAAA,MAAM,2BAA2B,GAAG,g0EAAg0E;;ACKp2E,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,wBAAwB;AACzB,YAAA,IAAI,EAAE;AACN,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full p-2 tablet:ml-auto tablet:w-auto;\n\t@apply h-full overflow-y-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
@@ -1,2 +0,0 @@
1
- import{r as t,h as i,c as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as r}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const o=".flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}*{box-sizing:border-box}:host{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;height:100%;padding:1rem 1rem calc(env(safe-area-inset-bottom, 0) + 1rem);width:100%}";const n=class{constructor(i){t(this,i)}render(){return i("slot",{key:"b86e57d09f74957389eaf9aae8869eaa956236ae"})}};n.style=o;const m=".flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.p-2{padding:.5rem!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem;width:100%}@media (min-width:40rem){:host{margin-left:auto;width:auto}}@media (min-width:40rem){.tablet\\:ml-auto{margin-left:auto!important}}.static{position:static!important}.z-drawer{z-index:500!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}";const d=a(["flex-1 min-w-0","z-drawer flex flex-col","rounded-2xl bg-white","w-full tablet:w-[22.5rem]","shadow-modal"],{variants:{closing:{false:"animate-slide-in-right",true:"animate-slide-out-right"}}});const l=class{constructor(i){t(this,i)}closing=false;render(){return i("div",{key:"9255557209565735af0c599ddaa566afe35b7b21",class:d({closing:r(this.closing)})},i("slot",{key:"ac8e1c453042c3be3ab4d331e0bfcc7d5a00112a"}))}};l.style=m;const s="*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.size-8{height:2rem!important;width:2rem!important}.min-h-12{min-height:3rem!important}.min-h-18{min-height:4.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";const p=a(["w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]","inline-flex"]);const h=a(["flex justify-between","w-full p-4 pb-0 min-h-12"]);const c=a(["flex-1 text-center","black-teal-500 text-2xl text-ambit font-bold"]);const w=class{constructor(i){t(this,i);this.close=e(this,"close",3)}showClose=true;close;render(){return i("div",{key:"096f0a1a82691b871b84de45d650f849fd1490fc",class:p()},i("div",{key:"d4a55b430e21420578992336e3c99e4754c31e22",class:h()},this.showClose&&i("p-button",{key:"f0f6397a38a94dea7b4b2379fa888a41e4b3f2c2",variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t)}),i("div",{key:"570be64724b9ad901cfc1e65dd8f9fe45785524a",class:c()},i("slot",{key:"55b5cadfc22344a4de9f88cfecfa239c05d634a9"})),this.showClose&&i("div",{key:"8107f3ce0ab1f16e8b8e0938355d837fb5729fd7",class:"size-8"})),i("p-smile",{key:"022da5aad1e8a6f6780417905326b0d2924f7650"}))}};w.style=s;export{n as p_drawer_body,l as p_drawer_container,w as p_drawer_header};
2
- //# sourceMappingURL=p-d3724707.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["drawerBodyComponentCss","DrawerBody","render","h","key","drawerContainerComponentCss","container","cva","variants","closing","false","true","DrawerContainer","class","asBoolean","this","drawerHeaderComponentCss","header","content","title","DrawerHeader","showClose","close","variant","icon","iconOnly","onClick","ev","emit"],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col items-end;\n\t@apply w-full p-2 tablet:ml-auto tablet:w-auto;\n\t@apply h-full overflow-y-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"kJAAA,MAAMA,EAAyB,8U,MCOlBC,EAAU,M,yBACtB,MAAAC,GACC,OAAOC,EAAA,QAAAC,IAAA,4C,aCTT,MAAMC,EAA8B,i0ECKpC,MAAMC,EAAYC,EACjB,CACC,iBAEA,yBAEA,uBACA,4BAEA,gBAED,CACCC,SAAU,CACTC,QAAS,CACRC,MACC,yBACDC,KAAM,8B,MAWGC,EAAe,M,yBAInBH,QAAmB,MAE3B,MAAAP,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCS,MAAOP,EAAU,CAChBG,QAASK,EAAUC,KAAKN,YAGzBN,EAAQ,QAAAC,IAAA,6C,aC7CZ,MAAMY,EAA2B,g6BCGjC,MAAMC,EAASV,EAAI,CAClB,iFACA,gBAGD,MAAMW,EAAUX,EAAI,CAAC,uBAAwB,6BAE7C,MAAMY,EAAQZ,EAAI,CACjB,qBACA,iD,MAQYa,EAAY,M,sDAIhBC,UAAY,KAQpBC,MAEA,MAAApB,GACC,OACCC,EAAA,OAAAC,IAAA,2CAAKS,MAAOI,KACXd,EAAK,OAAAC,IAAA,2CAAAS,MAAOK,KACVH,KAAKM,WACLlB,EAAA,YAAAC,IAAA,2CACCmB,QAAQ,YACRC,KAAK,WACLC,SAAU,KACVC,QAASC,GAAMZ,KAAKO,MAAMM,KAAKD,KAIjCxB,EAAK,OAAAC,IAAA,2CAAAS,MAAOM,KACXhB,EAAA,QAAAC,IAAA,8CAGAW,KAAKM,WAAalB,EAAA,OAAAC,IAAA,2CAAKS,MAAM,YAG/BV,EAAW,WAAAC,IAAA,6C","ignoreList":[]}