@paperless/core 1.36.2 → 1.37.1
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 +22 -0
- package/dist/build/{p-0d71fc44.entry.js → p-60400a89.entry.js} +2 -2
- package/dist/build/p-60400a89.entry.js.map +1 -0
- package/dist/build/p-f9e9370b.entry.js +2 -0
- package/dist/build/p-f9e9370b.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/build/paperless.esm.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +2 -2
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
- package/dist/cjs/p-drawer.cjs.entry.js +12 -7
- package/dist/cjs/p-drawer.cjs.entry.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.js +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.js.map +1 -1
- package/dist/collection/components/organisms/drawer/drawer.component.js +18 -7
- package/dist/collection/components/organisms/drawer/drawer.component.js.map +1 -1
- package/dist/components/p-card-header.js +2 -2
- package/dist/components/p-card-header.js.map +1 -1
- package/dist/components/p-drawer.js +13 -8
- package/dist/components/p-drawer.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-card-header.entry.js +2 -2
- package/dist/esm/p-card-header.entry.js.map +1 -1
- package/dist/esm/p-drawer.entry.js +12 -7
- package/dist/esm/p-drawer.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-0d71fc44.entry.js → p-60400a89.entry.js} +2 -2
- package/dist/paperless/p-60400a89.entry.js.map +1 -0
- package/dist/paperless/p-f9e9370b.entry.js +2 -0
- package/dist/paperless/p-f9e9370b.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/paperless/paperless.esm.js.map +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/organisms/drawer/drawer.component.d.ts +2 -1
- package/hydrate/index.js +15 -10
- package/package.json +1 -1
- package/dist/build/p-0d71fc44.entry.js.map +0 -1
- package/dist/build/p-5d678a05.entry.js +0 -2
- package/dist/build/p-5d678a05.entry.js.map +0 -1
- package/dist/paperless/p-0d71fc44.entry.js.map +0 -1
- package/dist/paperless/p-5d678a05.entry.js +0 -2
- package/dist/paperless/p-5d678a05.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -11980,7 +11980,7 @@ class CardContainer {
|
|
|
11980
11980
|
}; }
|
|
11981
11981
|
}
|
|
11982
11982
|
|
|
11983
|
-
const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
|
|
11983
|
+
const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;order:2;overflow:hidden}p-card-header .title>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
|
|
11984
11984
|
|
|
11985
11985
|
class CardHeader {
|
|
11986
11986
|
constructor(hostRef) {
|
|
@@ -11990,7 +11990,7 @@ class CardHeader {
|
|
|
11990
11990
|
}
|
|
11991
11991
|
render() {
|
|
11992
11992
|
var _a, _b;
|
|
11993
|
-
return (hAsync(Host, { class: "p-card-header" }, hAsync("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (hAsync("div", { class: "title" }, (_b = this.header) !== null && _b !== void 0 ? _b : '', this.arrow && hAsync("p-icon", { variant: "arrow" }))), hAsync("slot", { name: "suffix" })));
|
|
11993
|
+
return (hAsync(Host, { class: "p-card-header" }, hAsync("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (hAsync("div", { class: "title" }, hAsync("span", null, (_b = this.header) !== null && _b !== void 0 ? _b : ''), this.arrow && hAsync("p-icon", { variant: "arrow" }))), hAsync("slot", { name: "suffix" })));
|
|
11994
11994
|
}
|
|
11995
11995
|
static get style() { return cardHeaderComponentCss; }
|
|
11996
11996
|
static get cmpMeta() { return {
|
|
@@ -18115,13 +18115,15 @@ class Drawer {
|
|
|
18115
18115
|
}
|
|
18116
18116
|
this.close(ev);
|
|
18117
18117
|
}
|
|
18118
|
-
close(ev) {
|
|
18119
|
-
|
|
18120
|
-
|
|
18121
|
-
|
|
18122
|
-
|
|
18123
|
-
|
|
18124
|
-
|
|
18118
|
+
close(ev, force = false) {
|
|
18119
|
+
if (!force) {
|
|
18120
|
+
this.closeClicked.emit({
|
|
18121
|
+
event: ev,
|
|
18122
|
+
canClose: this.canClose,
|
|
18123
|
+
});
|
|
18124
|
+
if (!this.canClose) {
|
|
18125
|
+
return;
|
|
18126
|
+
}
|
|
18125
18127
|
}
|
|
18126
18128
|
this._closing = true;
|
|
18127
18129
|
setTimeout(() => {
|
|
@@ -18133,6 +18135,9 @@ class Drawer {
|
|
|
18133
18135
|
handleCloseDrawer() {
|
|
18134
18136
|
this.close();
|
|
18135
18137
|
}
|
|
18138
|
+
handleForceCloseDrawer() {
|
|
18139
|
+
this.close(null, true);
|
|
18140
|
+
}
|
|
18136
18141
|
get _el() { return getElement(this); }
|
|
18137
18142
|
static get style() { return drawerComponentCss; }
|
|
18138
18143
|
static get cmpMeta() { return {
|
|
@@ -18148,7 +18153,7 @@ class Drawer {
|
|
|
18148
18153
|
"scrollLock": [4, "scroll-lock"],
|
|
18149
18154
|
"_closing": [32]
|
|
18150
18155
|
},
|
|
18151
|
-
"$listeners$": [[8, "closeDrawer", "handleCloseDrawer"]],
|
|
18156
|
+
"$listeners$": [[8, "closeDrawer", "handleCloseDrawer"], [8, "forceCloseDrawer", "handleForceCloseDrawer"]],
|
|
18152
18157
|
"$lazyBundleId$": "-",
|
|
18153
18158
|
"$attrsToReflect$": []
|
|
18154
18159
|
}; }
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed","handleCloseDrawer"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev?: MouseEvent) {\n\t\tthis.closeClicked.emit({\n\t\t\tevent: ev,\n\t\t\tcanClose: this.canClose,\n\t\t});\n\n\t\tif (!this.canClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close();\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,gH,MCiBdC,EAAM,M,mGA4DVC,KAAAC,eAAiB,M,gCAnDD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cA4BF,K,CAE5B,iBAAAC,GACCF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAChC,2B,CAIF,MAAAC,G,MACC,IAAKL,KAAKM,KAAM,CACf,M,CAGD,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACCD,EAACG,EAAI,CAACC,MAAM,YACXJ,EAAA,cACCK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC/BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC7BO,EAAA,gCACaR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACHM,EACAP,KAAKuB,QAGVf,EAAA,qBAAgBE,K,CAOb,cAAAO,CAAeD,GACtB,IAAKhB,KAAK4B,mBAAoB,CAC7B,M,CAGD5B,KAAK2B,MAAMX,E,CAGL,KAAAW,CAAMX,GACZhB,KAAK6B,aAAaC,KAAK,CACtBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGhB,IAAKhC,KAAKgC,SAAU,CACnB,M,CAGDhC,KAAKoB,SAAW,KAEhBa,YAAW,KACVjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GAChB,I,CAIJ,iBAAAK,GACCnC,KAAK2B,O"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as e}from"./p-e4d5e7a7.js";const o=".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const i=class{constructor(r){t(this,r);this.header=undefined;this.arrow=false}render(){var t,o;return r(e,{class:"p-card-header"},r("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&r("div",{class:"title"},(o=this.header)!==null&&o!==void 0?o:"",this.arrow&&r("p-icon",{variant:"arrow"})),r("slot",{name:"suffix"}))}};i.style=o;export{i as p_card_header};
|
|
2
|
-
//# sourceMappingURL=p-5d678a05.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["cardHeaderComponentCss","CardHeader","render","h","Host","class","name","_a","this","header","length","arrow","_b","variant"],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex gap-3 items-center;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.title {\n\t\t@apply order-2;\n\t\t@apply flex items-center text-storm;\n\t\t@apply font-semibold;\n\n\t\t> p-icon {\n\t\t\t@apply ml-2 text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-card-header\">\n\t\t\t\t<slot name=\"prefix\" />\n\n\t\t\t\t{(this.header?.length || this.arrow) && (\n\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t{this.header ?? ''}\n\t\t\t\t\t\t{this.arrow && <p-icon variant=\"arrow\" />}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<slot name=\"suffix\" />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,itC,MCMlBC,EAAU,M,0DASG,K,CAEzB,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAACC,MAAM,iBACXF,EAAA,QAAMG,KAAK,cAETC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,SAAUF,KAAKG,QAC7BR,EAAA,OAAKE,MAAM,UACTO,EAAAJ,KAAKC,UAAM,MAAAG,SAAA,EAAAA,EAAI,GACfJ,KAAKG,OAASR,EAAA,UAAQU,QAAQ,WAIjCV,EAAA,QAAMG,KAAK,W"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed","handleCloseDrawer"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev?: MouseEvent) {\n\t\tthis.closeClicked.emit({\n\t\t\tevent: ev,\n\t\t\tcanClose: this.canClose,\n\t\t});\n\n\t\tif (!this.canClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close();\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,gH,MCiBdC,EAAM,M,mGA4DVC,KAAAC,eAAiB,M,gCAnDD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cA4BF,K,CAE5B,iBAAAC,GACCF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAChC,2B,CAIF,MAAAC,G,MACC,IAAKL,KAAKM,KAAM,CACf,M,CAGD,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACCD,EAACG,EAAI,CAACC,MAAM,YACXJ,EAAA,cACCK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC/BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC7BO,EAAA,gCACaR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACHM,EACAP,KAAKuB,QAGVf,EAAA,qBAAgBE,K,CAOb,cAAAO,CAAeD,GACtB,IAAKhB,KAAK4B,mBAAoB,CAC7B,M,CAGD5B,KAAK2B,MAAMX,E,CAGL,KAAAW,CAAMX,GACZhB,KAAK6B,aAAaC,KAAK,CACtBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGhB,IAAKhC,KAAKgC,SAAU,CACnB,M,CAGDhC,KAAKoB,SAAW,KAEhBa,YAAW,KACVjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GAChB,I,CAIJ,iBAAAK,GACCnC,KAAK2B,O"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as e}from"./p-e4d5e7a7.js";const o=".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const i=class{constructor(r){t(this,r);this.header=undefined;this.arrow=false}render(){var t,o;return r(e,{class:"p-card-header"},r("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&r("div",{class:"title"},(o=this.header)!==null&&o!==void 0?o:"",this.arrow&&r("p-icon",{variant:"arrow"})),r("slot",{name:"suffix"}))}};i.style=o;export{i as p_card_header};
|
|
2
|
-
//# sourceMappingURL=p-5d678a05.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["cardHeaderComponentCss","CardHeader","render","h","Host","class","name","_a","this","header","length","arrow","_b","variant"],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex gap-3 items-center;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.title {\n\t\t@apply order-2;\n\t\t@apply flex items-center text-storm;\n\t\t@apply font-semibold;\n\n\t\t> p-icon {\n\t\t\t@apply ml-2 text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-card-header\">\n\t\t\t\t<slot name=\"prefix\" />\n\n\t\t\t\t{(this.header?.length || this.arrow) && (\n\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t{this.header ?? ''}\n\t\t\t\t\t\t{this.arrow && <p-icon variant=\"arrow\" />}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<slot name=\"suffix\" />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,itC,MCMlBC,EAAU,M,0DASG,K,CAEzB,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAACC,MAAM,iBACXF,EAAA,QAAMG,KAAK,cAETC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,SAAUF,KAAKG,QAC7BR,EAAA,OAAKE,MAAM,UACTO,EAAAJ,KAAKC,UAAM,MAAAG,SAAA,EAAAA,EAAI,GACfJ,KAAKG,OAASR,EAAA,UAAQU,QAAQ,WAIjCV,EAAA,QAAMG,KAAK,W"}
|