@paperless/core 1.27.3 → 1.27.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/build/p-95127a4f.entry.js +2 -0
- package/dist/build/p-95127a4f.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-layout.cjs.entry.js +1 -1
- package/dist/cjs/p-layout.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/layout/layout.component.css +1 -1
- package/dist/collection/tailwind/width.js +5 -7
- package/dist/components/p-layout.js +1 -1
- package/dist/components/p-layout.js.map +1 -1
- package/dist/esm/p-layout.entry.js +1 -1
- package/dist/esm/p-layout.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-95127a4f.entry.js +2 -0
- package/dist/paperless/p-95127a4f.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/tailwind/width.js +5 -7
- package/hydrate/index.js +1 -1
- package/package.json +1 -1
- package/dist/build/p-57a32088.entry.js +0 -2
- package/dist/build/p-57a32088.entry.js.map +0 -1
- package/dist/paperless/p-57a32088.entry.js +0 -2
- package/dist/paperless/p-57a32088.entry.js.map +0 -1
package/dist/tailwind/width.js
CHANGED
|
@@ -4,15 +4,13 @@ module.exports = {
|
|
|
4
4
|
|
|
5
5
|
// default variant
|
|
6
6
|
'content-mobile': '100%',
|
|
7
|
-
'content-1280': '
|
|
8
|
-
'content-1440': '
|
|
9
|
-
'content-1536': '
|
|
10
|
-
'content-1680': '
|
|
11
|
-
'content-1920': '90rem',
|
|
12
|
-
'content-2560': '92.5rem',
|
|
7
|
+
'content-1280': '62rem',
|
|
8
|
+
'content-1440': '71rem',
|
|
9
|
+
'content-1536': '77rem',
|
|
10
|
+
'content-1680': '83rem',
|
|
13
11
|
|
|
14
12
|
// login variant
|
|
15
13
|
'sidebar-desktop-login': '100%',
|
|
16
|
-
'content-desktop-login': '
|
|
14
|
+
'content-desktop-login': '21rem',
|
|
17
15
|
},
|
|
18
16
|
};
|
package/hydrate/index.js
CHANGED
|
@@ -20088,7 +20088,7 @@ class Label {
|
|
|
20088
20088
|
}; }
|
|
20089
20089
|
}
|
|
20090
20090
|
|
|
20091
|
-
const layoutComponentCss = "/*!@.relative*/.relative.sc-p-layout{position:relative!important}/*!@.sticky*/.sticky.sc-p-layout{position:sticky!important}/*!@.order-1*/.order-1.sc-p-layout{order:1!important}/*!@.order-2*/.order-2.sc-p-layout{order:2!important}/*!@.order-3*/.order-3.sc-p-layout{order:3!important}/*!@.box-border*/.box-border.sc-p-layout{box-sizing:border-box!important}/*!@.flex*/.flex.sc-p-layout{display:flex!important}/*!@.grid*/.grid.sc-p-layout{display:grid!important}/*!@.hidden*/.hidden.sc-p-layout{display:none!important}/*!@.h-dvh*/.h-dvh.sc-p-layout{height:100dvh!important}/*!@.h-full*/.h-full.sc-p-layout{height:100%!important}/*!@.w-full*/.w-full.sc-p-layout{width:100%!important}/*!@.w-unset*/.w-unset.sc-p-layout{width:unset!important}/*!@.flex-1*/.flex-1.sc-p-layout{flex:1 1 0%!important}/*!@.flex-col*/.flex-col.sc-p-layout{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-layout{align-items:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-layout{overflow-y:auto!important}/*!@.px-content-mobile-x*/.px-content-mobile-x.sc-p-layout{padding-left:1rem!important;padding-right:1rem!important}/*!@**/*.sc-p-layout{box-sizing:border-box}/*!@:host*/.sc-p-layout-h{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*/.sc-p-layout-h{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}/*!@:host .content,:host .sidebar,:host .topbar*/.sc-p-layout-h .content.sc-p-layout,.sc-p-layout-h .sidebar.sc-p-layout,.sc-p-layout-h .topbar.sc-p-layout{align-self:flex-start}/*!@:host .topbar*/.sc-p-layout-h .topbar.sc-p-layout{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){/*!@:host .topbar*/.sc-p-layout-h .topbar.sc-p-layout{order:1}}/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{order:2;width:15rem}}@media (min-width:105rem){/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{width:18rem}}/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{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*/.sc-p-layout-h .content.sc-p-layout{padding:2rem}}@media (min-width:80rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding:2rem}}@media (min-width:120rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{flex:1 1 0%;position:relative}@media (min-width:80rem){/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:
|
|
20091
|
+
const layoutComponentCss = "/*!@.relative*/.relative.sc-p-layout{position:relative!important}/*!@.sticky*/.sticky.sc-p-layout{position:sticky!important}/*!@.order-1*/.order-1.sc-p-layout{order:1!important}/*!@.order-2*/.order-2.sc-p-layout{order:2!important}/*!@.order-3*/.order-3.sc-p-layout{order:3!important}/*!@.box-border*/.box-border.sc-p-layout{box-sizing:border-box!important}/*!@.flex*/.flex.sc-p-layout{display:flex!important}/*!@.grid*/.grid.sc-p-layout{display:grid!important}/*!@.hidden*/.hidden.sc-p-layout{display:none!important}/*!@.h-dvh*/.h-dvh.sc-p-layout{height:100dvh!important}/*!@.h-full*/.h-full.sc-p-layout{height:100%!important}/*!@.w-full*/.w-full.sc-p-layout{width:100%!important}/*!@.w-unset*/.w-unset.sc-p-layout{width:unset!important}/*!@.flex-1*/.flex-1.sc-p-layout{flex:1 1 0%!important}/*!@.flex-col*/.flex-col.sc-p-layout{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-layout{align-items:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-layout{overflow-y:auto!important}/*!@.px-content-mobile-x*/.px-content-mobile-x.sc-p-layout{padding-left:1rem!important;padding-right:1rem!important}/*!@**/*.sc-p-layout{box-sizing:border-box}/*!@:host*/.sc-p-layout-h{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*/.sc-p-layout-h{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}/*!@:host .content,:host .sidebar,:host .topbar*/.sc-p-layout-h .content.sc-p-layout,.sc-p-layout-h .sidebar.sc-p-layout,.sc-p-layout-h .topbar.sc-p-layout{align-self:flex-start}/*!@:host .topbar*/.sc-p-layout-h .topbar.sc-p-layout{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){/*!@:host .topbar*/.sc-p-layout-h .topbar.sc-p-layout{order:1}}/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{order:2;width:15rem}}@media (min-width:105rem){/*!@:host .sidebar*/.sc-p-layout-h .sidebar.sc-p-layout{width:18rem}}/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{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*/.sc-p-layout-h .content.sc-p-layout{padding:2rem}}@media (min-width:80rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding:2rem}}@media (min-width:120rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){/*!@:host .content*/.sc-p-layout-h .content.sc-p-layout{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{flex:1 1 0%;position:relative}@media (min-width:80rem){/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:62rem}}@media (min-width:90rem){/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:71rem}}@media (min-width:96rem){/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:77rem}}@media (min-width:105rem){/*!@:host .content .inner-content*/.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:83rem}}/*!@:host(.variant-default) .content*/.variant-default.sc-p-layout-h .content.sc-p-layout{flex:1 1 0%}/*!@:host(.variant-login)*/.variant-login.sc-p-layout-h{grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){/*!@:host(.variant-login)*/.variant-login.sc-p-layout-h{grid-template-areas:\"topbar topbar\" \"content sidebar\"}}/*!@:host(.variant-login) .sidebar*/.variant-login.sc-p-layout-h .sidebar.sc-p-layout{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){/*!@:host(.variant-login) .sidebar*/.variant-login.sc-p-layout-h .sidebar.sc-p-layout{display:flex}}/*!@:host(.variant-login) .sidebar .inner-content*/.variant-login.sc-p-layout-h .sidebar.sc-p-layout .inner-content.sc-p-layout{padding:.5rem}/*!@:host(.variant-login) .content*/.variant-login.sc-p-layout-h .content.sc-p-layout{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*/.variant-login.sc-p-layout-h .content.sc-p-layout{justify-content:center;order:2;padding:1.5rem 4.5rem 0}}/*!@:host(.variant-login) .content .inner-content*/.variant-login.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){/*!@:host(.variant-login) .content .inner-content*/.variant-login.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:21rem}}@media (min-width:80rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:61rem}}@media (min-width:90rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:71rem}}@media (min-width:96rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:77rem}}@media (min-width:105rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:83rem}}@media (min-width:120rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:86rem}}@media (min-width:160rem){/*!@:host(.variant-office) .content .inner-content*/.variant-office.sc-p-layout-h .content.sc-p-layout .inner-content.sc-p-layout{width:88.5rem}}@media (min-width:80rem){/*!@:host(.variant-office) .sidebar*/.variant-office.sc-p-layout-h .sidebar.sc-p-layout{width:19rem}}@media (min-width:105rem){/*!@:host(.variant-office) .sidebar*/.variant-office.sc-p-layout-h .sidebar.sc-p-layout{width:22rem}}@media (min-width:80rem){/*!@.layout-1280\\:flex*/.layout-1280\\:flex.sc-p-layout{display:flex!important}/*!@.layout-1280\\:w-60*/.layout-1280\\:w-60.sc-p-layout{width:15rem!important}/*!@.layout-1280\\:w-\\[19rem\\]*/.layout-1280\\:w-\\[19rem\\].sc-p-layout{width:19rem!important}/*!@.layout-1280\\:w-\\[61rem\\]*/.layout-1280\\:w-\\[61rem\\].sc-p-layout{width:61rem!important}/*!@.layout-1280\\:p-6*/.layout-1280\\:p-6.sc-p-layout{padding:1.5rem!important}/*!@.layout-1280\\:px-18*/.layout-1280\\:px-18.sc-p-layout{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){/*!@.layout-1440\\:w-\\[71rem\\]*/.layout-1440\\:w-\\[71rem\\].sc-p-layout{width:71rem!important}}@media (min-width:96rem){/*!@.layout-1536\\:w-\\[77rem\\]*/.layout-1536\\:w-\\[77rem\\].sc-p-layout{width:77rem!important}}@media (min-width:105rem){/*!@.layout-1680\\:w-\\[22rem\\]*/.layout-1680\\:w-\\[22rem\\].sc-p-layout{width:22rem!important}/*!@.layout-1680\\:w-\\[83rem\\]*/.layout-1680\\:w-\\[83rem\\].sc-p-layout{width:83rem!important}}@media (min-width:120rem){/*!@.layout-1920\\:w-\\[86rem\\]*/.layout-1920\\:w-\\[86rem\\].sc-p-layout{width:86rem!important}/*!@.layout-1920\\:pl-20*/.layout-1920\\:pl-20.sc-p-layout{padding-left:5rem!important}/*!@.layout-1920\\:pr-8*/.layout-1920\\:pr-8.sc-p-layout{padding-right:2rem!important}}@media (min-width:160rem){/*!@.layout-2560\\:w-\\[88\\.5rem\\]*/.layout-2560\\:w-\\[88\\.5rem\\].sc-p-layout{width:88.5rem!important}/*!@.layout-2560\\:pb-\\[7\\.5rem\\]*/.layout-2560\\:pb-\\[7\\.5rem\\].sc-p-layout{padding-bottom:7.5rem!important}/*!@.layout-2560\\:pl-\\[7\\.5rem\\]*/.layout-2560\\:pl-\\[7\\.5rem\\].sc-p-layout{padding-left:7.5rem!important}/*!@.layout-2560\\:pt-16*/.layout-2560\\:pt-16.sc-p-layout{padding-top:4rem!important}}/*!@.static*/.static.sc-p-layout{position:static!important}";
|
|
20092
20092
|
|
|
20093
20093
|
class Layout {
|
|
20094
20094
|
constructor(hostRef) {
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-e4d5e7a7.js";const n='.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}';const r=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};r.style=n;export{r as p_layout};
|
|
2
|
-
//# sourceMappingURL=p-57a32088.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"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\">\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"],"mappings":"kDAAA,MAAMA,EAAqB,g5J,MCOdC,EAAM,M,sCAIgC,S,CAElD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WACrCJ,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMK,KAAK,YAEZL,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMK,KAAK,aAEZL,EAAA,OAAKE,MAAM,WACVF,EAAA,OAAKE,MAAM,iBACVF,EAAA,QAAMK,KAAK,c"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i}from"./p-e4d5e7a7.js";const n='.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}';const r=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};r.style=n;export{r as p_layout};
|
|
2
|
-
//# sourceMappingURL=p-57a32088.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"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\">\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"],"mappings":"kDAAA,MAAMA,EAAqB,g5J,MCOdC,EAAM,M,sCAIgC,S,CAElD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WACrCJ,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMK,KAAK,YAEZL,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMK,KAAK,aAEZL,EAAA,OAAKE,MAAM,WACVF,EAAA,OAAKE,MAAM,iBACVF,EAAA,QAAMK,KAAK,c"}
|