@paperless/core 1.26.6 → 1.27.0
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 +16 -2
- package/dist/build/p-2786d383.entry.js +2 -0
- package/dist/build/{p-e33a73c2.entry.js.map → p-2786d383.entry.js.map} +1 -1
- package/dist/build/p-34bddc72.entry.js +2 -0
- package/dist/build/p-34bddc72.entry.js.map +1 -0
- package/dist/build/p-3ea2d7a2.entry.js +2 -0
- package/dist/build/{p-f34e08ec.entry.js.map → p-3ea2d7a2.entry.js.map} +1 -1
- package/dist/build/p-6cbe8dc8.entry.js +2 -0
- package/dist/build/{p-f6c6919a.entry.js.map → p-6cbe8dc8.entry.js.map} +1 -1
- package/dist/{paperless/p-424d5c8a.entry.js → build/p-7bf042c9.entry.js} +2 -2
- package/dist/{paperless/p-424d5c8a.entry.js.map → build/p-7bf042c9.entry.js.map} +1 -1
- package/dist/build/p-b848c222.entry.js +2 -0
- package/dist/{paperless/p-3a6efecd.entry.js.map → build/p-b848c222.entry.js.map} +1 -1
- package/dist/build/p-d8641c29.entry.js +2 -0
- package/dist/build/{p-d23db949.entry.js.map → p-d8641c29.entry.js.map} +1 -1
- package/dist/build/p-fe39443a.entry.js +2 -0
- package/dist/build/{p-b6f43309.entry.js.map → p-fe39443a.entry.js.map} +1 -1
- package/dist/build/paperless.css +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-avatar.cjs.entry.js +1 -1
- package/dist/cjs/p-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/p-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/p-cropper.cjs.entry.js +1 -1
- package/dist/cjs/p-cropper.cjs.entry.js.map +1 -1
- package/dist/cjs/p-dropdown_2.cjs.entry.js +1 -1
- package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-layout.cjs.entry.js +2 -2
- package/dist/cjs/p-layout.cjs.entry.js.map +1 -1
- package/dist/cjs/p-modal-body_4.cjs.entry.js +1 -1
- package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-line.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/avatar/avatar.component.css +1 -1
- package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/layout/layout.component.css +1 -1
- package/dist/collection/components/atoms/layout/layout.component.js +1 -1
- package/dist/collection/components/atoms/layout/layout.component.js.map +1 -1
- package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.css +1 -1
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.css +1 -1
- package/dist/collection/components/molecules/cropper/cropper.component.css +1 -1
- package/dist/components/avatar.component.js +1 -1
- package/dist/components/avatar.component.js.map +1 -1
- package/dist/components/backdrop.component.js +1 -1
- package/dist/components/backdrop.component.js.map +1 -1
- package/dist/components/dropdown-menu-item.component.js +1 -1
- package/dist/components/dropdown-menu-item.component.js.map +1 -1
- package/dist/components/modal-container.component.js +1 -1
- package/dist/components/modal-container.component.js.map +1 -1
- package/dist/components/p-cropper.js +1 -1
- package/dist/components/p-cropper.js.map +1 -1
- package/dist/components/p-layout.js +2 -2
- package/dist/components/p-layout.js.map +1 -1
- package/dist/components/p-stepper-item.js +1 -1
- package/dist/components/p-stepper-item.js.map +1 -1
- package/dist/components/stepper-line.component.js +1 -1
- package/dist/components/stepper-line.component.js.map +1 -1
- package/dist/esm/p-avatar.entry.js +1 -1
- package/dist/esm/p-avatar.entry.js.map +1 -1
- package/dist/esm/p-backdrop.entry.js +1 -1
- package/dist/esm/p-backdrop.entry.js.map +1 -1
- package/dist/esm/p-cropper.entry.js +1 -1
- package/dist/esm/p-cropper.entry.js.map +1 -1
- package/dist/esm/p-dropdown_2.entry.js +1 -1
- package/dist/esm/p-dropdown_2.entry.js.map +1 -1
- package/dist/esm/p-layout.entry.js +2 -2
- package/dist/esm/p-layout.entry.js.map +1 -1
- package/dist/esm/p-modal-body_4.entry.js +1 -1
- package/dist/esm/p-modal-body_4.entry.js.map +1 -1
- package/dist/esm/p-stepper-item.entry.js +1 -1
- package/dist/esm/p-stepper-item.entry.js.map +1 -1
- package/dist/esm/p-stepper-line.entry.js +1 -1
- package/dist/esm/p-stepper-line.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-2786d383.entry.js +2 -0
- package/dist/paperless/{p-e33a73c2.entry.js.map → p-2786d383.entry.js.map} +1 -1
- package/dist/paperless/p-34bddc72.entry.js +2 -0
- package/dist/paperless/p-34bddc72.entry.js.map +1 -0
- package/dist/paperless/p-3ea2d7a2.entry.js +2 -0
- package/dist/paperless/{p-f34e08ec.entry.js.map → p-3ea2d7a2.entry.js.map} +1 -1
- package/dist/paperless/p-6cbe8dc8.entry.js +2 -0
- package/dist/paperless/{p-f6c6919a.entry.js.map → p-6cbe8dc8.entry.js.map} +1 -1
- package/dist/{build/p-424d5c8a.entry.js → paperless/p-7bf042c9.entry.js} +2 -2
- package/dist/{build/p-424d5c8a.entry.js.map → paperless/p-7bf042c9.entry.js.map} +1 -1
- package/dist/paperless/p-b848c222.entry.js +2 -0
- package/dist/{build/p-3a6efecd.entry.js.map → paperless/p-b848c222.entry.js.map} +1 -1
- package/dist/paperless/p-d8641c29.entry.js +2 -0
- package/dist/paperless/{p-d23db949.entry.js.map → p-d8641c29.entry.js.map} +1 -1
- package/dist/paperless/p-fe39443a.entry.js +2 -0
- package/dist/paperless/{p-b6f43309.entry.js.map → p-fe39443a.entry.js.map} +1 -1
- package/dist/paperless/paperless.css +249 -27
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/hydrate/index.js +9 -9
- package/package.json +2 -2
- package/dist/build/p-3a6efecd.entry.js +0 -2
- package/dist/build/p-4cc872f7.entry.js +0 -2
- package/dist/build/p-4cc872f7.entry.js.map +0 -1
- package/dist/build/p-b6f43309.entry.js +0 -2
- package/dist/build/p-d23db949.entry.js +0 -2
- package/dist/build/p-e33a73c2.entry.js +0 -2
- package/dist/build/p-f34e08ec.entry.js +0 -2
- package/dist/build/p-f6c6919a.entry.js +0 -2
- package/dist/paperless/p-3a6efecd.entry.js +0 -2
- package/dist/paperless/p-4cc872f7.entry.js +0 -2
- package/dist/paperless/p-4cc872f7.entry.js.map +0 -1
- package/dist/paperless/p-b6f43309.entry.js +0 -2
- package/dist/paperless/p-d23db949.entry.js +0 -2
- package/dist/paperless/p-e33a73c2.entry.js +0 -2
- package/dist/paperless/p-f34e08ec.entry.js +0 -2
- package/dist/paperless/p-f6c6919a.entry.js +0 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-
|
|
3
|
+
const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:75rem}}@media (min-width:96rem){:host .content .inner-content{width:81rem}}@media (min-width:105rem){:host .content .inner-content{width:87rem}}@media (min-width:120rem){:host .content .inner-content{width:90rem}}@media (min-width:160rem){:host .content .inner-content{width:92.5rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;order:2;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:61rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:71rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:77rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:83rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:86rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:88.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[61rem\\]{width:61rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[71rem\\]{width:71rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[77rem\\]{width:77rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[83rem\\]{width:83rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[86rem\\]{width:86rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[88\\.5rem\\]{width:88.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}.bg-unbiased-light\\/50{background-color:rgba(255,246,220,.5)!important}";
|
|
4
4
|
|
|
5
5
|
const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -10,7 +10,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends HTMLElement
|
|
|
10
10
|
this.variant = 'default';
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("slot", { name: "sidebar" })), h("div", { class: "content" }, h("div", { class: "inner-content" }, h("slot", { name: "content" })))));
|
|
13
|
+
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("slot", { name: "sidebar" })), h("div", { class: "content" }, h("div", { class: "inner-content bg-unbiased-light/50" }, h("slot", { name: "content" })))));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return layoutComponentCss; }
|
|
16
16
|
}, [1, "p-layout", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y+JAAy+J;;MCOv/J,MAAM;;;;;mBAIgC,SAAS;;EAE3D,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE,IAC9C,WAAK,KAAK,EAAC,QAAQ,IAClB,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,EACN,WAAK,KAAK,EAAC,SAAS,IACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EACN,WAAK,KAAK,EAAC,SAAS,IACnB,WAAK,KAAK,EAAC,oCAAoC,IAC9C,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACA,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t\t@apply order-2 desktop-sm:order-1;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t\t@apply order-1 desktop-sm:order-2;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply order-3 pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t\t@apply layout-1920:w-content-1920;\n\t\t\t@apply layout-2560:w-content-2560;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply order-3 p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply order-3 layout-1280:order-2;\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[61rem];\n\t\t\t@apply layout-1440:w-[71rem];\n\t\t\t@apply layout-1536:w-[77rem];\n\t\t\t@apply layout-1680:w-[83rem];\n\t\t\t@apply layout-1920:w-[86rem];\n\t\t\t@apply layout-2560:w-[88.5rem];\n\t\t}\n\t}\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class=\"topbar\">\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sidebar\">\n\t\t\t\t\t<slot name=\"sidebar\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<div class=\"inner-content bg-unbiased-light/50\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './icon.component.js';
|
|
3
3
|
|
|
4
|
-
const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter
|
|
4
|
+
const stepperItemComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";
|
|
5
5
|
|
|
6
6
|
const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"file":"p-stepper-item.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,oxGAAoxG;;MCOvyG,WAAW;;;;;iBAIsC,QAAQ;qBAMpE,YAAY;2BAK+C,KAAK;oBAKpB,KAAK;kBAKP,KAAK;;EAEhD,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IAC3B,WAAK,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,QAAQ,IAAI,cAAQ,OAAO,EAAC,WAAW,GAAG,CAC3C,EACN,WAAK,KAAK,EAAC,SAAS,IACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACA,EACN;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/stepper-item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper-item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center;\n\t\t@apply h-4 w-4 rounded-round;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const stepperLineComponentCss = ".mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mr-\\[calc\\(\\.5rem-1px\\)\\]{margin-right:calc(.5rem - 1px)!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[2px\\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter
|
|
3
|
+
const stepperLineComponentCss = ".mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mr-\\[calc\\(\\.5rem-1px\\)\\]{margin-right:calc(.5rem - 1px)!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[2px\\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);margin-right:calc(.5rem - 1px);min-height:1rem;width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.static{position:static!important}";
|
|
4
4
|
|
|
5
5
|
const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"stepper-line.component.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"file":"stepper-line.component.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,izCAAizC;;MCOp0C,WAAW;;;;;kBAIoB,KAAK;qBAM/C,YAAY;;EAEb,MAAM;IACL,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,GAAQ,CAAC;GAC5C;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/stepper-line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper-line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n\t@apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n\t@apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.scss',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host class=\"p-stepper-line\"></Host>;\n\t}\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
|
|
2
2
|
|
|
3
|
-
const avatarComponentCss = ".inline-flex{display:inline-flex!important}.h-16{height:4rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.object-cover{
|
|
3
|
+
const avatarComponentCss = ".inline-flex{display:inline-flex!important}.h-16{height:4rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.object-cover{object-fit:cover!important}.text-\\[0\\.625rem\\]{font-size:.625rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}*{box-sizing:border-box}p-avatar{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(176 178 203/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden;text-transform:uppercase}p-avatar>img{object-fit:cover;object-position:center}p-avatar[size=xsmall]{font-size:.625rem}p-avatar[size=xsmall],p-avatar[size=xsmall]>img{height:1.5rem;width:1.5rem}p-avatar[size=small]{font-size:.75rem;line-height:1rem}p-avatar[size=small],p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]{font-size:1rem;line-height:1.5rem}p-avatar[size=medium],p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]{font-size:1rem;line-height:1.5rem}p-avatar[size=large],p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]{font-size:1rem;line-height:1.5rem}p-avatar[size=xlarge],p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]{border-radius:.25rem}p-avatar[variant=company][size=large],p-avatar[variant=company][size=medium],p-avatar[variant=company][size=xlarge]{border-radius:.375rem}p-avatar[variant=user]{border-radius:100%}.static{position:static!important}";
|
|
4
4
|
|
|
5
5
|
const Avatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-avatar.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"file":"p-avatar.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,y+DAAy+D;;MCOv/D,MAAM;;;mBAIqC,MAAM;gBAU/C,QAAQ;;;;;mBAkBc,KAAK;;EAGzC,YAAY,CAAC,GAAW;IACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GAChB;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACvB;GACD;EAED,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IACpB,IAAI,CAAC,OAAO,KAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAA,IACpC,IAAI,CAAC,OAAO,KAEZ,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GACpC,CACF,CACK,EACN;GACF;EAEO,eAAe;;IACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI;MACR,MAAA,IAAI,CAAC,YAAY,oCAChB,IAAI,CAAC,OAAO,KAAK,MAAM;UACrB,wCAAwC;UACxC,2CAA2C,CAAC,CAAC;GACjD;;;;;;;;;","names":[],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n\t@apply inline-flex flex-shrink-0 items-center justify-center overflow-hidden bg-indigo-light;\n\t@apply font-semibold uppercase text-storm-light;\n\n\t> img {\n\t\t@apply object-cover object-center;\n\t}\n\n\t&[size='xsmall'] {\n\t\t@apply h-6 w-6 text-[0.625rem];\n\n\t\t> img {\n\t\t\t@apply h-6 w-6;\n\t\t}\n\t}\n\n\t&[size='small'] {\n\t\t@apply h-8 w-8 text-xs;\n\n\t\t> img {\n\t\t\t@apply h-8 w-8;\n\t\t}\n\t}\n\n\t&[size='medium'] {\n\t\t@apply h-[3.125rem] w-[3.125rem] text-base;\n\n\t\t> img {\n\t\t\t@apply h-[3.125rem] w-[3.125rem];\n\t\t}\n\t}\n\n\t&[size='large'] {\n\t\t@apply h-16 w-16 text-base;\n\n\t\t> img {\n\t\t\t@apply h-16 w-16;\n\t\t}\n\t}\n\n\t&[size='xlarge'] {\n\t\t@apply h-[6.5rem] w-[6.5rem] text-base;\n\n\t\t> img {\n\t\t\t@apply h-[6.5rem] w-[6.5rem];\n\t\t}\n\t}\n\n\t&[variant='company'] {\n\t\t@apply rounded;\n\n\t\t&[size='medium'],\n\t\t&[size='large'],\n\t\t&[size='xlarge'] {\n\t\t\t@apply rounded-large;\n\t\t}\n\t}\n\n\t&[variant='user'] {\n\t\t@apply rounded-round;\n\t}\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The variant of the avatar\n\t */\n\t@Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xsmall'\n\t\t| 'small'\n\t\t| 'medium'\n\t\t| 'large'\n\t\t| 'xlarge' = 'medium';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setDefaultLink();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-avatar\">\n\t\t\t\t{this._failed && this.letters?.length ? (\n\t\t\t\t\tthis.letters\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tonError={() => this._setDefaultLink()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setDefaultLink() {\n\t\tthis._failed = true;\n\t\tthis._src =\n\t\t\tthis.defaultImage ??\n\t\t\t(this.variant === 'user'\n\t\t\t\t? '/assets/images/avatar/user-default.svg'\n\t\t\t\t: '/assets/images/avatar/company-default.svg');\n\t}\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7b917f6b.js';
|
|
2
2
|
|
|
3
|
-
const backdropComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.
|
|
3
|
+
const backdropComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .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-y-auto{overflow-y:auto!important}.p-0{padding:0!important}.max-h-screen{max-height:100vh!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:stretch;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);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)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){:host(.variant-drawer) .content-container{align-items:flex-start;padding:0}}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.static{position:static!important}";
|
|
4
4
|
|
|
5
5
|
const Backdrop = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-backdrop.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,
|
|
1
|
+
{"file":"p-backdrop.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,2/DAA2/D;;MCgB3gE,QAAQ;;;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAelC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;GACD;EAED,MAAM;IACL,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACxC,IAAI,CAAC,SAAS,IAAI,SACnB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC7B,eAAQ,CACH,CACA,EACN;GACF;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MAC3B,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACtB;;;;;;;","names":[],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n\t@apply fixed left-0 top-0 z-backdrop;\n\t@apply h-full w-full;\n\t@apply overflow-hidden;\n\t@apply animate-fade-in bg-storm-dark/50;\n\t@apply max-h-screen max-w-screen;\n\n\t.content-container {\n\t\t@apply h-full w-full overflow-y-auto overflow-x-hidden;\n\t\t@apply tablet:px-16 desktop-xs:p-16;\n\t\t@apply flex items-end justify-center desktop-xs:items-stretch;\n\t\t@apply max-h-screen max-w-screen;\n\t}\n}\n\n:host(.blurred) {\n\t@apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n\t@apply animate-fade-out;\n\n\t.content-container {\n\t\t@apply overflow-hidden;\n\t}\n}\n\n:host(.variant-drawer) {\n\t.content-container {\n\t\t@apply items-start justify-end desktop-xs:items-start;\n\t\t@apply p-0 tablet:p-0 desktop-xs:p-0;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\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 * 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\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-backdrop variant-${this.variant} ${\n\t\t\t\t\tthis.applyBlur && 'blurred'\n\t\t\t\t} ${this.closing && 'closing'}`}\n\t\t\t>\n\t\t\t\t<div class=\"content-container\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}
|
|
@@ -2671,7 +2671,7 @@ CropperSelection.$define();
|
|
|
2671
2671
|
CropperShade.$define();
|
|
2672
2672
|
CropperViewer.$define();
|
|
2673
2673
|
|
|
2674
|
-
const cropperComponentCss = ".relative{position:relative!important}.-mt-\\[6px\\]{margin-top:-6px!important}.mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{
|
|
2674
|
+
const cropperComponentCss = ".relative{position:relative!important}.-mt-\\[6px\\]{margin-top:-6px!important}.mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-round{border-radius:100%!important}.border-0{border-width:0!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}:host .p-input[type=range]{appearance:none;background-color:transparent;position:relative}:host .p-input[type=range]::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}:host .p-input[type=range]::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:100%;border-width:0;height:1rem;width:1rem}:host .p-input[type=range]::-webkit-slider-thumb{margin-top:-6px}.static{position:static!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";
|
|
2675
2675
|
|
|
2676
2676
|
const Cropper = class {
|
|
2677
2677
|
constructor(hostRef) {
|