@paperless/core 1.29.0 → 1.30.0

package/dist/types/components/organisms/modal/modal.component.d.ts

@@ -47,7 +47,7 @@ export declare class Modal {
   /**
    * Closed event
    */
-  closed: EventEmitter<null>;
+  closed: EventEmitter<string>;
   /**
    * The host element
    */
@@ -58,6 +58,6 @@ export declare class Modal {
   componentWillLoad(): void;
   render(): any;
   private _backdropClick;
-  close(ev?: MouseEvent): void;
+  close(reason: string, ev?: MouseEvent): void;
   handleCloseModal(): void;
 }

package/dist/types/components.d.ts

@@ -2770,7 +2770,7 @@ declare namespace LocalJSX {
         /**
           * Closed event
          */
-        "onClosed"?: (event: PModalCustomEvent<null>) => void;
+        "onClosed"?: (event: PModalCustomEvent<string>) => void;
         /**
           * Wether the body should have padding
          */

package/hydrate/index.js

@@ -20203,7 +20203,7 @@ class Modal {
     const headerContent = hAsync("slot", { name: "header" });
     const bodyContent = hAsync("slot", { name: "content" });
     const footerContent = hAsync("slot", { name: "footer" });
-    return (hAsync(Host, { class: "p-modal" }, hAsync("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, hAsync("p-modal-container", { size: this.size, closing: this._closing }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (hAsync("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close(ev.detail) }, this._hasHeaderSlot
+    return (hAsync(Host, { class: "p-modal" }, hAsync("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, hAsync("p-modal-container", { size: this.size, closing: this._closing }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (hAsync("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close('button', ev.detail) }, this._hasHeaderSlot
       ? headerContent
       : this.header)), hAsync("p-modal-body", { variant: this.variant, rounded: !this._hasFooterSlot, padding: this.padding }, bodyContent), this._hasFooterSlot && (hAsync("p-modal-footer", null, footerContent))))));
   }
@@ -20211,19 +20211,19 @@ class Modal {
     if (!this.backdropClickClose) {
       return;
     }
-    this.close(ev);
+    this.close('backdrop', ev);
   }
-  close(ev) {
+  close(reason, ev) {
     this.closeClicked.emit(ev);
     this._closing = true;
     setTimeout(() => {
       this.show = false;
       this._closing = false;
-      this.closed.emit();
+      this.closed.emit(reason);
     }, 550);
   }
   handleCloseModal() {
-    this.close();
+    this.close('event');
   }
   get _el() { return getElement(this); }
   static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paperless/core",
-    "version": "1.29.0",
+    "version": "1.30.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/build/p-fb45a664.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Modal","this","_hasFooterSlot","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","footerContent","Host","class","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","size","_a","header","length","showClose","onClose","close","variant","rounded","padding","backdropClickClose","closeClicked","emit","setTimeout","closed","handleCloseModal"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["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-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\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\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\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-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={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-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\trounded={!this._hasFooterSlot}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit();\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close();\n\t}\n}\n"],"mappings":"sEAgBaA,EAAK,M,mGAwETC,KAAAC,eAAiB,MACjBD,KAAAE,eAAiB,M,UArEiB,K,aAKa,U,gCAU/B,M,eAKK,M,eAKT,K,sBAKO,M,wBAKE,K,gBAKC,K,aAKH,K,cA0BC,K,CAE5B,iBAAAC,GACCH,KAAKC,iBAAmBD,KAAKI,IAAIC,cAChC,4BAEDL,KAAKE,iBAAmBF,KAAKI,IAAIC,cAChC,2B,CAIF,MAAAC,G,MACC,IAAKN,KAAKO,KAAM,CACf,M,CAGD,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACCD,EAACI,EAAI,CAACC,MAAM,WACXL,EAAA,cACCM,UAAWf,KAAKe,UAChBC,UAAYC,GAAOjB,KAAKkB,eAAeD,EAAGE,QAC1CC,QAASpB,KAAKqB,SACdC,WAAYtB,KAAKsB,YAEjBb,EAAA,qBAAmBc,KAAMvB,KAAKuB,KAAMH,QAASpB,KAAKqB,aAC/CG,EAAAxB,KAAKyB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAU1B,KAAKE,iBAC7BO,EAAA,kBACCkB,UAAW3B,KAAK2B,UAChBC,QAAUX,GAAOjB,KAAK6B,MAAMZ,EAAGE,SAE9BnB,KAAKE,eACHM,EACAR,KAAKyB,QAGVhB,EAAA,gBACCqB,QAAS9B,KAAK8B,QACdC,SAAU/B,KAAKC,eACf+B,QAAShC,KAAKgC,SAEbrB,GAEDX,KAAKC,gBACLQ,EAAA,sBAAiBG,K,CAQf,cAAAM,CAAeD,GACtB,IAAKjB,KAAKiC,mBAAoB,CAC7B,M,CAGDjC,KAAK6B,MAAMZ,E,CAGL,KAAAY,CAAMZ,GACZjB,KAAKkC,aAAaC,KAAKlB,GAEvBjB,KAAKqB,SAAW,KAEhBe,YAAW,KACVpC,KAAKO,KAAO,MACZP,KAAKqB,SAAW,MAEhBrB,KAAKqC,OAAOF,MAAM,GAChB,I,CAIJ,gBAAAG,GACCtC,KAAK6B,O"}

package/dist/paperless/p-fb45a664.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Modal","this","_hasFooterSlot","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","footerContent","Host","class","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","size","_a","header","length","showClose","onClose","close","variant","rounded","padding","backdropClickClose","closeClicked","emit","setTimeout","closed","handleCloseModal"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["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-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\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\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\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-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={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-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\trounded={!this._hasFooterSlot}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit();\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close();\n\t}\n}\n"],"mappings":"sEAgBaA,EAAK,M,mGAwETC,KAAAC,eAAiB,MACjBD,KAAAE,eAAiB,M,UArEiB,K,aAKa,U,gCAU/B,M,eAKK,M,eAKT,K,sBAKO,M,wBAKE,K,gBAKC,K,aAKH,K,cA0BC,K,CAE5B,iBAAAC,GACCH,KAAKC,iBAAmBD,KAAKI,IAAIC,cAChC,4BAEDL,KAAKE,iBAAmBF,KAAKI,IAAIC,cAChC,2B,CAIF,MAAAC,G,MACC,IAAKN,KAAKO,KAAM,CACf,M,CAGD,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAC/B,MAAME,EAAgBH,EAAA,QAAMC,KAAK,WAEjC,OACCD,EAACI,EAAI,CAACC,MAAM,WACXL,EAAA,cACCM,UAAWf,KAAKe,UAChBC,UAAYC,GAAOjB,KAAKkB,eAAeD,EAAGE,QAC1CC,QAASpB,KAAKqB,SACdC,WAAYtB,KAAKsB,YAEjBb,EAAA,qBAAmBc,KAAMvB,KAAKuB,KAAMH,QAASpB,KAAKqB,aAC/CG,EAAAxB,KAAKyB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAU1B,KAAKE,iBAC7BO,EAAA,kBACCkB,UAAW3B,KAAK2B,UAChBC,QAAUX,GAAOjB,KAAK6B,MAAMZ,EAAGE,SAE9BnB,KAAKE,eACHM,EACAR,KAAKyB,QAGVhB,EAAA,gBACCqB,QAAS9B,KAAK8B,QACdC,SAAU/B,KAAKC,eACf+B,QAAShC,KAAKgC,SAEbrB,GAEDX,KAAKC,gBACLQ,EAAA,sBAAiBG,K,CAQf,cAAAM,CAAeD,GACtB,IAAKjB,KAAKiC,mBAAoB,CAC7B,M,CAGDjC,KAAK6B,MAAMZ,E,CAGL,KAAAY,CAAMZ,GACZjB,KAAKkC,aAAaC,KAAKlB,GAEvBjB,KAAKqB,SAAW,KAEhBe,YAAW,KACVpC,KAAKO,KAAO,MACZP,KAAKqB,SAAW,MAEhBrB,KAAKqC,OAAOF,MAAM,GAChB,I,CAIJ,gBAAAG,GACCtC,KAAK6B,O"}