@paperless/core 2.9.1 → 2.9.2

package/dist/build/p-6175408c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["attachmentComponentCss","attachment","cva","variants","click","false","true","error","Attachment","enableCameraOnMobile","value","fileId","accept","label","helper","required","mode","placeholder","cameraTooltip","downloadTooltip","uploadTooltip","deleteTooltip","loading","upload","download","delete","_fileRef","_cameraFileRef","render","prefix","h","key","class","variant","this","isMobileDevice","isTablet","baseText","Fragment","forceShowTooltip","length","slot","onClick","_uploadClick","cn","content","iconOnly","icon","disabled","onOnClick","emit","_cameraClick","type","Array","isArray","join","ref","el","onChange","ev","_onFileChange","capture","isMobile","target","file","files","reader","FileReader","onload","e","_onLoad","currentTarget","result","readAsDataURL"],"sources":["src/components/molecules/attachment/attachment.component.css?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n} from '@stencil/core';\nimport { cn, isMobile, isTablet } from '../../../utils';\nimport { cva } from 'class-variance-authority';\n\nconst attachment = cva(\n\t[\n\t\t'flex flex-1 items-center justify-start gap-2',\n\t\t'h-8 min-w-0 px-2 rounded-lg',\n\t\t'border border-solid bg-white-600',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclick: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'bg-white-600 border-storm-100 text-storm-200',\n\t\t\t\ttrue: 'border-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.css',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * Wether to enable the camera button on mobile\n\t */\n\t@Prop() enableCameraOnMobile = false;\n\n\t/**\n\t * The value of the attachment (usually the file name)\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The fileID to use to track the file\n\t */\n\t@Prop() fileId: string;\n\n\t/**\n\t * The type of files to accept\n\t */\n\t@Prop() accept: string[] | string = null;\n\n\t/**\n\t * The label of the attachment\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The helper of the attachment\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the attachment is required\n\t */\n\t@Prop({ reflect: true }) required = true;\n\n\t/**\n\t * The variant of the attachment\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * The placeholder of the attachment\n\t */\n\t@Prop() placeholder: string = 'Upload a file...';\n\n\t/**\n\t * The text for the camera tooltip\n\t */\n\t@Prop() cameraTooltip: string = 'Camera';\n\n\t/**\n\t * The text for the download tooltip\n\t */\n\t@Prop() downloadTooltip: string = 'Download';\n\n\t/**\n\t * The text for the upload tooltip\n\t */\n\t@Prop() uploadTooltip: string = 'Upload';\n\n\t/**\n\t * The text for the delete tooltip\n\t */\n\t@Prop() deleteTooltip: string = 'Delete';\n\n\t/**\n\t * Wether the attachment is loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when upload is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tupload: EventEmitter<{\n\t\tfile: File;\n\t\tfileId: string;\n\t\tresult: string;\n\t}>;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<void>;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<void>;\n\n\tprivate _fileRef: HTMLInputElement;\n\tprivate _cameraFileRef: HTMLInputElement;\n\n\trender() {\n\t\tlet prefix = (\n\t\t\t<p-icon\n\t\t\t\tclass='text-storm-300'\n\t\t\t\tvariant='attachment'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative-red-500'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// const isMobileDevice = isMobile();\n\t\tconst isMobileDevice = isTablet();\n\n\t\tconst baseText =\n\t\t\t'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap  text-sm';\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<p-field-container\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tforceShowTooltip={!!this.error?.length}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tclass='flex w-full items-start gap-2'\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={attachment({\n\t\t\t\t\t\t\t\tclick: this.mode === 'write' && !this.value?.length,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._uploadClick()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{prefix}\n\n\t\t\t\t\t\t\t<span class={cn(baseText, 'peer empty:hidden')}>\n\t\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class={cn(baseText, 'hidden peer-empty:block')}>\n\t\t\t\t\t\t\t\t{this.placeholder}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\tclass='w-8'\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t? this.downloadTooltip\n\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t? this.deleteTooltip\n\t\t\t\t\t\t\t\t\t: this.uploadTooltip\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t? 'download'\n\t\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t\t? 'trash'\n\t\t\t\t\t\t\t\t\t\t: 'upload'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t\t\t\tthis.mode === 'write' && !this.value?.length\n\t\t\t\t\t\t\t\t\t\t? this._uploadClick()\n\t\t\t\t\t\t\t\t\t\t: (this.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t\t\t? this.download\n\t\t\t\t\t\t\t\t\t\t\t\t: this.delete\n\t\t\t\t\t\t\t\t\t\t  ).emit()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-tooltip>\n\n\t\t\t\t\t\t{this.enableCameraOnMobile &&\n\t\t\t\t\t\t\tthis.mode === 'write' &&\n\t\t\t\t\t\t\tisMobileDevice &&\n\t\t\t\t\t\t\t!this.value?.length && (\n\t\t\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\t\t\tcontent={this.cameraTooltip}\n\t\t\t\t\t\t\t\t\tclass='w-8 desktop-xs:hidden'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\t\t\ticon='camera'\n\t\t\t\t\t\t\t\t\t\tonOnClick={() => this._cameraClick()}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept={\n\t\t\t\t\t\tArray.isArray(this.accept) ? this.accept?.join(',') : this.accept\n\t\t\t\t\t}\n\t\t\t\t\tref={el => (this._fileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept='image/*'\n\t\t\t\t\tcapture='true'\n\t\t\t\t\tref={el => (this._cameraFileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t);\n\t}\n\n\tprivate _uploadClick() {\n\t\tif (!this._fileRef || this.mode !== 'write' || this.value?.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._fileRef.click();\n\t}\n\n\tprivate _cameraClick() {\n\t\tif (!this.enableCameraOnMobile || isMobile()) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._cameraFileRef || this.mode !== 'write') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cameraFileRef?.click();\n\t}\n\n\tprivate _onFileChange(ev: Event) {\n\t\tconst target = ev.target as HTMLInputElement;\n\t\tconst file = target.files?.[0];\n\n\t\tif (file) {\n\t\t\tthis.loading = true;\n\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onload = (e: any) => this._onLoad(file, e?.currentTarget?.result);\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t}\n\n\tprivate _onLoad(file: File, result: string) {\n\t\tthis.upload.emit({\n\t\t\tfileId: this.fileId,\n\t\t\tresult,\n\t\t\tfile,\n\t\t});\n\n\t\tif (this._fileRef) {\n\t\t\tthis._fileRef.value = '';\n\t\t}\n\n\t\tif (this._cameraFileRef) {\n\t\t\tthis._cameraFileRef.value = '';\n\t\t}\n\n\t\tthis.loading = false;\n\t}\n}\n"],"mappings":"oMAAA,MAAMA,EAAyB,kuDCW/B,MAAMC,EAAaC,EAClB,CACC,+CACA,8BACA,oCAED,CACCC,SAAU,CACTC,MAAO,CACNC,MAAO,KACPC,KAAM,kBAEPC,MAAO,CACNF,MAAO,+CACPC,KAAM,8B,MAWGE,EAAU,M,0HAIdC,qBAAuB,MAKvBC,MAKAC,OAKAC,OAA4B,KAK5BC,MAKAC,OAKiBC,SAAW,KAK5BC,KAAyB,OAKzBC,YAAsB,mBAKtBC,cAAwB,SAKxBC,gBAA0B,WAK1BC,cAAwB,SAKxBC,cAAwB,SAKxBC,QAAU,MAKVf,MAQRgB,OAYAC,SAQAC,OAEQC,SACAC,eAER,MAAAC,GACC,IAAIC,EACHC,EAAA,UAAAC,IAAA,2CACCC,MAAM,iBACNC,QAAQ,eAIV,GAAIC,KAAK3B,MAAO,CACfsB,EACCC,EACC,UAAAC,IAAA,2CAAAE,QAAQ,UACRD,MAAM,yB,CAMT,MAAMG,EAAiBC,IAEvB,MAAMC,EACL,0EACD,OACCP,EAACQ,EAAQ,CAAAP,IAAA,4CACRD,EAAA,qBAAAC,IAAA,2CACCE,QAAQ,QACRpB,MAAOqB,KAAKrB,MACZC,OAAQoB,KAAKpB,OACbP,MAAO2B,KAAK3B,MACZQ,SAAUmB,KAAKnB,SACfwB,mBAAoBL,KAAK3B,OAAOiC,QAEhCV,EAAA,OAAAC,IAAA,2CACCU,KAAK,UACLT,MAAM,iCAENF,EACC,OAAAC,IAAA,2CAAAC,MAAO/B,EAAW,CACjBG,MAAO8B,KAAKlB,OAAS,UAAYkB,KAAKxB,OAAO8B,OAC7CjC,QAAS2B,KAAK3B,OAAOiC,SAEtBE,QAAS,IAAMR,KAAKS,gBAEnBd,EAEDC,EAAA,QAAAC,IAAA,2CAAMC,MAAOY,EAAGP,EAAU,sBACxBH,KAAKxB,OAEPoB,EAAA,QAAAC,IAAA,2CAAMC,MAAOY,EAAGP,EAAU,4BACxBH,KAAKjB,cAIRa,EACC,aAAAC,IAAA,2CAAAC,MAAM,MACNa,QACCX,KAAKlB,OAAS,OACXkB,KAAKf,gBACLe,KAAKxB,OAAO8B,OACZN,KAAKb,cACLa,KAAKd,eAGTU,EAAA,YAAAC,IAAA,2CACCU,KAAK,UACLR,QAAQ,YACRa,SAAU,KACVC,KACCb,KAAKlB,OAAS,OACX,WACAkB,KAAKxB,OAAO8B,OACZ,QACA,SAEJQ,SAAUd,KAAKZ,QACfA,QAASY,KAAKZ,QACd2B,UAAW,IACVf,KAAKlB,OAAS,UAAYkB,KAAKxB,OAAO8B,OACnCN,KAAKS,gBACJT,KAAKlB,OAAS,OACbkB,KAAKV,SACLU,KAAKT,QACLyB,UAKPhB,KAAKzB,sBACLyB,KAAKlB,OAAS,SACdmB,IACCD,KAAKxB,OAAO8B,QACZV,EAAA,aAAAC,IAAA,2CACCc,QAASX,KAAKhB,cACdc,MAAM,yBAENF,EAAA,YAAAC,IAAA,2CACCU,KAAK,UACLR,QAAQ,YACRa,SAAU,KACVC,KAAK,SACLE,UAAW,IAAMf,KAAKiB,oBAO5BrB,EAAA,SAAAC,IAAA,2CACCC,MAAM,SACNoB,KAAK,OACLxC,OACCyC,MAAMC,QAAQpB,KAAKtB,QAAUsB,KAAKtB,QAAQ2C,KAAK,KAAOrB,KAAKtB,OAE5D4C,IAAKC,GAAOvB,KAAKR,SAAW+B,EAC5BC,SAAUC,GAAMzB,KAAK0B,cAAcD,KAGpC7B,EACC,SAAAC,IAAA,2CAAAC,MAAM,SACNoB,KAAK,OACLxC,OAAO,UACPiD,QAAQ,OACRL,IAAKC,GAAOvB,KAAKP,eAAiB8B,EAClCC,SAAUC,GAAMzB,KAAK0B,cAAcD,K,CAM/B,YAAAhB,GACP,IAAKT,KAAKR,UAAYQ,KAAKlB,OAAS,SAAWkB,KAAKxB,OAAO8B,OAAQ,CAClE,M,CAGDN,KAAKR,SAAStB,O,CAGP,YAAA+C,GACP,IAAKjB,KAAKzB,sBAAwBqD,IAAY,CAC7C,M,CAGD,IAAK5B,KAAKP,gBAAkBO,KAAKlB,OAAS,QAAS,CAClD,M,CAGDkB,KAAKP,gBAAgBvB,O,CAGd,aAAAwD,CAAcD,GACrB,MAAMI,EAASJ,EAAGI,OAClB,MAAMC,EAAOD,EAAOE,QAAQ,GAE5B,GAAID,EAAM,CACT9B,KAAKZ,QAAU,KAEf,MAAM4C,EAAS,IAAIC,WACnBD,EAAOE,OAAUC,GAAWnC,KAAKoC,QAAQN,EAAMK,GAAGE,eAAeC,QACjEN,EAAOO,cAAcT,E,EAIf,OAAAM,CAAQN,EAAYQ,GAC3BtC,KAAKX,OAAO2B,KAAK,CAChBvC,OAAQuB,KAAKvB,OACb6D,SACAR,SAGD,GAAI9B,KAAKR,SAAU,CAClBQ,KAAKR,SAAShB,MAAQ,E,CAGvB,GAAIwB,KAAKP,eAAgB,CACxBO,KAAKP,eAAejB,MAAQ,E,CAG7BwB,KAAKZ,QAAU,K","ignoreList":[]}

package/dist/paperless/p-6175408c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,F as r}from"./p-Dpmiv2da.js";import{c as a}from"./p-CBWjHURv.js";import{h as o,f as s}from"./p-B3sNjfzc.js";import{c as n}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const d=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-8{width:2rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-negative-red-500{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.peer:empty~.peer-empty\\:block{display:block!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";const p=a(["flex flex-1 items-center justify-start gap-2","h-8 min-w-0 px-2 rounded-lg","border border-solid bg-white-600"],{variants:{click:{false:null,true:"cursor-pointer"},error:{false:"bg-white-600 border-storm-100 text-storm-200",true:"border-negative-red-500"}}});const l=class{constructor(i){t(this,i);this.upload=e(this,"upload",3);this.download=e(this,"download",3);this.delete=e(this,"delete",3)}enableCameraOnMobile=false;value;fileId;accept=null;label;helper;required=true;mode="read";placeholder="Upload a file...";cameraTooltip="Camera";downloadTooltip="Download";uploadTooltip="Upload";deleteTooltip="Delete";loading=false;error;upload;download;delete;_fileRef;_cameraFileRef;render(){let t=i("p-icon",{key:"61b263083bd24fece19b81f620dccdb2ba6afcc5",class:"text-storm-300",variant:"attachment"});if(this.error){t=i("p-icon",{key:"ba8fd76a2b95605d815bebe5cd89a7ae8f0ba9d3",variant:"warning",class:"text-negative-red-500"})}const e=o();const a="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap  text-sm";return i(r,{key:"8e7d1cc9163883399d21c3b7e8be37f4b386a09b"},i("p-field-container",{key:"eb9251f428799f2c1d731b057f4328ed13aaa495",variant:"write",label:this.label,helper:this.helper,error:this.error,required:this.required,forceShowTooltip:!!this.error?.length},i("div",{key:"d65eaeb4ac2c4de7f55903f4f8f69f8d933d99a7",slot:"content",class:"flex w-full items-start gap-2"},i("div",{key:"51b9e490e67fcbc04d590d0d75b168313b24a919",class:p({click:this.mode==="write"&&!this.value?.length,error:!!this.error?.length}),onClick:()=>this._uploadClick()},t,i("span",{key:"5b51b534ed72b1d091b67d240cbec986feafe624",class:n(a,"peer empty:hidden")},this.value),i("span",{key:"e3e0f7bb6c2d625aaaf449581c11a74e120163aa",class:n(a,"hidden peer-empty:block")},this.placeholder)),i("p-tooltip",{key:"b7edc370496754abb633987727f821782e2b48d5",class:"w-8",content:this.mode==="read"?this.downloadTooltip:this.value?.length?this.deleteTooltip:this.uploadTooltip},i("p-button",{key:"af82f2206677aa5c86b6db6ce18b5a286ce664e1",slot:"trigger",variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":this.value?.length?"trash":"upload",disabled:this.loading,loading:this.loading,onOnClick:()=>this.mode==="write"&&!this.value?.length?this._uploadClick():(this.mode==="read"?this.download:this.delete).emit()})),this.enableCameraOnMobile&&this.mode==="write"&&e&&!this.value?.length&&i("p-tooltip",{key:"42d4db13d316272159e156dd1416530c7bd81bd2",content:this.cameraTooltip,class:"w-8 desktop-xs:hidden"},i("p-button",{key:"3e0c21f82d7f238fc676600e48784fcff6334792",slot:"trigger",variant:"secondary",iconOnly:true,icon:"camera",onOnClick:()=>this._cameraClick()})))),i("input",{key:"51c47b6b3daeb71045a59aa361bb889f62127e9e",class:"hidden",type:"file",accept:Array.isArray(this.accept)?this.accept?.join(","):this.accept,ref:t=>this._fileRef=t,onChange:t=>this._onFileChange(t)}),i("input",{key:"7e73f5184ee6bab834eee8c5a11c4970dd6a78b2",class:"hidden",type:"file",accept:"image/*",capture:"true",ref:t=>this._cameraFileRef=t,onChange:t=>this._onFileChange(t)}))}_uploadClick(){if(!this._fileRef||this.mode!=="write"||this.value?.length){return}this._fileRef.click()}_cameraClick(){if(!this.enableCameraOnMobile||s()){return}if(!this._cameraFileRef||this.mode!=="write"){return}this._cameraFileRef?.click()}_onFileChange(t){const e=t.target;const i=e.files?.[0];if(i){this.loading=true;const t=new FileReader;t.onload=t=>this._onLoad(i,t?.currentTarget?.result);t.readAsDataURL(i)}}_onLoad(t,e){this.upload.emit({fileId:this.fileId,result:e,file:t});if(this._fileRef){this._fileRef.value=""}if(this._cameraFileRef){this._cameraFileRef.value=""}this.loading=false}};l.style=d;export{l as p_attachment};
-//# sourceMappingURL=p-6175408c.entry.js.map

package/dist/paperless/p-6175408c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["attachmentComponentCss","attachment","cva","variants","click","false","true","error","Attachment","enableCameraOnMobile","value","fileId","accept","label","helper","required","mode","placeholder","cameraTooltip","downloadTooltip","uploadTooltip","deleteTooltip","loading","upload","download","delete","_fileRef","_cameraFileRef","render","prefix","h","key","class","variant","this","isMobileDevice","isTablet","baseText","Fragment","forceShowTooltip","length","slot","onClick","_uploadClick","cn","content","iconOnly","icon","disabled","onOnClick","emit","_cameraClick","type","Array","isArray","join","ref","el","onChange","ev","_onFileChange","capture","isMobile","target","file","files","reader","FileReader","onload","e","_onLoad","currentTarget","result","readAsDataURL"],"sources":["src/components/molecules/attachment/attachment.component.css?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n} from '@stencil/core';\nimport { cn, isMobile, isTablet } from '../../../utils';\nimport { cva } from 'class-variance-authority';\n\nconst attachment = cva(\n\t[\n\t\t'flex flex-1 items-center justify-start gap-2',\n\t\t'h-8 min-w-0 px-2 rounded-lg',\n\t\t'border border-solid bg-white-600',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclick: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'bg-white-600 border-storm-100 text-storm-200',\n\t\t\t\ttrue: 'border-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.css',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * Wether to enable the camera button on mobile\n\t */\n\t@Prop() enableCameraOnMobile = false;\n\n\t/**\n\t * The value of the attachment (usually the file name)\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * The fileID to use to track the file\n\t */\n\t@Prop() fileId: string;\n\n\t/**\n\t * The type of files to accept\n\t */\n\t@Prop() accept: string[] | string = null;\n\n\t/**\n\t * The label of the attachment\n\t */\n\t@Prop() label: string | HTMLSlotElement;\n\n\t/**\n\t * The helper of the attachment\n\t */\n\t@Prop() helper: string | HTMLSlotElement;\n\n\t/**\n\t * Wether the attachment is required\n\t */\n\t@Prop({ reflect: true }) required = true;\n\n\t/**\n\t * The variant of the attachment\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * The placeholder of the attachment\n\t */\n\t@Prop() placeholder: string = 'Upload a file...';\n\n\t/**\n\t * The text for the camera tooltip\n\t */\n\t@Prop() cameraTooltip: string = 'Camera';\n\n\t/**\n\t * The text for the download tooltip\n\t */\n\t@Prop() downloadTooltip: string = 'Download';\n\n\t/**\n\t * The text for the upload tooltip\n\t */\n\t@Prop() uploadTooltip: string = 'Upload';\n\n\t/**\n\t * The text for the delete tooltip\n\t */\n\t@Prop() deleteTooltip: string = 'Delete';\n\n\t/**\n\t * Wether the attachment is loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when upload is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tupload: EventEmitter<{\n\t\tfile: File;\n\t\tfileId: string;\n\t\tresult: string;\n\t}>;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<void>;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<void>;\n\n\tprivate _fileRef: HTMLInputElement;\n\tprivate _cameraFileRef: HTMLInputElement;\n\n\trender() {\n\t\tlet prefix = (\n\t\t\t<p-icon\n\t\t\t\tclass='text-storm-300'\n\t\t\t\tvariant='attachment'\n\t\t\t/>\n\t\t);\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative-red-500'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// const isMobileDevice = isMobile();\n\t\tconst isMobileDevice = isTablet();\n\n\t\tconst baseText =\n\t\t\t'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap  text-sm';\n\t\treturn (\n\t\t\t<Fragment>\n\t\t\t\t<p-field-container\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tforceShowTooltip={!!this.error?.length}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tclass='flex w-full items-start gap-2'\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={attachment({\n\t\t\t\t\t\t\t\tclick: this.mode === 'write' && !this.value?.length,\n\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tonClick={() => this._uploadClick()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{prefix}\n\n\t\t\t\t\t\t\t<span class={cn(baseText, 'peer empty:hidden')}>\n\t\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<span class={cn(baseText, 'hidden peer-empty:block')}>\n\t\t\t\t\t\t\t\t{this.placeholder}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\tclass='w-8'\n\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t? this.downloadTooltip\n\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t? this.deleteTooltip\n\t\t\t\t\t\t\t\t\t: this.uploadTooltip\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\tthis.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t? 'download'\n\t\t\t\t\t\t\t\t\t\t: this.value?.length\n\t\t\t\t\t\t\t\t\t\t? 'trash'\n\t\t\t\t\t\t\t\t\t\t: 'upload'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t\t\t\tthis.mode === 'write' && !this.value?.length\n\t\t\t\t\t\t\t\t\t\t? this._uploadClick()\n\t\t\t\t\t\t\t\t\t\t: (this.mode === 'read'\n\t\t\t\t\t\t\t\t\t\t\t\t? this.download\n\t\t\t\t\t\t\t\t\t\t\t\t: this.delete\n\t\t\t\t\t\t\t\t\t\t  ).emit()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-tooltip>\n\n\t\t\t\t\t\t{this.enableCameraOnMobile &&\n\t\t\t\t\t\t\tthis.mode === 'write' &&\n\t\t\t\t\t\t\tisMobileDevice &&\n\t\t\t\t\t\t\t!this.value?.length && (\n\t\t\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\t\t\tcontent={this.cameraTooltip}\n\t\t\t\t\t\t\t\t\tclass='w-8 desktop-xs:hidden'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\t\t\ticon='camera'\n\t\t\t\t\t\t\t\t\t\tonOnClick={() => this._cameraClick()}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept={\n\t\t\t\t\t\tArray.isArray(this.accept) ? this.accept?.join(',') : this.accept\n\t\t\t\t\t}\n\t\t\t\t\tref={el => (this._fileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\n\t\t\t\t<input\n\t\t\t\t\tclass='hidden'\n\t\t\t\t\ttype='file'\n\t\t\t\t\taccept='image/*'\n\t\t\t\t\tcapture='true'\n\t\t\t\t\tref={el => (this._cameraFileRef = el)}\n\t\t\t\t\tonChange={ev => this._onFileChange(ev)}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t);\n\t}\n\n\tprivate _uploadClick() {\n\t\tif (!this._fileRef || this.mode !== 'write' || this.value?.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._fileRef.click();\n\t}\n\n\tprivate _cameraClick() {\n\t\tif (!this.enableCameraOnMobile || isMobile()) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._cameraFileRef || this.mode !== 'write') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cameraFileRef?.click();\n\t}\n\n\tprivate _onFileChange(ev: Event) {\n\t\tconst target = ev.target as HTMLInputElement;\n\t\tconst file = target.files?.[0];\n\n\t\tif (file) {\n\t\t\tthis.loading = true;\n\n\t\t\tconst reader = new FileReader();\n\t\t\treader.onload = (e: any) => this._onLoad(file, e?.currentTarget?.result);\n\t\t\treader.readAsDataURL(file);\n\t\t}\n\t}\n\n\tprivate _onLoad(file: File, result: string) {\n\t\tthis.upload.emit({\n\t\t\tfileId: this.fileId,\n\t\t\tresult,\n\t\t\tfile,\n\t\t});\n\n\t\tif (this._fileRef) {\n\t\t\tthis._fileRef.value = '';\n\t\t}\n\n\t\tif (this._cameraFileRef) {\n\t\t\tthis._cameraFileRef.value = '';\n\t\t}\n\n\t\tthis.loading = false;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}