@paperless/core 1.49.8 → 1.51.0

package/dist/types/components/molecules/datepicker/datepicker.component.d.ts

@@ -40,6 +40,10 @@ export declare class Datepicker {
    * The display & parse format to use
    */
   format: string;
+  /**
+   * Hides the icon when filled
+   */
+  isIconHiddenWhenFilled: boolean;
   /**
    * The size of the input group used by the datepicker
    */

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

@@ -34,6 +34,7 @@ export declare class Drawer {
   closeClicked: EventEmitter<{
     event: MouseEvent;
     canClose: boolean;
+    source: 'unknown' | 'backdrop' | 'close' | 'event';
   }>;
   /**
    * Closed event
@@ -48,7 +49,7 @@ export declare class Drawer {
   componentWillLoad(): void;
   render(): any;
   private _backdropClick;
-  close(ev?: MouseEvent, force?: boolean): void;
+  close(ev?: MouseEvent, source?: 'unknown' | 'backdrop' | 'close' | 'event', force?: boolean): void;
   handleCloseDrawer(): void;
   handleForceCloseDrawer(): void;
 }

package/dist/types/components.d.ts

@@ -316,6 +316,10 @@ export namespace Components {
           * The helper of the input group used by the datepicker
          */
         "helper": string;
+        /**
+          * Hides the icon when filled
+         */
+        "isIconHiddenWhenFilled": boolean;
         /**
           * The label of the input group used by the datepicker
          */
@@ -2449,6 +2453,10 @@ declare namespace LocalJSX {
           * The helper of the input group used by the datepicker
          */
         "helper"?: string;
+        /**
+          * Hides the icon when filled
+         */
+        "isIconHiddenWhenFilled"?: boolean;
         /**
           * The label of the input group used by the datepicker
          */
@@ -2523,6 +2531,7 @@ declare namespace LocalJSX {
         "onCloseClicked"?: (event: PDrawerCustomEvent<{
 		event: MouseEvent;
 		canClose: boolean;
+    source: 'unknown' | 'backdrop' | 'close' | 'event'
 	}>) => void;
         /**
           * Closed event

package/hydrate/index.js

@@ -17904,6 +17904,7 @@ class Datepicker {
     this.disableWeekends = false;
     this.mode = 'day';
     this.format = 'dd-MM-yyyy';
+    this.isIconHiddenWhenFilled = false;
     this.size = 'medium';
     this.prefix = undefined;
     this.label = undefined;
@@ -17987,7 +17988,7 @@ class Datepicker {
     this.parseValue(this.value);
   }
   render() {
-    return (hAsync(Host, { class: "p-datepicker" }, hAsync("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: "trigger", icon: "calendar", iconPosition: "start", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this._getFormattedDate(), class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onInput: (ev) => this._onInput(ev) })), hAsync("div", { slot: "items" }, hAsync("p-calendar", { variant: "embedded", value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+    return (hAsync(Host, { class: "p-datepicker" }, hAsync("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: "trigger", icon: this.isIconHiddenWhenFilled && !!this._value ? null : 'calendar', iconPosition: "start", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this._getFormattedDate(), class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onInput: (ev) => this._onInput(ev) })), hAsync("div", { slot: "items" }, hAsync("p-calendar", { variant: "embedded", value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
   }
   documentClickHandler({ target }) {
     if (!this._showDropdown || childOf(target, this._el)) {
@@ -18076,6 +18077,7 @@ class Datepicker {
       "disableWeekends": [4, "disable-weekends"],
       "mode": [1],
       "format": [1],
+      "isIconHiddenWhenFilled": [4, "is-icon-hidden-when-filled"],
       "size": [1],
       "prefix": [1],
       "label": [1],
@@ -18148,7 +18150,7 @@ class Drawer {
     }
     const headerContent = hAsync("slot", { name: "header" });
     const bodyContent = hAsync("slot", { name: "content" });
-    return (hAsync(Host, { class: "p-drawer" }, hAsync("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, hAsync("p-drawer-container", { closing: this._closing }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (hAsync("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail) }, this._hasHeaderSlot
+    return (hAsync(Host, { class: "p-drawer" }, hAsync("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, hAsync("p-drawer-container", { closing: this._closing }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (hAsync("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
       ? headerContent
       : this.header)), hAsync("p-drawer-body", null, bodyContent)))));
   }
@@ -18156,13 +18158,14 @@ class Drawer {
     if (!this.backdropClickClose) {
       return;
     }
-    this.close(ev);
+    this.close(ev, 'backdrop');
   }
-  close(ev, force = false) {
+  close(ev, source = 'unknown', force = false) {
     if (!force) {
       this.closeClicked.emit({
         event: ev,
         canClose: this.canClose,
+        source
       });
       if (!this.canClose) {
         return;
@@ -18176,10 +18179,10 @@ class Drawer {
     }, 250);
   }
   handleCloseDrawer() {
-    this.close();
+    this.close(null, 'event');
   }
   handleForceCloseDrawer() {
-    this.close(null, true);
+    this.close(null, 'event', true);
   }
   get _el() { return getElement(this); }
   static get style() { return drawerComponentCss; }

package/package.json

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

package/dist/build/p-60400a89.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as i,H as e,g as r}from"./p-e4d5e7a7.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}";const h=class{constructor(i){s(this,i);this.closeClicked=t(this,"closeClicked",3);this.closed=t(this,"closed",3);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var s;if(!this.show){return}const t=i("slot",{name:"header"});const r=i("slot",{name:"content"});return i(e,{class:"p-drawer"},i("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:s=>this._backdropClick(s.detail),closing:this._closing,scrollLock:this.scrollLock},i("p-drawer-container",{closing:this._closing},(((s=this.header)===null||s===void 0?void 0:s.length)||this._hasHeaderSlot)&&i("p-drawer-header",{"show-close":this.showClose,onClose:s=>this.close(s.detail)},this._hasHeaderSlot?t:this.header),i("p-drawer-body",null,r))))}_backdropClick(s){if(!this.backdropClickClose){return}this.close(s)}close(s,t=false){if(!t){this.closeClicked.emit({event:s,canClose:this.canClose});if(!this.canClose){return}}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}handleCloseDrawer(){this.close()}handleForceCloseDrawer(){this.close(null,true)}get _el(){return r(this)}};h.style=o;export{h as p_drawer};
-//# sourceMappingURL=p-60400a89.entry.js.map

package/dist/build/p-60400a89.entry.js.map

@@ -1 +0,0 @@
-{"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","force","closeClicked","emit","event","canClose","setTimeout","closed","handleCloseDrawer","handleForceCloseDrawer"],"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, force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\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\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, true);\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,EAAiBa,EAAQ,OACrC,IAAKA,EAAO,CACX7B,KAAK8B,aAAaC,KAAK,CACtBC,MAAOhB,EACPiB,SAAUjC,KAAKiC,WAGhB,IAAKjC,KAAKiC,SAAU,CACnB,M,EAIFjC,KAAKoB,SAAW,KAEhBc,YAAW,KACVlC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKmC,OAAOJ,MAAM,GAChB,I,CAIJ,iBAAAK,GACCpC,KAAK2B,O,CAIN,sBAAAU,GACCrC,KAAK2B,MAAM,KAAM,K"}