@paperless/core 2.0.1-beta.110 → 2.0.1-beta.111
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 +11 -0
- package/dist/build/{p-11603de4.entry.js → p-00e39694.entry.js} +2 -2
- package/dist/build/p-00e39694.entry.js.map +1 -0
- package/dist/build/{p-95fdec0e.js → p-1da03a5e.js} +1 -1
- package/dist/build/p-73bfb4b5.entry.js +2 -0
- package/dist/build/p-73bfb4b5.entry.js.map +1 -0
- package/dist/{paperless/p-29b34461.entry.js → build/p-9c277029.entry.js} +2 -2
- package/dist/build/p-9c277029.entry.js.map +1 -0
- package/dist/build/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
- package/dist/build/p-drawer.entry.esm.js.map +1 -1
- package/dist/build/p-modal.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js.map +1 -1
- package/dist/cjs/p-drawer-body_3.cjs.entry.js +4 -4
- package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-drawer.cjs.entry.js +3 -3
- package/dist/cjs/p-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/p-drawer.entry.cjs.js.map +1 -1
- package/dist/cjs/p-modal.cjs.entry.js +1 -1
- package/dist/cjs/p-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/p-modal.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/drawer/container/drawer-container.component.css +1 -1
- package/dist/collection/components/atoms/drawer/container/drawer-container.component.js +3 -3
- package/dist/collection/components/atoms/drawer/container/drawer-container.component.js.map +1 -1
- package/dist/collection/components/organisms/drawer/drawer.component.js +3 -3
- package/dist/collection/components/organisms/drawer/drawer.component.js.map +1 -1
- package/dist/collection/components/organisms/modal/modal.component.js +1 -1
- package/dist/collection/components/organisms/modal/modal.component.js.map +1 -1
- package/dist/components/p-BudlHU1j.js +58 -0
- package/dist/components/p-BudlHU1j.js.map +1 -0
- package/dist/components/p-drawer-container.js +1 -1
- package/dist/components/p-drawer.js +4 -4
- package/dist/components/p-drawer.js.map +1 -1
- package/dist/components/p-modal.js +1 -1
- package/dist/components/p-modal.js.map +1 -1
- package/dist/esm/p-drawer-body.p-drawer-container.p-drawer-header.entry.js.map +1 -1
- package/dist/esm/p-drawer-body_3.entry.js +4 -4
- package/dist/esm/p-drawer-body_3.entry.js.map +1 -1
- package/dist/esm/p-drawer.entry.js +3 -3
- package/dist/esm/p-drawer.entry.js.map +1 -1
- package/dist/esm/p-modal.entry.js +1 -1
- package/dist/esm/p-modal.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-11603de4.entry.js → p-00e39694.entry.js} +2 -2
- package/dist/paperless/p-00e39694.entry.js.map +1 -0
- package/dist/paperless/p-73bfb4b5.entry.js +2 -0
- package/dist/paperless/p-73bfb4b5.entry.js.map +1 -0
- package/dist/{build/p-29b34461.entry.js → paperless/p-9c277029.entry.js} +2 -2
- package/dist/paperless/p-9c277029.entry.js.map +1 -0
- package/dist/paperless/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
- package/dist/paperless/p-drawer.entry.esm.js.map +1 -1
- package/dist/paperless/p-modal.entry.esm.js.map +1 -1
- 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-11603de4.entry.js.map +0 -1
- package/dist/build/p-29b34461.entry.js.map +0 -1
- package/dist/build/p-fe892a0f.entry.js +0 -2
- package/dist/build/p-fe892a0f.entry.js.map +0 -1
- package/dist/components/p-BONflo7Y.js +0 -58
- package/dist/components/p-BONflo7Y.js.map +0 -1
- package/dist/paperless/p-11603de4.entry.js.map +0 -1
- package/dist/paperless/p-29b34461.entry.js.map +0 -1
- package/dist/paperless/p-fe892a0f.entry.js +0 -2
- package/dist/paperless/p-fe892a0f.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["drawerComponentCss","Drawer","header","show","applyBlur","showClose","backdropClickClose","canClose","scrollLock","closeClicked","closed","_hasHeaderSlot","_closing","componentWillLoad","this","_el","querySelector","render","headerContent","h","name","bodyContent","variant","onClicked","ev","_backdropClick","detail","closing","length","onClose","close","modal","_findDrawer","target","el","nodeName","toLowerCase","tagName","parentElement","source","force","emit","event","setTimeout","handleCloseDrawer","handleForceCloseDrawer"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,4R,MCedC,EAAM,M,mGAIVC,OAKAC,KAAgB,MAKhBC,UAAqB,MAKrBC,UAAY,KAKZC,mBAAqB,KAKrBC,SAAoB,KAKpBC,WAAsB,KAQ9BC,aAYAC,O,yBAOQC,eAAiB,MAERC,SAAW,MAE5B,iBAAAC,GACCC,KAAKH,iBAAmBG,KAAKC,IAAIC,cAChC,2B,CAIF,MAAAC,GACC,IAAKH,KAAKX,KAAM,CACf,M,CAGD,MAAMe,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACED,EACC,cAAAG,QAAQ,SACRlB,UAAWU,KAAKV,UAChBmB,UAAYC,GAAOV,KAAKW,eAAeD,EAAGE,QAC1CC,QAASb,KAAKF,SACdJ,WAAYM,KAAKN,YAEjBW,EAAA,sBAAoBQ,QAASb,KAAKF,WAC/BE,KAAKZ,QAAQ0B,QAAUd,KAAKH,iBAC7BQ,EAAA,gCACaL,KAAKT,UACjBwB,QAAUL,GAAOV,KAAKgB,MAAMN,EAAGE,OAAQ,UAEtCZ,KAAKH,eACHO,EACAJ,KAAKZ,QAGViB,EAAA,qBAAgBE,I,CAMb,cAAAI,CAAeD,GACtB,IAAKV,KAAKR,mBAAoB,CAC7B,M,CAGD,MAAMyB,EAAQjB,KAAKkB,YAAYR,EAAGS,QAClC,GAAIF,EAAO,CACV,M,CAGDjB,KAAKgB,MAAMN,EAAI,W,CAGR,WAAAQ,CAAYE,GACnB,IAAKA,EAAI,CACR,OAAO,I,CAGR,GAAIA,EAAGC,SAASC,gBAAkB,qBAAsB,CACvD,OAAOF,C,CAGR,GAAIA,GAAIG,SAASD,gBAAkB,aAAc,CAChD,OAAO,I,CAGR,OAAOtB,KAAKkB,YAAYE,GAAII,c,CAGtB,KAAAR,CAAMN,EAAiBe,EAAqD,UAAWC,EAAQ,OACrG,IAAKA,EAAO,CACX1B,KAAKL,aAAagC,KAAK,CACtBC,MAAOlB,EACPjB,SAAUO,KAAKP,SACTgC,WAGP,IAAKzB,KAAKP,SAAU,CACnB,M,EAIFO,KAAKF,SAAW,KAEhB+B,YAAW,KACV7B,KAAKX,KAAO,MACZW,KAAKF,SAAW,MAChBE,KAAKJ,OAAO+B,MAAM,GAChB,I,CAIJ,iBAAAG,GACC9B,KAAKgB,MAAM,KAAM,Q,CAIlB,sBAAAe,GACC/B,KAAKgB,MAAM,KAAM,QAAS,K","ignoreList":[]}
|
|
@@ -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%}.static{position:static!important}";const n=class{constructor(i){t(this,i)}render(){return i("slot",{key:"78b8055b04b8b75d8e6cda74d346b3798ce6adb9"})}};n.style=o;const d=".z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{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){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!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\\:max-w-\\[22\\.5rem\\]{max-width:22.5rem!important}}";const m=a(["flex-1 min-w-0","z-drawer flex flex-col","rounded-2xl bg-white","w-full tablet:max-w-[22.5rem]","shadow-modal"],{variants:{closing:{false:"animate-slide-in-right",true:"animate-slide-out-right"}}});const s=class{constructor(i){t(this,i)}closing=false;render(){return i("div",{key:"588fa8d66f4f38eabb6f32c43cc4edae5da25d88",class:m({closing:r(this.closing)})},i("slot",{key:"64fbe75f5908f8502da9bfd3c5a427d20a9cada6"}))}};s.style=d;const l="*{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 c=a(["flex justify-between","w-full p-4 pb-0 min-h-12"]);const h=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:"80435acb354fdd4814843c8b0ef1eb297c8a9678",class:p()},i("div",{key:"7800396905ed9ce69e0c365ec45f5aa93eebb4df",class:c()},this.showClose&&i("p-button",{key:"e85ecaf4e44d4f702408886b1c6ea09e92fea9c7",variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t)}),i("div",{key:"767c1723defac78365da2043d0e04a9d71fb245b",class:h()},i("slot",{key:"2a4940fda5935fc207061bf075e9a8bb808eb4ea"})),this.showClose&&i("div",{key:"a1ccf517e2d3222539aa53180101112e6b652d79",class:"size-8"})),i("p-smile",{key:"741819b175e05405bd1f1d3578d5a8cb724f3bc3"}))}};w.style=l;export{n as p_drawer_body,s as p_drawer_container,w as p_drawer_header};
|
|
2
|
-
//# sourceMappingURL=p-fe892a0f.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 w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\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:max-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,gX,MCOlBC,EAAU,M,yBACtB,MAAAC,GACC,OAAOC,EAAA,QAAAC,IAAA,4C,aCTT,MAAMC,EAA8B,6nFCKpC,MAAMC,EAAYC,EACjB,CACC,iBAEA,yBAEA,uBACA,gCAEA,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-4hDfHOnN.js';
|
|
3
|
-
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
4
|
-
|
|
5
|
-
const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{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){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!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\\:max-w-\\[22\\.5rem\\]{max-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:max-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: '588fa8d66f4f38eabb6f32c43cc4edae5da25d88', class: container({
|
|
33
|
-
closing: asBoolean(this.closing),
|
|
34
|
-
}) }, h("slot", { key: '64fbe75f5908f8502da9bfd3c5a427d20a9cada6' })));
|
|
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-BONflo7Y.js.map
|
|
57
|
-
|
|
58
|
-
//# sourceMappingURL=p-BONflo7Y.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-BONflo7Y.js","mappings":";;;;AAAA,MAAM,2BAA2B,GAAG,4nFAA4nF;;ACKhqF,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,+BAA+B;IAE/B,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 w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\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:max-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 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Modal","size","header","show","applyBlur","showClose","showMobileFooter","backdropClickClose","scrollLock","closeClicked","closed","_hasFooterSlot","_hasHeaderSlot","_closing","componentWillLoad","this","_el","querySelector","render","headerContent","h","name","bodyContent","footerContent","onClicked","ev","_backdropClick","detail","closing","length","onClose","close","roundedBottom","roundedTop","modal","_findModal","target","el","nodeName","toLowerCase","tagName","parentElement","reason","emit","setTimeout","handleCloseModal"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"mappings":"+DAeaA,EAAK,M,mGAITC,KAAqC,OAKrCC,OAKAC,KAAgB,MAKhBC,UAAqB,MAKrBC,UAAY,KAKZC,iBAAmB,MAKnBC,mBAAqB,KAKrBC,WAAsB,KAQ9BC,aAQAC,O,yBAOQC,eAAiB,MACjBC,eAAiB,MAERC,SAAW,MAE5B,iBAAAC,GACCC,KAAKJ,iBAAmBI,KAAKC,IAAIC,cAAc,4BAC/CF,KAAKH,iBAAmBG,KAAKC,IAAIC,cAAc,2B,CAGhD,MAAAC,GACC,IAAKH,KAAKZ,KAAM,CACf,M,CAGD,MAAMgB,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACCD,EAAA,cACChB,UAAWW,KAAKX,UAChBoB,UAAWC,GAAMV,KAAKW,eAAeD,EAAGE,QACxCC,QAASb,KAAKF,SACdL,WAAYO,KAAKP,YAEjBY,EACC,qBAAAnB,KAAMc,KAAKd,KACX2B,QAASb,KAAKF,WAEZE,KAAKb,QAAQ2B,QAAUd,KAAKH,iBAC7BQ,EACC,kBAAAf,UAAWU,KAAKV,UAChByB,QAASL,GAAMV,KAAKgB,MAAM,SAAUN,EAAGE,SAEtCZ,KAAKH,eAAiBO,EAAgBJ,KAAKb,QAG9CkB,EACC,gBAAAY,eAAgBjB,KAAKJ,eACrBsB,YAAalB,KAAKH,iBAAmBG,KAAKb,QAAQ2B,QAEjDP,GAEDP,KAAKJ,gBACLS,EAAA,sBAAiBG,I,CAOd,cAAAG,CAAeD,GACtB,IAAKV,KAAKR,mBAAoB,CAC7B,M,CAGD,MAAM2B,EAAQnB,KAAKoB,WAAWV,EAAGW,QACjC,GAAIF,EAAO,CACV,M,CAGDnB,KAAKgB,MAAM,WAAYN,E,CAGhB,UAAAU,CAAWE,GAClB,IAAKA,EAAI,CACR,OAAO,I,CAGR,GAAIA,EAAGC,SAASC,gBAAkB,oBAAqB,CACtD,OAAOF,C,CAGR,GAAIA,GAAIG,SAASD,gBAAkB,aAAc,CAChD,OAAO,I,CAGR,OAAOxB,KAAKoB,WAAWE,GAAII,c,CAGrB,KAAAV,CAAMW,EAAgBjB,GAC5BV,KAAKN,aAAakC,KAAKlB,GAEvBV,KAAKF,SAAW,KAEhB+B,YAAW,KACV7B,KAAKZ,KAAO,MACZY,KAAKF,SAAW,MAEhBE,KAAKL,OAAOiC,KAAKD,EAAO,GACtB,I,CAIJ,gBAAAG,GACC9B,KAAKgB,MAAM,Q","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["drawerComponentCss","Drawer","header","show","applyBlur","showClose","backdropClickClose","canClose","scrollLock","closeClicked","closed","_hasHeaderSlot","_closing","componentWillLoad","this","_el","querySelector","render","headerContent","h","name","bodyContent","variant","onClicked","ev","_backdropClick","detail","closing","length","onClose","close","modal","_findDrawer","target","el","nodeName","toLowerCase","tagName","parentElement","source","force","emit","event","setTimeout","handleCloseDrawer","handleForceCloseDrawer"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,4R,MCedC,EAAM,M,mGAIVC,OAKAC,KAAgB,MAKhBC,UAAqB,MAKrBC,UAAY,KAKZC,mBAAqB,KAKrBC,SAAoB,KAKpBC,WAAsB,KAQ9BC,aAYAC,O,yBAOQC,eAAiB,MAERC,SAAW,MAE5B,iBAAAC,GACCC,KAAKH,iBAAmBG,KAAKC,IAAIC,cAChC,2B,CAIF,MAAAC,GACC,IAAKH,KAAKX,KAAM,CACf,M,CAGD,MAAMe,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACED,EACC,cAAAG,QAAQ,SACRlB,UAAWU,KAAKV,UAChBmB,UAAYC,GAAOV,KAAKW,eAAeD,EAAGE,QAC1CC,QAASb,KAAKF,SACdJ,WAAYM,KAAKN,YAEjBW,EAAA,sBAAoBQ,QAASb,KAAKF,WAC/BE,KAAKZ,QAAQ0B,QAAUd,KAAKH,iBAC7BQ,EAAA,gCACaL,KAAKT,UACjBwB,QAAUL,GAAOV,KAAKgB,MAAMN,EAAGE,OAAQ,UAEtCZ,KAAKH,eACHO,EACAJ,KAAKZ,QAGViB,EAAA,qBAAgBE,I,CAMb,cAAAI,CAAeD,GACtB,IAAKV,KAAKR,mBAAoB,CAC7B,M,CAGD,MAAMyB,EAAQjB,KAAKkB,YAAYR,EAAGS,QAClC,GAAIF,EAAO,CACV,M,CAGDjB,KAAKgB,MAAMN,EAAI,W,CAGR,WAAAQ,CAAYE,GACnB,IAAKA,EAAI,CACR,OAAO,I,CAGR,GAAIA,EAAGC,SAASC,gBAAkB,qBAAsB,CACvD,OAAOF,C,CAGR,GAAIA,GAAIG,SAASD,gBAAkB,aAAc,CAChD,OAAO,I,CAGR,OAAOtB,KAAKkB,YAAYE,GAAII,c,CAGtB,KAAAR,CAAMN,EAAiBe,EAAqD,UAAWC,EAAQ,OACrG,IAAKA,EAAO,CACX1B,KAAKL,aAAagC,KAAK,CACtBC,MAAOlB,EACPjB,SAAUO,KAAKP,SACTgC,WAGP,IAAKzB,KAAKP,SAAU,CACnB,M,EAIFO,KAAKF,SAAW,KAEhB+B,YAAW,KACV7B,KAAKX,KAAO,MACZW,KAAKF,SAAW,MAChBE,KAAKJ,OAAO+B,MAAM,GAChB,I,CAIJ,iBAAAG,GACC9B,KAAKgB,MAAM,KAAM,Q,CAIlB,sBAAAe,GACC/B,KAAKgB,MAAM,KAAM,QAAS,K","ignoreList":[]}
|
|
@@ -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%}.static{position:static!important}";const n=class{constructor(i){t(this,i)}render(){return i("slot",{key:"78b8055b04b8b75d8e6cda74d346b3798ce6adb9"})}};n.style=o;const d=".z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px 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}*{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){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!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\\:max-w-\\[22\\.5rem\\]{max-width:22.5rem!important}}";const m=a(["flex-1 min-w-0","z-drawer flex flex-col","rounded-2xl bg-white","w-full tablet:max-w-[22.5rem]","shadow-modal"],{variants:{closing:{false:"animate-slide-in-right",true:"animate-slide-out-right"}}});const s=class{constructor(i){t(this,i)}closing=false;render(){return i("div",{key:"588fa8d66f4f38eabb6f32c43cc4edae5da25d88",class:m({closing:r(this.closing)})},i("slot",{key:"64fbe75f5908f8502da9bfd3c5a427d20a9cada6"}))}};s.style=d;const l="*{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 c=a(["flex justify-between","w-full p-4 pb-0 min-h-12"]);const h=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:"80435acb354fdd4814843c8b0ef1eb297c8a9678",class:p()},i("div",{key:"7800396905ed9ce69e0c365ec45f5aa93eebb4df",class:c()},this.showClose&&i("p-button",{key:"e85ecaf4e44d4f702408886b1c6ea09e92fea9c7",variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t)}),i("div",{key:"767c1723defac78365da2043d0e04a9d71fb245b",class:h()},i("slot",{key:"2a4940fda5935fc207061bf075e9a8bb808eb4ea"})),this.showClose&&i("div",{key:"a1ccf517e2d3222539aa53180101112e6b652d79",class:"size-8"})),i("p-smile",{key:"741819b175e05405bd1f1d3578d5a8cb724f3bc3"}))}};w.style=l;export{n as p_drawer_body,s as p_drawer_container,w as p_drawer_header};
|
|
2
|
-
//# sourceMappingURL=p-fe892a0f.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 w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\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:max-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,gX,MCOlBC,EAAU,M,yBACtB,MAAAC,GACC,OAAOC,EAAA,QAAAC,IAAA,4C,aCTT,MAAMC,EAA8B,6nFCKpC,MAAMC,EAAYC,EACjB,CACC,iBAEA,yBAEA,uBACA,gCAEA,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":[]}
|