nxt-dropzone-wrapper 22.0.0 → 22.1.0

package/fesm2022/nxt-dropzone-wrapper.mjs

@@ -1,333 +1,643 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, output, Directive, inject, NgZone, ElementRef, KeyValueDiffers, PLATFORM_ID, input, computed, effect, viewChild, ViewEncapsulation, Component } from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-import Dropzone from 'dropzone';
-
-/* eslint-disable @angular-eslint/no-output-rename */
-const NXT_DROPZONE_CONFIG = new InjectionToken('NXT_DROPZONE_CONFIG');
+import * as i0 from "@angular/core";
+import { Component, Directive, ElementRef, InjectionToken, KeyValueDiffers, NgZone, PLATFORM_ID, ViewEncapsulation, computed, effect, inject, input, makeEnvironmentProviders, output, viewChild } from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import Dropzone from "dropzone";
+const NXT_DROPZONE_CONFIG = new InjectionToken("NXT_DROPZONE_CONFIG");
 function provideDropzoneConfig(config) {
-    return makeEnvironmentProviders([
-        {
-            provide: NXT_DROPZONE_CONFIG,
-            useValue: config
-        }
-    ]);
+	return makeEnvironmentProviders([{
+		provide: NXT_DROPZONE_CONFIG,
+		useValue: config
+	}]);
 }
-/** @internal */
 const DropzoneEvents = [
-    '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'
+	"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"
 ];
-/** @internal */
-const internalChanges = new Set([
-    'autoReset',
-    'errorReset',
-    'cancelReset'
+const internalChanges = /* @__PURE__ */ new Set([
+	"autoReset",
+	"errorReset",
+	"cancelReset"
 ]);
-/** @internal */
-class _DropzoneConfig {
-    constructor(config = {}) {
-        this.assign(config);
-    }
-    assign(config = {}, target) {
-        target = target || this;
-        for (const key in config) {
-            if (config[key] != null
-                && config[key] != undefined
-                && !Array.isArray(config[key])
-                && typeof config[key] === 'object'
-                && !(config[key] instanceof HTMLElement)) {
-                target[key] = {};
-                this.assign(config[key], target[key]);
-            }
-            else {
-                target[key] = config[key];
-            }
-        }
-    }
-}
-class DropzoneListeners {
-    constructor() {
-        this.DZ_INIT = output({ alias: 'init' });
-        this.DZ_DROP = output({ alias: 'drop' });
-        this.DZ_DRAGSTART = output({ alias: 'dragStart' });
-        this.DZ_DRAGEND = output({ alias: 'dragEnd' });
-        this.DZ_DRAGENTER = output({ alias: 'dragEnter' });
-        this.DZ_DRAGOVER = output({ alias: 'dragOver' });
-        this.DZ_DRAGLEAVE = output({ alias: 'dragLeave' });
-        this.DZ_PASTE = output({ alias: 'paste' });
-        this.DZ_RESET = output({ alias: 'reset' });
-        this.DZ_ADDEDFILE = output({ alias: 'addedFile' });
-        this.DZ_ADDEDFILES = output({ alias: 'addedFiles' });
-        this.DZ_REMOVEDFILE = output({ alias: 'removedFile' });
-        this.DZ_THUMBNAIL = output({ alias: 'thumbnail' });
-        this.DZ_ERROR = output({ alias: 'error' });
-        this.DZ_ERRORMULTIPLE = output({ alias: 'errorMultiple' });
-        this.DZ_PROCESSING = output({ alias: 'processing' });
-        this.DZ_PROCESSINGMULTIPLE = output({ alias: 'processingMultiple' });
-        this.DZ_UPLOADPROGRESS = output({ alias: 'uploadProgress' });
-        this.DZ_TOTALUPLOADPROGRESS = output({ alias: 'totalUploadProgress' });
-        this.DZ_SENDING = output({ alias: 'sending' });
-        this.DZ_SENDINGMULTIPLE = output({ alias: 'sendingMultiple' });
-        // eslint-disable-next-line @typescript-eslint/no-restricted-types
-        this.DZ_SUCCESS = output({ alias: 'success' });
-        this.DZ_SUCCESSMULTIPLE = output({ alias: 'successMultiple' });
-        this.DZ_CANCELED = output({ alias: 'canceled' });
-        this.DZ_CANCELEDMULTIPLE = output({ alias: 'canceledMultiple' });
-        this.DZ_COMPLETE = output({ alias: 'complete' });
-        this.DZ_COMPLETEMULTIPLE = output({ alias: 'completeMultiple' });
-        this.DZ_MAXFILESEXCEEDED = output({ alias: 'maxFilesExceeded' });
-        this.DZ_MAXFILESREACHED = output({ alias: 'maxFilesReached' });
-        this.DZ_QUEUECOMPLETE = output({ alias: 'queueComplete' });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneListeners, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: DropzoneListeners, isStandalone: true, 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" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneListeners, decorators: [{
-            type: Directive
-        }], propDecorators: { DZ_INIT: [{ type: i0.Output, args: ["init"] }], DZ_DROP: [{ type: i0.Output, args: ["drop"] }], DZ_DRAGSTART: [{ type: i0.Output, args: ["dragStart"] }], DZ_DRAGEND: [{ type: i0.Output, args: ["dragEnd"] }], DZ_DRAGENTER: [{ type: i0.Output, args: ["dragEnter"] }], DZ_DRAGOVER: [{ type: i0.Output, args: ["dragOver"] }], DZ_DRAGLEAVE: [{ type: i0.Output, args: ["dragLeave"] }], DZ_PASTE: [{ type: i0.Output, args: ["paste"] }], DZ_RESET: [{ type: i0.Output, args: ["reset"] }], DZ_ADDEDFILE: [{ type: i0.Output, args: ["addedFile"] }], DZ_ADDEDFILES: [{ type: i0.Output, args: ["addedFiles"] }], DZ_REMOVEDFILE: [{ type: i0.Output, args: ["removedFile"] }], DZ_THUMBNAIL: [{ type: i0.Output, args: ["thumbnail"] }], DZ_ERROR: [{ type: i0.Output, args: ["error"] }], DZ_ERRORMULTIPLE: [{ type: i0.Output, args: ["errorMultiple"] }], DZ_PROCESSING: [{ type: i0.Output, args: ["processing"] }], DZ_PROCESSINGMULTIPLE: [{ type: i0.Output, args: ["processingMultiple"] }], DZ_UPLOADPROGRESS: [{ type: i0.Output, args: ["uploadProgress"] }], DZ_TOTALUPLOADPROGRESS: [{ type: i0.Output, args: ["totalUploadProgress"] }], DZ_SENDING: [{ type: i0.Output, args: ["sending"] }], DZ_SENDINGMULTIPLE: [{ type: i0.Output, args: ["sendingMultiple"] }], DZ_SUCCESS: [{ type: i0.Output, args: ["success"] }], DZ_SUCCESSMULTIPLE: [{ type: i0.Output, args: ["successMultiple"] }], DZ_CANCELED: [{ type: i0.Output, args: ["canceled"] }], DZ_CANCELEDMULTIPLE: [{ type: i0.Output, args: ["canceledMultiple"] }], DZ_COMPLETE: [{ type: i0.Output, args: ["complete"] }], DZ_COMPLETEMULTIPLE: [{ type: i0.Output, args: ["completeMultiple"] }], DZ_MAXFILESEXCEEDED: [{ type: i0.Output, args: ["maxFilesExceeded"] }], DZ_MAXFILESREACHED: [{ type: i0.Output, args: ["maxFilesReached"] }], DZ_QUEUECOMPLETE: [{ type: i0.Output, args: ["queueComplete"] }] } });
-/** @internal */
-const NXT_DROPZONE_LISTENERS = new InjectionToken('NXT_DROPZONE_LISTENERS');
-
-class DropzoneDirective extends DropzoneListeners {
-    get dropzone() {
-        return this._instance;
-    }
-    constructor() {
-        super();
-        this.zone = inject(NgZone);
-        this.elementRef = inject(ElementRef);
-        this.differs = inject(KeyValueDiffers);
-        this.platformId = inject(PLATFORM_ID);
-        this.defaults = inject(NXT_DROPZONE_CONFIG, { optional: true });
-        this.listeners = inject(NXT_DROPZONE_LISTENERS, { optional: true }) || this;
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** Can be used to provide optional custom config */
-        this._config = input(undefined, { ...(ngDevMode ? { debugName: "_config" } : /* istanbul ignore next */ {}), alias: 'nxtDropzone' });
-        this.configDiff = this.differs.find(this._config() || {}).create();
-        this.config = computed(() => ({ ...this._config() }), { ...(ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {}), equal: (_, n) => !this.configDiff.diff(n) });
-        this._params = computed(() => {
-            let newParams = this.defaults
-                ? new _DropzoneConfig(this.defaults)
-                : undefined;
-            const config = this.config();
-            if (newParams && config)
-                newParams.assign(config);
-            else if (config)
-                newParams = new _DropzoneConfig(config);
-            const params = { ...newParams };
-            Object.entries(params).forEach(([k, v]) => {
-                if (v === undefined)
-                    delete params[k];
-            });
-            return params;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_params" }] : /* istanbul ignore next */ []));
-        this.paramDiff = this.differs.find({ ...this._params() }).create();
-        this.params = computed(() => ({ ...this._params() }), { ...(ngDevMode ? { debugName: "params" } : /* istanbul ignore next */ {}), equal: (_, n) => {
-                const d = this.paramDiff.diff(n);
-                if (d) {
-                    let hasChanges = false;
-                    d.forEachRemovedItem((r) => {
-                        if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue)
-                            hasChanges = true;
-                    });
-                    d.forEachItem(r => {
-                        if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue)
-                            hasChanges = true;
-                    });
-                    return !hasChanges;
-                }
-                return !d;
-            } });
-        /** @internal */
-        this._isSingle = computed(() => this.params()?.maxFiles === 1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isSingle" }] : /* istanbul ignore next */ []));
-        /** @internal */
-        this._isMultiple = computed(() => this.params()?.maxFiles !== 1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_isMultiple" }] : /* istanbul ignore next */ []));
-        let disabled = this.disabled();
-        effect(() => {
-            disabled = this.disabled();
-            const instance = this._instance;
-            if (instance) {
-                if (disabled)
-                    this.zone.runOutsideAngular(() => {
-                        instance.disable();
-                    });
-                else
-                    this.zone.runOutsideAngular(() => {
-                        instance.enable();
-                    });
-            }
-        });
-        effect(() => {
-            const params = this.params();
-            this.destroyInstance();
-            this.initInstance(params, disabled);
-        });
-    }
-    /** @internal */
-    ngOnDestroy() {
-        this.destroyInstance();
-    }
-    /** @internal */
-    reset(cancel) {
-        const instance = this._instance;
-        if (instance) {
-            this.zone.runOutsideAngular(() => {
-                instance.removeAllFiles(cancel);
-            });
-        }
-    }
-    initInstance(params, disabled = false) {
-        if (!isPlatformBrowser(this.platformId) || !params) {
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            const instance = new Dropzone(this.elementRef.nativeElement, params);
-            if (disabled)
-                this.zone.runOutsideAngular(() => {
-                    instance.disable();
-                });
-            this._instance = instance;
-            this.zone.run(() => {
-                this.listeners.DZ_INIT.emit(instance);
-            });
-            // Add auto reset handling for events
-            instance.on('success', () => {
-                const timeout = this.params()?.autoReset ?? -1;
-                if (timeout >= 0) {
-                    setTimeout(() => this.reset(), timeout);
-                }
-            });
-            instance.on('error', () => {
-                const timeout = this.params()?.errorReset ?? -1;
-                if (timeout >= 0) {
-                    setTimeout(() => this.reset(), timeout);
-                }
-            });
-            instance.on('canceled', () => {
-                const timeout = this.params()?.cancelReset ?? -1;
-                if (timeout >= 0) {
-                    setTimeout(() => this.reset(), timeout);
-                }
-            });
-            // Add native Dropzone event handling
-            DropzoneEvents.forEach((eventName) => {
-                instance.on(eventName.toLowerCase(), (...args) => {
-                    args = (args.length === 1) ? args[0] : args;
-                    const output = `DZ_${eventName.toUpperCase()}`;
-                    const emitter = this.listeners[output];
-                    this.zone.run(() => {
-                        emitter.emit(args);
-                    });
-                });
-            });
-        });
-    }
-    destroyInstance() {
-        const instance = this._instance;
-        if (instance) {
-            this.zone.runOutsideAngular(() => {
-                instance.destroy();
-            });
-            this._instance = undefined;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: DropzoneDirective, isStandalone: true, selector: "[nxtDropzone]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, _config: { classPropertyName: "_config", publicName: "nxtDropzone", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dz-single": "_isSingle()", "class.dz-multiple": "_isMultiple()" } }, exportAs: ["nxtDropzone"], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[nxtDropzone]',
-                    exportAs: 'nxtDropzone',
-                    host: {
-                        '[class.dz-single]': '_isSingle()',
-                        '[class.dz-multiple]': '_isMultiple()'
-                    }
-                }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], _config: [{ type: i0.Input, args: [{ isSignal: true, alias: "nxtDropzone", required: false }] }] } });
-
-class DropzoneComponent extends DropzoneListeners {
-    constructor() {
-        super(...arguments);
-        /** Disables / detaches Dropzone from the element */
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** Custom config to override the global defaults */
-        this.config = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
-        /** Message to show for the user on the upload area */
-        this.message = input('Click or drag files to upload', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-        /** Placeholder image to be shown as the upload area */
-        this.placeholder = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        /** Use 'dropzone' class (use provided default styles) */
-        this.useDropzoneClass = input(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "useDropzoneClass" }] : /* istanbul ignore next */ []));
-        this.directiveRef = viewChild(DropzoneDirective, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "directiveRef" }] : /* istanbul ignore next */ []));
-        /** @internal */
-        this.text = computed(() => this.config()?.dictDefaultMessage || this.message(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    }
-    /** @internal */
-    ngOnInit() { }
-    /** @internal */
-    getPlaceholder() {
-        return 'url(' + encodeURI(this.placeholder()) + ')';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.6", type: DropzoneComponent, isStandalone: true, selector: "nxt-dropzone", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, useDropzoneClass: { classPropertyName: "useDropzoneClass", publicName: "useDropzoneClass", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{
-                provide: NXT_DROPZONE_LISTENERS,
-                useExisting: DropzoneComponent
-            }], viewQueries: [{ propertyName: "directiveRef", first: true, predicate: DropzoneDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"dz-wrapper\"\r\n    [class.dropzone]=\"useDropzoneClass()\"\r\n    [nxtDropzone]=\"config()\"\r\n    [disabled]=\"disabled()\">\r\n    <div class=\"dz-message\"\r\n        [class.disabled]=\"disabled()\"\r\n        [class.dz-placeholder]=\"placeholder()\">\r\n        <div class=\"dz-text\"\r\n            [innerHTML]=\"text()\"></div>\r\n\r\n        @if (placeholder()) {\r\n        <div class=\"dz-image\"\r\n            [style.background-image]=\"getPlaceholder()\"></div>\r\n        }\r\n    </div>\r\n\r\n    <ng-content />\r\n</div>\r\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;overflow-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-preview .dz-image img{max-width:120px;max-height:120px}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:#000c;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:#000c;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: DropzoneDirective, selector: "[nxtDropzone]", inputs: ["disabled", "nxtDropzone"], exportAs: ["nxtDropzone"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropzoneComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nxt-dropzone', encapsulation: ViewEncapsulation.None, providers: [{
-                            provide: NXT_DROPZONE_LISTENERS,
-                            useExisting: DropzoneComponent
-                        }], imports: [
-                        DropzoneDirective
-                    ], template: "<div class=\"dz-wrapper\"\r\n    [class.dropzone]=\"useDropzoneClass()\"\r\n    [nxtDropzone]=\"config()\"\r\n    [disabled]=\"disabled()\">\r\n    <div class=\"dz-message\"\r\n        [class.disabled]=\"disabled()\"\r\n        [class.dz-placeholder]=\"placeholder()\">\r\n        <div class=\"dz-text\"\r\n            [innerHTML]=\"text()\"></div>\r\n\r\n        @if (placeholder()) {\r\n        <div class=\"dz-image\"\r\n            [style.background-image]=\"getPlaceholder()\"></div>\r\n        }\r\n    </div>\r\n\r\n    <ng-content />\r\n</div>\r\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;overflow-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-preview .dz-image img{max-width:120px;max-height:120px}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:#000c;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:#000c;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"] }]
-        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], useDropzoneClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "useDropzoneClass", required: false }] }], directiveRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DropzoneDirective), { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var _DropzoneConfig = class {
+	constructor(config = {}) {
+		this.assign(config);
+	}
+	assign(config = {}, target) {
+		target = target || this;
+		for (const key in config) if (config[key] != null && config[key] != void 0 && !Array.isArray(config[key]) && typeof config[key] === "object" && !(config[key] instanceof HTMLElement)) {
+			target[key] = {};
+			this.assign(config[key], target[key]);
+		} else target[key] = config[key];
+	}
+};
+var DropzoneListeners = class DropzoneListeners {
+	constructor() {
+		this.DZ_INIT = output({ alias: "init" });
+		this.DZ_DROP = output({ alias: "drop" });
+		this.DZ_DRAGSTART = output({ alias: "dragStart" });
+		this.DZ_DRAGEND = output({ alias: "dragEnd" });
+		this.DZ_DRAGENTER = output({ alias: "dragEnter" });
+		this.DZ_DRAGOVER = output({ alias: "dragOver" });
+		this.DZ_DRAGLEAVE = output({ alias: "dragLeave" });
+		this.DZ_PASTE = output({ alias: "paste" });
+		this.DZ_RESET = output({ alias: "reset" });
+		this.DZ_ADDEDFILE = output({ alias: "addedFile" });
+		this.DZ_ADDEDFILES = output({ alias: "addedFiles" });
+		this.DZ_REMOVEDFILE = output({ alias: "removedFile" });
+		this.DZ_THUMBNAIL = output({ alias: "thumbnail" });
+		this.DZ_ERROR = output({ alias: "error" });
+		this.DZ_ERRORMULTIPLE = output({ alias: "errorMultiple" });
+		this.DZ_PROCESSING = output({ alias: "processing" });
+		this.DZ_PROCESSINGMULTIPLE = output({ alias: "processingMultiple" });
+		this.DZ_UPLOADPROGRESS = output({ alias: "uploadProgress" });
+		this.DZ_TOTALUPLOADPROGRESS = output({ alias: "totalUploadProgress" });
+		this.DZ_SENDING = output({ alias: "sending" });
+		this.DZ_SENDINGMULTIPLE = output({ alias: "sendingMultiple" });
+		this.DZ_SUCCESS = output({ alias: "success" });
+		this.DZ_SUCCESSMULTIPLE = output({ alias: "successMultiple" });
+		this.DZ_CANCELED = output({ alias: "canceled" });
+		this.DZ_CANCELEDMULTIPLE = output({ alias: "canceledMultiple" });
+		this.DZ_COMPLETE = output({ alias: "complete" });
+		this.DZ_COMPLETEMULTIPLE = output({ alias: "completeMultiple" });
+		this.DZ_MAXFILESEXCEEDED = output({ alias: "maxFilesExceeded" });
+		this.DZ_MAXFILESREACHED = output({ alias: "maxFilesReached" });
+		this.DZ_QUEUECOMPLETE = output({ alias: "queueComplete" });
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: DropzoneListeners,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.5",
+			type: DropzoneListeners,
+			isStandalone: true,
+			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"
+			},
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: DropzoneListeners,
+	decorators: [{ type: Directive }],
+	propDecorators: {
+		DZ_INIT: [{
+			type: i0.Output,
+			args: ["init"]
+		}],
+		DZ_DROP: [{
+			type: i0.Output,
+			args: ["drop"]
+		}],
+		DZ_DRAGSTART: [{
+			type: i0.Output,
+			args: ["dragStart"]
+		}],
+		DZ_DRAGEND: [{
+			type: i0.Output,
+			args: ["dragEnd"]
+		}],
+		DZ_DRAGENTER: [{
+			type: i0.Output,
+			args: ["dragEnter"]
+		}],
+		DZ_DRAGOVER: [{
+			type: i0.Output,
+			args: ["dragOver"]
+		}],
+		DZ_DRAGLEAVE: [{
+			type: i0.Output,
+			args: ["dragLeave"]
+		}],
+		DZ_PASTE: [{
+			type: i0.Output,
+			args: ["paste"]
+		}],
+		DZ_RESET: [{
+			type: i0.Output,
+			args: ["reset"]
+		}],
+		DZ_ADDEDFILE: [{
+			type: i0.Output,
+			args: ["addedFile"]
+		}],
+		DZ_ADDEDFILES: [{
+			type: i0.Output,
+			args: ["addedFiles"]
+		}],
+		DZ_REMOVEDFILE: [{
+			type: i0.Output,
+			args: ["removedFile"]
+		}],
+		DZ_THUMBNAIL: [{
+			type: i0.Output,
+			args: ["thumbnail"]
+		}],
+		DZ_ERROR: [{
+			type: i0.Output,
+			args: ["error"]
+		}],
+		DZ_ERRORMULTIPLE: [{
+			type: i0.Output,
+			args: ["errorMultiple"]
+		}],
+		DZ_PROCESSING: [{
+			type: i0.Output,
+			args: ["processing"]
+		}],
+		DZ_PROCESSINGMULTIPLE: [{
+			type: i0.Output,
+			args: ["processingMultiple"]
+		}],
+		DZ_UPLOADPROGRESS: [{
+			type: i0.Output,
+			args: ["uploadProgress"]
+		}],
+		DZ_TOTALUPLOADPROGRESS: [{
+			type: i0.Output,
+			args: ["totalUploadProgress"]
+		}],
+		DZ_SENDING: [{
+			type: i0.Output,
+			args: ["sending"]
+		}],
+		DZ_SENDINGMULTIPLE: [{
+			type: i0.Output,
+			args: ["sendingMultiple"]
+		}],
+		DZ_SUCCESS: [{
+			type: i0.Output,
+			args: ["success"]
+		}],
+		DZ_SUCCESSMULTIPLE: [{
+			type: i0.Output,
+			args: ["successMultiple"]
+		}],
+		DZ_CANCELED: [{
+			type: i0.Output,
+			args: ["canceled"]
+		}],
+		DZ_CANCELEDMULTIPLE: [{
+			type: i0.Output,
+			args: ["canceledMultiple"]
+		}],
+		DZ_COMPLETE: [{
+			type: i0.Output,
+			args: ["complete"]
+		}],
+		DZ_COMPLETEMULTIPLE: [{
+			type: i0.Output,
+			args: ["completeMultiple"]
+		}],
+		DZ_MAXFILESEXCEEDED: [{
+			type: i0.Output,
+			args: ["maxFilesExceeded"]
+		}],
+		DZ_MAXFILESREACHED: [{
+			type: i0.Output,
+			args: ["maxFilesReached"]
+		}],
+		DZ_QUEUECOMPLETE: [{
+			type: i0.Output,
+			args: ["queueComplete"]
+		}]
+	}
+});
+const NXT_DROPZONE_LISTENERS = new InjectionToken("NXT_DROPZONE_LISTENERS");
+var DropzoneDirective = class DropzoneDirective extends DropzoneListeners {
+	get dropzone() {
+		return this._instance;
+	}
+	constructor() {
+		super();
+		this.zone = inject(NgZone);
+		this.elementRef = inject(ElementRef);
+		this.differs = inject(KeyValueDiffers);
+		this.platformId = inject(PLATFORM_ID);
+		this.defaults = inject(NXT_DROPZONE_CONFIG, { optional: true });
+		this.listeners = inject(NXT_DROPZONE_LISTENERS, { optional: true }) || this;
+		this.disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+		this._config = input(void 0, {
+			...ngDevMode ? { debugName: "_config" } : /* istanbul ignore next */ {},
+			alias: "nxtDropzone"
+		});
+		this.configDiff = this.differs.find(this._config() || {}).create();
+		this.config = computed(() => ({ ...this._config() }), {
+			...ngDevMode ? { debugName: "config" } : /* istanbul ignore next */ {},
+			equal: (_, n) => !this.configDiff.diff(n)
+		});
+		this._params = computed(() => {
+			let newParams = this.defaults ? new _DropzoneConfig(this.defaults) : void 0;
+			const config = this.config();
+			if (newParams && config) newParams.assign(config);
+			else if (config) newParams = new _DropzoneConfig(config);
+			const params = { ...newParams };
+			Object.entries(params).forEach(([k, v]) => {
+				if (v === void 0) delete params[k];
+			});
+			return params;
+		}, ...ngDevMode ? [{ debugName: "_params" }] : /* istanbul ignore next */ []);
+		this.paramDiff = this.differs.find({ ...this._params() }).create();
+		this.params = computed(() => ({ ...this._params() }), {
+			...ngDevMode ? { debugName: "params" } : /* istanbul ignore next */ {},
+			equal: (_, n) => {
+				const d = this.paramDiff.diff(n);
+				if (d) {
+					let hasChanges = false;
+					d.forEachRemovedItem((r) => {
+						if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue) hasChanges = true;
+					});
+					d.forEachItem((r) => {
+						if (!internalChanges.has(r.key) && r.currentValue !== r.previousValue) hasChanges = true;
+					});
+					return !hasChanges;
+				}
+				return !d;
+			}
+		});
+		this._isSingle = computed(() => this.params()?.maxFiles === 1, ...ngDevMode ? [{ debugName: "_isSingle" }] : /* istanbul ignore next */ []);
+		this._isMultiple = computed(() => this.params()?.maxFiles !== 1, ...ngDevMode ? [{ debugName: "_isMultiple" }] : /* istanbul ignore next */ []);
+		let disabled = this.disabled();
+		effect(() => {
+			disabled = this.disabled();
+			const instance = this._instance;
+			if (instance) {
+				if (disabled) this.zone.runOutsideAngular(() => {
+					instance.disable();
+				});
+				else this.zone.runOutsideAngular(() => {
+					instance.enable();
+				});
+			}
+		});
+		effect(() => {
+			const params = this.params();
+			this.destroyInstance();
+			this.initInstance(params, disabled);
+		});
+	}
+	ngOnDestroy() {
+		this.destroyInstance();
+	}
+	reset(cancel) {
+		const instance = this._instance;
+		if (instance) this.zone.runOutsideAngular(() => {
+			instance.removeAllFiles(!!cancel);
+		});
+	}
+	initInstance(params, disabled = false) {
+		if (!isPlatformBrowser(this.platformId) || !params) return;
+		this.zone.runOutsideAngular(() => {
+			const instance = new Dropzone(this.elementRef.nativeElement, params);
+			if (disabled) this.zone.runOutsideAngular(() => {
+				instance.disable();
+			});
+			this._instance = instance;
+			this.zone.run(() => {
+				this.listeners.DZ_INIT.emit(instance);
+			});
+			instance.on("success", () => {
+				const timeout = this.params()?.autoReset ?? -1;
+				if (timeout >= 0) setTimeout(() => this.reset(), timeout);
+			});
+			instance.on("error", () => {
+				const timeout = this.params()?.errorReset ?? -1;
+				if (timeout >= 0) setTimeout(() => this.reset(), timeout);
+			});
+			instance.on("canceled", () => {
+				const timeout = this.params()?.cancelReset ?? -1;
+				if (timeout >= 0) setTimeout(() => this.reset(), timeout);
+			});
+			DropzoneEvents.forEach((eventName) => {
+				instance.on(eventName.toLowerCase(), (...args) => {
+					args = args.length === 1 ? args[0] : args;
+					const output = `DZ_${eventName.toUpperCase()}`;
+					const emitter = this.listeners[output];
+					this.zone.run(() => {
+						emitter.emit(args);
+					});
+				});
+			});
+		});
+	}
+	destroyInstance() {
+		const instance = this._instance;
+		if (instance) {
+			this.zone.runOutsideAngular(() => {
+				instance.destroy();
+			});
+			this._instance = void 0;
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: DropzoneDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.5",
+			type: DropzoneDirective,
+			isStandalone: true,
+			selector: "[nxtDropzone]",
+			inputs: {
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				_config: {
+					classPropertyName: "_config",
+					publicName: "nxtDropzone",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { properties: {
+				"class.dz-single": "_isSingle()",
+				"class.dz-multiple": "_isMultiple()"
+			} },
+			exportAs: ["nxtDropzone"],
+			usesInheritance: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: DropzoneDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[nxtDropzone]",
+			exportAs: "nxtDropzone",
+			host: {
+				"[class.dz-single]": "_isSingle()",
+				"[class.dz-multiple]": "_isMultiple()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		_config: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nxtDropzone",
+				required: false
+			}]
+		}]
+	}
+});
+var DropzoneComponent = class DropzoneComponent extends DropzoneListeners {
+	constructor() {
+		super(...arguments);
+		this.disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+		this.config = input(...ngDevMode ? [void 0, { debugName: "config" }] : /* istanbul ignore next */ []);
+		this.message = input("Click or drag files to upload", ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+		this.placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+		this.useDropzoneClass = input(true, ...ngDevMode ? [{ debugName: "useDropzoneClass" }] : /* istanbul ignore next */ []);
+		this.directiveRef = viewChild(DropzoneDirective, ...ngDevMode ? [{ debugName: "directiveRef" }] : /* istanbul ignore next */ []);
+		this.text = computed(() => this.config()?.dictDefaultMessage || this.message(), ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	}
+	ngOnInit() {}
+	getPlaceholder() {
+		return "url(" + encodeURI(this.placeholder()) + ")";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.5",
+			ngImport: i0,
+			type: DropzoneComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.5",
+			type: DropzoneComponent,
+			isStandalone: true,
+			selector: "nxt-dropzone",
+			inputs: {
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				config: {
+					classPropertyName: "config",
+					publicName: "config",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				message: {
+					classPropertyName: "message",
+					publicName: "message",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				useDropzoneClass: {
+					classPropertyName: "useDropzoneClass",
+					publicName: "useDropzoneClass",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			providers: [{
+				provide: NXT_DROPZONE_LISTENERS,
+				useExisting: DropzoneComponent
+			}],
+			viewQueries: [{
+				propertyName: "directiveRef",
+				first: true,
+				predicate: DropzoneDirective,
+				descendants: true,
+				isSignal: true
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div class=\"dz-wrapper\"\r\n    [class.dropzone]=\"useDropzoneClass()\"\r\n    [nxtDropzone]=\"config()\"\r\n    [disabled]=\"disabled()\">\r\n    <div class=\"dz-message\"\r\n        [class.disabled]=\"disabled()\"\r\n        [class.dz-placeholder]=\"placeholder()\">\r\n        <div class=\"dz-text\"\r\n            [innerHTML]=\"text()\"></div>\r\n\r\n        @if (placeholder()) {\r\n        <div class=\"dz-image\"\r\n            [style.background-image]=\"getPlaceholder()\"></div>\r\n        }\r\n    </div>\r\n\r\n    <ng-content />\r\n</div>\r\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;overflow-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-preview .dz-image img{max-width:120px;max-height:120px}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.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone{border:1px solid rgba(0,0,0,.8);border-radius:5px;min-height:150px;padding:20px}.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{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}.dropzone .dz-preview{vertical-align:top;min-height:100px;margin:16px;display:inline-block;position:relative}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{background:linear-gradient(#eee,#ddd);border-radius:20px}.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{text-align:center;cursor:pointer;border:none;font-size:14px;display:block}.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;opacity:0;text-align:center;color:#000000e6;min-width:100%;max-width:100%;padding:2em 1em;font-size:13px;line-height:150%;position:absolute;top:0;left:0}.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{background-color:#fffc;border:1px solid rgba(200,200,200,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){text-overflow:ellipsis;overflow:hidden}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;border-radius:3px;padding:0 .4em}.dropzone .dz-preview:hover .dz-image img{filter:blur(8px);transform:scale(1.05)}.dropzone .dz-preview .dz-image{z-index:10;border-radius:20px;width:120px;height:120px;display:block;position:relative;overflow:hidden}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:3s cubic-bezier(.77,0,.175,1) passing-through}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:3s cubic-bezier(.77,0,.175,1) slide-in}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;background:#000c;border-radius:50%;margin-top:-27px;margin-left:-27px;display:block;position:absolute;top:50%;left:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{fill:#fff;width:54px;height:54px;display:block}.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:6s infinite pulse}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;background:#000c;border:3px solid rgba(0,0,0,.8);border-radius:10px;height:20px;margin-top:-10px;position:absolute;top:50%;left:15%;right:15%;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;border-radius:17px;width:0;height:100%;transition:width .3s ease-in-out;display:block;position:relative}.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;opacity:0;color:#fff;background:#b10606;border-radius:8px;width:140px;padding:.5em 1em;font-size:13px;transition:opacity .3s;display:none;position:absolute;top:130px;left:-10px}.dropzone .dz-preview .dz-error-message:after{content:\"\";border-bottom:6px solid #b10606;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;top:-6px;left:64px}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: DropzoneDirective,
+				selector: "[nxtDropzone]",
+				inputs: ["disabled", "nxtDropzone"],
+				exportAs: ["nxtDropzone"]
+			}],
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: DropzoneComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "nxt-dropzone",
+			encapsulation: ViewEncapsulation.None,
+			providers: [{
+				provide: NXT_DROPZONE_LISTENERS,
+				useExisting: DropzoneComponent
+			}],
+			imports: [DropzoneDirective],
+			template: "<div class=\"dz-wrapper\"\r\n    [class.dropzone]=\"useDropzoneClass()\"\r\n    [nxtDropzone]=\"config()\"\r\n    [disabled]=\"disabled()\">\r\n    <div class=\"dz-message\"\r\n        [class.disabled]=\"disabled()\"\r\n        [class.dz-placeholder]=\"placeholder()\">\r\n        <div class=\"dz-text\"\r\n            [innerHTML]=\"text()\"></div>\r\n\r\n        @if (placeholder()) {\r\n        <div class=\"dz-image\"\r\n            [style.background-image]=\"getPlaceholder()\"></div>\r\n        }\r\n    </div>\r\n\r\n    <ng-content />\r\n</div>\r\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;overflow-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-preview .dz-image img{max-width:120px;max-height:120px}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.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone{border:1px solid rgba(0,0,0,.8);border-radius:5px;min-height:150px;padding:20px}.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{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}.dropzone .dz-preview{vertical-align:top;min-height:100px;margin:16px;display:inline-block;position:relative}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{background:linear-gradient(#eee,#ddd);border-radius:20px}.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{text-align:center;cursor:pointer;border:none;font-size:14px;display:block}.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;opacity:0;text-align:center;color:#000000e6;min-width:100%;max-width:100%;padding:2em 1em;font-size:13px;line-height:150%;position:absolute;top:0;left:0}.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{background-color:#fffc;border:1px solid rgba(200,200,200,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){text-overflow:ellipsis;overflow:hidden}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;border-radius:3px;padding:0 .4em}.dropzone .dz-preview:hover .dz-image img{filter:blur(8px);transform:scale(1.05)}.dropzone .dz-preview .dz-image{z-index:10;border-radius:20px;width:120px;height:120px;display:block;position:relative;overflow:hidden}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:3s cubic-bezier(.77,0,.175,1) passing-through}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:3s cubic-bezier(.77,0,.175,1) slide-in}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;background:#000c;border-radius:50%;margin-top:-27px;margin-left:-27px;display:block;position:absolute;top:50%;left:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{fill:#fff;width:54px;height:54px;display:block}.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:6s infinite pulse}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;background:#000c;border:3px solid rgba(0,0,0,.8);border-radius:10px;height:20px;margin-top:-10px;position:absolute;top:50%;left:15%;right:15%;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;border-radius:17px;width:0;height:100%;transition:width .3s ease-in-out;display:block;position:relative}.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;opacity:0;color:#fff;background:#b10606;border-radius:8px;width:140px;padding:.5em 1em;font-size:13px;transition:opacity .3s;display:none;position:absolute;top:130px;left:-10px}.dropzone .dz-preview .dz-error-message:after{content:\"\";border-bottom:6px solid #b10606;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;top:-6px;left:64px}\n"]
+		}]
+	}],
+	propDecorators: {
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		config: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "config",
+				required: false
+			}]
+		}],
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "message",
+				required: false
+			}]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		useDropzoneClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "useDropzoneClass",
+				required: false
+			}]
+		}],
+		directiveRef: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => DropzoneDirective), { isSignal: true }]
+		}]
+	}
+});
 export { DropzoneComponent, DropzoneDirective, DropzoneListeners, NXT_DROPZONE_CONFIG, provideDropzoneConfig };
-//# sourceMappingURL=nxt-dropzone-wrapper.mjs.map
+
+//# sourceMappingURL=nxt-dropzone-wrapper.mjs.map