nxt-dropzone-wrapper 16.0.0-alpha.6 → 16.0.0

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.
Files changed (20) hide show
  1. package/esm2022/lib/dropzone.component.mjs +173 -0
  2. package/esm2022/lib/dropzone.directive.mjs +332 -0
  3. package/{esm2020 → esm2022}/lib/dropzone.interfaces.mjs +65 -65
  4. package/esm2022/lib/dropzone.module.mjs +30 -0
  5. package/{esm2020 → esm2022}/nxt-dropzone-wrapper.mjs +4 -4
  6. package/{esm2020 → esm2022}/public-api.mjs +4 -4
  7. package/{fesm2020 → fesm2022}/nxt-dropzone-wrapper.mjs +575 -575
  8. package/{fesm2020 → fesm2022}/nxt-dropzone-wrapper.mjs.map +1 -1
  9. package/index.d.ts +5 -5
  10. package/lib/dropzone.component.d.ts +54 -54
  11. package/lib/dropzone.directive.d.ts +70 -70
  12. package/lib/dropzone.interfaces.d.ts +66 -66
  13. package/lib/dropzone.module.d.ts +9 -9
  14. package/package.json +7 -13
  15. package/public-api.d.ts +4 -4
  16. package/esm2020/lib/dropzone.component.mjs +0 -172
  17. package/esm2020/lib/dropzone.directive.mjs +0 -331
  18. package/esm2020/lib/dropzone.module.mjs +0 -29
  19. package/fesm2015/nxt-dropzone-wrapper.mjs +0 -570
  20. package/fesm2015/nxt-dropzone-wrapper.mjs.map +0 -1
package/{fesm2020 → fesm2022}/nxt-dropzone-wrapper.mjs RENAMED
@@ -4,589 +4,589 @@ import * as i1 from '@angular/common';
4
4
  import { isPlatformBrowser, CommonModule } from '@angular/common';
5
5
  import Dropzone from 'dropzone';
6
6
 
7
- const NXT_DROPZONE_CONFIG = new InjectionToken('NXT_DROPZONE_CONFIG');
8
- /** @internal */
9
- const DropzoneEvents = [
10
- 'init',
11
- 'drop',
12
- 'dragStart',
13
- 'dragEnd',
14
- 'dragEnter',
15
- 'dragOver',
16
- 'dragLeave',
17
- 'paste',
18
- 'reset',
19
- 'addedFile',
20
- 'addedFiles',
21
- 'removedFile',
22
- 'thumbnail',
23
- 'error',
24
- 'errorMultiple',
25
- 'processing',
26
- 'processingMultiple',
27
- 'uploadProgress',
28
- 'totalUploadProgress',
29
- 'sending',
30
- 'sendingMultiple',
31
- 'success',
32
- 'successMultiple',
33
- 'canceled',
34
- 'canceledMultiple',
35
- 'complete',
36
- 'completeMultiple',
37
- 'maxFilesExceeded',
38
- 'maxFilesReached',
39
- 'queueComplete'
40
- ];
41
- /** @internal */
42
- const internalChanges = new Set([
43
- 'autoReset',
44
- 'errorReset',
45
- 'cancelReset'
46
- ]);
47
- /** @internal */
48
- class _DropzoneConfig {
49
- constructor(config = {}) {
50
- this.assign(config);
51
- }
52
- assign(config = {}, target) {
53
- target = target || this;
54
- for (const key in config) {
55
- if (config[key] != null
56
- && config[key] != undefined
57
- && !Array.isArray(config[key])
58
- && typeof config[key] === 'object'
59
- && !(config[key] instanceof HTMLElement)) {
60
- target[key] = {};
61
- this.assign(config[key], target[key]);
62
- }
63
- else {
64
- target[key] = config[key];
65
- }
66
- }
67
- }
68
- }
69
- /** @internal */
7
+ const NXT_DROPZONE_CONFIG = new InjectionToken('NXT_DROPZONE_CONFIG');
8
+ /** @internal */
9
+ const DropzoneEvents = [
10
+ 'init',
11
+ 'drop',
12
+ 'dragStart',
13
+ 'dragEnd',
14
+ 'dragEnter',
15
+ 'dragOver',
16
+ 'dragLeave',
17
+ 'paste',
18
+ 'reset',
19
+ 'addedFile',
20
+ 'addedFiles',
21
+ 'removedFile',
22
+ 'thumbnail',
23
+ 'error',
24
+ 'errorMultiple',
25
+ 'processing',
26
+ 'processingMultiple',
27
+ 'uploadProgress',
28
+ 'totalUploadProgress',
29
+ 'sending',
30
+ 'sendingMultiple',
31
+ 'success',
32
+ 'successMultiple',
33
+ 'canceled',
34
+ 'canceledMultiple',
35
+ 'complete',
36
+ 'completeMultiple',
37
+ 'maxFilesExceeded',
38
+ 'maxFilesReached',
39
+ 'queueComplete'
40
+ ];
41
+ /** @internal */
42
+ const internalChanges = new Set([
43
+ 'autoReset',
44
+ 'errorReset',
45
+ 'cancelReset'
46
+ ]);
47
+ /** @internal */
48
+ class _DropzoneConfig {
49
+ constructor(config = {}) {
50
+ this.assign(config);
51
+ }
52
+ assign(config = {}, target) {
53
+ target = target || this;
54
+ for (const key in config) {
55
+ if (config[key] != null
56
+ && config[key] != undefined
57
+ && !Array.isArray(config[key])
58
+ && typeof config[key] === 'object'
59
+ && !(config[key] instanceof HTMLElement)) {
60
+ target[key] = {};
61
+ this.assign(config[key], target[key]);
62
+ }
63
+ else {
64
+ target[key] = config[key];
65
+ }
66
+ }
67
+ }
68
+ }
69
+ /** @internal */
70
70
  const NXT_DROPZONE_LISTENERS = new InjectionToken('NXT_DROPZONE_LISTENERS');
71
71
 
72
- /* eslint-disable @angular-eslint/no-output-rename */
73
- class DropzoneDirective {
74
- /** Disables / detaches Dropzone from the element */
75
- set disabled(val) {
76
- val = !!val;
77
- if (val != this._disabled && this.instance) {
78
- if (val)
79
- this.zone.runOutsideAngular(() => {
80
- this.instance.disable();
81
- });
82
- else
83
- this.zone.runOutsideAngular(() => {
84
- this.instance.enable();
85
- });
86
- }
87
- this._disabled = val;
88
- }
89
- get disabled() {
90
- return this._disabled;
91
- }
92
- get dropzone() {
93
- return this.instance;
94
- }
95
- /** @internal */
96
- get isSingle() {
97
- return this._params?.maxFiles === 1;
98
- }
99
- /** @internal */
100
- get isMultiple() {
101
- return this._params?.maxFiles !== 1;
102
- }
103
- constructor(zone, elementRef, differs, platformId, defaults, component) {
104
- this.zone = zone;
105
- this.elementRef = elementRef;
106
- this.differs = differs;
107
- this.platformId = platformId;
108
- this.defaults = defaults;
109
- this.component = component;
110
- this._disabled = false;
111
- this._params = this.defaults
112
- ? new _DropzoneConfig(this.defaults)
113
- : undefined;
114
- this.configDiff = this.differs.find(this.config || {}).create();
115
- this.paramDiff = this.differs.find(this._params || {}).create();
116
- this.DZ_INIT = this.component?.DZ_INIT
117
- ?? new EventEmitter();
118
- this.DZ_DROP = this.component?.DZ_DROP
119
- ?? new EventEmitter();
120
- this.DZ_DRAGSTART = this.component?.DZ_DRAGSTART
121
- ?? new EventEmitter();
122
- this.DZ_DRAGEND = this.component?.DZ_DRAGEND
123
- ?? new EventEmitter();
124
- this.DZ_DRAGENTER = this.component?.DZ_DRAGENTER
125
- ?? new EventEmitter();
126
- this.DZ_DRAGOVER = this.component?.DZ_DRAGOVER
127
- ?? new EventEmitter();
128
- this.DZ_DRAGLEAVE = this.component?.DZ_DRAGLEAVE
129
- ?? new EventEmitter();
130
- this.DZ_PASTE = this.component?.DZ_PASTE
131
- ?? new EventEmitter();
132
- this.DZ_RESET = this.component?.DZ_RESET
133
- ?? new EventEmitter();
134
- this.DZ_ADDEDFILE = this.component?.DZ_ADDEDFILE
135
- ?? new EventEmitter();
136
- this.DZ_ADDEDFILES = this.component?.DZ_ADDEDFILES
137
- ?? new EventEmitter();
138
- this.DZ_REMOVEDFILE = this.component?.DZ_REMOVEDFILE
139
- ?? new EventEmitter();
140
- this.DZ_THUMBNAIL = this.component?.DZ_THUMBNAIL
141
- ?? new EventEmitter();
142
- this.DZ_ERROR = this.component?.DZ_ERROR
143
- ?? new EventEmitter();
144
- this.DZ_ERRORMULTIPLE = this.component?.DZ_ERRORMULTIPLE
145
- ?? new EventEmitter();
146
- this.DZ_PROCESSING = this.component?.DZ_PROCESSING
147
- ?? new EventEmitter();
148
- this.DZ_PROCESSINGMULTIPLE = this.component?.DZ_PROCESSINGMULTIPLE
149
- ?? new EventEmitter();
150
- this.DZ_UPLOADPROGRESS = this.component?.DZ_UPLOADPROGRESS
151
- ?? new EventEmitter();
152
- this.DZ_TOTALUPLOADPROGRESS = this.component?.DZ_TOTALUPLOADPROGRESS
153
- ?? new EventEmitter();
154
- this.DZ_SENDING = this.component?.DZ_SENDING
155
- ?? new EventEmitter();
156
- this.DZ_SENDINGMULTIPLE = this.component?.DZ_SENDINGMULTIPLE
157
- ?? new EventEmitter();
158
- this.DZ_SUCCESS = this.component?.DZ_SUCCESS
159
- // eslint-disable-next-line @typescript-eslint/ban-types
160
- ?? new EventEmitter();
161
- this.DZ_SUCCESSMULTIPLE = this.component?.DZ_SUCCESSMULTIPLE
162
- ?? new EventEmitter();
163
- this.DZ_CANCELED = this.component?.DZ_CANCELED
164
- ?? new EventEmitter();
165
- this.DZ_CANCELEDMULTIPLE = this.component?.DZ_CANCELEDMULTIPLE
166
- ?? new EventEmitter();
167
- this.DZ_COMPLETE = this.component?.DZ_COMPLETE
168
- ?? new EventEmitter();
169
- this.DZ_COMPLETEMULTIPLE = this.component?.DZ_COMPLETEMULTIPLE
170
- ?? new EventEmitter();
171
- this.DZ_MAXFILESEXCEEDED = this.component?.DZ_MAXFILESEXCEEDED
172
- ?? new EventEmitter();
173
- this.DZ_MAXFILESREACHED = this.component?.DZ_MAXFILESREACHED
174
- ?? new EventEmitter();
175
- this.DZ_QUEUECOMPLETE = this.component?.DZ_QUEUECOMPLETE
176
- ?? new EventEmitter();
177
- }
178
- /** @internal */
179
- ngOnInit() {
180
- this.initInstance();
181
- }
182
- /** @internal */
183
- ngOnDestroy() {
184
- this.destroyInstance();
185
- }
186
- /** @internal */
187
- ngDoCheck() {
188
- const changes = this.configDiff.diff(this.config || {});
189
- if (changes) {
190
- let newParams = this.defaults
191
- ? new _DropzoneConfig(this.defaults)
192
- : undefined;
193
- if (newParams && this.config)
194
- newParams.assign(this.config);
195
- else if (this.config)
196
- newParams = new _DropzoneConfig(this.config);
197
- const d = this.paramDiff.diff(newParams || {});
198
- if (d) {
199
- this._params = newParams;
200
- let hasChanges = false;
201
- d.forEachItem(r => {
202
- if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue)
203
- hasChanges = true;
204
- });
205
- if (hasChanges) {
206
- this.destroyInstance();
207
- this.initInstance();
208
- }
209
- }
210
- }
211
- }
212
- /** @internal */
213
- reset(cancel) {
214
- if (this.instance) {
215
- this.zone.runOutsideAngular(() => {
216
- this.instance.removeAllFiles(cancel);
217
- });
218
- }
219
- }
220
- initInstance() {
221
- if (!isPlatformBrowser(this.platformId) || !this._params) {
222
- return;
223
- }
224
- this.zone.runOutsideAngular(() => {
225
- this.instance = new Dropzone(this.elementRef.nativeElement, this._params);
226
- });
227
- if (this.disabled) {
228
- this.instance.disable();
229
- }
230
- if (this.DZ_INIT.observed) {
231
- this.zone.run(() => {
232
- this.DZ_INIT.emit(this.instance);
233
- });
234
- }
235
- // Add auto reset handling for events
236
- this.instance.on('success', () => {
237
- if ((this._params?.autoReset ?? -1) >= 0) {
238
- setTimeout(() => this.reset(), this._params?.autoReset);
239
- }
240
- });
241
- this.instance.on('error', () => {
242
- if ((this._params?.errorReset ?? -1) >= 0) {
243
- setTimeout(() => this.reset(), this._params?.errorReset);
244
- }
245
- });
246
- this.instance.on('canceled', () => {
247
- if ((this._params?.cancelReset ?? -1) >= 0) {
248
- setTimeout(() => this.reset(), this._params?.cancelReset);
249
- }
250
- });
251
- // Add native Dropzone event handling
252
- DropzoneEvents.forEach((eventName) => {
253
- this.instance.on(eventName.toLowerCase(), (...args) => {
254
- args = (args.length === 1) ? args[0] : args;
255
- const output = `DZ_${eventName.toUpperCase()}`;
256
- const emitter = this[output];
257
- if (emitter.observed) {
258
- this.zone.run(() => {
259
- emitter.emit(args);
260
- });
261
- }
262
- });
263
- });
264
- }
265
- destroyInstance() {
266
- if (this.instance) {
267
- this.zone.runOutsideAngular(() => {
268
- this.instance.destroy();
269
- });
270
- this.instance = undefined;
271
- }
272
- }
273
- }
274
- DropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: PLATFORM_ID }, { token: NXT_DROPZONE_CONFIG, optional: true }, { token: NXT_DROPZONE_LISTENERS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
275
- DropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: DropzoneDirective, selector: "[nxtDropzone]", inputs: { disabled: "disabled", config: ["nxtDropzone", "config"] }, outputs: { DZ_INIT: "init", DZ_DROP: "drop", DZ_DRAGSTART: "dragStart", DZ_DRAGEND: "dragEnd", DZ_DRAGENTER: "dragEnter", DZ_DRAGOVER: "dragOver", DZ_DRAGLEAVE: "dragLeave", DZ_PASTE: "paste", DZ_RESET: "reset", DZ_ADDEDFILE: "addedFile", DZ_ADDEDFILES: "addedFiles", DZ_REMOVEDFILE: "removedFile", DZ_THUMBNAIL: "thumbnail", DZ_ERROR: "error", DZ_ERRORMULTIPLE: "errorMultiple", DZ_PROCESSING: "processing", DZ_PROCESSINGMULTIPLE: "processingMultiple", DZ_UPLOADPROGRESS: "uploadProgress", DZ_TOTALUPLOADPROGRESS: "totalUploadProgress", DZ_SENDING: "sending", DZ_SENDINGMULTIPLE: "sendingMultiple", DZ_SUCCESS: "success", DZ_SUCCESSMULTIPLE: "successMultiple", DZ_CANCELED: "canceled", DZ_CANCELEDMULTIPLE: "canceledMultiple", DZ_COMPLETE: "complete", DZ_COMPLETEMULTIPLE: "completeMultiple", DZ_MAXFILESEXCEEDED: "maxFilesExceeded", DZ_MAXFILESREACHED: "maxFilesReached", DZ_QUEUECOMPLETE: "queueComplete" }, host: { properties: { "class.dz-single": "this.isSingle", "class.dz-multiple": "this.isMultiple" } }, exportAs: ["nxtDropzone"], ngImport: i0 });
276
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneDirective, decorators: [{
277
- type: Directive,
278
- args: [{
279
- selector: '[nxtDropzone]',
280
- exportAs: 'nxtDropzone'
281
- }]
282
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.KeyValueDiffers }, { type: Object, decorators: [{
283
- type: Inject,
284
- args: [PLATFORM_ID]
285
- }] }, { type: undefined, decorators: [{
286
- type: Optional
287
- }, {
288
- type: Inject,
289
- args: [NXT_DROPZONE_CONFIG]
290
- }] }, { type: undefined, decorators: [{
291
- type: Optional
292
- }, {
293
- type: Inject,
294
- args: [NXT_DROPZONE_LISTENERS]
295
- }] }]; }, propDecorators: { disabled: [{
296
- type: Input
297
- }], config: [{
298
- type: Input,
299
- args: ['nxtDropzone']
300
- }], DZ_INIT: [{
301
- type: Output,
302
- args: ['init']
303
- }], DZ_DROP: [{
304
- type: Output,
305
- args: ['drop']
306
- }], DZ_DRAGSTART: [{
307
- type: Output,
308
- args: ['dragStart']
309
- }], DZ_DRAGEND: [{
310
- type: Output,
311
- args: ['dragEnd']
312
- }], DZ_DRAGENTER: [{
313
- type: Output,
314
- args: ['dragEnter']
315
- }], DZ_DRAGOVER: [{
316
- type: Output,
317
- args: ['dragOver']
318
- }], DZ_DRAGLEAVE: [{
319
- type: Output,
320
- args: ['dragLeave']
321
- }], DZ_PASTE: [{
322
- type: Output,
323
- args: ['paste']
324
- }], DZ_RESET: [{
325
- type: Output,
326
- args: ['reset']
327
- }], DZ_ADDEDFILE: [{
328
- type: Output,
329
- args: ['addedFile']
330
- }], DZ_ADDEDFILES: [{
331
- type: Output,
332
- args: ['addedFiles']
333
- }], DZ_REMOVEDFILE: [{
334
- type: Output,
335
- args: ['removedFile']
336
- }], DZ_THUMBNAIL: [{
337
- type: Output,
338
- args: ['thumbnail']
339
- }], DZ_ERROR: [{
340
- type: Output,
341
- args: ['error']
342
- }], DZ_ERRORMULTIPLE: [{
343
- type: Output,
344
- args: ['errorMultiple']
345
- }], DZ_PROCESSING: [{
346
- type: Output,
347
- args: ['processing']
348
- }], DZ_PROCESSINGMULTIPLE: [{
349
- type: Output,
350
- args: ['processingMultiple']
351
- }], DZ_UPLOADPROGRESS: [{
352
- type: Output,
353
- args: ['uploadProgress']
354
- }], DZ_TOTALUPLOADPROGRESS: [{
355
- type: Output,
356
- args: ['totalUploadProgress']
357
- }], DZ_SENDING: [{
358
- type: Output,
359
- args: ['sending']
360
- }], DZ_SENDINGMULTIPLE: [{
361
- type: Output,
362
- args: ['sendingMultiple']
363
- }], DZ_SUCCESS: [{
364
- type: Output,
365
- args: ['success']
366
- }], DZ_SUCCESSMULTIPLE: [{
367
- type: Output,
368
- args: ['successMultiple']
369
- }], DZ_CANCELED: [{
370
- type: Output,
371
- args: ['canceled']
372
- }], DZ_CANCELEDMULTIPLE: [{
373
- type: Output,
374
- args: ['canceledMultiple']
375
- }], DZ_COMPLETE: [{
376
- type: Output,
377
- args: ['complete']
378
- }], DZ_COMPLETEMULTIPLE: [{
379
- type: Output,
380
- args: ['completeMultiple']
381
- }], DZ_MAXFILESEXCEEDED: [{
382
- type: Output,
383
- args: ['maxFilesExceeded']
384
- }], DZ_MAXFILESREACHED: [{
385
- type: Output,
386
- args: ['maxFilesReached']
387
- }], DZ_QUEUECOMPLETE: [{
388
- type: Output,
389
- args: ['queueComplete']
390
- }], isSingle: [{
391
- type: HostBinding,
392
- args: ['class.dz-single']
393
- }], isMultiple: [{
394
- type: HostBinding,
395
- args: ['class.dz-multiple']
72
+ /* eslint-disable @angular-eslint/no-output-rename */
73
+ class DropzoneDirective {
74
+ /** Disables / detaches Dropzone from the element */
75
+ set disabled(val) {
76
+ val = !!val;
77
+ if (val != this._disabled && this.instance) {
78
+ if (val)
79
+ this.zone.runOutsideAngular(() => {
80
+ this.instance.disable();
81
+ });
82
+ else
83
+ this.zone.runOutsideAngular(() => {
84
+ this.instance.enable();
85
+ });
86
+ }
87
+ this._disabled = val;
88
+ }
89
+ get disabled() {
90
+ return this._disabled;
91
+ }
92
+ get dropzone() {
93
+ return this.instance;
94
+ }
95
+ /** @internal */
96
+ get isSingle() {
97
+ return this._params?.maxFiles === 1;
98
+ }
99
+ /** @internal */
100
+ get isMultiple() {
101
+ return this._params?.maxFiles !== 1;
102
+ }
103
+ constructor(zone, elementRef, differs, platformId, defaults, component) {
104
+ this.zone = zone;
105
+ this.elementRef = elementRef;
106
+ this.differs = differs;
107
+ this.platformId = platformId;
108
+ this.defaults = defaults;
109
+ this.component = component;
110
+ this._disabled = false;
111
+ this._params = this.defaults
112
+ ? new _DropzoneConfig(this.defaults)
113
+ : undefined;
114
+ this.configDiff = this.differs.find(this.config || {}).create();
115
+ this.paramDiff = this.differs.find(this._params || {}).create();
116
+ this.DZ_INIT = this.component?.DZ_INIT
117
+ ?? new EventEmitter();
118
+ this.DZ_DROP = this.component?.DZ_DROP
119
+ ?? new EventEmitter();
120
+ this.DZ_DRAGSTART = this.component?.DZ_DRAGSTART
121
+ ?? new EventEmitter();
122
+ this.DZ_DRAGEND = this.component?.DZ_DRAGEND
123
+ ?? new EventEmitter();
124
+ this.DZ_DRAGENTER = this.component?.DZ_DRAGENTER
125
+ ?? new EventEmitter();
126
+ this.DZ_DRAGOVER = this.component?.DZ_DRAGOVER
127
+ ?? new EventEmitter();
128
+ this.DZ_DRAGLEAVE = this.component?.DZ_DRAGLEAVE
129
+ ?? new EventEmitter();
130
+ this.DZ_PASTE = this.component?.DZ_PASTE
131
+ ?? new EventEmitter();
132
+ this.DZ_RESET = this.component?.DZ_RESET
133
+ ?? new EventEmitter();
134
+ this.DZ_ADDEDFILE = this.component?.DZ_ADDEDFILE
135
+ ?? new EventEmitter();
136
+ this.DZ_ADDEDFILES = this.component?.DZ_ADDEDFILES
137
+ ?? new EventEmitter();
138
+ this.DZ_REMOVEDFILE = this.component?.DZ_REMOVEDFILE
139
+ ?? new EventEmitter();
140
+ this.DZ_THUMBNAIL = this.component?.DZ_THUMBNAIL
141
+ ?? new EventEmitter();
142
+ this.DZ_ERROR = this.component?.DZ_ERROR
143
+ ?? new EventEmitter();
144
+ this.DZ_ERRORMULTIPLE = this.component?.DZ_ERRORMULTIPLE
145
+ ?? new EventEmitter();
146
+ this.DZ_PROCESSING = this.component?.DZ_PROCESSING
147
+ ?? new EventEmitter();
148
+ this.DZ_PROCESSINGMULTIPLE = this.component?.DZ_PROCESSINGMULTIPLE
149
+ ?? new EventEmitter();
150
+ this.DZ_UPLOADPROGRESS = this.component?.DZ_UPLOADPROGRESS
151
+ ?? new EventEmitter();
152
+ this.DZ_TOTALUPLOADPROGRESS = this.component?.DZ_TOTALUPLOADPROGRESS
153
+ ?? new EventEmitter();
154
+ this.DZ_SENDING = this.component?.DZ_SENDING
155
+ ?? new EventEmitter();
156
+ this.DZ_SENDINGMULTIPLE = this.component?.DZ_SENDINGMULTIPLE
157
+ ?? new EventEmitter();
158
+ this.DZ_SUCCESS = this.component?.DZ_SUCCESS
159
+ // eslint-disable-next-line @typescript-eslint/ban-types
160
+ ?? new EventEmitter();
161
+ this.DZ_SUCCESSMULTIPLE = this.component?.DZ_SUCCESSMULTIPLE
162
+ ?? new EventEmitter();
163
+ this.DZ_CANCELED = this.component?.DZ_CANCELED
164
+ ?? new EventEmitter();
165
+ this.DZ_CANCELEDMULTIPLE = this.component?.DZ_CANCELEDMULTIPLE
166
+ ?? new EventEmitter();
167
+ this.DZ_COMPLETE = this.component?.DZ_COMPLETE
168
+ ?? new EventEmitter();
169
+ this.DZ_COMPLETEMULTIPLE = this.component?.DZ_COMPLETEMULTIPLE
170
+ ?? new EventEmitter();
171
+ this.DZ_MAXFILESEXCEEDED = this.component?.DZ_MAXFILESEXCEEDED
172
+ ?? new EventEmitter();
173
+ this.DZ_MAXFILESREACHED = this.component?.DZ_MAXFILESREACHED
174
+ ?? new EventEmitter();
175
+ this.DZ_QUEUECOMPLETE = this.component?.DZ_QUEUECOMPLETE
176
+ ?? new EventEmitter();
177
+ }
178
+ /** @internal */
179
+ ngOnInit() {
180
+ this.initInstance();
181
+ }
182
+ /** @internal */
183
+ ngOnDestroy() {
184
+ this.destroyInstance();
185
+ }
186
+ /** @internal */
187
+ ngDoCheck() {
188
+ const changes = this.configDiff.diff(this.config || {});
189
+ if (changes) {
190
+ let newParams = this.defaults
191
+ ? new _DropzoneConfig(this.defaults)
192
+ : undefined;
193
+ if (newParams && this.config)
194
+ newParams.assign(this.config);
195
+ else if (this.config)
196
+ newParams = new _DropzoneConfig(this.config);
197
+ const d = this.paramDiff.diff(newParams || {});
198
+ if (d) {
199
+ this._params = newParams;
200
+ let hasChanges = false;
201
+ d.forEachItem(r => {
202
+ if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue)
203
+ hasChanges = true;
204
+ });
205
+ if (hasChanges) {
206
+ this.destroyInstance();
207
+ this.initInstance();
208
+ }
209
+ }
210
+ }
211
+ }
212
+ /** @internal */
213
+ reset(cancel) {
214
+ if (this.instance) {
215
+ this.zone.runOutsideAngular(() => {
216
+ this.instance.removeAllFiles(cancel);
217
+ });
218
+ }
219
+ }
220
+ initInstance() {
221
+ if (!isPlatformBrowser(this.platformId) || !this._params) {
222
+ return;
223
+ }
224
+ this.zone.runOutsideAngular(() => {
225
+ this.instance = new Dropzone(this.elementRef.nativeElement, this._params);
226
+ });
227
+ if (this.disabled) {
228
+ this.instance.disable();
229
+ }
230
+ if (this.DZ_INIT.observed) {
231
+ this.zone.run(() => {
232
+ this.DZ_INIT.emit(this.instance);
233
+ });
234
+ }
235
+ // Add auto reset handling for events
236
+ this.instance.on('success', () => {
237
+ if ((this._params?.autoReset ?? -1) >= 0) {
238
+ setTimeout(() => this.reset(), this._params?.autoReset);
239
+ }
240
+ });
241
+ this.instance.on('error', () => {
242
+ if ((this._params?.errorReset ?? -1) >= 0) {
243
+ setTimeout(() => this.reset(), this._params?.errorReset);
244
+ }
245
+ });
246
+ this.instance.on('canceled', () => {
247
+ if ((this._params?.cancelReset ?? -1) >= 0) {
248
+ setTimeout(() => this.reset(), this._params?.cancelReset);
249
+ }
250
+ });
251
+ // Add native Dropzone event handling
252
+ DropzoneEvents.forEach((eventName) => {
253
+ this.instance.on(eventName.toLowerCase(), (...args) => {
254
+ args = (args.length === 1) ? args[0] : args;
255
+ const output = `DZ_${eventName.toUpperCase()}`;
256
+ const emitter = this[output];
257
+ if (emitter.observed) {
258
+ this.zone.run(() => {
259
+ emitter.emit(args);
260
+ });
261
+ }
262
+ });
263
+ });
264
+ }
265
+ destroyInstance() {
266
+ if (this.instance) {
267
+ this.zone.runOutsideAngular(() => {
268
+ this.instance.destroy();
269
+ });
270
+ this.instance = undefined;
271
+ }
272
+ }
273
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: PLATFORM_ID }, { token: NXT_DROPZONE_CONFIG, optional: true }, { token: NXT_DROPZONE_LISTENERS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
274
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: DropzoneDirective, selector: "[nxtDropzone]", inputs: { disabled: "disabled", config: ["nxtDropzone", "config"] }, outputs: { DZ_INIT: "init", DZ_DROP: "drop", DZ_DRAGSTART: "dragStart", DZ_DRAGEND: "dragEnd", DZ_DRAGENTER: "dragEnter", DZ_DRAGOVER: "dragOver", DZ_DRAGLEAVE: "dragLeave", DZ_PASTE: "paste", DZ_RESET: "reset", DZ_ADDEDFILE: "addedFile", DZ_ADDEDFILES: "addedFiles", DZ_REMOVEDFILE: "removedFile", DZ_THUMBNAIL: "thumbnail", DZ_ERROR: "error", DZ_ERRORMULTIPLE: "errorMultiple", DZ_PROCESSING: "processing", DZ_PROCESSINGMULTIPLE: "processingMultiple", DZ_UPLOADPROGRESS: "uploadProgress", DZ_TOTALUPLOADPROGRESS: "totalUploadProgress", DZ_SENDING: "sending", DZ_SENDINGMULTIPLE: "sendingMultiple", DZ_SUCCESS: "success", DZ_SUCCESSMULTIPLE: "successMultiple", DZ_CANCELED: "canceled", DZ_CANCELEDMULTIPLE: "canceledMultiple", DZ_COMPLETE: "complete", DZ_COMPLETEMULTIPLE: "completeMultiple", DZ_MAXFILESEXCEEDED: "maxFilesExceeded", DZ_MAXFILESREACHED: "maxFilesReached", DZ_QUEUECOMPLETE: "queueComplete" }, host: { properties: { "class.dz-single": "this.isSingle", "class.dz-multiple": "this.isMultiple" } }, exportAs: ["nxtDropzone"], ngImport: i0 }); }
275
+ }
276
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneDirective, decorators: [{
277
+ type: Directive,
278
+ args: [{
279
+ selector: '[nxtDropzone]',
280
+ exportAs: 'nxtDropzone'
281
+ }]
282
+ }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.KeyValueDiffers }, { type: Object, decorators: [{
283
+ type: Inject,
284
+ args: [PLATFORM_ID]
285
+ }] }, { type: undefined, decorators: [{
286
+ type: Optional
287
+ }, {
288
+ type: Inject,
289
+ args: [NXT_DROPZONE_CONFIG]
290
+ }] }, { type: undefined, decorators: [{
291
+ type: Optional
292
+ }, {
293
+ type: Inject,
294
+ args: [NXT_DROPZONE_LISTENERS]
295
+ }] }]; }, propDecorators: { disabled: [{
296
+ type: Input
297
+ }], config: [{
298
+ type: Input,
299
+ args: ['nxtDropzone']
300
+ }], DZ_INIT: [{
301
+ type: Output,
302
+ args: ['init']
303
+ }], DZ_DROP: [{
304
+ type: Output,
305
+ args: ['drop']
306
+ }], DZ_DRAGSTART: [{
307
+ type: Output,
308
+ args: ['dragStart']
309
+ }], DZ_DRAGEND: [{
310
+ type: Output,
311
+ args: ['dragEnd']
312
+ }], DZ_DRAGENTER: [{
313
+ type: Output,
314
+ args: ['dragEnter']
315
+ }], DZ_DRAGOVER: [{
316
+ type: Output,
317
+ args: ['dragOver']
318
+ }], DZ_DRAGLEAVE: [{
319
+ type: Output,
320
+ args: ['dragLeave']
321
+ }], DZ_PASTE: [{
322
+ type: Output,
323
+ args: ['paste']
324
+ }], DZ_RESET: [{
325
+ type: Output,
326
+ args: ['reset']
327
+ }], DZ_ADDEDFILE: [{
328
+ type: Output,
329
+ args: ['addedFile']
330
+ }], DZ_ADDEDFILES: [{
331
+ type: Output,
332
+ args: ['addedFiles']
333
+ }], DZ_REMOVEDFILE: [{
334
+ type: Output,
335
+ args: ['removedFile']
336
+ }], DZ_THUMBNAIL: [{
337
+ type: Output,
338
+ args: ['thumbnail']
339
+ }], DZ_ERROR: [{
340
+ type: Output,
341
+ args: ['error']
342
+ }], DZ_ERRORMULTIPLE: [{
343
+ type: Output,
344
+ args: ['errorMultiple']
345
+ }], DZ_PROCESSING: [{
346
+ type: Output,
347
+ args: ['processing']
348
+ }], DZ_PROCESSINGMULTIPLE: [{
349
+ type: Output,
350
+ args: ['processingMultiple']
351
+ }], DZ_UPLOADPROGRESS: [{
352
+ type: Output,
353
+ args: ['uploadProgress']
354
+ }], DZ_TOTALUPLOADPROGRESS: [{
355
+ type: Output,
356
+ args: ['totalUploadProgress']
357
+ }], DZ_SENDING: [{
358
+ type: Output,
359
+ args: ['sending']
360
+ }], DZ_SENDINGMULTIPLE: [{
361
+ type: Output,
362
+ args: ['sendingMultiple']
363
+ }], DZ_SUCCESS: [{
364
+ type: Output,
365
+ args: ['success']
366
+ }], DZ_SUCCESSMULTIPLE: [{
367
+ type: Output,
368
+ args: ['successMultiple']
369
+ }], DZ_CANCELED: [{
370
+ type: Output,
371
+ args: ['canceled']
372
+ }], DZ_CANCELEDMULTIPLE: [{
373
+ type: Output,
374
+ args: ['canceledMultiple']
375
+ }], DZ_COMPLETE: [{
376
+ type: Output,
377
+ args: ['complete']
378
+ }], DZ_COMPLETEMULTIPLE: [{
379
+ type: Output,
380
+ args: ['completeMultiple']
381
+ }], DZ_MAXFILESEXCEEDED: [{
382
+ type: Output,
383
+ args: ['maxFilesExceeded']
384
+ }], DZ_MAXFILESREACHED: [{
385
+ type: Output,
386
+ args: ['maxFilesReached']
387
+ }], DZ_QUEUECOMPLETE: [{
388
+ type: Output,
389
+ args: ['queueComplete']
390
+ }], isSingle: [{
391
+ type: HostBinding,
392
+ args: ['class.dz-single']
393
+ }], isMultiple: [{
394
+ type: HostBinding,
395
+ args: ['class.dz-multiple']
396
396
  }] } });
397
397
 
398
- /* eslint-disable @angular-eslint/no-output-rename */
399
- class DropzoneComponent {
400
- constructor() {
401
- /** Disables / detaches Dropzone from the element */
402
- this.disabled = false;
403
- /** Message to show for the user on the upload area */
404
- this.message = 'Click or drag files to upload';
405
- /** Placeholder image to be shown as the upload area */
406
- this.placeholder = '';
407
- /** Use 'dropzone' class (use provided default styles) */
408
- this.useDropzoneClass = true;
409
- this.DZ_INIT = new EventEmitter();
410
- this.DZ_DROP = new EventEmitter();
411
- this.DZ_DRAGSTART = new EventEmitter();
412
- this.DZ_DRAGEND = new EventEmitter();
413
- this.DZ_DRAGENTER = new EventEmitter();
414
- this.DZ_DRAGOVER = new EventEmitter();
415
- this.DZ_DRAGLEAVE = new EventEmitter();
416
- this.DZ_PASTE = new EventEmitter();
417
- this.DZ_RESET = new EventEmitter();
418
- this.DZ_ADDEDFILE = new EventEmitter();
419
- this.DZ_ADDEDFILES = new EventEmitter();
420
- this.DZ_REMOVEDFILE = new EventEmitter();
421
- this.DZ_THUMBNAIL = new EventEmitter();
422
- this.DZ_ERROR = new EventEmitter();
423
- this.DZ_ERRORMULTIPLE = new EventEmitter();
424
- this.DZ_PROCESSING = new EventEmitter();
425
- this.DZ_PROCESSINGMULTIPLE = new EventEmitter();
426
- this.DZ_UPLOADPROGRESS = new EventEmitter();
427
- this.DZ_TOTALUPLOADPROGRESS = new EventEmitter();
428
- this.DZ_SENDING = new EventEmitter();
429
- this.DZ_SENDINGMULTIPLE = new EventEmitter();
430
- // eslint-disable-next-line @typescript-eslint/ban-types
431
- this.DZ_SUCCESS = new EventEmitter();
432
- this.DZ_SUCCESSMULTIPLE = new EventEmitter();
433
- this.DZ_CANCELED = new EventEmitter();
434
- this.DZ_CANCELEDMULTIPLE = new EventEmitter();
435
- this.DZ_COMPLETE = new EventEmitter();
436
- this.DZ_COMPLETEMULTIPLE = new EventEmitter();
437
- this.DZ_MAXFILESEXCEEDED = new EventEmitter();
438
- this.DZ_MAXFILESREACHED = new EventEmitter();
439
- this.DZ_QUEUECOMPLETE = new EventEmitter();
440
- }
441
- /** @internal */
442
- ngOnInit() { }
443
- /** @internal */
444
- getPlaceholder() {
445
- return 'url(' + encodeURI(this.placeholder) + ')';
446
- }
447
- }
448
- DropzoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
449
- DropzoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: DropzoneComponent, selector: "nxt-dropzone", inputs: { disabled: "disabled", config: "config", message: "message", placeholder: "placeholder", useDropzoneClass: "useDropzoneClass" }, outputs: { DZ_INIT: "init", DZ_DROP: "drop", DZ_DRAGSTART: "dragStart", DZ_DRAGEND: "dragEnd", DZ_DRAGENTER: "dragEnter", DZ_DRAGOVER: "dragOver", DZ_DRAGLEAVE: "dragLeave", DZ_PASTE: "paste", DZ_RESET: "reset", DZ_ADDEDFILE: "addedFile", DZ_ADDEDFILES: "addedFiles", DZ_REMOVEDFILE: "removedFile", DZ_THUMBNAIL: "thumbnail", DZ_ERROR: "error", DZ_ERRORMULTIPLE: "errorMultiple", DZ_PROCESSING: "processing", DZ_PROCESSINGMULTIPLE: "processingMultiple", DZ_UPLOADPROGRESS: "uploadProgress", DZ_TOTALUPLOADPROGRESS: "totalUploadProgress", DZ_SENDING: "sending", DZ_SENDINGMULTIPLE: "sendingMultiple", DZ_SUCCESS: "success", DZ_SUCCESSMULTIPLE: "successMultiple", DZ_CANCELED: "canceled", DZ_CANCELEDMULTIPLE: "canceledMultiple", DZ_COMPLETE: "complete", DZ_COMPLETEMULTIPLE: "completeMultiple", DZ_MAXFILESEXCEEDED: "maxFilesExceeded", DZ_MAXFILESREACHED: "maxFilesReached", DZ_QUEUECOMPLETE: "queueComplete" }, providers: [{
450
- provide: NXT_DROPZONE_LISTENERS,
451
- useValue: forwardRef(() => DropzoneComponent)
452
- }], viewQueries: [{ propertyName: "directiveRef", first: true, predicate: DropzoneDirective, descendants: true }], ngImport: i0, template: "<div class=\"dz-wrapper\"\n [class.dropzone]=\"useDropzoneClass\"\n [nxtDropzone]=\"config\"\n [disabled]=\"disabled\">\n <div class=\"dz-message\"\n [class.disabled]=\"disabled\"\n [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\"\n [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\"\n class=\"dz-image\"\n [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["nxt-dropzone{display:flex;width:100%;height:auto}nxt-dropzone>.dropzone.dz-wrapper{overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent;border-radius:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}nxt-dropzone>.dropzone.dz-wrapper .dz-message{overflow:auto;min-height:60px;max-height:100%;border:2px dashed #aaa;background-color:#eee;display:flex;align-items:center;justify-content:center;margin:0;border-radius:5px;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-text{padding:8px 16px;text-align:center}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{position:relative;border-color:#aaa0;transition:border-color .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;opacity:0;font-weight:700;background-color:#ffffff80;transition:filter .25s ease-in-out,opacity .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}nxt-dropzone>.dropzone.dz-wrapper .dz-preview{margin:0}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;border:1px solid #aaa;border-radius:5px;overflow:hidden}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-image{border-radius:5px;overflow:hidden;min-width:120px;min-height:120px;width:auto;height:auto}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:100%;height:100%;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}nxt-dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}nxt-dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:flex}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DropzoneDirective, selector: "[nxtDropzone]", inputs: ["disabled", "nxtDropzone"], outputs: ["init", "drop", "dragStart", "dragEnd", "dragEnter", "dragOver", "dragLeave", "paste", "reset", "addedFile", "addedFiles", "removedFile", "thumbnail", "error", "errorMultiple", "processing", "processingMultiple", "uploadProgress", "totalUploadProgress", "sending", "sendingMultiple", "success", "successMultiple", "canceled", "canceledMultiple", "complete", "completeMultiple", "maxFilesExceeded", "maxFilesReached", "queueComplete"], exportAs: ["nxtDropzone"] }], encapsulation: i0.ViewEncapsulation.None });
453
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneComponent, decorators: [{
454
- type: Component,
455
- args: [{ selector: 'nxt-dropzone', encapsulation: ViewEncapsulation.None, providers: [{
456
- provide: NXT_DROPZONE_LISTENERS,
457
- useValue: forwardRef(() => DropzoneComponent)
458
- }], template: "<div class=\"dz-wrapper\"\n [class.dropzone]=\"useDropzoneClass\"\n [nxtDropzone]=\"config\"\n [disabled]=\"disabled\">\n <div class=\"dz-message\"\n [class.disabled]=\"disabled\"\n [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\"\n [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\"\n class=\"dz-image\"\n [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["nxt-dropzone{display:flex;width:100%;height:auto}nxt-dropzone>.dropzone.dz-wrapper{overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent;border-radius:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}nxt-dropzone>.dropzone.dz-wrapper .dz-message{overflow:auto;min-height:60px;max-height:100%;border:2px dashed #aaa;background-color:#eee;display:flex;align-items:center;justify-content:center;margin:0;border-radius:5px;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-text{padding:8px 16px;text-align:center}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{position:relative;border-color:#aaa0;transition:border-color .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;opacity:0;font-weight:700;background-color:#ffffff80;transition:filter .25s ease-in-out,opacity .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}nxt-dropzone>.dropzone.dz-wrapper .dz-preview{margin:0}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;border:1px solid #aaa;border-radius:5px;overflow:hidden}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-image{border-radius:5px;overflow:hidden;min-width:120px;min-height:120px;width:auto;height:auto}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:100%;height:100%;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}nxt-dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}nxt-dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:flex}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}\n"] }]
459
- }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
460
- type: Input
461
- }], config: [{
462
- type: Input
463
- }], message: [{
464
- type: Input
465
- }], placeholder: [{
466
- type: Input
467
- }], useDropzoneClass: [{
468
- type: Input
469
- }], DZ_INIT: [{
470
- type: Output,
471
- args: ['init']
472
- }], DZ_DROP: [{
473
- type: Output,
474
- args: ['drop']
475
- }], DZ_DRAGSTART: [{
476
- type: Output,
477
- args: ['dragStart']
478
- }], DZ_DRAGEND: [{
479
- type: Output,
480
- args: ['dragEnd']
481
- }], DZ_DRAGENTER: [{
482
- type: Output,
483
- args: ['dragEnter']
484
- }], DZ_DRAGOVER: [{
485
- type: Output,
486
- args: ['dragOver']
487
- }], DZ_DRAGLEAVE: [{
488
- type: Output,
489
- args: ['dragLeave']
490
- }], DZ_PASTE: [{
491
- type: Output,
492
- args: ['paste']
493
- }], DZ_RESET: [{
494
- type: Output,
495
- args: ['reset']
496
- }], DZ_ADDEDFILE: [{
497
- type: Output,
498
- args: ['addedFile']
499
- }], DZ_ADDEDFILES: [{
500
- type: Output,
501
- args: ['addedFiles']
502
- }], DZ_REMOVEDFILE: [{
503
- type: Output,
504
- args: ['removedFile']
505
- }], DZ_THUMBNAIL: [{
506
- type: Output,
507
- args: ['thumbnail']
508
- }], DZ_ERROR: [{
509
- type: Output,
510
- args: ['error']
511
- }], DZ_ERRORMULTIPLE: [{
512
- type: Output,
513
- args: ['errorMultiple']
514
- }], DZ_PROCESSING: [{
515
- type: Output,
516
- args: ['processing']
517
- }], DZ_PROCESSINGMULTIPLE: [{
518
- type: Output,
519
- args: ['processingMultiple']
520
- }], DZ_UPLOADPROGRESS: [{
521
- type: Output,
522
- args: ['uploadProgress']
523
- }], DZ_TOTALUPLOADPROGRESS: [{
524
- type: Output,
525
- args: ['totalUploadProgress']
526
- }], DZ_SENDING: [{
527
- type: Output,
528
- args: ['sending']
529
- }], DZ_SENDINGMULTIPLE: [{
530
- type: Output,
531
- args: ['sendingMultiple']
532
- }], DZ_SUCCESS: [{
533
- type: Output,
534
- args: ['success']
535
- }], DZ_SUCCESSMULTIPLE: [{
536
- type: Output,
537
- args: ['successMultiple']
538
- }], DZ_CANCELED: [{
539
- type: Output,
540
- args: ['canceled']
541
- }], DZ_CANCELEDMULTIPLE: [{
542
- type: Output,
543
- args: ['canceledMultiple']
544
- }], DZ_COMPLETE: [{
545
- type: Output,
546
- args: ['complete']
547
- }], DZ_COMPLETEMULTIPLE: [{
548
- type: Output,
549
- args: ['completeMultiple']
550
- }], DZ_MAXFILESEXCEEDED: [{
551
- type: Output,
552
- args: ['maxFilesExceeded']
553
- }], DZ_MAXFILESREACHED: [{
554
- type: Output,
555
- args: ['maxFilesReached']
556
- }], DZ_QUEUECOMPLETE: [{
557
- type: Output,
558
- args: ['queueComplete']
559
- }], directiveRef: [{
560
- type: ViewChild,
561
- args: [DropzoneDirective]
398
+ /* eslint-disable @angular-eslint/no-output-rename */
399
+ class DropzoneComponent {
400
+ constructor() {
401
+ /** Disables / detaches Dropzone from the element */
402
+ this.disabled = false;
403
+ /** Message to show for the user on the upload area */
404
+ this.message = 'Click or drag files to upload';
405
+ /** Placeholder image to be shown as the upload area */
406
+ this.placeholder = '';
407
+ /** Use 'dropzone' class (use provided default styles) */
408
+ this.useDropzoneClass = true;
409
+ this.DZ_INIT = new EventEmitter();
410
+ this.DZ_DROP = new EventEmitter();
411
+ this.DZ_DRAGSTART = new EventEmitter();
412
+ this.DZ_DRAGEND = new EventEmitter();
413
+ this.DZ_DRAGENTER = new EventEmitter();
414
+ this.DZ_DRAGOVER = new EventEmitter();
415
+ this.DZ_DRAGLEAVE = new EventEmitter();
416
+ this.DZ_PASTE = new EventEmitter();
417
+ this.DZ_RESET = new EventEmitter();
418
+ this.DZ_ADDEDFILE = new EventEmitter();
419
+ this.DZ_ADDEDFILES = new EventEmitter();
420
+ this.DZ_REMOVEDFILE = new EventEmitter();
421
+ this.DZ_THUMBNAIL = new EventEmitter();
422
+ this.DZ_ERROR = new EventEmitter();
423
+ this.DZ_ERRORMULTIPLE = new EventEmitter();
424
+ this.DZ_PROCESSING = new EventEmitter();
425
+ this.DZ_PROCESSINGMULTIPLE = new EventEmitter();
426
+ this.DZ_UPLOADPROGRESS = new EventEmitter();
427
+ this.DZ_TOTALUPLOADPROGRESS = new EventEmitter();
428
+ this.DZ_SENDING = new EventEmitter();
429
+ this.DZ_SENDINGMULTIPLE = new EventEmitter();
430
+ // eslint-disable-next-line @typescript-eslint/ban-types
431
+ this.DZ_SUCCESS = new EventEmitter();
432
+ this.DZ_SUCCESSMULTIPLE = new EventEmitter();
433
+ this.DZ_CANCELED = new EventEmitter();
434
+ this.DZ_CANCELEDMULTIPLE = new EventEmitter();
435
+ this.DZ_COMPLETE = new EventEmitter();
436
+ this.DZ_COMPLETEMULTIPLE = new EventEmitter();
437
+ this.DZ_MAXFILESEXCEEDED = new EventEmitter();
438
+ this.DZ_MAXFILESREACHED = new EventEmitter();
439
+ this.DZ_QUEUECOMPLETE = new EventEmitter();
440
+ }
441
+ /** @internal */
442
+ ngOnInit() { }
443
+ /** @internal */
444
+ getPlaceholder() {
445
+ return 'url(' + encodeURI(this.placeholder) + ')';
446
+ }
447
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
448
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: DropzoneComponent, selector: "nxt-dropzone", inputs: { disabled: "disabled", config: "config", message: "message", placeholder: "placeholder", useDropzoneClass: "useDropzoneClass" }, outputs: { DZ_INIT: "init", DZ_DROP: "drop", DZ_DRAGSTART: "dragStart", DZ_DRAGEND: "dragEnd", DZ_DRAGENTER: "dragEnter", DZ_DRAGOVER: "dragOver", DZ_DRAGLEAVE: "dragLeave", DZ_PASTE: "paste", DZ_RESET: "reset", DZ_ADDEDFILE: "addedFile", DZ_ADDEDFILES: "addedFiles", DZ_REMOVEDFILE: "removedFile", DZ_THUMBNAIL: "thumbnail", DZ_ERROR: "error", DZ_ERRORMULTIPLE: "errorMultiple", DZ_PROCESSING: "processing", DZ_PROCESSINGMULTIPLE: "processingMultiple", DZ_UPLOADPROGRESS: "uploadProgress", DZ_TOTALUPLOADPROGRESS: "totalUploadProgress", DZ_SENDING: "sending", DZ_SENDINGMULTIPLE: "sendingMultiple", DZ_SUCCESS: "success", DZ_SUCCESSMULTIPLE: "successMultiple", DZ_CANCELED: "canceled", DZ_CANCELEDMULTIPLE: "canceledMultiple", DZ_COMPLETE: "complete", DZ_COMPLETEMULTIPLE: "completeMultiple", DZ_MAXFILESEXCEEDED: "maxFilesExceeded", DZ_MAXFILESREACHED: "maxFilesReached", DZ_QUEUECOMPLETE: "queueComplete" }, providers: [{
449
+ provide: NXT_DROPZONE_LISTENERS,
450
+ useValue: forwardRef(() => DropzoneComponent)
451
+ }], viewQueries: [{ propertyName: "directiveRef", first: true, predicate: DropzoneDirective, descendants: true }], ngImport: i0, template: "<div class=\"dz-wrapper\"\n [class.dropzone]=\"useDropzoneClass\"\n [nxtDropzone]=\"config\"\n [disabled]=\"disabled\">\n <div class=\"dz-message\"\n [class.disabled]=\"disabled\"\n [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\"\n [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\"\n class=\"dz-image\"\n [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["nxt-dropzone{display:flex;width:100%;height:auto}nxt-dropzone>.dropzone.dz-wrapper{overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent;border-radius:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}nxt-dropzone>.dropzone.dz-wrapper .dz-message{overflow:auto;min-height:60px;max-height:100%;border:2px dashed #aaa;background-color:#eee;display:flex;align-items:center;justify-content:center;margin:0;border-radius:5px;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-text{padding:8px 16px;text-align:center}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{position:relative;border-color:#aaa0;transition:border-color .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;opacity:0;font-weight:700;background-color:#ffffff80;transition:filter .25s ease-in-out,opacity .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}nxt-dropzone>.dropzone.dz-wrapper .dz-preview{margin:0}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;border:1px solid #aaa;border-radius:5px;overflow:hidden}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-image{border-radius:5px;overflow:hidden;min-width:120px;min-height:120px;width:auto;height:auto}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:100%;height:100%;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}nxt-dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}nxt-dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:flex}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DropzoneDirective, selector: "[nxtDropzone]", inputs: ["disabled", "nxtDropzone"], outputs: ["init", "drop", "dragStart", "dragEnd", "dragEnter", "dragOver", "dragLeave", "paste", "reset", "addedFile", "addedFiles", "removedFile", "thumbnail", "error", "errorMultiple", "processing", "processingMultiple", "uploadProgress", "totalUploadProgress", "sending", "sendingMultiple", "success", "successMultiple", "canceled", "canceledMultiple", "complete", "completeMultiple", "maxFilesExceeded", "maxFilesReached", "queueComplete"], exportAs: ["nxtDropzone"] }], encapsulation: i0.ViewEncapsulation.None }); }
452
+ }
453
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneComponent, decorators: [{
454
+ type: Component,
455
+ args: [{ selector: 'nxt-dropzone', encapsulation: ViewEncapsulation.None, providers: [{
456
+ provide: NXT_DROPZONE_LISTENERS,
457
+ useValue: forwardRef(() => DropzoneComponent)
458
+ }], template: "<div class=\"dz-wrapper\"\n [class.dropzone]=\"useDropzoneClass\"\n [nxtDropzone]=\"config\"\n [disabled]=\"disabled\">\n <div class=\"dz-message\"\n [class.disabled]=\"disabled\"\n [class.dz-placeholder]=\"placeholder\">\n <div class=\"dz-text\"\n [innerHTML]=\"config?.dictDefaultMessage || message\"></div>\n\n <div *ngIf=\"placeholder\"\n class=\"dz-image\"\n [style.background-image]=\"getPlaceholder()\"></div>\n </div>\n\n <ng-content></ng-content>\n</div>\n", styles: ["nxt-dropzone{display:flex;width:100%;height:auto}nxt-dropzone>.dropzone.dz-wrapper{overflow:auto;width:100%;min-height:0;max-height:100%;padding:0;border:none;color:#666;background:transparent;border-radius:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}nxt-dropzone>.dropzone.dz-wrapper .dz-message{overflow:auto;min-height:60px;max-height:100%;border:2px dashed #aaa;background-color:#eee;display:flex;align-items:center;justify-content:center;margin:0;border-radius:5px;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-text{padding:8px 16px;text-align:center}nxt-dropzone>.dropzone.dz-wrapper .dz-message .dz-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled{cursor:not-allowed}nxt-dropzone>.dropzone.dz-wrapper .dz-message.disabled .dz-text{opacity:.5}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder{position:relative;border-color:#aaa0;transition:border-color .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder .dz-text{position:absolute;z-index:1;opacity:0;font-weight:700;background-color:#ffffff80;transition:filter .25s ease-in-out,opacity .25s ease-in-out}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled){border-color:#aaa}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-text{opacity:1}nxt-dropzone>.dropzone.dz-wrapper .dz-message.dz-placeholder:hover:not(.disabled) .dz-image{filter:blur(8px)}nxt-dropzone>.dropzone.dz-wrapper .dz-preview{margin:0}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-details{padding:24px}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress{width:80%;border:1px solid #aaa;border-radius:5px;overflow:hidden}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-progress .dz-upload{background-color:#666}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span{display:block;overflow:hidden;width:100%;max-width:100%;text-overflow:ellipsis}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-filename span:hover{overflow:visible;white-space:normal;word-wrap:break-word}nxt-dropzone>.dropzone.dz-wrapper .dz-preview .dz-image{border-radius:5px;overflow:hidden;min-width:120px;min-height:120px;width:auto;height:auto}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-message{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview{width:100%;height:100%;grid-column:span 2;grid-row:span 2}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image{width:100%;height:100%}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-preview .dz-image img{display:block;width:100%;height:auto;margin:0}nxt-dropzone>.dropzone.dz-wrapper.dz-single .dz-error-message{top:50%;left:50%;transform:translate(-50%) translateY(100%)}nxt-dropzone>.dropzone.dz-wrapper.dz-single.dz-started .dz-message{display:none}nxt-dropzone>.dropzone.dz-wrapper.dz-multiple.dz-started .dz-message{display:flex}\n", "@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:\"\";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}\n"] }]
459
+ }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
460
+ type: Input
461
+ }], config: [{
462
+ type: Input
463
+ }], message: [{
464
+ type: Input
465
+ }], placeholder: [{
466
+ type: Input
467
+ }], useDropzoneClass: [{
468
+ type: Input
469
+ }], DZ_INIT: [{
470
+ type: Output,
471
+ args: ['init']
472
+ }], DZ_DROP: [{
473
+ type: Output,
474
+ args: ['drop']
475
+ }], DZ_DRAGSTART: [{
476
+ type: Output,
477
+ args: ['dragStart']
478
+ }], DZ_DRAGEND: [{
479
+ type: Output,
480
+ args: ['dragEnd']
481
+ }], DZ_DRAGENTER: [{
482
+ type: Output,
483
+ args: ['dragEnter']
484
+ }], DZ_DRAGOVER: [{
485
+ type: Output,
486
+ args: ['dragOver']
487
+ }], DZ_DRAGLEAVE: [{
488
+ type: Output,
489
+ args: ['dragLeave']
490
+ }], DZ_PASTE: [{
491
+ type: Output,
492
+ args: ['paste']
493
+ }], DZ_RESET: [{
494
+ type: Output,
495
+ args: ['reset']
496
+ }], DZ_ADDEDFILE: [{
497
+ type: Output,
498
+ args: ['addedFile']
499
+ }], DZ_ADDEDFILES: [{
500
+ type: Output,
501
+ args: ['addedFiles']
502
+ }], DZ_REMOVEDFILE: [{
503
+ type: Output,
504
+ args: ['removedFile']
505
+ }], DZ_THUMBNAIL: [{
506
+ type: Output,
507
+ args: ['thumbnail']
508
+ }], DZ_ERROR: [{
509
+ type: Output,
510
+ args: ['error']
511
+ }], DZ_ERRORMULTIPLE: [{
512
+ type: Output,
513
+ args: ['errorMultiple']
514
+ }], DZ_PROCESSING: [{
515
+ type: Output,
516
+ args: ['processing']
517
+ }], DZ_PROCESSINGMULTIPLE: [{
518
+ type: Output,
519
+ args: ['processingMultiple']
520
+ }], DZ_UPLOADPROGRESS: [{
521
+ type: Output,
522
+ args: ['uploadProgress']
523
+ }], DZ_TOTALUPLOADPROGRESS: [{
524
+ type: Output,
525
+ args: ['totalUploadProgress']
526
+ }], DZ_SENDING: [{
527
+ type: Output,
528
+ args: ['sending']
529
+ }], DZ_SENDINGMULTIPLE: [{
530
+ type: Output,
531
+ args: ['sendingMultiple']
532
+ }], DZ_SUCCESS: [{
533
+ type: Output,
534
+ args: ['success']
535
+ }], DZ_SUCCESSMULTIPLE: [{
536
+ type: Output,
537
+ args: ['successMultiple']
538
+ }], DZ_CANCELED: [{
539
+ type: Output,
540
+ args: ['canceled']
541
+ }], DZ_CANCELEDMULTIPLE: [{
542
+ type: Output,
543
+ args: ['canceledMultiple']
544
+ }], DZ_COMPLETE: [{
545
+ type: Output,
546
+ args: ['complete']
547
+ }], DZ_COMPLETEMULTIPLE: [{
548
+ type: Output,
549
+ args: ['completeMultiple']
550
+ }], DZ_MAXFILESEXCEEDED: [{
551
+ type: Output,
552
+ args: ['maxFilesExceeded']
553
+ }], DZ_MAXFILESREACHED: [{
554
+ type: Output,
555
+ args: ['maxFilesReached']
556
+ }], DZ_QUEUECOMPLETE: [{
557
+ type: Output,
558
+ args: ['queueComplete']
559
+ }], directiveRef: [{
560
+ type: ViewChild,
561
+ args: [DropzoneDirective]
562
562
  }] } });
563
563
 
564
- class DropzoneModule {
565
- }
566
- DropzoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
567
- DropzoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: DropzoneModule, declarations: [DropzoneComponent,
568
- DropzoneDirective], imports: [CommonModule], exports: [DropzoneComponent,
569
- DropzoneDirective] });
570
- DropzoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneModule, imports: [CommonModule] });
571
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DropzoneModule, decorators: [{
572
- type: NgModule,
573
- args: [{
574
- declarations: [
575
- DropzoneComponent,
576
- DropzoneDirective
577
- ],
578
- imports: [
579
- CommonModule
580
- ],
581
- exports: [
582
- DropzoneComponent,
583
- DropzoneDirective
584
- ]
585
- }]
564
+ class DropzoneModule {
565
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
566
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: DropzoneModule, declarations: [DropzoneComponent,
567
+ DropzoneDirective], imports: [CommonModule], exports: [DropzoneComponent,
568
+ DropzoneDirective] }); }
569
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneModule, imports: [CommonModule] }); }
570
+ }
571
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DropzoneModule, decorators: [{
572
+ type: NgModule,
573
+ args: [{
574
+ declarations: [
575
+ DropzoneComponent,
576
+ DropzoneDirective
577
+ ],
578
+ imports: [
579
+ CommonModule
580
+ ],
581
+ exports: [
582
+ DropzoneComponent,
583
+ DropzoneDirective
584
+ ]
585
+ }]
586
586
  }] });
587
587
 
588
- /**
589
- * Generated bundle index. Do not edit.
588
+ /**
589
+ * Generated bundle index. Do not edit.
590
590
  */
591
591
 
592
592
  export { DropzoneComponent, DropzoneDirective, DropzoneModule, NXT_DROPZONE_CONFIG };