@paperless/core 3.15.2 → 3.15.3
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-4060ee8b.entry.js → p-53397cd2.entry.js} +1 -1
- package/dist/build/{p-131bc168.js → p-d9b9a508.js} +1 -1
- package/dist/build/p-e20c97d4.entry.js +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-dropzone.cjs.entry.js +6 -6
- package/dist/cjs/p-field_3.cjs.entry.js +7 -7
- package/dist/collection/components/molecules/dropzone/dropzone.component.css +1 -1
- package/dist/collection/components/molecules/dropzone/dropzone.component.js +5 -5
- package/dist/collection/components/molecules/field/container/field-container.component.css +1 -1
- package/dist/collection/components/molecules/field/container/field-container.component.js +6 -6
- package/dist/components/{p-BKVZoBXs.js → p-BM2LC6IR.js} +1 -1
- package/dist/components/{p-GCtiZnn_.js → p-C9E8dYEf.js} +1 -1
- package/dist/components/{p-C_ug-NFC.js → p-CS-hUUhn.js} +1 -1
- package/dist/components/p-D8nX9GTO.js +1 -0
- package/dist/components/p-attachment.js +1 -1
- package/dist/components/p-datepicker.js +1 -1
- package/dist/components/p-dropzone.js +1 -1
- package/dist/components/p-field-container.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/{p-D-CC7BBx.js → p-gpZWMkW6.js} +1 -1
- package/dist/components/p-pagination-pages.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-select.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +1 -1
- package/dist/components/{p-DEoTWGPb.js → p-tlG1f_wk.js} +1 -1
- package/dist/esm/p-dropzone.entry.js +6 -6
- package/dist/esm/p-field_3.entry.js +7 -7
- package/dist/index.html +1 -1
- package/dist/paperless/{p-4060ee8b.entry.js → p-53397cd2.entry.js} +1 -1
- package/dist/paperless/p-e20c97d4.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 +13 -13
- package/hydrate/index.mjs +13 -13
- package/package.json +1 -1
- package/dist/build/p-6e03bcef.entry.js +0 -1
- package/dist/components/p-bWeLk9nj.js +0 -1
- package/dist/paperless/p-6e03bcef.entry.js +0 -1
package/hydrate/index.js
CHANGED
|
@@ -95087,11 +95087,11 @@ class DropdownMenuItem {
|
|
|
95087
95087
|
}; }
|
|
95088
95088
|
}
|
|
95089
95089
|
|
|
95090
|
-
const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
95090
|
+
const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
95091
95091
|
|
|
95092
95092
|
const dropzone = cva([
|
|
95093
95093
|
'group/dropzone',
|
|
95094
|
-
'flex w-full flex-col items-center gap-2',
|
|
95094
|
+
'flex h-inherit w-full flex-col items-center justify-center gap-2',
|
|
95095
95095
|
'cursor-pointer',
|
|
95096
95096
|
'rounded-lg',
|
|
95097
95097
|
'border',
|
|
@@ -95206,16 +95206,16 @@ class Dropzone {
|
|
|
95206
95206
|
}
|
|
95207
95207
|
render() {
|
|
95208
95208
|
const hasContent = this._el.innerHTML?.length > 0;
|
|
95209
|
-
return (hAsync(ThemedHost, { key: '
|
|
95209
|
+
return (hAsync(ThemedHost, { key: 'd94080d9b34596727efaa72b0b2f808d19a248e1' }, hAsync("div", { key: '047d1c3cb0ea179e93e34cc33eddce6311cf0a6b', class: dropzone({
|
|
95210
95210
|
isOver: this._isOver,
|
|
95211
95211
|
uploaded: this.uploaded,
|
|
95212
|
-
}),
|
|
95212
|
+
}), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (hAsync("p-icon", { key: '5d7a32c5a7a4d16385d2744688fd7dfc597294ae', class: cn(`
|
|
95213
95213
|
group-hover/dropzone:text-indigo-900
|
|
95214
95214
|
dark:group-hover/dropzone:text-white
|
|
95215
95215
|
`, {
|
|
95216
95216
|
'text-storm-300 dark:text-hurricane-300': !this._isOver,
|
|
95217
95217
|
'text-indigo-900 dark:text-white': this._isOver,
|
|
95218
|
-
}), variant: this.icon })), this.loading && hAsync("p-loader", { key: '
|
|
95218
|
+
}), variant: this.icon })), this.loading && hAsync("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && hAsync("slot", { key: 'a617832e2305a17b33ee1672161b086bcaee3ba6' }), this.uploaded && !this._isOver && (hAsync("div", { key: '37d5abc7d1911191ce0837da4dc75ded564015b1', class: 'flex items-center gap-2 text-positive-green-800' }, hAsync("p-icon", { key: '454995571fe41257ea43b317e79926e458cc934a', variant: 'check-circle' }), hAsync("span", { key: '6aa0a20db5a5a65f02a0d5319ec18b559ef57b7a', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (hAsync("div", { key: '7e75e105348ebd58c4d2183b4d5f64a410393067', class: cn([
|
|
95219
95219
|
'flex flex-col text-center',
|
|
95220
95220
|
'group-hover/dropzone:opacity-50',
|
|
95221
95221
|
`
|
|
@@ -95224,7 +95224,7 @@ class Dropzone {
|
|
|
95224
95224
|
`,
|
|
95225
95225
|
], {
|
|
95226
95226
|
'opacity-50': this._isOver,
|
|
95227
|
-
}) }, hAsync("span", { key: '
|
|
95227
|
+
}) }, hAsync("span", { key: '7e87b47205401f3ef2174ba8f069a59e09d84894', class: 'font-medium' }, this.dragFileString), hAsync("span", { key: 'a474aff707224efbd3e248219c1798ac37c9e990', class: 'font-normal' }, this.orClickString)))), hAsync("input", { key: '4d55ef7a4fc188f79383763914455d542bebce84', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
|
|
95228
95228
|
}
|
|
95229
95229
|
onDrop(ev) {
|
|
95230
95230
|
const files = this._getFiles(ev);
|
|
@@ -96045,7 +96045,7 @@ class Field {
|
|
|
96045
96045
|
}; }
|
|
96046
96046
|
}
|
|
96047
96047
|
|
|
96048
|
-
const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\: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-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}`;
|
|
96048
|
+
const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-inherit{height:inherit}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\: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-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}`;
|
|
96049
96049
|
|
|
96050
96050
|
const loader = cva(['w-full rounded-lg'], {
|
|
96051
96051
|
variants: {
|
|
@@ -96154,23 +96154,23 @@ class FieldContainer {
|
|
|
96154
96154
|
if (this.loading) {
|
|
96155
96155
|
contentSlot = (hAsync("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
|
|
96156
96156
|
}
|
|
96157
|
-
return (hAsync(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, hAsync("label", { key: '
|
|
96157
|
+
return (hAsync(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, hAsync("label", { key: '4cb5fac7fe945b5f520ac83a43a7a5af6b879adc', class: cn('flex h-inherit w-inherit flex-col gap-1', {
|
|
96158
96158
|
'cursor-auto': this.variant === 'read',
|
|
96159
|
-
}), htmlFor: this.id }, hAsync("div", { key: '
|
|
96159
|
+
}), htmlFor: this.id }, hAsync("div", { key: 'eddd1fb87a9a2d0878cd41420e88e54e31da3bd1', class: cn(`
|
|
96160
96160
|
flex items-end justify-between gap-1
|
|
96161
96161
|
empty:hidden
|
|
96162
96162
|
`, {
|
|
96163
96163
|
'flex-row-reverse': this.align === 'end',
|
|
96164
|
-
}) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: '
|
|
96165
|
-
hasHeaderSlot) && (hAsync("div", { key: '
|
|
96164
|
+
}) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: 'de0c79227552968864feee220604dc75ae7e4ecc', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, hAsync("span", { key: 'e3706293e4feae632d4d990adc3fb49f54c386cd', class: '\n min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n text-storm-300\n dark:text-hurricane-200\n ' }, label), helper && (hAsync("p-helper", { key: '7c8a9c8a5c82bda7028cd3ae2bf730425fea0eae', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
|
|
96165
|
+
hasHeaderSlot) && (hAsync("div", { key: '74c6873c1972f30938ae1e328f5bda72e41c4bb6', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
|
|
96166
96166
|
asBoolean(this.showOptional) &&
|
|
96167
|
-
this.variant === 'write' && (hAsync("span", { key: '
|
|
96167
|
+
this.variant === 'write' && (hAsync("span", { key: 'a26431f4d7f51d1a92f0124b3dbd89220d37d16a', class: '\n text-xs font-medium text-storm-200\n dark:text-hurricane-300\n ' }, this.optionalTemplate())), hasHeaderSlot && hAsync("slot", { key: 'c45674f169680c8f677dbd0f05c3cd1b54c713f5', name: 'header' })))), hAsync("p-tooltip", { key: 'e1cd66e97f216465f0a6ebb4f7283ee934d28379', class: cn({
|
|
96168
96168
|
'w-full': this.variant === 'write' || this.loading,
|
|
96169
96169
|
'ml-auto': this.align === 'end',
|
|
96170
96170
|
'font-normal': this.variant === 'read',
|
|
96171
96171
|
'text-storm-500 dark:text-white': this.variant === 'read',
|
|
96172
96172
|
}), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
|
|
96173
|
-
asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (hAsync("slot", { key: '
|
|
96173
|
+
asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (hAsync("slot", { key: 'a6e72b011664317de5e09b4a2fd689e307c0d5d2', name: 'error', slot: 'content' })), contentSlot))));
|
|
96174
96174
|
}
|
|
96175
96175
|
async _setLocales() {
|
|
96176
96176
|
this._locales = await getLocaleComponentStrings(this._el);
|
package/hydrate/index.mjs
CHANGED
|
@@ -95085,11 +95085,11 @@ class DropdownMenuItem {
|
|
|
95085
95085
|
}; }
|
|
95086
95086
|
}
|
|
95087
95087
|
|
|
95088
|
-
const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
95088
|
+
const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
|
|
95089
95089
|
|
|
95090
95090
|
const dropzone = cva([
|
|
95091
95091
|
'group/dropzone',
|
|
95092
|
-
'flex w-full flex-col items-center gap-2',
|
|
95092
|
+
'flex h-inherit w-full flex-col items-center justify-center gap-2',
|
|
95093
95093
|
'cursor-pointer',
|
|
95094
95094
|
'rounded-lg',
|
|
95095
95095
|
'border',
|
|
@@ -95204,16 +95204,16 @@ class Dropzone {
|
|
|
95204
95204
|
}
|
|
95205
95205
|
render() {
|
|
95206
95206
|
const hasContent = this._el.innerHTML?.length > 0;
|
|
95207
|
-
return (hAsync(ThemedHost, { key: '
|
|
95207
|
+
return (hAsync(ThemedHost, { key: 'd94080d9b34596727efaa72b0b2f808d19a248e1' }, hAsync("div", { key: '047d1c3cb0ea179e93e34cc33eddce6311cf0a6b', class: dropzone({
|
|
95208
95208
|
isOver: this._isOver,
|
|
95209
95209
|
uploaded: this.uploaded,
|
|
95210
|
-
}),
|
|
95210
|
+
}), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (hAsync("p-icon", { key: '5d7a32c5a7a4d16385d2744688fd7dfc597294ae', class: cn(`
|
|
95211
95211
|
group-hover/dropzone:text-indigo-900
|
|
95212
95212
|
dark:group-hover/dropzone:text-white
|
|
95213
95213
|
`, {
|
|
95214
95214
|
'text-storm-300 dark:text-hurricane-300': !this._isOver,
|
|
95215
95215
|
'text-indigo-900 dark:text-white': this._isOver,
|
|
95216
|
-
}), variant: this.icon })), this.loading && hAsync("p-loader", { key: '
|
|
95216
|
+
}), variant: this.icon })), this.loading && hAsync("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && hAsync("slot", { key: 'a617832e2305a17b33ee1672161b086bcaee3ba6' }), this.uploaded && !this._isOver && (hAsync("div", { key: '37d5abc7d1911191ce0837da4dc75ded564015b1', class: 'flex items-center gap-2 text-positive-green-800' }, hAsync("p-icon", { key: '454995571fe41257ea43b317e79926e458cc934a', variant: 'check-circle' }), hAsync("span", { key: '6aa0a20db5a5a65f02a0d5319ec18b559ef57b7a', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (hAsync("div", { key: '7e75e105348ebd58c4d2183b4d5f64a410393067', class: cn([
|
|
95217
95217
|
'flex flex-col text-center',
|
|
95218
95218
|
'group-hover/dropzone:opacity-50',
|
|
95219
95219
|
`
|
|
@@ -95222,7 +95222,7 @@ class Dropzone {
|
|
|
95222
95222
|
`,
|
|
95223
95223
|
], {
|
|
95224
95224
|
'opacity-50': this._isOver,
|
|
95225
|
-
}) }, hAsync("span", { key: '
|
|
95225
|
+
}) }, hAsync("span", { key: '7e87b47205401f3ef2174ba8f069a59e09d84894', class: 'font-medium' }, this.dragFileString), hAsync("span", { key: 'a474aff707224efbd3e248219c1798ac37c9e990', class: 'font-normal' }, this.orClickString)))), hAsync("input", { key: '4d55ef7a4fc188f79383763914455d542bebce84', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
|
|
95226
95226
|
}
|
|
95227
95227
|
onDrop(ev) {
|
|
95228
95228
|
const files = this._getFiles(ev);
|
|
@@ -96043,7 +96043,7 @@ class Field {
|
|
|
96043
96043
|
}; }
|
|
96044
96044
|
}
|
|
96045
96045
|
|
|
96046
|
-
const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\: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-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}`;
|
|
96046
|
+
const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-inherit{height:inherit}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\: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-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}`;
|
|
96047
96047
|
|
|
96048
96048
|
const loader = cva(['w-full rounded-lg'], {
|
|
96049
96049
|
variants: {
|
|
@@ -96152,23 +96152,23 @@ class FieldContainer {
|
|
|
96152
96152
|
if (this.loading) {
|
|
96153
96153
|
contentSlot = (hAsync("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
|
|
96154
96154
|
}
|
|
96155
|
-
return (hAsync(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, hAsync("label", { key: '
|
|
96155
|
+
return (hAsync(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, hAsync("label", { key: '4cb5fac7fe945b5f520ac83a43a7a5af6b879adc', class: cn('flex h-inherit w-inherit flex-col gap-1', {
|
|
96156
96156
|
'cursor-auto': this.variant === 'read',
|
|
96157
|
-
}), htmlFor: this.id }, hAsync("div", { key: '
|
|
96157
|
+
}), htmlFor: this.id }, hAsync("div", { key: 'eddd1fb87a9a2d0878cd41420e88e54e31da3bd1', class: cn(`
|
|
96158
96158
|
flex items-end justify-between gap-1
|
|
96159
96159
|
empty:hidden
|
|
96160
96160
|
`, {
|
|
96161
96161
|
'flex-row-reverse': this.align === 'end',
|
|
96162
|
-
}) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: '
|
|
96163
|
-
hasHeaderSlot) && (hAsync("div", { key: '
|
|
96162
|
+
}) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: 'de0c79227552968864feee220604dc75ae7e4ecc', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, hAsync("span", { key: 'e3706293e4feae632d4d990adc3fb49f54c386cd', class: '\n min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n text-storm-300\n dark:text-hurricane-200\n ' }, label), helper && (hAsync("p-helper", { key: '7c8a9c8a5c82bda7028cd3ae2bf730425fea0eae', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
|
|
96163
|
+
hasHeaderSlot) && (hAsync("div", { key: '74c6873c1972f30938ae1e328f5bda72e41c4bb6', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
|
|
96164
96164
|
asBoolean(this.showOptional) &&
|
|
96165
|
-
this.variant === 'write' && (hAsync("span", { key: '
|
|
96165
|
+
this.variant === 'write' && (hAsync("span", { key: 'a26431f4d7f51d1a92f0124b3dbd89220d37d16a', class: '\n text-xs font-medium text-storm-200\n dark:text-hurricane-300\n ' }, this.optionalTemplate())), hasHeaderSlot && hAsync("slot", { key: 'c45674f169680c8f677dbd0f05c3cd1b54c713f5', name: 'header' })))), hAsync("p-tooltip", { key: 'e1cd66e97f216465f0a6ebb4f7283ee934d28379', class: cn({
|
|
96166
96166
|
'w-full': this.variant === 'write' || this.loading,
|
|
96167
96167
|
'ml-auto': this.align === 'end',
|
|
96168
96168
|
'font-normal': this.variant === 'read',
|
|
96169
96169
|
'text-storm-500 dark:text-white': this.variant === 'read',
|
|
96170
96170
|
}), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
|
|
96171
|
-
asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (hAsync("slot", { key: '
|
|
96171
|
+
asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (hAsync("slot", { key: 'a6e72b011664317de5e09b4a2fd689e307c0d5d2', name: 'error', slot: 'content' })), contentSlot))));
|
|
96172
96172
|
}
|
|
96173
96173
|
async _setLocales() {
|
|
96174
96174
|
this._locales = await getLocaleComponentStrings(this._el);
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,a as e,d as r,h as o}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{T as i}from"./p-CSySY6aC.js";import{c as d}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const c=a(["group/dropzone","flex w-full flex-col items-center gap-2","cursor-pointer","rounded-lg","border","p-4"],{variants:{uploaded:{false:"border-dashed",true:"\n border-off-white-700\n dark:border-white/15\n "},isOver:{true:"border-dashed border-indigo-500 bg-indigo-50",false:"border-white-800"}},compoundVariants:[{uploaded:!0,isOver:!1,class:["border-solid bg-positive-green-50"]},{uploaded:!1,isOver:!1,class:["bg-white-600","\n bg-indigo-500\n hover:border-indigo-500\n dark:hover:border-white/15\n ","\n dark:border-white/15 dark:bg-hurricane-600\n dark:hover:bg-hurricane-500\n "]}]}),h=class{constructor(r){t(this,r),this.upload=e(this,"upload",3)}icon="file-export";showIcon=!0;acceptGroup="any";fileId;loading=!1;allowMultiple=!0;uploaded=!1;addedString="Toegevoegd";dragFileString="Sleep je bestand hierheen";orClickString="of klik om te uploaden";upload;get _el(){return r(this)}_isOver=!1;_fileRef;_filesToProcess=0;_results=[];_documentBlocked=!1;_preventDefault=t=>t.preventDefault();componentWillRender(){if(!this._isOver&&this._documentBlocked)return document.removeEventListener("drop",this._preventDefault),document.removeEventListener("dragover",this._preventDefault),void(this._documentBlocked=!1);this._isOver&&(document.addEventListener("drop",this._preventDefault),document.addEventListener("dragover",this._preventDefault),this._documentBlocked=!0)}render(){const t=this._el.innerHTML?.length>0;return o(i,{key:"c6a304f790ab3c0b54c5d5350c9e8ac2ec223a65"},o("div",{key:"113088a5533a084c34a928e54bd944df1fcc3c6e",class:d(c({isOver:this._isOver,uploaded:this.uploaded}),{}),onClick:()=>this._uploadClick()},!this.loading&&this.showIcon&&o("p-icon",{key:"3c5d082c288a05557991ddd340ae127725558c92",class:d("\n group-hover/dropzone:text-indigo-900\n dark:group-hover/dropzone:text-white\n ",{"text-storm-300 dark:text-hurricane-300":!this._isOver,"text-indigo-900 dark:text-white":this._isOver}),variant:this.icon}),this.loading&&o("p-loader",{key:"9854984ce9ab9c30a8d5148251bef513e4c28ccd"}),t&&o("slot",{key:"16f25e0d116db0aa876a6671c992e59745d1ee68"}),this.uploaded&&!this._isOver&&o("div",{key:"c136286b06f36b6511ea3c8e3648da74dbb1c136",class:"flex items-center gap-2 text-positive-green-800"},o("p-icon",{key:"b0b91066f4bc43d7d7ff2a24ece00e58ceeda7b8",variant:"check-circle"}),o("span",{key:"66f8a7b314a5bbe2f579cc6c9591d1c11a6496d2",class:"font-medium"},this.addedString)),(!this.uploaded||this._isOver)&&o("div",{key:"f79f19dba4baba080d9d45b6147a358660b2cda1",class:d(["flex flex-col text-center","group-hover/dropzone:opacity-50","\n text-storm-300\n dark:text-hurricane-300\n "],{"opacity-50":this._isOver})},o("span",{key:"cc8d02cd3b4bd3676651a9c570f30d34dc318059",class:"font-medium"},this.dragFileString),o("span",{key:"f2e94c94bfe3eaded27e346baf8b99a46dae3ef3",class:"font-normal"},this.orClickString))),o("input",{key:"bee3ca3736c3b0e7c90e44adfaf523475dab4ea5",accept:"any"==this.acceptGroup?"":"image/*",class:"hidden",multiple:!0===this.allowMultiple||void 0,ref:t=>this._fileRef=t,type:"file",onChange:t=>this._onFileChange(t)}))}onDrop(t){const e=this._getFiles(t);e?.length&&this._processFiles(e)}onDragOver(t){this._isFilesEvent(t)&&(this._isOver=!0)}onDragLeave(){this._isOver=!1}_isFilesEvent(t){return!!t.dataTransfer&&0!==[...t.dataTransfer.items].filter((t=>"file"===t.kind)).length}_getFiles(t){if(!this._isFilesEvent(t))return;const e=t.dataTransfer?.files??[];return 0!==e.length?[...e]:void 0}_uploadClick(){this._fileRef&&this._fileRef.click()}_onFileChange(t){const e=t.target;if(!e.files)return;const r=[...e.files];r?.length&&this._processFiles(r)}_processFiles(t){this._results=[],this.allowMultiple||(t=[t[0]]),this._filesToProcess=t.length;for(const e of t)this._processFile(e)}_processFile(t){this.loading=!0;const e=new FileReader;e.addEventListener("load",(e=>this._onLoad(t,e?.currentTarget?.result))),e.readAsDataURL(t)}_onLoad(t,e){if(this._results.push({file:t,result:e}),this._results?.length<this._filesToProcess)return;const r={fileId:this.fileId,results:this._results};1!==this._results.length&&this.allowMultiple||(r.file=this._results[0].file,r.result=this._results[0].result),this.upload.emit(r),this._fileRef&&(this._fileRef.value=""),this.loading=!1}};h.style="*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{h as p_dropzone}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,c as r,h as i}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as s}from"./p-Au2WuEGF.js";import{f as n,g as d}from"./p-CwQG70_4.js";import{c as l}from"./p-xs4N_Y-0.js";import{a as c}from"./p-C5CTp9IA.js";import{d as h}from"./p-DW2CgFRa.js";import{d as m}from"./p-CPr4Yiq8.js";import{d as p}from"./p-D8faiybE.js";import{d as f}from"./p-jLO4drbv.js";const w=o(["w-full rounded-lg"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]}),x=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.focus=r(this,"focus",7)}_defaultOptionalTemplate=()=>n(this._locales.optional);id;align="start";label;loading=!1;loadingSize="base";variant;helper;required;showOptional=!0;error;errorPlacement;forceShowTooltip=!1;optionalTemplate=this._defaultOptionalTemplate;get _el(){return this}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:e,hasErrorSlot:t,helper:a,label:r,errorAndErrorIsNotBoolean:o}=this._getSlotInfo();let n=i("slot",{key:"2584c934001e26c03b752112c165dc89f31db007",name:"content",slot:"trigger"});return this.loading&&(n=i("p-loader",{key:"fe69f220c9021a637ca5bef74868f769222a635d",class:w({variant:this.variant,size:this.loadingSize}),slot:"trigger",variant:"ghost"})),i(s,{key:"cbed8c2f71c7be4f1789b3d234aafca4f9f078d9"},i("label",{key:"41c19529b5282769de686b834e1facfd69a323cf",class:l("flex w-inherit flex-col gap-1",{"cursor-auto":"read"===this.variant}),htmlFor:this.id},i("div",{key:"44a2fbd0d1024cd153894dd5548d7b4e0f1f4aec",class:l("\n flex items-end justify-between gap-1\n empty:hidden\n ",{"flex-row-reverse":"end"===this.align})},(!!r?.length||!!a?.length)&&i("div",{key:"1e7519168574464c867c86f84ecdca2c4e15e460",class:"flex min-w-0 gap-2",onClick:()=>this.focus.emit()},i("span",{key:"ec3649c4a9436d9c54be7929781d1d9a5fc459df",class:"\n min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n text-storm-300\n dark:text-hurricane-200\n "},r),a&&i("p-helper",{key:"2cc430522904e8df5dcc7fbf40f71d26287b7f0a",class:"flex flex-shrink-0",placement:"top"},a)),(!c(this.required)&&c(this.showOptional)||e)&&i("div",{key:"f6849a8c420eb3582a7d92d5e6b42bdd4e019a07",class:"flex items-center gap-1"},!c(this.required)&&c(this.showOptional)&&"write"===this.variant&&i("span",{key:"2329447c26577bc481fc46f11b1dcbfceff39f60",class:"\n text-xs font-medium text-storm-200\n dark:text-hurricane-300\n "},this.optionalTemplate()),e&&i("slot",{key:"09fffde1c42b4b160c455ba73f47d11e1d34dbc5",name:"header"}))),i("p-tooltip",{key:"26a3e3aa6bb7e3d57ae990ca672e01df493d3f1d",class:l({"w-full":"write"===this.variant||this.loading,"ml-auto":"end"===this.align,"font-normal":"read"===this.variant,"text-storm-500 dark:text-white":"read"===this.variant}),content:this.error,enableUserInput:!1,placement:this.errorPlacement,show:o&&c(this.forceShowTooltip,!1),variant:"error"},t&&i("slot",{key:"5a0ce99a2d3c123566e6417eeec26fe86ce054c6",name:"error",slot:"content"}),n)))}async _setLocales(){this._locales=await d(this._el)}_getSlotInfo(){const e=!!this._el.querySelector(':scope > [slot="helper"]'),t=!!this._el.querySelector(':scope > [slot="label"]'),a=!!this._el.querySelector(':scope > [slot="header"]'),r=!!this._el.querySelector(':scope > [slot="error"]');return{hasHelperSlot:e,hasLabelSlot:t,hasHeaderSlot:a,hasErrorSlot:r,helper:e?i("slot",{name:"helper"}):this.helper,label:t?i("slot",{name:"label"}):this.label,errorAndErrorIsNotBoolean:r||this.error&&"string"==typeof this.error&&"true"!==this.error}}static get style(){return"*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\: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-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}"}},[769,"p-field-container",{id:[1],align:[1],label:[1],loading:[4],loadingSize:[1,"loading-size"],variant:[1],helper:[1],required:[516],showOptional:[516,"show-optional"],error:[513],errorPlacement:[1,"error-placement"],forceShowTooltip:[516,"force-show-tooltip"],optionalTemplate:[16],_locales:[32]},[[16,"localeChanged","_setLocales"]]]);function b(){"undefined"!=typeof customElements&&["p-field-container","p-helper","p-icon","p-loader","p-tooltip"].forEach((t=>{switch(t){case"p-field-container":customElements.get(e(t))||customElements.define(e(t),x);break;case"p-helper":customElements.get(e(t))||h();break;case"p-icon":customElements.get(e(t))||m();break;case"p-loader":customElements.get(e(t))||p();break;case"p-tooltip":customElements.get(e(t))||f()}}))}b();export{x as F,b as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,a as e,d as r,h as o}from"./p-yFtRjnrU.js";import{c as a}from"./p-CBWjHURv.js";import{T as i}from"./p-CSySY6aC.js";import{c as d}from"./p-xs4N_Y-0.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const c=a(["group/dropzone","flex w-full flex-col items-center gap-2","cursor-pointer","rounded-lg","border","p-4"],{variants:{uploaded:{false:"border-dashed",true:"\n border-off-white-700\n dark:border-white/15\n "},isOver:{true:"border-dashed border-indigo-500 bg-indigo-50",false:"border-white-800"}},compoundVariants:[{uploaded:!0,isOver:!1,class:["border-solid bg-positive-green-50"]},{uploaded:!1,isOver:!1,class:["bg-white-600","\n bg-indigo-500\n hover:border-indigo-500\n dark:hover:border-white/15\n ","\n dark:border-white/15 dark:bg-hurricane-600\n dark:hover:bg-hurricane-500\n "]}]}),h=class{constructor(r){t(this,r),this.upload=e(this,"upload",3)}icon="file-export";showIcon=!0;acceptGroup="any";fileId;loading=!1;allowMultiple=!0;uploaded=!1;addedString="Toegevoegd";dragFileString="Sleep je bestand hierheen";orClickString="of klik om te uploaden";upload;get _el(){return r(this)}_isOver=!1;_fileRef;_filesToProcess=0;_results=[];_documentBlocked=!1;_preventDefault=t=>t.preventDefault();componentWillRender(){if(!this._isOver&&this._documentBlocked)return document.removeEventListener("drop",this._preventDefault),document.removeEventListener("dragover",this._preventDefault),void(this._documentBlocked=!1);this._isOver&&(document.addEventListener("drop",this._preventDefault),document.addEventListener("dragover",this._preventDefault),this._documentBlocked=!0)}render(){const t=this._el.innerHTML?.length>0;return o(i,{key:"c6a304f790ab3c0b54c5d5350c9e8ac2ec223a65"},o("div",{key:"113088a5533a084c34a928e54bd944df1fcc3c6e",class:d(c({isOver:this._isOver,uploaded:this.uploaded}),{}),onClick:()=>this._uploadClick()},!this.loading&&this.showIcon&&o("p-icon",{key:"3c5d082c288a05557991ddd340ae127725558c92",class:d("\n group-hover/dropzone:text-indigo-900\n dark:group-hover/dropzone:text-white\n ",{"text-storm-300 dark:text-hurricane-300":!this._isOver,"text-indigo-900 dark:text-white":this._isOver}),variant:this.icon}),this.loading&&o("p-loader",{key:"9854984ce9ab9c30a8d5148251bef513e4c28ccd"}),t&&o("slot",{key:"16f25e0d116db0aa876a6671c992e59745d1ee68"}),this.uploaded&&!this._isOver&&o("div",{key:"c136286b06f36b6511ea3c8e3648da74dbb1c136",class:"flex items-center gap-2 text-positive-green-800"},o("p-icon",{key:"b0b91066f4bc43d7d7ff2a24ece00e58ceeda7b8",variant:"check-circle"}),o("span",{key:"66f8a7b314a5bbe2f579cc6c9591d1c11a6496d2",class:"font-medium"},this.addedString)),(!this.uploaded||this._isOver)&&o("div",{key:"f79f19dba4baba080d9d45b6147a358660b2cda1",class:d(["flex flex-col text-center","group-hover/dropzone:opacity-50","\n text-storm-300\n dark:text-hurricane-300\n "],{"opacity-50":this._isOver})},o("span",{key:"cc8d02cd3b4bd3676651a9c570f30d34dc318059",class:"font-medium"},this.dragFileString),o("span",{key:"f2e94c94bfe3eaded27e346baf8b99a46dae3ef3",class:"font-normal"},this.orClickString))),o("input",{key:"bee3ca3736c3b0e7c90e44adfaf523475dab4ea5",accept:"any"==this.acceptGroup?"":"image/*",class:"hidden",multiple:!0===this.allowMultiple||void 0,ref:t=>this._fileRef=t,type:"file",onChange:t=>this._onFileChange(t)}))}onDrop(t){const e=this._getFiles(t);e?.length&&this._processFiles(e)}onDragOver(t){this._isFilesEvent(t)&&(this._isOver=!0)}onDragLeave(){this._isOver=!1}_isFilesEvent(t){return!!t.dataTransfer&&0!==[...t.dataTransfer.items].filter((t=>"file"===t.kind)).length}_getFiles(t){if(!this._isFilesEvent(t))return;const e=t.dataTransfer?.files??[];return 0!==e.length?[...e]:void 0}_uploadClick(){this._fileRef&&this._fileRef.click()}_onFileChange(t){const e=t.target;if(!e.files)return;const r=[...e.files];r?.length&&this._processFiles(r)}_processFiles(t){this._results=[],this.allowMultiple||(t=[t[0]]),this._filesToProcess=t.length;for(const e of t)this._processFile(e)}_processFile(t){this.loading=!0;const e=new FileReader;e.addEventListener("load",(e=>this._onLoad(t,e?.currentTarget?.result))),e.readAsDataURL(t)}_onLoad(t,e){if(this._results.push({file:t,result:e}),this._results?.length<this._filesToProcess)return;const r={fileId:this.fileId,results:this._results};1!==this._results.length&&this.allowMultiple||(r.file=this._results[0].file,r.result=this._results[0].result),this.upload.emit(r),this._fileRef&&(this._fileRef.value=""),this.loading=!1}};h.style="*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\: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-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";export{h as p_dropzone}
|