@paperless/core 3.6.3 → 3.6.6
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/dist/build/p-75918198.entry.js +1 -0
- package/dist/build/{p-5087d82a.js → p-7ead64a1.js} +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-attachment.cjs.entry.js +11 -12
- package/dist/collection/components/molecules/attachment/attachment.component.js +12 -13
- package/dist/components/p-attachment.js +1 -1
- package/dist/esm/p-attachment.entry.js +12 -13
- package/dist/index.html +1 -1
- package/dist/paperless/p-75918198.entry.js +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/hydrate/index.js +11 -18
- package/hydrate/index.mjs +11 -18
- package/package.json +1 -1
- package/dist/build/p-8c1a3795.entry.js +0 -1
- package/dist/paperless/p-8c1a3795.entry.js +0 -1
package/hydrate/index.js
CHANGED
|
@@ -8710,18 +8710,12 @@ const getScreenSizeInPixels = (size) => {
|
|
|
8710
8710
|
const rem = getScreenSizeInRem(size);
|
|
8711
8711
|
return rem * 16;
|
|
8712
8712
|
};
|
|
8713
|
-
const isBiggerThanScreen = (size) => {
|
|
8714
|
-
const pixels = getScreenSizeInPixels(size);
|
|
8715
|
-
return window.innerWidth > pixels;
|
|
8716
|
-
};
|
|
8717
8713
|
const isSmallerThanScreen = (size) => {
|
|
8718
8714
|
const pixels = getScreenSizeInPixels(size);
|
|
8719
8715
|
return window.innerWidth < pixels;
|
|
8720
8716
|
};
|
|
8721
|
-
const isBetweenScreens = (smallSize, bigSize) => isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
|
|
8722
8717
|
const isTouchDevice = () => !!globalThis.matchMedia('(pointer: coarse)').matches;
|
|
8723
8718
|
const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
|
|
8724
|
-
const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
|
|
8725
8719
|
|
|
8726
8720
|
// http://detectmobilebrowsers.com/
|
|
8727
8721
|
const browserRegex = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i;
|
|
@@ -11745,28 +11739,27 @@ class Attachment {
|
|
|
11745
11739
|
_fileRef;
|
|
11746
11740
|
_cameraFileRef;
|
|
11747
11741
|
render() {
|
|
11748
|
-
let prefix = (hAsync("p-icon", { key: '
|
|
11742
|
+
let prefix = (hAsync("p-icon", { key: 'dd6a4fddd6e60cafff196b0229b125bc4475837f', class: 'text-storm-300', variant: 'attachment' }));
|
|
11749
11743
|
if (this.error) {
|
|
11750
|
-
prefix = (hAsync("p-icon", { key: '
|
|
11744
|
+
prefix = (hAsync("p-icon", { key: '3afb112898ac70c5c07f36d1824f9ef982994185', class: 'text-negative-red-500', variant: 'warning' }));
|
|
11751
11745
|
}
|
|
11752
|
-
|
|
11753
|
-
const isMobileDevice = isTablet();
|
|
11746
|
+
const isTouch = isTouchDevice();
|
|
11754
11747
|
const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
|
|
11755
|
-
return (hAsync(Fragment, { key: '
|
|
11748
|
+
return (hAsync(Fragment, { key: 'a60e9e326e5c70edb39e2c16353e30638ed04fbb' }, hAsync("p-field-container", { key: '95255c8b0648f11d336fb5bb74e230bc8a15499e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, hAsync("div", { key: 'c6bb34cd296d4159c5cc1941af8a80d46b5b387e', class: 'flex w-full items-start gap-2', slot: 'content' }, hAsync("div", { key: 'b208ca920c5ff5b240d8226551b791d239ebf2c6', class: attachment({
|
|
11756
11749
|
click: this.mode === 'write' && !this.value?.length,
|
|
11757
11750
|
error: !!this.error?.length,
|
|
11758
|
-
}), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '
|
|
11751
|
+
}), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '8235dce3bc34299e779d435749ee27f40360e1be', class: cn(baseText, `
|
|
11759
11752
|
peer
|
|
11760
11753
|
empty:hidden
|
|
11761
11754
|
dark:text-white
|
|
11762
|
-
`) }, this.value), hAsync("span", { key: '
|
|
11755
|
+
`) }, this.value), hAsync("span", { key: '9227af7beb22f08663854ad118269879f5dc28d2', class: cn(baseText, `
|
|
11763
11756
|
hidden
|
|
11764
11757
|
peer-empty:block
|
|
11765
|
-
`) }, this.placeholder)), hAsync("p-tooltip", { key: '
|
|
11758
|
+
`) }, this.placeholder)), hAsync("p-tooltip", { key: '461c9426b1068552248d9a99810157a5dc437d35', class: 'w-8', content: this.mode === 'read'
|
|
11766
11759
|
? this.downloadTooltip
|
|
11767
11760
|
: this.value?.length
|
|
11768
11761
|
? this.deleteTooltip
|
|
11769
|
-
: this.uploadTooltip }, hAsync("p-button", { key: '
|
|
11762
|
+
: this.uploadTooltip }, hAsync("p-button", { key: 'a61a19eca51f65b887cb5bc30c707903acdbed5e', disabled: this.loading, icon: this.mode === 'read'
|
|
11770
11763
|
? 'download'
|
|
11771
11764
|
: this.value?.length
|
|
11772
11765
|
? 'trash'
|
|
@@ -11776,8 +11769,8 @@ class Attachment {
|
|
|
11776
11769
|
? this.download
|
|
11777
11770
|
: this.delete).emit() })), this.enableCameraOnMobile &&
|
|
11778
11771
|
this.mode === 'write' &&
|
|
11779
|
-
|
|
11780
|
-
!this.value?.length && (hAsync("p-tooltip", { key: '
|
|
11772
|
+
isTouch &&
|
|
11773
|
+
!this.value?.length && (hAsync("p-tooltip", { key: '92eb29f63074268f3787fdd338bf52ab538652a4', class: '\n w-8\n desktop-xs:hidden\n ', content: this.cameraTooltip }, hAsync("p-button", { key: 'd16292a48b3b65b88d3102ae9fd2a0b88905b117', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), hAsync("input", { key: '8d4671d6374ff5c71a159113351fa2f8aabde9d7', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), hAsync("input", { key: 'd5d605e25ff006625eab9e3bd91c804f376f8945', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
|
|
11781
11774
|
}
|
|
11782
11775
|
_uploadClick() {
|
|
11783
11776
|
if (!this._fileRef || this.mode !== 'write' || this.value?.length) {
|
|
@@ -11786,7 +11779,7 @@ class Attachment {
|
|
|
11786
11779
|
this._fileRef.click();
|
|
11787
11780
|
}
|
|
11788
11781
|
_cameraClick() {
|
|
11789
|
-
if (!this.enableCameraOnMobile ||
|
|
11782
|
+
if (!this.enableCameraOnMobile || !isTouchDevice()) {
|
|
11790
11783
|
return;
|
|
11791
11784
|
}
|
|
11792
11785
|
if (!this._cameraFileRef || this.mode !== 'write') {
|
package/hydrate/index.mjs
CHANGED
|
@@ -8708,18 +8708,12 @@ const getScreenSizeInPixels = (size) => {
|
|
|
8708
8708
|
const rem = getScreenSizeInRem(size);
|
|
8709
8709
|
return rem * 16;
|
|
8710
8710
|
};
|
|
8711
|
-
const isBiggerThanScreen = (size) => {
|
|
8712
|
-
const pixels = getScreenSizeInPixels(size);
|
|
8713
|
-
return window.innerWidth > pixels;
|
|
8714
|
-
};
|
|
8715
8711
|
const isSmallerThanScreen = (size) => {
|
|
8716
8712
|
const pixels = getScreenSizeInPixels(size);
|
|
8717
8713
|
return window.innerWidth < pixels;
|
|
8718
8714
|
};
|
|
8719
|
-
const isBetweenScreens = (smallSize, bigSize) => isBiggerThanScreen(smallSize) && isSmallerThanScreen(bigSize);
|
|
8720
8715
|
const isTouchDevice = () => !!globalThis.matchMedia('(pointer: coarse)').matches;
|
|
8721
8716
|
const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
|
|
8722
|
-
const isTablet = () => isBetweenScreens('tablet', 'desktop-xs');
|
|
8723
8717
|
|
|
8724
8718
|
// http://detectmobilebrowsers.com/
|
|
8725
8719
|
const browserRegex = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i;
|
|
@@ -11743,28 +11737,27 @@ class Attachment {
|
|
|
11743
11737
|
_fileRef;
|
|
11744
11738
|
_cameraFileRef;
|
|
11745
11739
|
render() {
|
|
11746
|
-
let prefix = (hAsync("p-icon", { key: '
|
|
11740
|
+
let prefix = (hAsync("p-icon", { key: 'dd6a4fddd6e60cafff196b0229b125bc4475837f', class: 'text-storm-300', variant: 'attachment' }));
|
|
11747
11741
|
if (this.error) {
|
|
11748
|
-
prefix = (hAsync("p-icon", { key: '
|
|
11742
|
+
prefix = (hAsync("p-icon", { key: '3afb112898ac70c5c07f36d1824f9ef982994185', class: 'text-negative-red-500', variant: 'warning' }));
|
|
11749
11743
|
}
|
|
11750
|
-
|
|
11751
|
-
const isMobileDevice = isTablet();
|
|
11744
|
+
const isTouch = isTouchDevice();
|
|
11752
11745
|
const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
|
|
11753
|
-
return (hAsync(Fragment, { key: '
|
|
11746
|
+
return (hAsync(Fragment, { key: 'a60e9e326e5c70edb39e2c16353e30638ed04fbb' }, hAsync("p-field-container", { key: '95255c8b0648f11d336fb5bb74e230bc8a15499e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, hAsync("div", { key: 'c6bb34cd296d4159c5cc1941af8a80d46b5b387e', class: 'flex w-full items-start gap-2', slot: 'content' }, hAsync("div", { key: 'b208ca920c5ff5b240d8226551b791d239ebf2c6', class: attachment({
|
|
11754
11747
|
click: this.mode === 'write' && !this.value?.length,
|
|
11755
11748
|
error: !!this.error?.length,
|
|
11756
|
-
}), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '
|
|
11749
|
+
}), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '8235dce3bc34299e779d435749ee27f40360e1be', class: cn(baseText, `
|
|
11757
11750
|
peer
|
|
11758
11751
|
empty:hidden
|
|
11759
11752
|
dark:text-white
|
|
11760
|
-
`) }, this.value), hAsync("span", { key: '
|
|
11753
|
+
`) }, this.value), hAsync("span", { key: '9227af7beb22f08663854ad118269879f5dc28d2', class: cn(baseText, `
|
|
11761
11754
|
hidden
|
|
11762
11755
|
peer-empty:block
|
|
11763
|
-
`) }, this.placeholder)), hAsync("p-tooltip", { key: '
|
|
11756
|
+
`) }, this.placeholder)), hAsync("p-tooltip", { key: '461c9426b1068552248d9a99810157a5dc437d35', class: 'w-8', content: this.mode === 'read'
|
|
11764
11757
|
? this.downloadTooltip
|
|
11765
11758
|
: this.value?.length
|
|
11766
11759
|
? this.deleteTooltip
|
|
11767
|
-
: this.uploadTooltip }, hAsync("p-button", { key: '
|
|
11760
|
+
: this.uploadTooltip }, hAsync("p-button", { key: 'a61a19eca51f65b887cb5bc30c707903acdbed5e', disabled: this.loading, icon: this.mode === 'read'
|
|
11768
11761
|
? 'download'
|
|
11769
11762
|
: this.value?.length
|
|
11770
11763
|
? 'trash'
|
|
@@ -11774,8 +11767,8 @@ class Attachment {
|
|
|
11774
11767
|
? this.download
|
|
11775
11768
|
: this.delete).emit() })), this.enableCameraOnMobile &&
|
|
11776
11769
|
this.mode === 'write' &&
|
|
11777
|
-
|
|
11778
|
-
!this.value?.length && (hAsync("p-tooltip", { key: '
|
|
11770
|
+
isTouch &&
|
|
11771
|
+
!this.value?.length && (hAsync("p-tooltip", { key: '92eb29f63074268f3787fdd338bf52ab538652a4', class: '\n w-8\n desktop-xs:hidden\n ', content: this.cameraTooltip }, hAsync("p-button", { key: 'd16292a48b3b65b88d3102ae9fd2a0b88905b117', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), hAsync("input", { key: '8d4671d6374ff5c71a159113351fa2f8aabde9d7', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), hAsync("input", { key: 'd5d605e25ff006625eab9e3bd91c804f376f8945', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
|
|
11779
11772
|
}
|
|
11780
11773
|
_uploadClick() {
|
|
11781
11774
|
if (!this._fileRef || this.mode !== 'write' || this.value?.length) {
|
|
@@ -11784,7 +11777,7 @@ class Attachment {
|
|
|
11784
11777
|
this._fileRef.click();
|
|
11785
11778
|
}
|
|
11786
11779
|
_cameraClick() {
|
|
11787
|
-
if (!this.enableCameraOnMobile ||
|
|
11780
|
+
if (!this.enableCameraOnMobile || !isTouchDevice()) {
|
|
11788
11781
|
return;
|
|
11789
11782
|
}
|
|
11790
11783
|
if (!this._cameraFileRef || this.mode !== 'write') {
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,a as t,h as r,F as a}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{h as o,f as d}from"./p-CWO2YJCh.js";import{c as s}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";const h=i(["flex flex-1 items-center justify-start gap-2","h-8 min-w-0 rounded-lg px-2","border border-solid","bg-white-600 text-storm-200","dark:bg-white/15 dark:text-hurricane-200"],{variants:{click:{false:null,true:"cursor-pointer"},error:{false:"\n border-storm-100\n dark:border-white/15\n ",true:"\n border-negative-red-500\n dark:border-negative-red-alternative\n "}}}),c=class{constructor(r){e(this,r),this.upload=t(this,"upload",3),this.download=t(this,"download",3),this.delete=t(this,"delete",3)}enableCameraOnMobile=!1;value;fileId;accept=null;label;helper;required=!0;mode="read";placeholder="Upload a file...";cameraTooltip="Camera";downloadTooltip="Download";uploadTooltip="Upload";deleteTooltip="Delete";loading=!1;error;upload;download;delete;_fileRef;_cameraFileRef;render(){let e=r("p-icon",{key:"ff0d8b84e7b9a7dd184912d9689bcb8eca336c27",class:"text-storm-300",variant:"attachment"});this.error&&(e=r("p-icon",{key:"edafa66b2cd94083d4b14f3bb0c4cf1a956db04f",class:"text-negative-red-500",variant:"warning"}));const t=o(),i="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm";return r(a,{key:"b2d624708b9d8ca28de78dd54fe9cc8eeeecb549"},r("p-field-container",{key:"07fffd5b21f0ac93ed152759ab84a389aee3e34e",error:this.error,forceShowTooltip:!!this.error?.length,helper:this.helper,label:this.label,required:this.required,variant:"write"},r("div",{key:"69ecea8f62871917c241518f6890d9bbd70839cf",class:"flex w-full items-start gap-2",slot:"content"},r("div",{key:"46e0bd7eda892914725c6f742fe0c1f2ccc93834",class:h({click:"write"===this.mode&&!this.value?.length,error:!!this.error?.length}),onClick:()=>this._uploadClick()},e,r("span",{key:"0bee81f6c2a114113f6f7910e243d6f96dd158b1",class:s(i,"\n peer\n empty:hidden\n dark:text-white\n ")},this.value),r("span",{key:"0ca55b4c5565663a1523fb23318e061413ab7024",class:s(i,"\n hidden\n peer-empty:block\n ")},this.placeholder)),r("p-tooltip",{key:"9e96a2663671403a3a81571732af88e49df30749",class:"w-8",content:"read"===this.mode?this.downloadTooltip:this.value?.length?this.deleteTooltip:this.uploadTooltip},r("p-button",{key:"99cf07323a901392dd3049a43ed61b3f3c074483",disabled:this.loading,icon:"read"===this.mode?"download":this.value?.length?"trash":"upload",iconOnly:!0,loading:this.loading,slot:"trigger",variant:"secondary",onOnClick:()=>"write"!==this.mode||this.value?.length?("read"===this.mode?this.download:this.delete).emit():this._uploadClick()})),this.enableCameraOnMobile&&"write"===this.mode&&t&&!this.value?.length&&r("p-tooltip",{key:"6e152a4fd9c5c9b3abb5e0f53fc100a0a2d09901",class:"\n w-8\n desktop-xs:hidden\n ",content:this.cameraTooltip},r("p-button",{key:"1337d04a24c9b1b6ed2d8b5d72e3765ca9f6a0cb",icon:"camera",iconOnly:!0,slot:"trigger",variant:"secondary",onOnClick:()=>this._cameraClick()})))),r("input",{key:"bcf332bfadc788d74e76918043bf6ac4e2970270",accept:Array.isArray(this.accept)?this.accept?.join(","):this.accept,class:"hidden",ref:e=>this._fileRef=e,type:"file",onChange:e=>this._onFileChange(e)}),r("input",{key:"a3f7befdf02a4ed11d90bb3595bc37e678908ad0",accept:"image/*",capture:"true",class:"hidden",ref:e=>this._cameraFileRef=e,type:"file",onChange:e=>this._onFileChange(e)}))}_uploadClick(){this._fileRef&&"write"===this.mode&&!this.value?.length&&this._fileRef.click()}_cameraClick(){this.enableCameraOnMobile&&!d()&&this._cameraFileRef&&"write"===this.mode&&this._cameraFileRef?.click()}_onFileChange(e){const t=e.target,r=t.files?.[0];if(r){this.loading=!0;const e=new FileReader;e.addEventListener("load",(e=>this._onLoad(r,e?.currentTarget?.result))),e.readAsDataURL(r)}}_onLoad(e,t){this.upload.emit({fileId:this.fileId,result:t,file:e}),this._fileRef&&(this._fileRef.value=""),this._cameraFileRef&&(this._cameraFileRef.value=""),this.loading=!1}};c.style=".block{display:block}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static}.flex{display:flex}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.peer:empty~.peer-empty\\:block{display:block}@media (min-width:64rem){.desktop-xs\\:hidden{display:none}}.dark\\:border-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{c as p_attachment}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,a as t,h as r,F as a}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{h as o,f as d}from"./p-CWO2YJCh.js";import{c as s}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";const h=i(["flex flex-1 items-center justify-start gap-2","h-8 min-w-0 rounded-lg px-2","border border-solid","bg-white-600 text-storm-200","dark:bg-white/15 dark:text-hurricane-200"],{variants:{click:{false:null,true:"cursor-pointer"},error:{false:"\n border-storm-100\n dark:border-white/15\n ",true:"\n border-negative-red-500\n dark:border-negative-red-alternative\n "}}}),c=class{constructor(r){e(this,r),this.upload=t(this,"upload",3),this.download=t(this,"download",3),this.delete=t(this,"delete",3)}enableCameraOnMobile=!1;value;fileId;accept=null;label;helper;required=!0;mode="read";placeholder="Upload a file...";cameraTooltip="Camera";downloadTooltip="Download";uploadTooltip="Upload";deleteTooltip="Delete";loading=!1;error;upload;download;delete;_fileRef;_cameraFileRef;render(){let e=r("p-icon",{key:"ff0d8b84e7b9a7dd184912d9689bcb8eca336c27",class:"text-storm-300",variant:"attachment"});this.error&&(e=r("p-icon",{key:"edafa66b2cd94083d4b14f3bb0c4cf1a956db04f",class:"text-negative-red-500",variant:"warning"}));const t=o(),i="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm";return r(a,{key:"b2d624708b9d8ca28de78dd54fe9cc8eeeecb549"},r("p-field-container",{key:"07fffd5b21f0ac93ed152759ab84a389aee3e34e",error:this.error,forceShowTooltip:!!this.error?.length,helper:this.helper,label:this.label,required:this.required,variant:"write"},r("div",{key:"69ecea8f62871917c241518f6890d9bbd70839cf",class:"flex w-full items-start gap-2",slot:"content"},r("div",{key:"46e0bd7eda892914725c6f742fe0c1f2ccc93834",class:h({click:"write"===this.mode&&!this.value?.length,error:!!this.error?.length}),onClick:()=>this._uploadClick()},e,r("span",{key:"0bee81f6c2a114113f6f7910e243d6f96dd158b1",class:s(i,"\n peer\n empty:hidden\n dark:text-white\n ")},this.value),r("span",{key:"0ca55b4c5565663a1523fb23318e061413ab7024",class:s(i,"\n hidden\n peer-empty:block\n ")},this.placeholder)),r("p-tooltip",{key:"9e96a2663671403a3a81571732af88e49df30749",class:"w-8",content:"read"===this.mode?this.downloadTooltip:this.value?.length?this.deleteTooltip:this.uploadTooltip},r("p-button",{key:"99cf07323a901392dd3049a43ed61b3f3c074483",disabled:this.loading,icon:"read"===this.mode?"download":this.value?.length?"trash":"upload",iconOnly:!0,loading:this.loading,slot:"trigger",variant:"secondary",onOnClick:()=>"write"!==this.mode||this.value?.length?("read"===this.mode?this.download:this.delete).emit():this._uploadClick()})),this.enableCameraOnMobile&&"write"===this.mode&&t&&!this.value?.length&&r("p-tooltip",{key:"6e152a4fd9c5c9b3abb5e0f53fc100a0a2d09901",class:"\n w-8\n desktop-xs:hidden\n ",content:this.cameraTooltip},r("p-button",{key:"1337d04a24c9b1b6ed2d8b5d72e3765ca9f6a0cb",icon:"camera",iconOnly:!0,slot:"trigger",variant:"secondary",onOnClick:()=>this._cameraClick()})))),r("input",{key:"bcf332bfadc788d74e76918043bf6ac4e2970270",accept:Array.isArray(this.accept)?this.accept?.join(","):this.accept,class:"hidden",ref:e=>this._fileRef=e,type:"file",onChange:e=>this._onFileChange(e)}),r("input",{key:"a3f7befdf02a4ed11d90bb3595bc37e678908ad0",accept:"image/*",capture:"true",class:"hidden",ref:e=>this._cameraFileRef=e,type:"file",onChange:e=>this._onFileChange(e)}))}_uploadClick(){this._fileRef&&"write"===this.mode&&!this.value?.length&&this._fileRef.click()}_cameraClick(){this.enableCameraOnMobile&&!d()&&this._cameraFileRef&&"write"===this.mode&&this._cameraFileRef?.click()}_onFileChange(e){const t=e.target,r=t.files?.[0];if(r){this.loading=!0;const e=new FileReader;e.addEventListener("load",(e=>this._onLoad(r,e?.currentTarget?.result))),e.readAsDataURL(r)}}_onLoad(e,t){this.upload.emit({fileId:this.fileId,result:t,file:e}),this._fileRef&&(this._fileRef.value=""),this._cameraFileRef&&(this._cameraFileRef.value=""),this.loading=!1}};c.style=".block{display:block}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static}.flex{display:flex}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.peer:empty~.peer-empty\\:block{display:block}@media (min-width:64rem){.desktop-xs\\:hidden{display:none}}.dark\\:border-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(255 92 92/var(--tw-border-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{c as p_attachment}
|