@ngx-mce/file-input 22.2.8 → 22.2.9

package/fesm2022/ngx-mce-file-input.mjs

@@ -1,342 +1,457 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { Platform } from '@angular/cdk/platform';
-import * as i0 from '@angular/core';
-import { Directive, viewChild, input, inject, ElementRef, ChangeDetectorRef, forwardRef, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { NgControl, NgForm, FormGroupDirective } from '@angular/forms';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { ErrorStateMatcher } from '@angular/material/core';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import * as i1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { Subject } from 'rxjs';
-
+import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import { Platform } from "@angular/cdk/platform";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, ElementRef, Input, ViewEncapsulation, forwardRef, inject, input, viewChild } from "@angular/core";
+import { FormGroupDirective, NgControl, NgForm } from "@angular/forms";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { ErrorStateMatcher } from "@angular/material/core";
+import { MatFormFieldControl } from "@angular/material/form-field";
+import * as i1 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import { Subject } from "rxjs";
 let nextUniqueId = 0;
-class NgxMatInputMixinBase {
-    stateChanges = new Subject();
-    ngControl = null;
-    _parentForm = null;
-    _parentFormGroup = null;
-    _defaultErrorStateMatcher = null;
-}
-class NgxMatFileInputIcon {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMatFileInputIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: NgxMatFileInputIcon, isStandalone: true, selector: "[ngxMatFileInputIcon]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMatFileInputIcon, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngxMatFileInputIcon]',
-                }]
-        }] });
-class NgxMatFileInputComponent extends NgxMatInputMixinBase {
-    _inputFileRef = viewChild('inputFile', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_inputFileRef" }] : /* istanbul ignore next */ []));
-    _inputValueRef = viewChild('inputValue', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_inputValueRef" }] : /* istanbul ignore next */ []));
-    color = input('primary', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-    fileNames = "";
-    _uid = `ngx-mat-fileinput-${nextUniqueId++}`;
-    _ariaDescribedby = "";
-    stateChanges = new Subject();
-    focused = false;
-    errorState = false;
-    controlType = 'ngx-mat-file-input';
-    autofilled = false;
-    /** Function when touched */
-    _onTouched = () => {
-        // Intentionally empty.
-    };
-    /** Function when changed */
-    _onChange = () => {
-        // Intentionally empty.
-    };
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled !== null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    _disabled = false;
-    get id() {
-        return this._id;
-    }
-    set id(value) {
-        this._id = value || this._uid;
-    }
-    _id = "";
-    get multiple() {
-        return this._multiple;
-    }
-    set multiple(value) {
-        this._multiple = coerceBooleanProperty(value);
-    }
-    _multiple = false;
-    placeholder = 'Choose a file';
-    separator = input(',', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-    }
-    _required = false;
-    errorStateMatcher = null;
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-    }
-    _value = null;
-    get readonly() {
-        return this._readonly;
-    }
-    set readonly(value) {
-        this._readonly = coerceBooleanProperty(value);
-    }
-    _readonly = true;
-    /**
-     * Limiting accepted file types
-     * Example: accept="image/png, image/jpeg" or accept=".png, .jpg, .jpeg" — Accept PNG or JPEG files.
-     */
-    get accept() {
-        return this._accept;
-    }
-    set accept(value) {
-        this._accept = value;
-    }
-    _accept = "";
-    _elementRef = inject((ElementRef));
-    _platform = inject(Platform);
-    _cd = inject(ChangeDetectorRef);
-    ngControl = inject(NgControl, { optional: true, self: true });
-    _parentForm = inject(NgForm, { optional: true });
-    _parentFormGroup = inject(FormGroupDirective, { optional: true });
-    _defaultErrorStateMatcher = inject(ErrorStateMatcher);
-    constructor() {
-        super();
-        if (this.ngControl) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    ngOnChanges() {
-        this.stateChanges.next();
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
-    ngDoCheck() {
-        if (this.ngControl) {
-            this.updateErrorState();
-        }
-    }
-    updateErrorState() {
-        const control = this.ngControl ? this.ngControl.control : null;
-        this.errorState = (this.errorStateMatcher ?? this._defaultErrorStateMatcher).isErrorState(control, this._parentForm);
-    }
-    // Implemented as part of ControlValueAccessor.
-    writeValue(value) {
-        this._updateInputValue(value);
-    }
-    // Implemented as part of ControlValueAccessor.
-    registerOnChange(fn) {
-        this._onChange = fn;
-    }
-    // Implemented as part of ControlValueAccessor.
-    registerOnTouched(fn) {
-        this._onTouched = fn;
-    }
-    // Implemented as part of ControlValueAccessor.
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this.stateChanges.next();
-    }
-    /** Focuses the input. */
-    focus(options) {
-        this._inputValueRef()?.nativeElement.focus(options);
-    }
-    _focusChanged(isFocused) {
-        if (isFocused !== this.focused && (!this.readonly || !isFocused)) {
-            this.focused = isFocused;
-            this.stateChanges.next();
-        }
-    }
-    /** Mark the field as touched */
-    _markAsTouched() {
-        this._onTouched();
-        this._cd.markForCheck();
-        this.stateChanges.next();
-    }
-    _isBadInput() {
-        const validity = (this._inputValueRef()?.nativeElement).validity;
-        return validity && validity.badInput;
-    }
-    get empty() {
-        return !this._inputValueRef()?.nativeElement.value && !this._isBadInput() && !this.autofilled;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    setDescribedByIds(ids) {
-        this._ariaDescribedby = ids.join(' ');
-    }
-    openFilePicker(event) {
-        this._inputFileRef()?.nativeElement.click();
-        if (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        this._markAsTouched();
-    }
-    handleFiles(filelist) {
-        if (filelist.length > 0) {
-            const files = [];
-            for (let i = 0; i < filelist.length; i++) {
-                const f = filelist.item(i);
-                if (f)
-                    files.push(f);
-            }
-            this._updateInputValue(files);
-            this._resetInputFile();
-            this._onChange(this.multiple ? files : files[0]);
-        }
-    }
-    /** Handles a click on the control's container. */
-    onContainerClick(_) {
-        // Intentionally empty.
-    }
-    _resetInputFile() {
-        this._inputFileRef().nativeElement.value = '';
-    }
-    _updateInputValue(files) {
-        let text = null;
-        if (files) {
-            if (Array.isArray(files)) {
-                text = this._multiple ? files.map((x) => x.name).join(this.separator()) : files[0].name;
-            }
-            else {
-                text = files.name != null ? files.name : null;
-            }
-        }
-        this._inputValueRef().nativeElement.value = text;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMatFileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: NgxMatFileInputComponent, isStandalone: true, selector: "ngx-mat-file-input", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: false, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngx-mat-file-input" }, providers: [
-            {
-                provide: MatFormFieldControl,
-                useExisting: forwardRef(() => NgxMatFileInputComponent),
-            },
-        ], viewQueries: [{ propertyName: "_inputFileRef", first: true, predicate: ["inputFile"], descendants: true, isSignal: true }, { propertyName: "_inputValueRef", first: true, predicate: ["inputValue"], descendants: true, isSignal: true }], exportAs: ["ngx-mat-file-input"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n", styles: [".mat-mdc-form-field-appearance-outline .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field-appearance-outline .mat-form-field-suffix .ngx-mat-file-input--default-icon{width:1em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .ngx-mat-file-input--default-icon{display:block;width:1.5em;height:1.5em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .mat-icon-button .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .mat-icon-button .ngx-mat-file-input--default-icon{margin:auto}.ngx-mat-file-input{display:flex;line-height:18px;align-items:center}.ngx-mat-file-input .input-file{display:block;visibility:hidden;width:0;height:0}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: NgxMatFileInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-mat-file-input', encapsulation: ViewEncapsulation.None, host: {
-                        class: 'ngx-mat-file-input',
-                    }, providers: [
-                        {
-                            provide: MatFormFieldControl,
-                            useExisting: forwardRef(() => NgxMatFileInputComponent),
-                        },
-                    ], exportAs: 'ngx-mat-file-input', changeDetection: ChangeDetectionStrategy.Eager, imports: [MatIconModule, MatButtonModule], template: "<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n", styles: [".mat-mdc-form-field-appearance-outline .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field-appearance-outline .mat-form-field-suffix .ngx-mat-file-input--default-icon{width:1em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .ngx-mat-file-input--default-icon{display:block;width:1.5em;height:1.5em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .mat-icon-button .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .mat-icon-button .ngx-mat-file-input--default-icon{margin:auto}.ngx-mat-file-input{display:flex;line-height:18px;align-items:center}.ngx-mat-file-input .input-file{display:block;visibility:hidden;width:0;height:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _inputFileRef: [{ type: i0.ViewChild, args: ['inputFile', { isSignal: true }] }], _inputValueRef: [{ type: i0.ViewChild, args: ['inputValue', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], disabled: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], required: [{
-                type: Input
-            }], errorStateMatcher: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }] } });
-
+var NgxMatInputMixinBase = class {
+	stateChanges = new Subject();
+	ngControl = null;
+	_parentForm = null;
+	_parentFormGroup = null;
+	_defaultErrorStateMatcher = null;
+};
+var NgxMatFileInputIcon = class NgxMatFileInputIcon {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NgxMatFileInputIcon,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: NgxMatFileInputIcon,
+		isStandalone: true,
+		selector: "[ngxMatFileInputIcon]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NgxMatFileInputIcon,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "[ngxMatFileInputIcon]" }]
+	}]
+});
+var NgxMatFileInputComponent = class NgxMatFileInputComponent extends NgxMatInputMixinBase {
+	_inputFileRef = viewChild("inputFile", ...ngDevMode ? [{ debugName: "_inputFileRef" }] : /* istanbul ignore next */ []);
+	_inputValueRef = viewChild("inputValue", ...ngDevMode ? [{ debugName: "_inputValueRef" }] : /* istanbul ignore next */ []);
+	color = input("primary", ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
+	fileNames = "";
+	_uid = `ngx-mat-fileinput-${nextUniqueId++}`;
+	_ariaDescribedby = "";
+	stateChanges = new Subject();
+	focused = false;
+	errorState = false;
+	controlType = "ngx-mat-file-input";
+	autofilled = false;
+	_onTouched = () => {};
+	_onChange = () => {};
+	get disabled() {
+		if (this.ngControl && this.ngControl.disabled !== null) return this.ngControl.disabled;
+		return this._disabled;
+	}
+	set disabled(value) {
+		this._disabled = coerceBooleanProperty(value);
+		if (this.focused) {
+			this.focused = false;
+			this.stateChanges.next();
+		}
+	}
+	_disabled = false;
+	get id() {
+		return this._id;
+	}
+	set id(value) {
+		this._id = value || this._uid;
+	}
+	_id = "";
+	get multiple() {
+		return this._multiple;
+	}
+	set multiple(value) {
+		this._multiple = coerceBooleanProperty(value);
+	}
+	_multiple = false;
+	placeholder = "Choose a file";
+	separator = input(",", ...ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []);
+	get required() {
+		return this._required;
+	}
+	set required(value) {
+		this._required = coerceBooleanProperty(value);
+	}
+	_required = false;
+	errorStateMatcher = null;
+	get value() {
+		return this._value;
+	}
+	set value(value) {
+		this._value = value;
+	}
+	_value = null;
+	get readonly() {
+		return this._readonly;
+	}
+	set readonly(value) {
+		this._readonly = coerceBooleanProperty(value);
+	}
+	_readonly = true;
+	get accept() {
+		return this._accept;
+	}
+	set accept(value) {
+		this._accept = value;
+	}
+	_accept = "";
+	_elementRef = inject(ElementRef);
+	_platform = inject(Platform);
+	_cd = inject(ChangeDetectorRef);
+	ngControl = inject(NgControl, {
+		optional: true,
+		self: true
+	});
+	_parentForm = inject(NgForm, { optional: true });
+	_parentFormGroup = inject(FormGroupDirective, { optional: true });
+	_defaultErrorStateMatcher = inject(ErrorStateMatcher);
+	constructor() {
+		super();
+		if (this.ngControl) this.ngControl.valueAccessor = this;
+	}
+	ngOnChanges() {
+		this.stateChanges.next();
+	}
+	ngOnDestroy() {
+		this.stateChanges.complete();
+	}
+	ngDoCheck() {
+		if (this.ngControl) this.updateErrorState();
+	}
+	updateErrorState() {
+		const control = this.ngControl ? this.ngControl.control : null;
+		this.errorState = (this.errorStateMatcher ?? this._defaultErrorStateMatcher).isErrorState(control, this._parentForm);
+	}
+	writeValue(value) {
+		this._updateInputValue(value);
+	}
+	registerOnChange(fn) {
+		this._onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this._onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabled = isDisabled;
+		this.stateChanges.next();
+	}
+	focus(options) {
+		this._inputValueRef()?.nativeElement.focus(options);
+	}
+	_focusChanged(isFocused) {
+		if (isFocused !== this.focused && (!this.readonly || !isFocused)) {
+			this.focused = isFocused;
+			this.stateChanges.next();
+		}
+	}
+	_markAsTouched() {
+		this._onTouched();
+		this._cd.markForCheck();
+		this.stateChanges.next();
+	}
+	_isBadInput() {
+		const validity = (this._inputValueRef()?.nativeElement).validity;
+		return validity && validity.badInput;
+	}
+	get empty() {
+		return !this._inputValueRef()?.nativeElement.value && !this._isBadInput() && !this.autofilled;
+	}
+	get shouldLabelFloat() {
+		return this.focused || !this.empty;
+	}
+	setDescribedByIds(ids) {
+		this._ariaDescribedby = ids.join(" ");
+	}
+	openFilePicker(event) {
+		this._inputFileRef()?.nativeElement.click();
+		if (event) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+		this._markAsTouched();
+	}
+	handleFiles(filelist) {
+		if (filelist.length > 0) {
+			const files = [];
+			for (let i = 0; i < filelist.length; i++) {
+				const f = filelist.item(i);
+				if (f) files.push(f);
+			}
+			this._updateInputValue(files);
+			this._resetInputFile();
+			this._onChange(this.multiple ? files : files[0]);
+		}
+	}
+	onContainerClick(_) {}
+	_resetInputFile() {
+		this._inputFileRef().nativeElement.value = "";
+	}
+	_updateInputValue(files) {
+		let text = null;
+		if (files) {
+			if (Array.isArray(files)) text = this._multiple ? files.map((x) => x.name).join(this.separator()) : files[0].name;
+			else text = files.name != null ? files.name : null;
+		}
+		this._inputValueRef().nativeElement.value = text;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: NgxMatFileInputComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.0",
+		type: NgxMatFileInputComponent,
+		isStandalone: true,
+		selector: "ngx-mat-file-input",
+		inputs: {
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			separator: {
+				classPropertyName: "separator",
+				publicName: "separator",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorStateMatcher: {
+				classPropertyName: "errorStateMatcher",
+				publicName: "errorStateMatcher",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			},
+			accept: {
+				classPropertyName: "accept",
+				publicName: "accept",
+				isSignal: false,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "ngx-mat-file-input" },
+		providers: [{
+			provide: MatFormFieldControl,
+			useExisting: forwardRef(() => NgxMatFileInputComponent)
+		}],
+		viewQueries: [{
+			propertyName: "_inputFileRef",
+			first: true,
+			predicate: ["inputFile"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "_inputValueRef",
+			first: true,
+			predicate: ["inputValue"],
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["ngx-mat-file-input"],
+		usesInheritance: true,
+		usesOnChanges: true,
+		ngImport: i0,
+		template: "<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n",
+		styles: [".mat-mdc-form-field-appearance-outline .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field-appearance-outline .mat-form-field-suffix .ngx-mat-file-input--default-icon{width:1em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .ngx-mat-file-input--default-icon{display:block;width:1.5em;height:1.5em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .mat-icon-button .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .mat-icon-button .ngx-mat-file-input--default-icon{margin:auto}.ngx-mat-file-input{display:flex;line-height:18px;align-items:center}.ngx-mat-file-input .input-file{display:block;visibility:hidden;width:0;height:0}\n"],
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: MatIconModule
+			},
+			{
+				kind: "component",
+				type: i1.MatIcon,
+				selector: "mat-icon",
+				inputs: [
+					"color",
+					"inline",
+					"svgIcon",
+					"fontSet",
+					"fontIcon"
+				],
+				exportAs: ["matIcon"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatButtonModule
+			},
+			{
+				kind: "component",
+				type: i2.MatIconButton,
+				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+				exportAs: ["matButton", "matAnchor"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.Eager,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: NgxMatFileInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngx-mat-file-input",
+			encapsulation: ViewEncapsulation.None,
+			host: { class: "ngx-mat-file-input" },
+			providers: [{
+				provide: MatFormFieldControl,
+				useExisting: forwardRef(() => NgxMatFileInputComponent)
+			}],
+			exportAs: "ngx-mat-file-input",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [MatIconModule, MatButtonModule],
+			template: "<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n",
+			styles: [".mat-mdc-form-field-appearance-outline .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field-appearance-outline .mat-form-field-suffix .ngx-mat-file-input--default-icon{width:1em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .ngx-mat-file-input--default-icon{display:block;width:1.5em;height:1.5em}.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-prefix .mat-icon-button .ngx-mat-file-input--default-icon,.mat-mdc-form-field:not(.mat-form-field-appearance-outline) .mat-form-field-suffix .mat-icon-button .ngx-mat-file-input--default-icon{margin:auto}.ngx-mat-file-input{display:flex;line-height:18px;align-items:center}.ngx-mat-file-input .input-file{display:block;visibility:hidden;width:0;height:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		_inputFileRef: [{
+			type: i0.ViewChild,
+			args: ["inputFile", { isSignal: true }]
+		}],
+		_inputValueRef: [{
+			type: i0.ViewChild,
+			args: ["inputValue", { isSignal: true }]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		disabled: [{ type: Input }],
+		id: [{ type: Input }],
+		multiple: [{ type: Input }],
+		placeholder: [{ type: Input }],
+		separator: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "separator",
+				required: false
+			}]
+		}],
+		required: [{ type: Input }],
+		errorStateMatcher: [{ type: Input }],
+		value: [{ type: Input }],
+		readonly: [{ type: Input }],
+		accept: [{ type: Input }]
+	}
+});
 function calculFileSize(number) {
-    if (number < 1024) {
-        return number + 'bytes';
-    }
-    else if (number >= 1024 && number < 1048576) {
-        return (number / 1024).toFixed(1) + 'KB';
-    }
-    else if (number >= 1048576) {
-        return (number / 1048576).toFixed(1) + 'MB';
-    }
-    return `${number}`;
+	if (number < 1024) return number + "bytes";
+	else if (number >= 1024 && number < 1048576) return (number / 1024).toFixed(1) + "KB";
+	else if (number >= 1048576) return (number / 1048576).toFixed(1) + "MB";
+	return `${number}`;
 }
-
-/**
- * Validator for size of file
- * @param max Max of size of file (in bytes)
- */
 function MaxSizeValidator(max) {
-    return (ctrl) => {
-        max = Number(max);
-        if (isNaN(max)) {
-            throw 'MaxSizeValidator: max of size of file is invalid';
-        }
-        if (!ctrl.value)
-            return null;
-        let files = ctrl.value;
-        if (!Array.isArray(ctrl.value)) {
-            files = [ctrl.value];
-        }
-        if (!files.length)
-            return null;
-        const add = (a, b) => a + b;
-        const sumSize = files.map((x) => x.size).reduce(add);
-        if (sumSize > max) {
-            return {
-                maxSize: true,
-            };
-        }
-        return null;
-    };
+	return (ctrl) => {
+		max = Number(max);
+		if (isNaN(max)) throw "MaxSizeValidator: max of size of file is invalid";
+		if (!ctrl.value) return null;
+		let files = ctrl.value;
+		if (!Array.isArray(ctrl.value)) files = [ctrl.value];
+		if (!files.length) return null;
+		const add = (a, b) => a + b;
+		if (files.map((x) => x.size).reduce(add) > max) return { maxSize: true };
+		return null;
+	};
 }
-
-/**
- * Validator for input file accept
- * @param accept Allowable type of file
- */
 function AcceptValidator(accept) {
-    return (ctrl) => {
-        if (!accept) {
-            throw 'AcceptValidator: allowable type of file can not be empty';
-        }
-        if (ctrl.value == null)
-            return null;
-        if (!accept.includes(ctrl.value.type)) {
-            return {
-                accept: true,
-            };
-        }
-        return null;
-    };
+	return (ctrl) => {
+		if (!accept) throw "AcceptValidator: allowable type of file can not be empty";
+		if (ctrl.value == null) return null;
+		if (!accept.includes(ctrl.value.type)) return { accept: true };
+		return null;
+	};
 }
-
-/*
- * Public API Surface of file-input
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { AcceptValidator, MaxSizeValidator, NgxMatFileInputComponent, NgxMatFileInputIcon, calculFileSize };
-//# sourceMappingURL=ngx-mce-file-input.mjs.map
+
+//# sourceMappingURL=ngx-mce-file-input.mjs.map

package/fesm2022/ngx-mce-file-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-mce-file-input.mjs","sources":["../../../projects/file-input/src/lib/file-input.component.ts","../../../projects/file-input/src/lib/file-input.component.html","../../../projects/file-input/src/lib/file-input-helper.ts","../../../projects/file-input/src/lib/validators/max-size.validator.ts","../../../projects/file-input/src/lib/validators/accept.validator.ts","../../../projects/file-input/src/public-api.ts","../../../projects/file-input/src/ngx-mce-file-input.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\n\nimport {\n  ChangeDetectorRef,\n  Component,\n  Directive,\n  DoCheck,\n  ElementRef,\n  forwardRef,\n  inject,\n  Input,\n  input,\n  OnChanges,\n  OnDestroy,\n  viewChild,\n  ViewEncapsulation,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ErrorStateMatcher, ThemePalette } from '@angular/material/core';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Subject } from 'rxjs';\nimport { FileOrArrayFile } from './file-input-type';\n\nlet nextUniqueId = 0;\n\nclass NgxMatInputMixinBase {\n\n  readonly stateChanges = new Subject<void>();\n\n  protected ngControl: NgControl | null = null;\n  protected _parentForm: NgForm | null = null;\n  protected _parentFormGroup: FormGroupDirective | null = null;\n  protected _defaultErrorStateMatcher: ErrorStateMatcher | null = null;\n\n}\n\n@Directive({\n  selector: '[ngxMatFileInputIcon]',\n})\nexport class NgxMatFileInputIcon {}\n\n@Component({\n  selector: 'ngx-mat-file-input',\n  templateUrl: 'file-input.component.html',\n  styleUrls: ['file-input.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'ngx-mat-file-input',\n  },\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: forwardRef(() => NgxMatFileInputComponent),\n    },\n  ],\n  exportAs: 'ngx-mat-file-input',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  imports: [MatIconModule, MatButtonModule],\n})\nexport class NgxMatFileInputComponent\n  extends NgxMatInputMixinBase\n  implements MatFormFieldControl<FileOrArrayFile>, OnChanges, OnDestroy, DoCheck, ControlValueAccessor\n{\n  private _inputFileRef = viewChild<ElementRef>('inputFile');\n  private _inputValueRef = viewChild<ElementRef>('inputValue');\n\n  readonly color = input<ThemePalette>('primary');\n\n  public fileNames = \"\";\n\n  protected _uid = `ngx-mat-fileinput-${nextUniqueId++}`;\n  _ariaDescribedby = \"\";\n\n  override stateChanges: Subject<void> = new Subject<void>();\n  focused = false;\n  errorState = false;\n  controlType = 'ngx-mat-file-input';\n  autofilled = false;\n\n  /** Function when touched */\n  _onTouched = () => {\n    // Intentionally empty.\n  };\n\n  /** Function when changed */\n  _onChange: (value: FileOrArrayFile) => void = () => {\n    // Intentionally empty.\n  };\n\n  @Input()\n  get disabled(): boolean {\n    if (this.ngControl && this.ngControl.disabled !== null) {\n      return this.ngControl.disabled;\n    }\n    return this._disabled;\n  }\n  set disabled(value: boolean) {\n    this._disabled = coerceBooleanProperty(value);\n    if (this.focused) {\n      this.focused = false;\n      this.stateChanges.next();\n    }\n  }\n  protected _disabled = false;\n\n  @Input()\n  get id(): string {\n    return this._id;\n  }\n  set id(value: string) {\n    this._id = value || this._uid;\n  }\n  protected _id = \"\";\n\n  @Input()\n  get multiple(): boolean {\n    return this._multiple;\n  }\n  set multiple(value: boolean) {\n    this._multiple = coerceBooleanProperty(value);\n  }\n  protected _multiple = false;\n\n  @Input()\n  placeholder = 'Choose a file';\n  separator = input<string>(',');\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n  set required(value: boolean) {\n    this._required = coerceBooleanProperty(value);\n  }\n  protected _required = false;\n\n  @Input() errorStateMatcher: ErrorStateMatcher | null = null;\n\n  @Input()\n  get value(): FileOrArrayFile | null {\n    return this._value;\n  }\n  set value(value: FileOrArrayFile) {\n    this._value = value;\n  }\n  protected _value: FileOrArrayFile | null = null;\n\n  @Input()\n  get readonly(): boolean {\n    return this._readonly;\n  }\n  set readonly(value: boolean) {\n    this._readonly = coerceBooleanProperty(value);\n  }\n  private _readonly = true;\n\n  /**\n   * Limiting accepted file types\n   * Example: accept=\"image/png, image/jpeg\" or accept=\".png, .jpg, .jpeg\" — Accept PNG or JPEG files.\n   */\n  @Input()\n  get accept(): string {\n    return this._accept;\n  }\n  set accept(value: string) {\n    this._accept = value;\n  }\n  private _accept = \"\";\n\n  protected _elementRef = inject(ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>);\n  protected _platform = inject(Platform);\n  private _cd = inject(ChangeDetectorRef);\n\n  override ngControl = inject(NgControl, { optional: true, self: true });\n  protected override _parentForm = inject(NgForm, { optional: true });\n  protected override _parentFormGroup = inject(FormGroupDirective, { optional: true });\n  protected override _defaultErrorStateMatcher = inject(ErrorStateMatcher);\n\n  constructor() {\n    super();\n\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnChanges() {\n    this.stateChanges.next();\n  }\n\n  ngOnDestroy() {\n    this.stateChanges.complete();\n  }\n\n  ngDoCheck() {\n    if (this.ngControl) {\n      this.updateErrorState();\n    }\n  }\n\n  updateErrorState() {\n    const control = this.ngControl ? this.ngControl.control : null;\n\n    this.errorState = (this.errorStateMatcher ?? this._defaultErrorStateMatcher).isErrorState(\n      control,\n      this._parentForm,\n    );\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  writeValue(value: FileOrArrayFile): void {\n    this._updateInputValue(value);\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  registerOnChange(fn: (value: FileOrArrayFile) => void): void {\n    this._onChange = fn;\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  /** Focuses the input. */\n  focus(options?: FocusOptions): void {\n    this._inputValueRef()?.nativeElement.focus(options);\n  }\n\n  _focusChanged(isFocused: boolean) {\n    if (isFocused !== this.focused && (!this.readonly || !isFocused)) {\n      this.focused = isFocused;\n      this.stateChanges.next();\n    }\n  }\n\n  /** Mark the field as touched */\n  _markAsTouched() {\n    this._onTouched();\n    this._cd.markForCheck();\n    this.stateChanges.next();\n  }\n\n  protected _isBadInput() {\n    const validity = (this._inputValueRef()?.nativeElement as HTMLInputElement).validity;\n    return validity && validity.badInput;\n  }\n\n  get empty(): boolean {\n    return !this._inputValueRef()?.nativeElement.value && !this._isBadInput() && !this.autofilled;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  setDescribedByIds(ids: string[]) {\n    this._ariaDescribedby = ids.join(' ');\n  }\n\n  openFilePicker(event?: MouseEvent) {\n    this._inputFileRef()?.nativeElement.click();\n    if (event) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this._markAsTouched();\n  }\n\n  handleFiles(filelist: FileList) {\n    if (filelist.length > 0) {\n      const files: File[] = [];\n      for (let i = 0; i < filelist.length; i++) {\n        const f = filelist.item(i);\n        if (f)\n          files.push(f);\n      }\n      this._updateInputValue(files);\n      this._resetInputFile();\n      this._onChange(this.multiple ? files : files[0]);\n    }\n  }\n\n  /** Handles a click on the control's container. */\n  onContainerClick(_: MouseEvent) {\n    // Intentionally empty.\n  }\n\n  private _resetInputFile() {\n    this._inputFileRef()!.nativeElement.value = '';\n  }\n\n  private _updateInputValue(files: FileOrArrayFile) {\n    let text = null;\n    if (files) {\n      if (Array.isArray(files)) {\n        text = this._multiple ? files.map((x) => x.name).join(this.separator()) : files[0].name;\n      } else {\n        text = files.name != null ? files.name : null;\n      }\n    }\n\n    this._inputValueRef()!.nativeElement.value = text;\n  }\n}\n","<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n","export function calculFileSize(number: number): string {\n  if (number < 1024) {\n    return number + 'bytes';\n  } else if (number >= 1024 && number < 1048576) {\n    return (number / 1024).toFixed(1) + 'KB';\n  } else if (number >= 1048576) {\n    return (number / 1048576).toFixed(1) + 'MB';\n  }\n  return `${number}`;\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\n/**\n * Validator for size of file\n * @param max Max of size of file (in bytes)\n */\nexport function MaxSizeValidator(max: number): ValidatorFn {\n  return (ctrl: AbstractControl): ValidationErrors | null => {\n    max = Number(max);\n    if (isNaN(max)) {\n      throw 'MaxSizeValidator: max of size of file is invalid';\n    }\n    if (!ctrl.value) return null;\n    let files: File[] = ctrl.value;\n    if (!Array.isArray(ctrl.value)) {\n      files = [ctrl.value];\n    }\n    if (!files.length) return null;\n    const add = (a: number, b: number): number => a + b;\n    const sumSize = files.map((x) => x.size).reduce(add);\n    if (sumSize > max) {\n      return {\n        maxSize: true,\n      };\n    }\n    return null;\n  };\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\n/**\n * Validator for input file accept\n * @param accept Allowable type of file\n */\nexport function AcceptValidator(accept: string): ValidatorFn {\n  return (ctrl: AbstractControl): ValidationErrors | null => {\n    if (!accept) {\n      throw 'AcceptValidator: allowable type of file can not be empty';\n    }\n\n    if (ctrl.value == null) return null;\n\n    if (!accept.includes(ctrl.value.type)) {\n      return {\n        accept: true,\n      };\n    }\n\n    return null;\n  };\n}\n","/*\n * Public API Surface of file-input\n */\n\nexport * from './lib/file-input.component';\n\nexport * from './lib/file-input-type';\nexport * from './lib/file-input-helper';\nexport * from './lib/validators';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-mce-file-input.mjs","names":[],"sources":["../../../projects/file-input/src/lib/file-input.component.ts","../../../projects/file-input/src/lib/file-input.component.html","../../../projects/file-input/src/lib/file-input-helper.ts","../../../projects/file-input/src/lib/validators/max-size.validator.ts","../../../projects/file-input/src/lib/validators/accept.validator.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Platform } from '@angular/cdk/platform';\n\nimport {\n  ChangeDetectorRef,\n  Component,\n  Directive,\n  DoCheck,\n  ElementRef,\n  forwardRef,\n  inject,\n  Input,\n  input,\n  OnChanges,\n  OnDestroy,\n  viewChild,\n  ViewEncapsulation,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ErrorStateMatcher, ThemePalette } from '@angular/material/core';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Subject } from 'rxjs';\nimport { FileOrArrayFile } from './file-input-type';\n\nlet nextUniqueId = 0;\n\nclass NgxMatInputMixinBase {\n\n  readonly stateChanges = new Subject<void>();\n\n  protected ngControl: NgControl | null = null;\n  protected _parentForm: NgForm | null = null;\n  protected _parentFormGroup: FormGroupDirective | null = null;\n  protected _defaultErrorStateMatcher: ErrorStateMatcher | null = null;\n\n}\n\n@Directive({\n  selector: '[ngxMatFileInputIcon]',\n})\nexport class NgxMatFileInputIcon {}\n\n@Component({\n  selector: 'ngx-mat-file-input',\n  templateUrl: 'file-input.component.html',\n  styleUrls: ['file-input.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'ngx-mat-file-input',\n  },\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: forwardRef(() => NgxMatFileInputComponent),\n    },\n  ],\n  exportAs: 'ngx-mat-file-input',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  imports: [MatIconModule, MatButtonModule],\n})\nexport class NgxMatFileInputComponent\n  extends NgxMatInputMixinBase\n  implements MatFormFieldControl<FileOrArrayFile>, OnChanges, OnDestroy, DoCheck, ControlValueAccessor\n{\n  private _inputFileRef = viewChild<ElementRef>('inputFile');\n  private _inputValueRef = viewChild<ElementRef>('inputValue');\n\n  readonly color = input<ThemePalette>('primary');\n\n  public fileNames = \"\";\n\n  protected _uid = `ngx-mat-fileinput-${nextUniqueId++}`;\n  _ariaDescribedby = \"\";\n\n  override stateChanges: Subject<void> = new Subject<void>();\n  focused = false;\n  errorState = false;\n  controlType = 'ngx-mat-file-input';\n  autofilled = false;\n\n  /** Function when touched */\n  _onTouched = () => {\n    // Intentionally empty.\n  };\n\n  /** Function when changed */\n  _onChange: (value: FileOrArrayFile) => void = () => {\n    // Intentionally empty.\n  };\n\n  @Input()\n  get disabled(): boolean {\n    if (this.ngControl && this.ngControl.disabled !== null) {\n      return this.ngControl.disabled;\n    }\n    return this._disabled;\n  }\n  set disabled(value: boolean) {\n    this._disabled = coerceBooleanProperty(value);\n    if (this.focused) {\n      this.focused = false;\n      this.stateChanges.next();\n    }\n  }\n  protected _disabled = false;\n\n  @Input()\n  get id(): string {\n    return this._id;\n  }\n  set id(value: string) {\n    this._id = value || this._uid;\n  }\n  protected _id = \"\";\n\n  @Input()\n  get multiple(): boolean {\n    return this._multiple;\n  }\n  set multiple(value: boolean) {\n    this._multiple = coerceBooleanProperty(value);\n  }\n  protected _multiple = false;\n\n  @Input()\n  placeholder = 'Choose a file';\n  separator = input<string>(',');\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n  set required(value: boolean) {\n    this._required = coerceBooleanProperty(value);\n  }\n  protected _required = false;\n\n  @Input() errorStateMatcher: ErrorStateMatcher | null = null;\n\n  @Input()\n  get value(): FileOrArrayFile | null {\n    return this._value;\n  }\n  set value(value: FileOrArrayFile) {\n    this._value = value;\n  }\n  protected _value: FileOrArrayFile | null = null;\n\n  @Input()\n  get readonly(): boolean {\n    return this._readonly;\n  }\n  set readonly(value: boolean) {\n    this._readonly = coerceBooleanProperty(value);\n  }\n  private _readonly = true;\n\n  /**\n   * Limiting accepted file types\n   * Example: accept=\"image/png, image/jpeg\" or accept=\".png, .jpg, .jpeg\" — Accept PNG or JPEG files.\n   */\n  @Input()\n  get accept(): string {\n    return this._accept;\n  }\n  set accept(value: string) {\n    this._accept = value;\n  }\n  private _accept = \"\";\n\n  protected _elementRef = inject(ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>);\n  protected _platform = inject(Platform);\n  private _cd = inject(ChangeDetectorRef);\n\n  override ngControl = inject(NgControl, { optional: true, self: true });\n  protected override _parentForm = inject(NgForm, { optional: true });\n  protected override _parentFormGroup = inject(FormGroupDirective, { optional: true });\n  protected override _defaultErrorStateMatcher = inject(ErrorStateMatcher);\n\n  constructor() {\n    super();\n\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnChanges() {\n    this.stateChanges.next();\n  }\n\n  ngOnDestroy() {\n    this.stateChanges.complete();\n  }\n\n  ngDoCheck() {\n    if (this.ngControl) {\n      this.updateErrorState();\n    }\n  }\n\n  updateErrorState() {\n    const control = this.ngControl ? this.ngControl.control : null;\n\n    this.errorState = (this.errorStateMatcher ?? this._defaultErrorStateMatcher).isErrorState(\n      control,\n      this._parentForm,\n    );\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  writeValue(value: FileOrArrayFile): void {\n    this._updateInputValue(value);\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  registerOnChange(fn: (value: FileOrArrayFile) => void): void {\n    this._onChange = fn;\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  /** Focuses the input. */\n  focus(options?: FocusOptions): void {\n    this._inputValueRef()?.nativeElement.focus(options);\n  }\n\n  _focusChanged(isFocused: boolean) {\n    if (isFocused !== this.focused && (!this.readonly || !isFocused)) {\n      this.focused = isFocused;\n      this.stateChanges.next();\n    }\n  }\n\n  /** Mark the field as touched */\n  _markAsTouched() {\n    this._onTouched();\n    this._cd.markForCheck();\n    this.stateChanges.next();\n  }\n\n  protected _isBadInput() {\n    const validity = (this._inputValueRef()?.nativeElement as HTMLInputElement).validity;\n    return validity && validity.badInput;\n  }\n\n  get empty(): boolean {\n    return !this._inputValueRef()?.nativeElement.value && !this._isBadInput() && !this.autofilled;\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  setDescribedByIds(ids: string[]) {\n    this._ariaDescribedby = ids.join(' ');\n  }\n\n  openFilePicker(event?: MouseEvent) {\n    this._inputFileRef()?.nativeElement.click();\n    if (event) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this._markAsTouched();\n  }\n\n  handleFiles(filelist: FileList) {\n    if (filelist.length > 0) {\n      const files: File[] = [];\n      for (let i = 0; i < filelist.length; i++) {\n        const f = filelist.item(i);\n        if (f)\n          files.push(f);\n      }\n      this._updateInputValue(files);\n      this._resetInputFile();\n      this._onChange(this.multiple ? files : files[0]);\n    }\n  }\n\n  /** Handles a click on the control's container. */\n  onContainerClick(_: MouseEvent) {\n    // Intentionally empty.\n  }\n\n  private _resetInputFile() {\n    this._inputFileRef()!.nativeElement.value = '';\n  }\n\n  private _updateInputValue(files: FileOrArrayFile) {\n    let text = null;\n    if (files) {\n      if (Array.isArray(files)) {\n        text = this._multiple ? files.map((x) => x.name).join(this.separator()) : files[0].name;\n      } else {\n        text = files.name != null ? files.name : null;\n      }\n    }\n\n    this._inputValueRef()!.nativeElement.value = text;\n  }\n}\n","<input\n  #inputValue\n  autocomplete=\"off\"\n  class=\"mat-mdc-input-element mat-mdc-form-field-input-control mdc-text-field__input\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [attr.readonly]=\"readonly || null\"\n  [attr.aria-describedby]=\"_ariaDescribedby || null\"\n  [attr.aria-invalid]=\"errorState\"\n  [attr.aria-required]=\"required.toString()\"\n/>\n<div class=\"mat-mdc-form-field-suffix\">\n  <button\n    matSuffix\n    mat-icon-button\n    [color]=\"color()\"\n    class=\"button-browse\"\n    (click)=\"openFilePicker($event)\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n  >\n    <ng-content select=\"[ngxMatFileInputIcon]\">\n      <mat-icon class=\"ngx-mat-file-input--default-icon\">attach_file</mat-icon>\n    </ng-content>\n  </button>\n</div>\n<input\n  type=\"file\"\n  #inputFile\n  (change)=\"handleFiles($event.target.files!)\"\n  class=\"input-file\"\n  [multiple]=\"multiple\"\n  [accept]=\"accept\"\n/>\n","export function calculFileSize(number: number): string {\n  if (number < 1024) {\n    return number + 'bytes';\n  } else if (number >= 1024 && number < 1048576) {\n    return (number / 1024).toFixed(1) + 'KB';\n  } else if (number >= 1048576) {\n    return (number / 1048576).toFixed(1) + 'MB';\n  }\n  return `${number}`;\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\n/**\n * Validator for size of file\n * @param max Max of size of file (in bytes)\n */\nexport function MaxSizeValidator(max: number): ValidatorFn {\n  return (ctrl: AbstractControl): ValidationErrors | null => {\n    max = Number(max);\n    if (isNaN(max)) {\n      throw 'MaxSizeValidator: max of size of file is invalid';\n    }\n    if (!ctrl.value) return null;\n    let files: File[] = ctrl.value;\n    if (!Array.isArray(ctrl.value)) {\n      files = [ctrl.value];\n    }\n    if (!files.length) return null;\n    const add = (a: number, b: number): number => a + b;\n    const sumSize = files.map((x) => x.size).reduce(add);\n    if (sumSize > max) {\n      return {\n        maxSize: true,\n      };\n    }\n    return null;\n  };\n}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\n\n/**\n * Validator for input file accept\n * @param accept Allowable type of file\n */\nexport function AcceptValidator(accept: string): ValidatorFn {\n  return (ctrl: AbstractControl): ValidationErrors | null => {\n    if (!accept) {\n      throw 'AcceptValidator: allowable type of file can not be empty';\n    }\n\n    if (ctrl.value == null) return null;\n\n    if (!accept.includes(ctrl.value.type)) {\n      return {\n        accept: true,\n      };\n    }\n\n    return null;\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-mce/file-input",
-  "version": "22.2.8",
+  "version": "22.2.9",
   "description": "Angular Material File Input",
   "author": "Felipe B.",
   "repository": {

package/types/ngx-mce-file-input.d.ts

@@ -1,116 +1,155 @@
-import * as i0 from '@angular/core';
-import { OnChanges, OnDestroy, DoCheck, ElementRef } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
-import { NgControl, NgForm, FormGroupDirective, ControlValueAccessor, ValidatorFn } from '@angular/forms';
-import { ErrorStateMatcher, ThemePalette } from '@angular/material/core';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
-
-type FileOrArrayFile = File | File[];
-
+import { Platform } from "@angular/cdk/platform";
+import * as i0 from "@angular/core";
+import { DoCheck, ElementRef, OnChanges, OnDestroy } from "@angular/core";
+import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm, ValidatorFn } from "@angular/forms";
+import { ErrorStateMatcher, ThemePalette } from "@angular/material/core";
+import { MatFormFieldControl } from "@angular/material/form-field";
+import { Subject } from "rxjs";
+export type FileOrArrayFile = File | File[];
 declare class NgxMatInputMixinBase {
-    readonly stateChanges: Subject<void>;
-    protected ngControl: NgControl | null;
-    protected _parentForm: NgForm | null;
-    protected _parentFormGroup: FormGroupDirective | null;
-    protected _defaultErrorStateMatcher: ErrorStateMatcher | null;
+  readonly stateChanges: Subject<void>;
+  protected ngControl: NgControl | null;
+  protected _parentForm: NgForm | null;
+  protected _parentFormGroup: FormGroupDirective | null;
+  protected _defaultErrorStateMatcher: ErrorStateMatcher | null;
 }
-declare class NgxMatFileInputIcon {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatFileInputIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatFileInputIcon, "[ngxMatFileInputIcon]", never, {}, {}, never, never, true, never>;
+export declare class NgxMatFileInputIcon {
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatFileInputIcon, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatFileInputIcon, "[ngxMatFileInputIcon]", never, {}, {}, never, never, true, never>;
 }
-declare class NgxMatFileInputComponent extends NgxMatInputMixinBase implements MatFormFieldControl<FileOrArrayFile>, OnChanges, OnDestroy, DoCheck, ControlValueAccessor {
-    private _inputFileRef;
-    private _inputValueRef;
-    readonly color: i0.InputSignal<ThemePalette>;
-    fileNames: string;
-    protected _uid: string;
-    _ariaDescribedby: string;
-    stateChanges: Subject<void>;
-    focused: boolean;
-    errorState: boolean;
-    controlType: string;
-    autofilled: boolean;
-    /** Function when touched */
-    _onTouched: () => void;
-    /** Function when changed */
-    _onChange: (value: FileOrArrayFile) => void;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    protected _disabled: boolean;
-    get id(): string;
-    set id(value: string);
-    protected _id: string;
-    get multiple(): boolean;
-    set multiple(value: boolean);
-    protected _multiple: boolean;
-    placeholder: string;
-    separator: i0.InputSignal<string>;
-    get required(): boolean;
-    set required(value: boolean);
-    protected _required: boolean;
-    errorStateMatcher: ErrorStateMatcher | null;
-    get value(): FileOrArrayFile | null;
-    set value(value: FileOrArrayFile);
-    protected _value: FileOrArrayFile | null;
-    get readonly(): boolean;
-    set readonly(value: boolean);
-    private _readonly;
-    /**
-     * Limiting accepted file types
-     * Example: accept="image/png, image/jpeg" or accept=".png, .jpg, .jpeg" — Accept PNG or JPEG files.
-     */
-    get accept(): string;
-    set accept(value: string);
-    private _accept;
-    protected _elementRef: ElementRef<any>;
-    protected _platform: Platform;
-    private _cd;
-    ngControl: NgControl | null;
-    protected _parentForm: NgForm | null;
-    protected _parentFormGroup: FormGroupDirective | null;
-    protected _defaultErrorStateMatcher: ErrorStateMatcher;
-    constructor();
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    ngDoCheck(): void;
-    updateErrorState(): void;
-    writeValue(value: FileOrArrayFile): void;
-    registerOnChange(fn: (value: FileOrArrayFile) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    /** Focuses the input. */
-    focus(options?: FocusOptions): void;
-    _focusChanged(isFocused: boolean): void;
-    /** Mark the field as touched */
-    _markAsTouched(): void;
-    protected _isBadInput(): boolean;
-    get empty(): boolean;
-    get shouldLabelFloat(): boolean;
-    setDescribedByIds(ids: string[]): void;
-    openFilePicker(event?: MouseEvent): void;
-    handleFiles(filelist: FileList): void;
-    /** Handles a click on the control's container. */
-    onContainerClick(_: MouseEvent): void;
-    private _resetInputFile;
-    private _updateInputValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatFileInputComponent, "ngx-mat-file-input", ["ngx-mat-file-input"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, {}, never, ["[ngxMatFileInputIcon]"], true, never>;
+export declare class NgxMatFileInputComponent extends NgxMatInputMixinBase implements MatFormFieldControl<FileOrArrayFile>, OnChanges, OnDestroy, DoCheck, ControlValueAccessor {
+  private _inputFileRef;
+  private _inputValueRef;
+  readonly color: import("@angular/core").InputSignal<ThemePalette>;
+  fileNames: string;
+  protected _uid: string;
+  _ariaDescribedby: string;
+  stateChanges: Subject<void>;
+  focused: boolean;
+  errorState: boolean;
+  controlType: string;
+  autofilled: boolean;
+  /** Function when touched */
+  _onTouched: () => void;
+  /** Function when changed */
+  _onChange: (value: FileOrArrayFile) => void;
+  get disabled(): boolean;
+  set disabled(value: boolean);
+  protected _disabled: boolean;
+  get id(): string;
+  set id(value: string);
+  protected _id: string;
+  get multiple(): boolean;
+  set multiple(value: boolean);
+  protected _multiple: boolean;
+  placeholder: string;
+  separator: import("@angular/core").InputSignal<string>;
+  get required(): boolean;
+  set required(value: boolean);
+  protected _required: boolean;
+  errorStateMatcher: ErrorStateMatcher | null;
+  get value(): FileOrArrayFile | null;
+  set value(value: FileOrArrayFile);
+  protected _value: FileOrArrayFile | null;
+  get readonly(): boolean;
+  set readonly(value: boolean);
+  private _readonly;
+  /**
+   * Limiting accepted file types
+   * Example: accept="image/png, image/jpeg" or accept=".png, .jpg, .jpeg" — Accept PNG or JPEG files.
+   */
+  get accept(): string;
+  set accept(value: string);
+  private _accept;
+  protected _elementRef: ElementRef<any>;
+  protected _platform: Platform;
+  private _cd;
+  ngControl: NgControl | null;
+  protected _parentForm: NgForm | null;
+  protected _parentFormGroup: FormGroupDirective | null;
+  protected _defaultErrorStateMatcher: ErrorStateMatcher;
+  constructor();
+  ngOnChanges(): void;
+  ngOnDestroy(): void;
+  ngDoCheck(): void;
+  updateErrorState(): void;
+  writeValue(value: FileOrArrayFile): void;
+  registerOnChange(fn: (value: FileOrArrayFile) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  /** Focuses the input. */
+  focus(options?: FocusOptions): void;
+  _focusChanged(isFocused: boolean): void;
+  /** Mark the field as touched */
+  _markAsTouched(): void;
+  protected _isBadInput(): boolean;
+  get empty(): boolean;
+  get shouldLabelFloat(): boolean;
+  setDescribedByIds(ids: string[]): void;
+  openFilePicker(event?: MouseEvent): void;
+  handleFiles(filelist: FileList): void;
+  /** Handles a click on the control's container. */
+  onContainerClick(_: MouseEvent): void;
+  private _resetInputFile;
+  private _updateInputValue;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatFileInputComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatFileInputComponent, "ngx-mat-file-input", ["ngx-mat-file-input"], {
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+    };
+    "separator": {
+      "alias": "separator";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+    };
+    "errorStateMatcher": {
+      "alias": "errorStateMatcher";
+      "required": false;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+    };
+  }, {}, never, ["[ngxMatFileInputIcon]"], true, never>;
 }
-
-declare function calculFileSize(number: number): string;
-
+export declare function calculFileSize(number: number): string;
 /**
  * Validator for size of file
  * @param max Max of size of file (in bytes)
  */
-declare function MaxSizeValidator(max: number): ValidatorFn;
-
+export declare function MaxSizeValidator(max: number): ValidatorFn;
 /**
  * Validator for input file accept
  * @param accept Allowable type of file
  */
-declare function AcceptValidator(accept: string): ValidatorFn;
-
-export { AcceptValidator, MaxSizeValidator, NgxMatFileInputComponent, NgxMatFileInputIcon, calculFileSize };
-export type { FileOrArrayFile };
+export declare function AcceptValidator(accept: string): ValidatorFn;