@paperless/core 2.0.1-beta.187 → 2.0.1-beta.189
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-22661b43.entry.js +2 -0
- package/dist/build/p-22661b43.entry.js.map +1 -0
- package/dist/build/p-6215693a.entry.js +2 -0
- package/dist/build/p-6215693a.entry.js.map +1 -0
- package/dist/build/p-backdrop.entry.esm.js.map +1 -1
- package/dist/build/p-d3724707.entry.js +2 -0
- package/dist/build/{p-a48262c6.entry.js.map → p-d3724707.entry.js.map} +1 -1
- package/dist/build/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
- package/dist/build/{p-4f67baa0.js → p-fcf2e808.js} +1 -1
- package/dist/build/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-backdrop.cjs.entry.js +5 -5
- package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/p-backdrop.entry.cjs.js.map +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 +1 -1
- package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js.map +1 -1
- package/dist/cjs/p-modal-body_4.cjs.entry.js +7 -7
- package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
- package/dist/collection/components/atoms/backdrop/backdrop.component.js +4 -4
- package/dist/collection/components/atoms/backdrop/backdrop.component.js.map +1 -1
- package/dist/collection/components/atoms/drawer/container/drawer-container.component.css +1 -1
- package/dist/collection/components/atoms/modal/body/modal-body.component.css +1 -1
- package/dist/collection/components/atoms/modal/body/modal-body.component.js +4 -4
- package/dist/collection/components/atoms/modal/body/modal-body.component.js.map +1 -1
- package/dist/collection/components/atoms/modal/footer/modal-footer.component.css +1 -1
- package/dist/collection/components/atoms/modal/footer/modal-footer.component.js +1 -1
- package/dist/collection/components/atoms/modal/footer/modal-footer.component.js.map +1 -1
- package/dist/components/p-8Cc086Ro.js +58 -0
- package/dist/components/{p-Dlmv9Uk2.js.map → p-8Cc086Ro.js.map} +1 -1
- package/dist/components/{p-CMY9PhJV.js → p-CixQv4Tx.js} +7 -7
- package/dist/components/p-CixQv4Tx.js.map +1 -0
- package/dist/components/{p-D4wHNR58.js → p-DjXe7nkJ.js} +7 -7
- package/dist/components/{p-D4wHNR58.js.map → p-DjXe7nkJ.js.map} +1 -1
- package/dist/components/p-backdrop.js +1 -1
- package/dist/components/p-drawer-container.js +1 -1
- package/dist/components/p-drawer.js +2 -2
- package/dist/components/p-modal-body.js +1 -1
- package/dist/components/p-modal-footer.js +1 -1
- package/dist/components/p-modal.js +3 -3
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/{p-BEjjE8Lw.js → p-tb8e8oTl.js} +4 -4
- package/dist/components/{p-BEjjE8Lw.js.map → p-tb8e8oTl.js.map} +1 -1
- package/dist/esm/p-backdrop.entry.js +5 -5
- package/dist/esm/p-backdrop.entry.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 +1 -1
- package/dist/esm/p-drawer-body_3.entry.js.map +1 -1
- package/dist/esm/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js.map +1 -1
- package/dist/esm/p-modal-body_4.entry.js +7 -7
- package/dist/esm/p-modal-body_4.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-22661b43.entry.js +2 -0
- package/dist/paperless/p-22661b43.entry.js.map +1 -0
- package/dist/paperless/p-6215693a.entry.js +2 -0
- package/dist/paperless/p-6215693a.entry.js.map +1 -0
- package/dist/paperless/p-backdrop.entry.esm.js.map +1 -1
- package/dist/paperless/p-d3724707.entry.js +2 -0
- package/dist/paperless/{p-a48262c6.entry.js.map → p-d3724707.entry.js.map} +1 -1
- package/dist/paperless/p-drawer-body.p-drawer-container.p-drawer-header.entry.esm.js.map +1 -1
- package/dist/paperless/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.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-274e9c49.entry.js +0 -2
- package/dist/build/p-274e9c49.entry.js.map +0 -1
- package/dist/build/p-5fa74e2e.entry.js +0 -2
- package/dist/build/p-5fa74e2e.entry.js.map +0 -1
- package/dist/build/p-a48262c6.entry.js +0 -2
- package/dist/components/p-CMY9PhJV.js.map +0 -1
- package/dist/components/p-Dlmv9Uk2.js +0 -58
- package/dist/paperless/p-274e9c49.entry.js +0 -2
- package/dist/paperless/p-274e9c49.entry.js.map +0 -1
- package/dist/paperless/p-5fa74e2e.entry.js +0 -2
- package/dist/paperless/p-5fa74e2e.entry.js.map +0 -1
- package/dist/paperless/p-a48262c6.entry.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-backdrop.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,
|
|
1
|
+
{"file":"p-backdrop.entry.cjs.js","mappings":"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","names":["cva","h","asBoolean"],"sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start py-safe'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-backdrop.entry.cjs.js","sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"names":["cva","h","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-backdrop.entry.cjs.js","sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start py-safe'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"names":["cva","h","asBoolean"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","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:
|
|
1
|
+
{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","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","","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"],"names":["h","cva","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,g0EAAg0E;;ACKp2E,MAAM,SAAS,GAAGC,WAAG,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,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC9CT,MAAM,wBAAwB,GAAG,+5BAA+5B;;ACGh8B,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;AAC9C,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;"}
|
|
@@ -17,7 +17,7 @@ const DrawerBody = class {
|
|
|
17
17
|
};
|
|
18
18
|
DrawerBody.style = drawerBodyComponentCss;
|
|
19
19
|
|
|
20
|
-
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\\:
|
|
20
|
+
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}}";
|
|
21
21
|
|
|
22
22
|
const container = index$1.cva([
|
|
23
23
|
'flex-1 min-w-0',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,
|
|
1
|
+
{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,6UAA6U;;MCO/V,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,g0EAAg0E;;ACKp2E,MAAM,SAAS,GAAGC,WAAG,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,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC9CT,MAAM,wBAAwB,GAAG,+5BAA+5B;;ACGh8B,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;AAC9C,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;","names":["h","cva","asBoolean"],"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","","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"],"version":3}
|
package/dist/cjs/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl',\n\t\t\tfalse:
|
|
1
|
+
{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\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",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\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\tsize: this.size,\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","","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\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<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 && (\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\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"],"names":["cva","h","asBoolean"],"mappings":"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"}
|
|
@@ -5,13 +5,13 @@ var index$1 = require('./index-mudu9vpz.js');
|
|
|
5
5
|
var asBoolean = require('./as-boolean-C1PzA22I.js');
|
|
6
6
|
require('./clsx-BtxeOLZW.js');
|
|
7
7
|
|
|
8
|
-
const modalBodyComponentCss = "*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";
|
|
8
|
+
const modalBodyComponentCss = "*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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-4{padding-bottom:1rem!important}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";
|
|
9
9
|
|
|
10
10
|
const body = index$1.cva('bg-white p-4', {
|
|
11
11
|
variants: {
|
|
12
12
|
roundedBottom: {
|
|
13
|
-
true: 'rounded-b-none desktop-xs:rounded-b-2xl',
|
|
14
|
-
false:
|
|
13
|
+
true: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',
|
|
14
|
+
false: 'pb-4',
|
|
15
15
|
},
|
|
16
16
|
roundedTop: {
|
|
17
17
|
true: 'rounded-t-lg desktop-xs:rounded-t-2xl',
|
|
@@ -32,10 +32,10 @@ const ModalBody = class {
|
|
|
32
32
|
*/
|
|
33
33
|
roundedTop = false;
|
|
34
34
|
render() {
|
|
35
|
-
return (index.h("div", { key: '
|
|
35
|
+
return (index.h("div", { key: '87520e2e57d9de44f9a9f17c94ae52080f8124f0', class: body({
|
|
36
36
|
roundedBottom: this.roundedBottom,
|
|
37
37
|
roundedTop: this.roundedTop,
|
|
38
|
-
}) }, index.h("slot", { key: '
|
|
38
|
+
}) }, index.h("slot", { key: '01e66b04c16502d47a846890649603b057f2971c' })));
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
ModalBody.style = modalBodyComponentCss;
|
|
@@ -84,14 +84,14 @@ const ModalContainer = class {
|
|
|
84
84
|
};
|
|
85
85
|
ModalContainer.style = modalContainerComponentCss;
|
|
86
86
|
|
|
87
|
-
const modalFooterComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-
|
|
87
|
+
const modalFooterComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
|
|
88
88
|
|
|
89
89
|
const ModalFooter = class {
|
|
90
90
|
constructor(hostRef) {
|
|
91
91
|
index.registerInstance(this, hostRef);
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
|
-
return (index.h("div", { key: '
|
|
94
|
+
return (index.h("div", { key: '8ebe07d8840508bfb387a77ca0fe773304031255', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, index.h("p-divider", { key: 'ab42943658e1a9b7a1e2b4f912a3e145841d7da6', class: 'mb-4 hidden desktop-xs:inline-block' }), index.h("div", { key: 'ec4f25af90760d39b29d6b967d4834e264704beb', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, index.h("slot", { key: '8d98170703e55e38c3c7010d7c4d84ab93d40831' }))));
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
ModalFooter.style = modalFooterComponentCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,qBAAqB,GAAG,
|
|
1
|
+
{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,qBAAqB,GAAG,szBAAszB;;ACGp1B,MAAM,IAAI,GAAGA,WAAG,CAAC,cAAc,EAAE;AAChC,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,IAAI,EAAE,qFAAqF;AAC3F,YAAA,KAAK,EAAE,MAAM;AACb,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,aAAA,CAAC,EAAA,EAEFA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;ACzCT,MAAM,0BAA0B,GAAG,yiGAAyiG;;ACI5kG,MAAM,SAAS,GAAGD,WAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,EAAE,EAAE,sBAAsB;AAC1B,YAAA,KAAK,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,kEAAkE;AACnE,YAAA,IAAI,EAAE,wFAAwF;AAC9F,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAAwC,MAAM;AAE1D;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,OAAO,EAAEC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC1DT,MAAM,uBAAuB,GAAG,82BAA82B;;MCOj4B,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACL,QACCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4GAA4G,EAAA,EACtHA,OAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAG,CAAA,EAEzDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACD;;;;;AChBT,MAAM,uBAAuB,GAAG,+1CAA+1C;;ACG/3C,MAAM,MAAM,GAAGD,WAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;AAC1B,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,8CAA8C;AAC9C,CAAA,CAAC;MAOW,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;QACL,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAENA,OAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;;","names":["cva","h","asBoolean"],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\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",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'tablet:max-w-[20rem]',\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'xs' | 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\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\tsize: this.size,\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","","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\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<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 && (\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\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"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards!important}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\/40{background-color:rgba(0,2,2,.4)!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\:items-start{align-items:flex-start!important}.desktop-xs\:items-stretch{align-items:stretch!important}.desktop-xs\:py-8{padding-bottom:2rem!important;padding-top:2rem!important}}
|
|
1
|
+
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards!important}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\/40{background-color:rgba(0,2,2,.4)!important}.pt-16{padding-top:4rem!important}.blur{--tw-blur:blur(8px)!important;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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.py-safe{padding-bottom:env(safe-area-inset-bottom)!important;padding-top:env(safe-area-inset-top)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\:items-start{align-items:flex-start!important}.desktop-xs\:items-stretch{align-items:stretch!important}.desktop-xs\:py-8{padding-bottom:2rem!important;padding-top:2rem!important}}
|
|
@@ -31,7 +31,7 @@ const contentContainer = cva([
|
|
|
31
31
|
'pt-16 tablet:px-16 desktop-xs:py-8',
|
|
32
32
|
'items-end desktop-xs:items-stretch justify-center',
|
|
33
33
|
],
|
|
34
|
-
drawer: ['items-start justify-end desktop-xs:items-start'],
|
|
34
|
+
drawer: ['items-start justify-end desktop-xs:items-start py-safe'],
|
|
35
35
|
},
|
|
36
36
|
closing: {
|
|
37
37
|
false: null,
|
|
@@ -87,13 +87,13 @@ export class Backdrop {
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
render() {
|
|
90
|
-
return (h("div", { key: '
|
|
90
|
+
return (h("div", { key: '39cad94aa22096c6fae4a4a00dc90e4fe3e6e83f', class: backdrop({
|
|
91
91
|
blur: asBoolean(this.applyBlur),
|
|
92
92
|
closing: asBoolean(this.closing),
|
|
93
|
-
}) }, h("div", { key: '
|
|
93
|
+
}) }, h("div", { key: 'be35ab8641310c72a3607ad534b4303147cf5abe', class: contentContainer({
|
|
94
94
|
variant: this.variant,
|
|
95
95
|
closing: asBoolean(this.closing),
|
|
96
|
-
}) }, h("slot", { key: '
|
|
96
|
+
}) }, h("slot", { key: '56c4294198a2ad4328d123e2a848e1f845f4c4ba' }))));
|
|
97
97
|
}
|
|
98
98
|
handleClick(ev) {
|
|
99
99
|
if (ev.target !== this._el && !this._el.contains(ev.target)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backdrop.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/backdrop/backdrop.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,MAAM,EACN,IAAI,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,QAAQ,GAAG,GAAG,CACnB;IACC,MAAM;IACN,+BAA+B;IAC/B,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,2BAA2B;CAC3B,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,kBAAkB;SACxB;QACD,OAAO,EAAE;YACR,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,sCAAsC;SAC5C;KACD;CACD,CACD,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAC3B;IACC,iDAAiD;IACjD,MAAM;IACN,2BAA2B;CAC3B,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE;gBACN,oCAAoC;gBACpC,mDAAmD;aACnD;YACD,MAAM,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"backdrop.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/backdrop/backdrop.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start py-safe'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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\:
|
|
1
|
+
.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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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}@media (min-width:64rem){.desktop-xs\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}
|
|
1
|
+
*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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-4{padding-bottom:1rem!important}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:64rem){.desktop-xs\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}
|
|
@@ -3,8 +3,8 @@ import { cva } from "class-variance-authority";
|
|
|
3
3
|
const body = cva('bg-white p-4', {
|
|
4
4
|
variants: {
|
|
5
5
|
roundedBottom: {
|
|
6
|
-
true: 'rounded-b-none desktop-xs:rounded-b-2xl',
|
|
7
|
-
false:
|
|
6
|
+
true: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',
|
|
7
|
+
false: 'pb-4',
|
|
8
8
|
},
|
|
9
9
|
roundedTop: {
|
|
10
10
|
true: 'rounded-t-lg desktop-xs:rounded-t-2xl',
|
|
@@ -22,10 +22,10 @@ export class ModalBody {
|
|
|
22
22
|
*/
|
|
23
23
|
roundedTop = false;
|
|
24
24
|
render() {
|
|
25
|
-
return (h("div", { key: '
|
|
25
|
+
return (h("div", { key: '87520e2e57d9de44f9a9f17c94ae52080f8124f0', class: body({
|
|
26
26
|
roundedBottom: this.roundedBottom,
|
|
27
27
|
roundedTop: this.roundedTop,
|
|
28
|
-
}) }, h("slot", { key: '
|
|
28
|
+
}) }, h("slot", { key: '01e66b04c16502d47a846890649603b057f2971c' })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "p-modal-body"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-body.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/body/modal-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CAAC,cAAc,EAAE;IAChC,QAAQ,EAAE;QACT,aAAa,EAAE;YACd,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"modal-body.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/body/modal-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,IAAI,GAAG,GAAG,CAAC,cAAc,EAAE;IAChC,QAAQ,EAAE;QACT,aAAa,EAAE;YACd,IAAI,EAAE,qFAAqF;YAC3F,KAAK,EAAE,MAAM;SACb;QACD,UAAU,EAAE;YACX,IAAI,EAAE,uCAAuC;YAC7C,KAAK,EAAE,IAAI;SACX;KACD;CACD,CAAC,CAAC;AAOH,MAAM,OAAO,SAAS;IACrB;;OAEG;IACK,aAAa,GAAY,KAAK,CAAC;IAEvC;;OAEG;IACK,UAAU,GAAY,KAAK,CAAC;IAEpC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;aAC3B,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-
|
|
1
|
+
*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:40rem){.tablet\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.desktop-xs\:inline-block{display:inline-block!important}.desktop-xs\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class ModalFooter {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '8ebe07d8840508bfb387a77ca0fe773304031255', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'ab42943658e1a9b7a1e2b4f912a3e145841d7da6', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'ec4f25af90760d39b29d6b967d4834e264704beb', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '8d98170703e55e38c3c7010d7c4d84ab93d40831' }))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "p-modal-footer"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-footer.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/footer/modal-footer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,WAAW;IACvB,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"modal-footer.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/footer/modal-footer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,WAAW;IACvB,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,4GAA4G;YACtH,kEAAW,KAAK,EAAC,qCAAqC,GAAG;YAEzD,4DAAK,KAAK,EAAC,0CAA0C;gBACpD,8DAAQ,CACH,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
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 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
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,13 +1,13 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
|
|
4
|
-
const modalBodyComponentCss = "*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";
|
|
4
|
+
const modalBodyComponentCss = "*{box-sizing:border-box}.static{position:static!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!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-4{padding-bottom:1rem!important}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";
|
|
5
5
|
|
|
6
6
|
const body = cva('bg-white p-4', {
|
|
7
7
|
variants: {
|
|
8
8
|
roundedBottom: {
|
|
9
|
-
true: 'rounded-b-none desktop-xs:rounded-b-2xl',
|
|
10
|
-
false:
|
|
9
|
+
true: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',
|
|
10
|
+
false: 'pb-4',
|
|
11
11
|
},
|
|
12
12
|
roundedTop: {
|
|
13
13
|
true: 'rounded-t-lg desktop-xs:rounded-t-2xl',
|
|
@@ -30,10 +30,10 @@ const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends H {
|
|
|
30
30
|
*/
|
|
31
31
|
roundedTop = false;
|
|
32
32
|
render() {
|
|
33
|
-
return (h("div", { key: '
|
|
33
|
+
return (h("div", { key: '87520e2e57d9de44f9a9f17c94ae52080f8124f0', class: body({
|
|
34
34
|
roundedBottom: this.roundedBottom,
|
|
35
35
|
roundedTop: this.roundedTop,
|
|
36
|
-
}) }, h("slot", { key: '
|
|
36
|
+
}) }, h("slot", { key: '01e66b04c16502d47a846890649603b057f2971c' })));
|
|
37
37
|
}
|
|
38
38
|
static get style() { return modalBodyComponentCss; }
|
|
39
39
|
}, [1, "p-modal-body", {
|
|
@@ -56,6 +56,6 @@ function defineCustomElement() {
|
|
|
56
56
|
defineCustomElement();
|
|
57
57
|
|
|
58
58
|
export { ModalBody as M, defineCustomElement as d };
|
|
59
|
-
//# sourceMappingURL=p-
|
|
59
|
+
//# sourceMappingURL=p-CixQv4Tx.js.map
|
|
60
60
|
|
|
61
|
-
//# sourceMappingURL=p-
|
|
61
|
+
//# sourceMappingURL=p-CixQv4Tx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-CixQv4Tx.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,szBAAszB;;ACGp1B,MAAM,IAAI,GAAG,GAAG,CAAC,cAAc,EAAE;AAChC,IAAA,QAAQ,EAAE;AACT,QAAA,aAAa,EAAE;AACd,YAAA,IAAI,EAAE,qFAAqF;AAC3F,YAAA,KAAK,EAAE,MAAM;AACb,SAAA;AACD,QAAA,UAAU,EAAE;AACX,YAAA,IAAI,EAAE,uCAAuC;AAC7C,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;AACrB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;IAEnC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC;gBACX,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU,EAAE,IAAI,CAAC,UAAU;AAC3B,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',\n\t\t\tfalse: 'pb-4',\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\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}
|