@paperless/core 1.29.0 → 1.31.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

@@ -84,6 +84,7 @@ export namespace Components {
          */
         "size": | 'xsmall'
 		| 'small'
+    | 'table'
 		| 'medium'
 		| 'large'
 		| 'xlarge';
@@ -2106,6 +2107,7 @@ declare namespace LocalJSX {
          */
         "size"?: | 'xsmall'
 		| 'small'
+    | 'table'
 		| 'medium'
 		| 'large'
 		| 'xlarge';
@@ -2770,7 +2772,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

@@ -5851,7 +5851,7 @@ class Attachment {
   }; }
 }
 
-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}";
+const avatarComponentCss = ".inline-flex{display:inline-flex!important}.table{display:table!important}.h-10{height:2.5rem!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-10{width:2.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=table]{font-size:.75rem;line-height:1rem}p-avatar[size=table],p-avatar[size=table]>img{height:2.5rem;width:2.5rem}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}";
 
 class Avatar {
   constructor(hostRef) {
@@ -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.31.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/build/p-3ea2d7a2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as a}from"./p-e4d5e7a7.js";const i=".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}";const r=class{constructor(e){t(this,e);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this.letters=undefined;this._src=undefined;this._failed=false}onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){var t;return e(a,{class:"p-avatar"},this._failed&&((t=this.letters)===null||t===void 0?void 0:t.length)?this.letters:e("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._failed=true;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};r.style=i;export{r as p_avatar};
-//# sourceMappingURL=p-3ea2d7a2.entry.js.map

package/dist/build/p-3ea2d7a2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarComponentCss","Avatar","onSrchChange","src","this","_failed","_src","componentWillLoad","_setDefaultLink","render","h","Host","class","_a","letters","length","onError","defaultImage","variant"],"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"],"mappings":"kDAAA,MAAMA,EAAqB,0+D,MCOdC,EAAM,M,sCAIqC,O,UAUzC,S,uGAkBsB,K,CAGpC,YAAAC,CAAaC,GACZC,KAAKC,QAAU,MACfD,KAAKE,KAAOH,C,CAGb,iBAAAI,GACCH,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKE,KAAM,CACfF,KAAKI,iB,EAIP,MAAAC,G,MACC,OACCC,EAACC,EAAI,CAACC,MAAM,YACVR,KAAKC,WAAWQ,EAAAT,KAAKU,WAAO,MAAAD,SAAA,SAAAA,EAAEE,QAC9BX,KAAY,QAEZM,EAAA,OACCP,IAAKC,KAAKE,KACVU,QAAS,IAAMZ,KAAKI,oB,CAOjB,eAAAA,G,MACPJ,KAAKC,QAAU,KACfD,KAAKE,MACJO,EAAAT,KAAKa,gBAAY,MAAAJ,SAAA,EAAAA,EAChBT,KAAKc,UAAY,OACf,yCACA,2C"}

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-3ea2d7a2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as a}from"./p-e4d5e7a7.js";const i=".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}";const r=class{constructor(e){t(this,e);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this.letters=undefined;this._src=undefined;this._failed=false}onSrchChange(t){this._failed=false;this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){var t;return e(a,{class:"p-avatar"},this._failed&&((t=this.letters)===null||t===void 0?void 0:t.length)?this.letters:e("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._failed=true;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};r.style=i;export{r as p_avatar};
-//# sourceMappingURL=p-3ea2d7a2.entry.js.map

package/dist/paperless/p-3ea2d7a2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarComponentCss","Avatar","onSrchChange","src","this","_failed","_src","componentWillLoad","_setDefaultLink","render","h","Host","class","_a","letters","length","onError","defaultImage","variant"],"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"],"mappings":"kDAAA,MAAMA,EAAqB,0+D,MCOdC,EAAM,M,sCAIqC,O,UAUzC,S,uGAkBsB,K,CAGpC,YAAAC,CAAaC,GACZC,KAAKC,QAAU,MACfD,KAAKE,KAAOH,C,CAGb,iBAAAI,GACCH,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKE,KAAM,CACfF,KAAKI,iB,EAIP,MAAAC,G,MACC,OACCC,EAACC,EAAI,CAACC,MAAM,YACVR,KAAKC,WAAWQ,EAAAT,KAAKU,WAAO,MAAAD,SAAA,SAAAA,EAAEE,QAC9BX,KAAY,QAEZM,EAAA,OACCP,IAAKC,KAAKE,KACVU,QAAS,IAAMZ,KAAKI,oB,CAOjB,eAAAA,G,MACPJ,KAAKC,QAAU,KACfD,KAAKE,MACJO,EAAAT,KAAKa,gBAAY,MAAAJ,SAAA,EAAAA,EAChBT,KAAKc,UAAY,OACf,yCACA,2C"}

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"}