design-angular-kit 1.0.0-0 → 1.0.0-10

package/esm2020/lib/components/form/textarea/textarea.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class TextareaComponent extends AbstractFormComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * Textarea Rows
+         * @default 3
+         */
+        this.rows = 3;
+        /**
+         * The textarea placeholder
+         */
+        this.placeholder = '';
+    }
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage() {
+        if (this.control.hasError('maxlength')) {
+            const error = this.getError('maxlength');
+            return this._translateService.get('it.errors.max-length-invalid', { max: error.requiredLength });
+        }
+        if (this.control.hasError('pattern')) {
+            const error = this.getError('pattern');
+            return this._translateService.get('it.errors.pattern-invalid', { pattern: error.requiredPattern });
+        }
+        return super.invalidMessage;
+    }
+}
+TextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+TextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TextareaComponent, selector: "it-textarea[id]", inputs: { rows: "rows", placeholder: "placeholder", description: "description" }, usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n  <textarea\n    [id]=\"id\"\n    [rows]=\"rows\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.is-valid]=\"isValid\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    (blur)=\"markAsTouched()\"></textarea>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: ["textarea.is-invalid{border-color:#cc334d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-textarea[id]', template: "<div class=\"form-group\">\n  <label *ngIf=\"label\" [for]=\"id\" [class.active]=\"!!control.value || !!placeholder\">{{label}}</label>\n  <textarea\n    [id]=\"id\"\n    [rows]=\"rows\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.is-valid]=\"isValid\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    (blur)=\"markAsTouched()\"></textarea>\n\n  <small *ngIf=\"description\" [id]=\"id + '-description'\" class=\"form-text\">{{description}}</small>\n  <div *ngIf=\"isInvalid\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n    <div #customError><ng-content select=\"[error]\"></ng-content></div>\n    <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n  </div>\n</div>\n", styles: ["textarea.is-invalid{border-color:#cc334d}\n"] }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9mb3JtL3RleHRhcmVhL3RleHRhcmVhLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS90ZXh0YXJlYS90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7OztBQVFuRixNQUFNLE9BQU8saUJBQWtCLFNBQVEscUJBQTZCO0lBTHBFOztRQU9FOzs7V0FHRztRQUNNLFNBQUksR0FBWSxDQUFDLENBQUM7UUFFM0I7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztLQXNCbkM7SUFmQzs7T0FFRztJQUNILElBQWEsY0FBYztRQUN6QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ3RDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDekMsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLDhCQUE4QixFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQyxDQUFDO1NBQ2xHO1FBQ0QsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUNwQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3ZDLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQywyQkFBMkIsRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQztTQUNwRztRQUVELE9BQU8sS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUM5QixDQUFDOzs4R0FoQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsZ0tDVDlCLHF3QkFpQkE7MkZEUmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGlCQUFpQjs4QkFVbEIsSUFBSTtzQkFBWixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Rm9ybUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC1mb3JtLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LXRleHRhcmVhW2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHRhcmVhLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZvcm1Db21wb25lbnQ8c3RyaW5nPiB7XG5cbiAgLyoqXG4gICAqIFRleHRhcmVhIFJvd3NcbiAgICogQGRlZmF1bHQgM1xuICAgKi9cbiAgQElucHV0KCkgcm93cz86IG51bWJlciA9IDM7XG5cbiAgLyoqXG4gICAqIFRoZSB0ZXh0YXJlYSBwbGFjZWhvbGRlclxuICAgKi9cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgaW5wdXQgZGVzY3JpcHRpb25cbiAgICovXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBSZXR1cm4gdGhlIGludmFsaWQgbWVzc2FnZSBzdHJpbmcgZnJvbSBUcmFuc2xhdGVTZXJ2aWNlXG4gICAqL1xuICBvdmVycmlkZSBnZXQgaW52YWxpZE1lc3NhZ2UoKTogT2JzZXJ2YWJsZTxzdHJpbmc+IHtcbiAgICBpZiAodGhpcy5jb250cm9sLmhhc0Vycm9yKCdtYXhsZW5ndGgnKSkge1xuICAgICAgY29uc3QgZXJyb3IgPSB0aGlzLmdldEVycm9yKCdtYXhsZW5ndGgnKTtcbiAgICAgIHJldHVybiB0aGlzLl90cmFuc2xhdGVTZXJ2aWNlLmdldCgnaXQuZXJyb3JzLm1heC1sZW5ndGgtaW52YWxpZCcsIHsgbWF4OiBlcnJvci5yZXF1aXJlZExlbmd0aCB9KTtcbiAgICB9XG4gICAgaWYgKHRoaXMuY29udHJvbC5oYXNFcnJvcigncGF0dGVybicpKSB7XG4gICAgICBjb25zdCBlcnJvciA9IHRoaXMuZ2V0RXJyb3IoJ3BhdHRlcm4nKTtcbiAgICAgIHJldHVybiB0aGlzLl90cmFuc2xhdGVTZXJ2aWNlLmdldCgnaXQuZXJyb3JzLnBhdHRlcm4taW52YWxpZCcsIHsgcGF0dGVybjogZXJyb3IucmVxdWlyZWRQYXR0ZXJuIH0pO1xuICAgIH1cblxuICAgIHJldHVybiBzdXBlci5pbnZhbGlkTWVzc2FnZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImlkXCIgW2NsYXNzLmFjdGl2ZV09XCIhIWNvbnRyb2wudmFsdWUgfHwgISFwbGFjZWhvbGRlclwiPnt7bGFiZWx9fTwvbGFiZWw+XG4gIDx0ZXh0YXJlYVxuICAgIFtpZF09XCJpZFwiXG4gICAgW3Jvd3NdPVwicm93c1wiXG4gICAgW2NsYXNzLmlzLWludmFsaWRdPVwiaXNJbnZhbGlkXCJcbiAgICBbY2xhc3MuaXMtdmFsaWRdPVwiaXNWYWxpZFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgKGJsdXIpPVwibWFya0FzVG91Y2hlZCgpXCI+PC90ZXh0YXJlYT5cblxuICA8c21hbGwgKm5nSWY9XCJkZXNjcmlwdGlvblwiIFtpZF09XCJpZCArICctZGVzY3JpcHRpb24nXCIgY2xhc3M9XCJmb3JtLXRleHRcIj57e2Rlc2NyaXB0aW9ufX08L3NtYWxsPlxuICA8ZGl2ICpuZ0lmPVwiaXNJbnZhbGlkXCIgY2xhc3M9XCJmb3JtLWZlZWRiYWNrIGp1c3QtdmFsaWRhdGUtZXJyb3ItbGFiZWxcIiBbaWRdPVwiaWQgKyAnLWVycm9yJ1wiPlxuICAgIDxkaXYgI2N1c3RvbUVycm9yPjxuZy1jb250ZW50IHNlbGVjdD1cIltlcnJvcl1cIj48L25nLWNvbnRlbnQ+PC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjdXN0b21FcnJvci5oYXNDaGlsZE5vZGVzKClcIj57e2ludmFsaWRNZXNzYWdlIHwgYXN5bmN9fTwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs

@@ -0,0 +1,137 @@
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { FileUtils } from '../../../utils/file-utils';
+import { ProgressDonut } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../utils/icon/icon.component";
+import * as i3 from "@ngx-translate/core";
+export class UploadDragDropComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * The accepted file type to upload <br>
+         * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
+         * @example application/pdf,image/png
+         * @default *
+         */
+        this.accept = '*';
+        /**
+         * Fired when file start to upload
+         */
+        this.fileStartUpload = new EventEmitter();
+        this.isDragover = false;
+        this.isLoading = false;
+        this.isSuccess = false;
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        if (this.donutElement) {
+            this.donut = ProgressDonut.getOrCreateInstance(this.donutElement.nativeElement);
+        }
+    }
+    // Dragover listener
+    onDragOver(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.isDragover = !this.isLoading;
+    }
+    // Dragleave listener
+    onDragLeave(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.isDragover = false;
+    }
+    // Drop leave listener
+    onDrop(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.isDragover = false;
+        const files = evt.dataTransfer?.files;
+        if (this.isLoading || !files?.length) {
+            return;
+        }
+        this.start(files[0]);
+    }
+    /**
+     * On load file from input
+     * @param event
+     */
+    onLoadFile(event) {
+        const files = event.target?.files;
+        if (!files?.length) {
+            return;
+        }
+        this.start(files[0]);
+    }
+    /**
+     * Start the upload file
+     * @param file
+     */
+    start(file) {
+        if (this.accept !== '*' && !this.accept.includes(file.type)) {
+            return;
+        }
+        this.reset();
+        this.isLoading = true;
+        const splitName = file.name.split('.');
+        this.filename = splitName[0];
+        this.extension = splitName[1]?.toUpperCase();
+        this.fileSize = FileUtils.getFileSizeString(file);
+        this.fileStartUpload.emit(file);
+    }
+    /**
+     * Percentage of upload
+     * @param value the percentage [0 - 100]
+     */
+    progress(value) {
+        if (!this.isLoading) {
+            return;
+        }
+        if (value >= 100) {
+            this.success();
+        }
+        else {
+            this.donut?.set(((value < 0) ? 0 : value) / 100);
+        }
+    }
+    /**
+     * Upload success
+     */
+    success() {
+        this.isLoading = false;
+        this.isSuccess = true;
+    }
+    /**
+     * Reset file uploader
+     */
+    reset() {
+        this.isLoading = false;
+        this.isSuccess = false;
+        this.filename = this.extension = this.fileSize = undefined;
+        this.donut?.set(0);
+    }
+}
+UploadDragDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadDragDropComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+UploadDragDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UploadDragDropComponent, selector: "it-upload-drag-drop[id]", inputs: { accept: "accept" }, outputs: { fileStartUpload: "fileStartUpload" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, viewQueries: [{ propertyName: "donutElement", first: true, predicate: ["donutElement"], descendants: true }], exportAs: ["itUploadDragDrop"], usesInheritance: true, ngImport: i0, template: "<div class=\"upload-dragdrop\" [class.dragover]=\"isDragover\" [class.loading]=\"isLoading\" [class.success]=\"isSuccess\">\n  <div class=\"upload-dragdrop-image\">\n    <img src=\"/bootstrap-italia/dist/assets/upload-drag-drop-icon.svg\" alt=\"drag-drop-icon\" aria-hidden=\"true\">\n    <div class=\"upload-dragdrop-loading\">\n      <div class=\"progress-donut\" #donutElement></div>\n    </div>\n    <div class=\"upload-dragdrop-success\">\n      <it-icon name=\"check\"></it-icon>\n    </div>\n  </div>\n  <div class=\"upload-dragdrop-text\">\n    <p class=\"upload-dragdrop-weight\">\n      <it-icon name=\"file\" size=\"xs\"></it-icon>\n      {{extension}} ({{fileSize}})\n    </p>\n    <h5>{{filename || ('it.form.upload-drag-file'|translate)}}</h5>\n    <p *ngIf=\"isLoading\">{{'it.form.upload-loading'|translate}}</p>\n    <p *ngIf=\"isSuccess\">{{'it.form.upload-complete'|translate}}</p>\n    <p *ngIf=\"!isLoading && !isSuccess\">{{'it.form.upload-or'|translate}}\n      <input type=\"file\" [id]=\"id\" class=\"upload-dragdrop-input\" [accept]=\"accept\" (change)=\"onLoadFile($event)\"/>\n      <label [for]=\"id\">{{'it.form.upload-select-device'|translate}}</label>\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadDragDropComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-upload-drag-drop[id]', exportAs: 'itUploadDragDrop', template: "<div class=\"upload-dragdrop\" [class.dragover]=\"isDragover\" [class.loading]=\"isLoading\" [class.success]=\"isSuccess\">\n  <div class=\"upload-dragdrop-image\">\n    <img src=\"/bootstrap-italia/dist/assets/upload-drag-drop-icon.svg\" alt=\"drag-drop-icon\" aria-hidden=\"true\">\n    <div class=\"upload-dragdrop-loading\">\n      <div class=\"progress-donut\" #donutElement></div>\n    </div>\n    <div class=\"upload-dragdrop-success\">\n      <it-icon name=\"check\"></it-icon>\n    </div>\n  </div>\n  <div class=\"upload-dragdrop-text\">\n    <p class=\"upload-dragdrop-weight\">\n      <it-icon name=\"file\" size=\"xs\"></it-icon>\n      {{extension}} ({{fileSize}})\n    </p>\n    <h5>{{filename || ('it.form.upload-drag-file'|translate)}}</h5>\n    <p *ngIf=\"isLoading\">{{'it.form.upload-loading'|translate}}</p>\n    <p *ngIf=\"isSuccess\">{{'it.form.upload-complete'|translate}}</p>\n    <p *ngIf=\"!isLoading && !isSuccess\">{{'it.form.upload-or'|translate}}\n      <input type=\"file\" [id]=\"id\" class=\"upload-dragdrop-input\" [accept]=\"accept\" (change)=\"onLoadFile($event)\"/>\n      <label [for]=\"id\">{{'it.form.upload-select-device'|translate}}</label>\n    </p>\n  </div>\n</div>\n" }]
+        }], propDecorators: { accept: [{
+                type: Input
+            }], fileStartUpload: [{
+                type: Output
+            }], donutElement: [{
+                type: ViewChild,
+                args: ['donutElement']
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWRyYWctZHJvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vdXBsb2FkLWRyYWctZHJvcC91cGxvYWQtZHJhZy1kcm9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS91cGxvYWQtZHJhZy1kcm9wL3VwbG9hZC1kcmFnLWRyb3AuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxpQkFBaUI7SUFMOUQ7O1FBT0U7Ozs7O1dBS0c7UUFDTSxXQUFNLEdBQVcsR0FBRyxDQUFDO1FBRTlCOztXQUVHO1FBQ08sb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXJELGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixjQUFTLEdBQVksS0FBSyxDQUFDO0tBa0g1QjtJQXhHVSxlQUFlO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUNqRjtJQUNILENBQUM7SUFFRCxvQkFBb0I7SUFFYixVQUFVLENBQUMsR0FBYztRQUM5QixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDckIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3BDLENBQUM7SUFHRCxxQkFBcUI7SUFFZCxXQUFXLENBQUMsR0FBYztRQUMvQixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDckIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxzQkFBc0I7SUFFZixNQUFNLENBQUMsR0FBYztRQUMxQixHQUFHLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDckIsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXRCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQ3RDLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDcEMsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsVUFBVSxDQUFDLEtBQVk7UUFDckIsTUFBTSxLQUFLLEdBQUksS0FBSyxDQUFDLE1BQTJCLEVBQUUsS0FBSyxDQUFDO1FBQ3hELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLEtBQUssQ0FBQyxJQUFVO1FBQ3JCLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDM0QsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFFdEIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDN0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFbEQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFFBQVEsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLE9BQU87U0FDUjtRQUVELElBQUksS0FBSyxJQUFJLEdBQUcsRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDaEI7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUM7U0FDbEQ7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxPQUFPO1FBQ1osSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksS0FBSztRQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQztRQUMzRCxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyQixDQUFDOztvSEFqSVUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNGFDVnBDLCtyQ0F3QkE7MkZEZGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHlCQUF5QixZQUV6QixrQkFBa0I7OEJBVW5CLE1BQU07c0JBQWQsS0FBSztnQkFLSSxlQUFlO3NCQUF4QixNQUFNO2dCQVE0QixZQUFZO3NCQUE5QyxTQUFTO3VCQUFDLGNBQWM7Z0JBZWxCLFVBQVU7c0JBRGhCLFlBQVk7dUJBQUMsVUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVU3QixXQUFXO3NCQURqQixZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFTOUIsTUFBTTtzQkFEWixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEZpbGVVdGlscyB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2ZpbGUtdXRpbHMnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NEb251dCB9IGZyb20gJ2Jvb3RzdHJhcC1pdGFsaWEnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC11cGxvYWQtZHJhZy1kcm9wW2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWQtZHJhZy1kcm9wLmNvbXBvbmVudC5odG1sJyxcbiAgZXhwb3J0QXM6ICdpdFVwbG9hZERyYWdEcm9wJ1xufSlcbmV4cG9ydCBjbGFzcyBVcGxvYWREcmFnRHJvcENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q29tcG9uZW50IHtcblxuICAvKipcbiAgICogVGhlIGFjY2VwdGVkIGZpbGUgdHlwZSB0byB1cGxvYWQgPGJyPlxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IDxhIGhyZWY9XCJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVFRQL0Jhc2ljc19vZl9IVFRQL01JTUVfdHlwZXMvQ29tbW9uX3R5cGVzXCI+TUlNRSBUeXBlczwvYT4gc2VwYXJhdGVkIGJ5IGNvbW1hXG4gICAqIEBleGFtcGxlIGFwcGxpY2F0aW9uL3BkZixpbWFnZS9wbmdcbiAgICogQGRlZmF1bHQgKlxuICAgKi9cbiAgQElucHV0KCkgYWNjZXB0OiBzdHJpbmcgPSAnKic7XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gZmlsZSBzdGFydCB0byB1cGxvYWRcbiAgICovXG4gIEBPdXRwdXQoKSBmaWxlU3RhcnRVcGxvYWQgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGU+KCk7XG5cbiAgaXNEcmFnb3ZlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNTdWNjZXNzOiBib29sZWFuID0gZmFsc2U7XG5cbiAgZG9udXQ/OiBQcm9ncmVzc0RvbnV0O1xuXG4gIEBWaWV3Q2hpbGQoJ2RvbnV0RWxlbWVudCcpIHByaXZhdGUgZG9udXRFbGVtZW50PzogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgZmlsZW5hbWU/OiBzdHJpbmc7XG4gIGV4dGVuc2lvbj86IHN0cmluZztcbiAgZmlsZVNpemU/OiBzdHJpbmc7XG5cbiAgb3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgIGlmICh0aGlzLmRvbnV0RWxlbWVudCkge1xuICAgICAgdGhpcy5kb251dCA9IFByb2dyZXNzRG9udXQuZ2V0T3JDcmVhdGVJbnN0YW5jZSh0aGlzLmRvbnV0RWxlbWVudC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICAvLyBEcmFnb3ZlciBsaXN0ZW5lclxuICBASG9zdExpc3RlbmVyKCdkcmFnb3ZlcicsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBvbkRyYWdPdmVyKGV2dDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuaXNEcmFnb3ZlciA9ICF0aGlzLmlzTG9hZGluZztcbiAgfVxuXG5cbiAgLy8gRHJhZ2xlYXZlIGxpc3RlbmVyXG4gIEBIb3N0TGlzdGVuZXIoJ2RyYWdsZWF2ZScsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBvbkRyYWdMZWF2ZShldnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmlzRHJhZ292ZXIgPSBmYWxzZTtcbiAgfVxuXG4gIC8vIERyb3AgbGVhdmUgbGlzdGVuZXJcbiAgQEhvc3RMaXN0ZW5lcignZHJvcCcsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBvbkRyb3AoZXZ0OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLmlzRHJhZ292ZXIgPSBmYWxzZTtcbiAgICBjb25zdCBmaWxlcyA9IGV2dC5kYXRhVHJhbnNmZXI/LmZpbGVzO1xuICAgIGlmICh0aGlzLmlzTG9hZGluZyB8fCAhZmlsZXM/Lmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnN0YXJ0KGZpbGVzWzBdKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBPbiBsb2FkIGZpbGUgZnJvbSBpbnB1dFxuICAgKiBAcGFyYW0gZXZlbnRcbiAgICovXG4gIG9uTG9hZEZpbGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZmlsZXMgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpPy5maWxlcztcbiAgICBpZiAoIWZpbGVzPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zdGFydChmaWxlc1swXSk7XG4gIH1cblxuICAvKipcbiAgICogU3RhcnQgdGhlIHVwbG9hZCBmaWxlXG4gICAqIEBwYXJhbSBmaWxlXG4gICAqL1xuICBwdWJsaWMgc3RhcnQoZmlsZTogRmlsZSk6IHZvaWQge1xuICAgIGlmICh0aGlzLmFjY2VwdCAhPT0gJyonICYmICF0aGlzLmFjY2VwdC5pbmNsdWRlcyhmaWxlLnR5cGUpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5yZXNldCgpO1xuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcblxuICAgIGNvbnN0IHNwbGl0TmFtZSA9IGZpbGUubmFtZS5zcGxpdCgnLicpO1xuICAgIHRoaXMuZmlsZW5hbWUgPSBzcGxpdE5hbWVbMF07XG4gICAgdGhpcy5leHRlbnNpb24gPSBzcGxpdE5hbWVbMV0/LnRvVXBwZXJDYXNlKCk7XG4gICAgdGhpcy5maWxlU2l6ZSA9IEZpbGVVdGlscy5nZXRGaWxlU2l6ZVN0cmluZyhmaWxlKTtcblxuICAgIHRoaXMuZmlsZVN0YXJ0VXBsb2FkLmVtaXQoZmlsZSk7XG4gIH1cblxuICAvKipcbiAgICogUGVyY2VudGFnZSBvZiB1cGxvYWRcbiAgICogQHBhcmFtIHZhbHVlIHRoZSBwZXJjZW50YWdlIFswIC0gMTAwXVxuICAgKi9cbiAgcHVibGljIHByb2dyZXNzKHZhbHVlOiBudW1iZXIpIHtcbiAgICBpZiAoIXRoaXMuaXNMb2FkaW5nKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHZhbHVlID49IDEwMCkge1xuICAgICAgdGhpcy5zdWNjZXNzKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZG9udXQ/LnNldCgoKHZhbHVlIDwgMCkgPyAwIDogdmFsdWUpIC8gMTAwKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVXBsb2FkIHN1Y2Nlc3NcbiAgICovXG4gIHB1YmxpYyBzdWNjZXNzKCk6IHZvaWQge1xuICAgIHRoaXMuaXNMb2FkaW5nID0gZmFsc2U7XG4gICAgdGhpcy5pc1N1Y2Nlc3MgPSB0cnVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IGZpbGUgdXBsb2FkZXJcbiAgICovXG4gIHB1YmxpYyByZXNldCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuICAgIHRoaXMuaXNTdWNjZXNzID0gZmFsc2U7XG4gICAgdGhpcy5maWxlbmFtZSA9IHRoaXMuZXh0ZW5zaW9uID0gdGhpcy5maWxlU2l6ZSA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLmRvbnV0Py5zZXQoMCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVwbG9hZC1kcmFnZHJvcFwiIFtjbGFzcy5kcmFnb3Zlcl09XCJpc0RyYWdvdmVyXCIgW2NsYXNzLmxvYWRpbmddPVwiaXNMb2FkaW5nXCIgW2NsYXNzLnN1Y2Nlc3NdPVwiaXNTdWNjZXNzXCI+XG4gIDxkaXYgY2xhc3M9XCJ1cGxvYWQtZHJhZ2Ryb3AtaW1hZ2VcIj5cbiAgICA8aW1nIHNyYz1cIi9ib290c3RyYXAtaXRhbGlhL2Rpc3QvYXNzZXRzL3VwbG9hZC1kcmFnLWRyb3AtaWNvbi5zdmdcIiBhbHQ9XCJkcmFnLWRyb3AtaWNvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ1cGxvYWQtZHJhZ2Ryb3AtbG9hZGluZ1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWRvbnV0XCIgI2RvbnV0RWxlbWVudD48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidXBsb2FkLWRyYWdkcm9wLXN1Y2Nlc3NcIj5cbiAgICAgIDxpdC1pY29uIG5hbWU9XCJjaGVja1wiPjwvaXQtaWNvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ1cGxvYWQtZHJhZ2Ryb3AtdGV4dFwiPlxuICAgIDxwIGNsYXNzPVwidXBsb2FkLWRyYWdkcm9wLXdlaWdodFwiPlxuICAgICAgPGl0LWljb24gbmFtZT1cImZpbGVcIiBzaXplPVwieHNcIj48L2l0LWljb24+XG4gICAgICB7e2V4dGVuc2lvbn19ICh7e2ZpbGVTaXplfX0pXG4gICAgPC9wPlxuICAgIDxoNT57e2ZpbGVuYW1lIHx8ICgnaXQuZm9ybS51cGxvYWQtZHJhZy1maWxlJ3x0cmFuc2xhdGUpfX08L2g1PlxuICAgIDxwICpuZ0lmPVwiaXNMb2FkaW5nXCI+e3snaXQuZm9ybS51cGxvYWQtbG9hZGluZyd8dHJhbnNsYXRlfX08L3A+XG4gICAgPHAgKm5nSWY9XCJpc1N1Y2Nlc3NcIj57eydpdC5mb3JtLnVwbG9hZC1jb21wbGV0ZSd8dHJhbnNsYXRlfX08L3A+XG4gICAgPHAgKm5nSWY9XCIhaXNMb2FkaW5nICYmICFpc1N1Y2Nlc3NcIj57eydpdC5mb3JtLnVwbG9hZC1vcid8dHJhbnNsYXRlfX1cbiAgICAgIDxpbnB1dCB0eXBlPVwiZmlsZVwiIFtpZF09XCJpZFwiIGNsYXNzPVwidXBsb2FkLWRyYWdkcm9wLWlucHV0XCIgW2FjY2VwdF09XCJhY2NlcHRcIiAoY2hhbmdlKT1cIm9uTG9hZEZpbGUoJGV2ZW50KVwiLz5cbiAgICAgIDxsYWJlbCBbZm9yXT1cImlkXCI+e3snaXQuZm9ybS51cGxvYWQtc2VsZWN0LWRldmljZSd8dHJhbnNsYXRlfX08L2xhYmVsPlxuICAgIDwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/form/upload-file-list/upload-file-list.component.mjs

@@ -0,0 +1,104 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { isTrueBooleanInput } from '../../../utils/boolean-input';
+import { FileUtils } from '../../../utils/file-utils';
+import { forkJoin, take, tap } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../core/progress-bar/progress-bar.component";
+import * as i3 from "../../core/tooltip/tooltip.directive";
+import * as i4 from "../../utils/icon/icon.component";
+import * as i5 from "@ngx-translate/core";
+export class UploadFileListComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * The accepted file type to upload <br>
+         * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
+         * @example application/pdf,image/png
+         * @default *
+         */
+        this.accept = '*';
+        /**
+         * If upload multiple files
+         */
+        this.multiple = true;
+        /**
+         * Fired when upload new files
+         */
+        this.uploadFiles = new EventEmitter();
+        /**
+         * Fired on delete item button click
+         */
+        this.deleteItem = new EventEmitter();
+        /**
+         * Cache to preview image
+         */
+        this.previewImages = new Map();
+    }
+    ngOnInit() {
+        if (this.isImageList && this.accept === '*') {
+            this.accept = 'image/*';
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['fileList'] && this.isImageList) {
+            const images$ = this.fileList.map(item => FileUtils.fileToBase64(item.file).pipe(take(1), tap(base64 => this.previewImages.set(item.id, base64))));
+            forkJoin(images$).subscribe(() => {
+                this._changeDetectorRef.detectChanges();
+                super.ngOnChanges(changes);
+            });
+        }
+        else {
+            super.ngOnChanges(changes);
+        }
+    }
+    get isMultipleInput() {
+        return isTrueBooleanInput(this.multiple);
+    }
+    get isImageList() {
+        return isTrueBooleanInput(this.images);
+    }
+    get isHideLoadButton() {
+        return isTrueBooleanInput(this.hideLoadButton);
+    }
+    /**
+     * On load file from input
+     * @param event
+     */
+    onLoadFiles(event) {
+        const files = event.target?.files;
+        if (!files || !files.length) {
+            return;
+        }
+        this.uploadFiles.emit(files);
+    }
+    /**
+     * Get the file size string
+     * @param file
+     */
+    getFileSize(file) {
+        return FileUtils.getFileSizeString(file);
+    }
+}
+UploadFileListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadFileListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+UploadFileListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: UploadFileListComponent, selector: "it-upload-file-list[id][fileList]", inputs: { fileList: "fileList", accept: "accept", multiple: "multiple", images: "images", hideLoadButton: "hideLoadButton" }, outputs: { uploadFiles: "uploadFiles", deleteItem: "deleteItem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!isHideLoadButton\">\n  <input type=\"file\" [id]=\"id\" class=\"upload\" [accept]=\"accept\" [multiple]=\"isMultipleInput\"\n         (change)=\"onLoadFiles($event)\" />\n  <label [for]=\"id\">\n    <it-icon name=\"upload\" size=\"sm\"></it-icon>\n    <span>{{'it.form.upload'|translate}}</span>\n  </label>\n</ng-container>\n\n<ul class=\"upload-file-list\" [class.upload-file-list-image]=\"isImageList\" *ngIf=\"fileList.length\">\n  <li *ngFor=\"let item of fileList\" class=\"upload-file\"\n      [class.error]=\"item.error\"\n      [class.uploading]=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n      [class.success]=\"!item.error && (!item.progress || item.progress >= 100)\">\n\n    <div class=\"upload-image\" *ngIf=\"isImageList; else icon\">\n      <img [attr.src]=\"previewImages.get(item.id)\" [alt]=\"item.file.name\" />\n    </div>\n    <ng-template #icon>\n      <it-icon name=\"file\" size=\"sm\" [color]=\"!item.error ? (item.progress ? 'secondary' : 'primary') : 'danger'\"></it-icon>\n    </ng-template>\n\n    <p [itTooltip]=\"item.tooltip\">\n      <span class=\"visually-hidden\">{{'it.form.uploaded-file'|translate : { name: item.file.name } }}</span>\n      {{item.file.name}} <span class=\"upload-file-weight\">{{getFileSize(item.file)}}</span>\n    </p>\n\n    <button *ngIf=\"item.removable && (!item.progress || item.progress < 100)\" type=\"button\" (click)=\"deleteItem.emit(item)\">\n      <span class=\"visually-hidden\">{{'it.form.delete-file'|translate : { name: item.file.name } }}</span>\n      <it-icon name=\"close\"></it-icon>\n    </button>\n    <button *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\" type=\"button\" disabled>\n      <span class=\"visually-hidden\">{{'it.form.upload-complete'|translate}}</span>\n      <it-icon name=\"check\"></it-icon>\n    </button>\n\n    <it-progress-bar *ngIf=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n                      [value]=\"item.progress\"></it-progress-bar>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressBarComponent, selector: "it-progress-bar[value]", inputs: ["value", "showLabel", "indeterminate", "color"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[itTooltip]", inputs: ["itTooltip", "tooltipPlacement", "tooltipHtml"], outputs: ["onShow", "onShown", "onHide", "onHidden", "onInserted"], exportAs: ["itTooltip"] }, { kind: "component", type: i4.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UploadFileListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-upload-file-list[id][fileList]', template: "<ng-container *ngIf=\"!isHideLoadButton\">\n  <input type=\"file\" [id]=\"id\" class=\"upload\" [accept]=\"accept\" [multiple]=\"isMultipleInput\"\n         (change)=\"onLoadFiles($event)\" />\n  <label [for]=\"id\">\n    <it-icon name=\"upload\" size=\"sm\"></it-icon>\n    <span>{{'it.form.upload'|translate}}</span>\n  </label>\n</ng-container>\n\n<ul class=\"upload-file-list\" [class.upload-file-list-image]=\"isImageList\" *ngIf=\"fileList.length\">\n  <li *ngFor=\"let item of fileList\" class=\"upload-file\"\n      [class.error]=\"item.error\"\n      [class.uploading]=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n      [class.success]=\"!item.error && (!item.progress || item.progress >= 100)\">\n\n    <div class=\"upload-image\" *ngIf=\"isImageList; else icon\">\n      <img [attr.src]=\"previewImages.get(item.id)\" [alt]=\"item.file.name\" />\n    </div>\n    <ng-template #icon>\n      <it-icon name=\"file\" size=\"sm\" [color]=\"!item.error ? (item.progress ? 'secondary' : 'primary') : 'danger'\"></it-icon>\n    </ng-template>\n\n    <p [itTooltip]=\"item.tooltip\">\n      <span class=\"visually-hidden\">{{'it.form.uploaded-file'|translate : { name: item.file.name } }}</span>\n      {{item.file.name}} <span class=\"upload-file-weight\">{{getFileSize(item.file)}}</span>\n    </p>\n\n    <button *ngIf=\"item.removable && (!item.progress || item.progress < 100)\" type=\"button\" (click)=\"deleteItem.emit(item)\">\n      <span class=\"visually-hidden\">{{'it.form.delete-file'|translate : { name: item.file.name } }}</span>\n      <it-icon name=\"close\"></it-icon>\n    </button>\n    <button *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\" type=\"button\" disabled>\n      <span class=\"visually-hidden\">{{'it.form.upload-complete'|translate}}</span>\n      <it-icon name=\"check\"></it-icon>\n    </button>\n\n    <it-progress-bar *ngIf=\"!item.error && item.progress !== undefined && item.progress > 0 && item.progress < 100\"\n                      [value]=\"item.progress\"></it-progress-bar>\n  </li>\n</ul>\n" }]
+        }], propDecorators: { fileList: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], images: [{
+                type: Input
+            }], hideLoadButton: [{
+                type: Input
+            }], uploadFiles: [{
+                type: Output
+            }], deleteItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vdXBsb2FkLWZpbGUtbGlzdC91cGxvYWQtZmlsZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS91cGxvYWQtZmlsZS1saXN0L3VwbG9hZC1maWxlLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBZ0Isa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVoRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBTTNDLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxpQkFBaUI7SUFKOUQ7O1FBV0U7Ozs7O1dBS0c7UUFDTSxXQUFNLEdBQVcsR0FBRyxDQUFDO1FBRTlCOztXQUVHO1FBQ00sYUFBUSxHQUFpQixJQUFJLENBQUM7UUFZdkM7O1dBRUc7UUFDTyxnQkFBVyxHQUEyQixJQUFJLFlBQVksRUFBWSxDQUFDO1FBRTdFOztXQUVHO1FBQ08sZUFBVSxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUVoRzs7V0FFRztRQUNILGtCQUFhLEdBQXdCLElBQUksR0FBRyxFQUFrQixDQUFDO0tBdURoRTtJQXJEQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssR0FBRyxFQUFFO1lBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVRLFdBQVcsQ0FBQyxPQUFzQjtRQUN6QyxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzNDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUM5RSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQ1AsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUN2RCxDQUFDLENBQUM7WUFDSCxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUN4QyxLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7YUFBTTtZQUNMLEtBQUssQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVEOzs7T0FHRztJQUNILFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLE1BQU0sS0FBSyxHQUFJLEtBQUssQ0FBQyxNQUEyQixFQUFFLEtBQUssQ0FBQztRQUN4RCxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtZQUMzQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsV0FBVyxDQUFDLElBQVU7UUFDcEIsT0FBTyxTQUFTLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7b0hBaEdVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHNUQ1hwQyxnbUVBd0NBOzJGRDdCYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0UsbUNBQW1DOzhCQVFwQyxRQUFRO3NCQUFoQixLQUFLO2dCQVFHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxjQUFjO3NCQUF0QixLQUFLO2dCQUtJLFdBQVc7c0JBQXBCLE1BQU07Z0JBS0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5pbXBvcnQgeyBVcGxvYWRGaWxlTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2Zvcm0nO1xuaW1wb3J0IHsgRmlsZVV0aWxzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvZmlsZS11dGlscyc7XG5pbXBvcnQgeyBmb3JrSm9pbiwgdGFrZSwgdGFwIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LXVwbG9hZC1maWxlLWxpc3RbaWRdW2ZpbGVMaXN0XScsXG4gIHRlbXBsYXRlVXJsOiAnLi91cGxvYWQtZmlsZS1saXN0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBVcGxvYWRGaWxlTGlzdENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiBmaWxlcyB0byBzaG93IGluIGxpc3RcbiAgICovXG4gIEBJbnB1dCgpIGZpbGVMaXN0ITogQXJyYXk8VXBsb2FkRmlsZUxpc3RJdGVtPjtcblxuICAvKipcbiAgICogVGhlIGFjY2VwdGVkIGZpbGUgdHlwZSB0byB1cGxvYWQgPGJyPlxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IDxhIGhyZWY9XCJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVFRQL0Jhc2ljc19vZl9IVFRQL01JTUVfdHlwZXMvQ29tbW9uX3R5cGVzXCI+TUlNRSBUeXBlczwvYT4gc2VwYXJhdGVkIGJ5IGNvbW1hXG4gICAqIEBleGFtcGxlIGFwcGxpY2F0aW9uL3BkZixpbWFnZS9wbmdcbiAgICogQGRlZmF1bHQgKlxuICAgKi9cbiAgQElucHV0KCkgYWNjZXB0OiBzdHJpbmcgPSAnKic7XG5cbiAgLyoqXG4gICAqIElmIHVwbG9hZCBtdWx0aXBsZSBmaWxlc1xuICAgKi9cbiAgQElucHV0KCkgbXVsdGlwbGU6IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIElmIGlzIGZpbGUgbGlzdCBpbWFnZVxuICAgKi9cbiAgQElucHV0KCkgaW1hZ2VzPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBIaWRlIHRoZSBsb2FkIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgaGlkZUxvYWRCdXR0b24/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdXBsb2FkIG5ldyBmaWxlc1xuICAgKi9cbiAgQE91dHB1dCgpIHVwbG9hZEZpbGVzOiBFdmVudEVtaXR0ZXI8RmlsZUxpc3Q+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlTGlzdD4oKTtcblxuICAvKipcbiAgICogRmlyZWQgb24gZGVsZXRlIGl0ZW0gYnV0dG9uIGNsaWNrXG4gICAqL1xuICBAT3V0cHV0KCkgZGVsZXRlSXRlbTogRXZlbnRFbWl0dGVyPFVwbG9hZEZpbGVMaXN0SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPFVwbG9hZEZpbGVMaXN0SXRlbT4oKTtcblxuICAvKipcbiAgICogQ2FjaGUgdG8gcHJldmlldyBpbWFnZVxuICAgKi9cbiAgcHJldmlld0ltYWdlczogTWFwPG51bWJlciwgc3RyaW5nPiA9IG5ldyBNYXA8bnVtYmVyLCBzdHJpbmc+KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNJbWFnZUxpc3QgJiYgdGhpcy5hY2NlcHQgPT09ICcqJykge1xuICAgICAgdGhpcy5hY2NlcHQgPSAnaW1hZ2UvKic7XG4gICAgfVxuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydmaWxlTGlzdCddICYmIHRoaXMuaXNJbWFnZUxpc3QpIHtcbiAgICAgIGNvbnN0IGltYWdlcyQgPSB0aGlzLmZpbGVMaXN0Lm1hcChpdGVtID0+IEZpbGVVdGlscy5maWxlVG9CYXNlNjQoaXRlbS5maWxlKS5waXBlKFxuICAgICAgICB0YWtlKDEpLFxuICAgICAgICB0YXAoYmFzZTY0ID0+IHRoaXMucHJldmlld0ltYWdlcy5zZXQoaXRlbS5pZCwgYmFzZTY0KSlcbiAgICAgICkpO1xuICAgICAgZm9ya0pvaW4oaW1hZ2VzJCkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcbiAgICB9XG4gIH1cblxuICBnZXQgaXNNdWx0aXBsZUlucHV0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5tdWx0aXBsZSk7XG4gIH1cblxuICBnZXQgaXNJbWFnZUxpc3QoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmltYWdlcyk7XG4gIH1cblxuICBnZXQgaXNIaWRlTG9hZEJ1dHRvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuaGlkZUxvYWRCdXR0b24pO1xuICB9XG5cbiAgLyoqXG4gICAqIE9uIGxvYWQgZmlsZSBmcm9tIGlucHV0XG4gICAqIEBwYXJhbSBldmVudFxuICAgKi9cbiAgb25Mb2FkRmlsZXMoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZmlsZXMgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpPy5maWxlcztcbiAgICBpZiAoIWZpbGVzIHx8ICFmaWxlcy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy51cGxvYWRGaWxlcy5lbWl0KGZpbGVzKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXQgdGhlIGZpbGUgc2l6ZSBzdHJpbmdcbiAgICogQHBhcmFtIGZpbGVcbiAgICovXG4gIGdldEZpbGVTaXplKGZpbGU6IEZpbGUpOiBzdHJpbmcge1xuICAgIHJldHVybiBGaWxlVXRpbHMuZ2V0RmlsZVNpemVTdHJpbmcoZmlsZSk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc0hpZGVMb2FkQnV0dG9uXCI+XG4gIDxpbnB1dCB0eXBlPVwiZmlsZVwiIFtpZF09XCJpZFwiIGNsYXNzPVwidXBsb2FkXCIgW2FjY2VwdF09XCJhY2NlcHRcIiBbbXVsdGlwbGVdPVwiaXNNdWx0aXBsZUlucHV0XCJcbiAgICAgICAgIChjaGFuZ2UpPVwib25Mb2FkRmlsZXMoJGV2ZW50KVwiIC8+XG4gIDxsYWJlbCBbZm9yXT1cImlkXCI+XG4gICAgPGl0LWljb24gbmFtZT1cInVwbG9hZFwiIHNpemU9XCJzbVwiPjwvaXQtaWNvbj5cbiAgICA8c3Bhbj57eydpdC5mb3JtLnVwbG9hZCd8dHJhbnNsYXRlfX08L3NwYW4+XG4gIDwvbGFiZWw+XG48L25nLWNvbnRhaW5lcj5cblxuPHVsIGNsYXNzPVwidXBsb2FkLWZpbGUtbGlzdFwiIFtjbGFzcy51cGxvYWQtZmlsZS1saXN0LWltYWdlXT1cImlzSW1hZ2VMaXN0XCIgKm5nSWY9XCJmaWxlTGlzdC5sZW5ndGhcIj5cbiAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGZpbGVMaXN0XCIgY2xhc3M9XCJ1cGxvYWQtZmlsZVwiXG4gICAgICBbY2xhc3MuZXJyb3JdPVwiaXRlbS5lcnJvclwiXG4gICAgICBbY2xhc3MudXBsb2FkaW5nXT1cIiFpdGVtLmVycm9yICYmIGl0ZW0ucHJvZ3Jlc3MgIT09IHVuZGVmaW5lZCAmJiBpdGVtLnByb2dyZXNzID4gMCAmJiBpdGVtLnByb2dyZXNzIDwgMTAwXCJcbiAgICAgIFtjbGFzcy5zdWNjZXNzXT1cIiFpdGVtLmVycm9yICYmICghaXRlbS5wcm9ncmVzcyB8fCBpdGVtLnByb2dyZXNzID49IDEwMClcIj5cblxuICAgIDxkaXYgY2xhc3M9XCJ1cGxvYWQtaW1hZ2VcIiAqbmdJZj1cImlzSW1hZ2VMaXN0OyBlbHNlIGljb25cIj5cbiAgICAgIDxpbWcgW2F0dHIuc3JjXT1cInByZXZpZXdJbWFnZXMuZ2V0KGl0ZW0uaWQpXCIgW2FsdF09XCJpdGVtLmZpbGUubmFtZVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPG5nLXRlbXBsYXRlICNpY29uPlxuICAgICAgPGl0LWljb24gbmFtZT1cImZpbGVcIiBzaXplPVwic21cIiBbY29sb3JdPVwiIWl0ZW0uZXJyb3IgPyAoaXRlbS5wcm9ncmVzcyA/ICdzZWNvbmRhcnknIDogJ3ByaW1hcnknKSA6ICdkYW5nZXInXCI+PC9pdC1pY29uPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8cCBbaXRUb29sdGlwXT1cIml0ZW0udG9vbHRpcFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5mb3JtLnVwbG9hZGVkLWZpbGUnfHRyYW5zbGF0ZSA6IHsgbmFtZTogaXRlbS5maWxlLm5hbWUgfSB9fTwvc3Bhbj5cbiAgICAgIHt7aXRlbS5maWxlLm5hbWV9fSA8c3BhbiBjbGFzcz1cInVwbG9hZC1maWxlLXdlaWdodFwiPnt7Z2V0RmlsZVNpemUoaXRlbS5maWxlKX19PC9zcGFuPlxuICAgIDwvcD5cblxuICAgIDxidXR0b24gKm5nSWY9XCJpdGVtLnJlbW92YWJsZSAmJiAoIWl0ZW0ucHJvZ3Jlc3MgfHwgaXRlbS5wcm9ncmVzcyA8IDEwMClcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImRlbGV0ZUl0ZW0uZW1pdChpdGVtKVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5mb3JtLmRlbGV0ZS1maWxlJ3x0cmFuc2xhdGUgOiB7IG5hbWU6IGl0ZW0uZmlsZS5uYW1lIH0gfX08L3NwYW4+XG4gICAgICA8aXQtaWNvbiBuYW1lPVwiY2xvc2VcIj48L2l0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiAqbmdJZj1cIighaXRlbS5yZW1vdmFibGUgJiYgIWl0ZW0ucHJvZ3Jlc3MpIHx8IChpdGVtLnByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgaXRlbS5wcm9ncmVzcyA+PSAxMDApXCIgdHlwZT1cImJ1dHRvblwiIGRpc2FibGVkPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5mb3JtLnVwbG9hZC1jb21wbGV0ZSd8dHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICA8aXQtaWNvbiBuYW1lPVwiY2hlY2tcIj48L2l0LWljb24+XG4gICAgPC9idXR0b24+XG5cbiAgICA8aXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwiIWl0ZW0uZXJyb3IgJiYgaXRlbS5wcm9ncmVzcyAhPT0gdW5kZWZpbmVkICYmIGl0ZW0ucHJvZ3Jlc3MgPiAwICYmIGl0ZW0ucHJvZ3Jlc3MgPCAxMDBcIlxuICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpdGVtLnByb2dyZXNzXCI+PC9pdC1wcm9ncmVzcy1iYXI+XG4gIDwvbGk+XG48L3VsPlxuIl19

package/esm2020/lib/components/navigation/back-button/back-button.component.mjs

@@ -0,0 +1,69 @@
+import { Component, Input } from '@angular/core';
+import { isTrueBooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../core/button/button.directive";
+import * as i3 from "../../utils/icon/icon.component";
+import * as i4 from "@ngx-translate/core";
+export class BackButtonComponent {
+    constructor(_location) {
+        this._location = _location;
+        /**
+         * Back button style
+         * - <b>link</b>: use a link with icon and text
+         * - <b>button</b>: use a button with icon and text
+         * @default button
+         */
+        this.buttonStyle = 'button';
+        /**
+         * Button direction
+         * - <b>left</b>: Back direction
+         * - <b>up</b>: Upper direction
+         * @default left
+         */
+        this.direction = 'left';
+        /**
+         * Show/Hide icon
+         * @default true
+         */
+        this.showIcon = true;
+        /**
+         * Show/Hide text
+         * @default true
+         */
+        this.showText = true;
+    }
+    get isShowIcon() {
+        return isTrueBooleanInput(this.showIcon);
+    }
+    get isShowText() {
+        return isTrueBooleanInput(this.showText);
+    }
+    /**
+     * Go back function
+     */
+    goBack(event) {
+        event.preventDefault();
+        if (this.backFn) {
+            return this.backFn(this._location);
+        }
+        this._location.back();
+    }
+}
+BackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackButtonComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component });
+BackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BackButtonComponent, selector: "it-back-button", inputs: { buttonStyle: "buttonStyle", direction: "direction", showIcon: "showIcon", showText: "showText", backFn: "backFn" }, exportAs: ["itBackButton"], ngImport: i0, template: "<a *ngIf=\"buttonStyle === 'link'\" href=\"#\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\" itButton=\"primary\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<ng-template #content>\n  <it-icon *ngIf=\"isShowIcon\"\n           size=\"sm\"\n           [name]=\"direction === 'left' ? 'arrow-left' : 'arrow-up'\"\n           [color]=\"buttonStyle === 'link' ? 'primary' : 'white'\"\n           [class.me-2]=\"isShowText\"></it-icon>\n\n  <span [class.visually-hidden]=\"!isShowText\">\n    {{(direction === 'left' ? 'it.navigation.go-back' : 'it.navigation.upper-level') | translate}}\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { kind: "component", type: i3.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-back-button', exportAs: 'itBackButton', template: "<a *ngIf=\"buttonStyle === 'link'\" href=\"#\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\" itButton=\"primary\" class=\"go-back\" (click)=\"goBack($event)\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\n\n<ng-template #content>\n  <it-icon *ngIf=\"isShowIcon\"\n           size=\"sm\"\n           [name]=\"direction === 'left' ? 'arrow-left' : 'arrow-up'\"\n           [color]=\"buttonStyle === 'link' ? 'primary' : 'white'\"\n           [class.me-2]=\"isShowText\"></it-icon>\n\n  <span [class.visually-hidden]=\"!isShowText\">\n    {{(direction === 'left' ? 'it.navigation.go-back' : 'it.navigation.upper-level') | translate}}\n  </span>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Location }]; }, propDecorators: { buttonStyle: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], showText: [{
+                type: Input
+            }], backFn: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JhY2stYnV0dG9uL2JhY2stYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9iYWNrLWJ1dHRvbi9iYWNrLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7OztBQU9oRixNQUFNLE9BQU8sbUJBQW1CO0lBK0M5QixZQUNrQixTQUFtQjtRQUFuQixjQUFTLEdBQVQsU0FBUyxDQUFVO1FBOUNyQzs7Ozs7V0FLRztRQUNNLGdCQUFXLEdBQXNCLFFBQVEsQ0FBQztRQUVuRDs7Ozs7V0FLRztRQUNNLGNBQVMsR0FBa0IsTUFBTSxDQUFDO1FBRTNDOzs7V0FHRztRQUNNLGFBQVEsR0FBaUIsSUFBSSxDQUFDO1FBRXZDOzs7V0FHRztRQUNNLGFBQVEsR0FBaUIsSUFBSSxDQUFDO0lBc0J2QyxDQUFDO0lBWEQsSUFBSSxVQUFVO1FBQ1osT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFPRDs7T0FFRztJQUNJLE1BQU0sQ0FBQyxLQUFZO1FBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQ3BDO1FBRUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDOztnSEE5RFUsbUJBQW1CO29HQUFuQixtQkFBbUIsZ05DVGhDLHN5QkFtQkE7MkZEVmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQixZQUVoQixjQUFjOytGQVVmLFdBQVc7c0JBQW5CLEtBQUs7Z0JBUUcsU0FBUztzQkFBakIsS0FBSztnQkFNRyxRQUFRO3NCQUFoQixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtYmFjay1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFjay1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBleHBvcnRBczogJ2l0QmFja0J1dHRvbidcbn0pXG5leHBvcnQgY2xhc3MgQmFja0J1dHRvbkNvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIEJhY2sgYnV0dG9uIHN0eWxlXG4gICAqIC0gPGI+bGluazwvYj46IHVzZSBhIGxpbmsgd2l0aCBpY29uIGFuZCB0ZXh0XG4gICAqIC0gPGI+YnV0dG9uPC9iPjogdXNlIGEgYnV0dG9uIHdpdGggaWNvbiBhbmQgdGV4dFxuICAgKiBAZGVmYXVsdCBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIGJ1dHRvblN0eWxlOiAnbGluaycgfCAnYnV0dG9uJyA9ICdidXR0b24nO1xuXG4gIC8qKlxuICAgKiBCdXR0b24gZGlyZWN0aW9uXG4gICAqIC0gPGI+bGVmdDwvYj46IEJhY2sgZGlyZWN0aW9uXG4gICAqIC0gPGI+dXA8L2I+OiBVcHBlciBkaXJlY3Rpb25cbiAgICogQGRlZmF1bHQgbGVmdFxuICAgKi9cbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnbGVmdCcgfCAndXAnID0gJ2xlZnQnO1xuXG4gIC8qKlxuICAgKiBTaG93L0hpZGUgaWNvblxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKSBzaG93SWNvbjogQm9vbGVhbklucHV0ID0gdHJ1ZTtcblxuICAvKipcbiAgICogU2hvdy9IaWRlIHRleHRcbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KCkgc2hvd1RleHQ6IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBiYWNrIGxvZ2ljIDxici8+XG4gICAqXG4gICAqIE5PVEU6IHRvIHVzZSAndGhpcycgbmVlZCBiaW5kIGZ1bmN0aW9uICA8YnIvPlxuICAgKiBAZXhhbXBsZSBiYWNrQ2JGbiA9IHRoaXMuZXJyb3JDYWxsYmFjay5iaW5kKHRoaXMpO1xuICAgKiAoZXJyb3JDYWxsYmFjayBpcyB5b3VyIGZ1bmN0aW9uLCBwYXNzIGJhY2tDYkZuIHRvIHRoZSBjb21wb25lbnQpXG4gICAqL1xuICBASW5wdXQoKSBiYWNrRm4/OiAobG9jYXRpb246IExvY2F0aW9uKSA9PiB2b2lkO1xuXG4gIGdldCBpc1Nob3dJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaG93SWNvbik7XG4gIH1cblxuICBnZXQgaXNTaG93VGV4dCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2hvd1RleHQpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIHJlYWRvbmx5IF9sb2NhdGlvbjogTG9jYXRpb25cbiAgKSB7XG4gIH1cblxuICAvKipcbiAgICogR28gYmFjayBmdW5jdGlvblxuICAgKi9cbiAgcHVibGljIGdvQmFjayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICh0aGlzLmJhY2tGbikge1xuICAgICAgcmV0dXJuIHRoaXMuYmFja0ZuKHRoaXMuX2xvY2F0aW9uKTtcbiAgICB9XG5cbiAgICB0aGlzLl9sb2NhdGlvbi5iYWNrKCk7XG4gIH1cbn1cbiIsIjxhICpuZ0lmPVwiYnV0dG9uU3R5bGUgPT09ICdsaW5rJ1wiIGhyZWY9XCIjXCIgY2xhc3M9XCJnby1iYWNrXCIgKGNsaWNrKT1cImdvQmFjaygkZXZlbnQpXCI+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2E+XG5cbjxidXR0b24gKm5nSWY9XCJidXR0b25TdHlsZSA9PT0gJ2J1dHRvbidcIiBpdEJ1dHRvbj1cInByaW1hcnlcIiBjbGFzcz1cImdvLWJhY2tcIiAoY2xpY2spPVwiZ29CYWNrKCRldmVudClcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYnV0dG9uPlxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gIDxpdC1pY29uICpuZ0lmPVwiaXNTaG93SWNvblwiXG4gICAgICAgICAgIHNpemU9XCJzbVwiXG4gICAgICAgICAgIFtuYW1lXT1cImRpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJ2Fycm93LWxlZnQnIDogJ2Fycm93LXVwJ1wiXG4gICAgICAgICAgIFtjb2xvcl09XCJidXR0b25TdHlsZSA9PT0gJ2xpbmsnID8gJ3ByaW1hcnknIDogJ3doaXRlJ1wiXG4gICAgICAgICAgIFtjbGFzcy5tZS0yXT1cImlzU2hvd1RleHRcIj48L2l0LWljb24+XG5cbiAgPHNwYW4gW2NsYXNzLnZpc3VhbGx5LWhpZGRlbl09XCIhaXNTaG93VGV4dFwiPlxuICAgIHt7KGRpcmVjdGlvbiA9PT0gJ2xlZnQnID8gJ2l0Lm5hdmlnYXRpb24uZ28tYmFjaycgOiAnaXQubmF2aWdhdGlvbi51cHBlci1sZXZlbCcpIHwgdHJhbnNsYXRlfX1cbiAgPC9zcGFuPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/components/navigation/back-to-top/back-to-top.component.mjs

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import { isTrueBooleanInput } from '../../../utils/boolean-input';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { BackToTop } from 'bootstrap-italia';
+import * as i0 from "@angular/core";
+import * as i1 from "../../utils/icon/icon.component";
+export class BackToTopComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * The back to top ID
+         * @default 'back-to-top-button'
+         */
+        this.id = 'back-to-top-button';
+    }
+    get isSmall() {
+        return isTrueBooleanInput(this.small);
+    }
+    get isShadow() {
+        return isTrueBooleanInput(this.shadow);
+    }
+    get isDark() {
+        return isTrueBooleanInput(this.dark);
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        if (this.backToTopElement) {
+            const element = this.backToTopElement.nativeElement;
+            this.backToTop = BackToTop.getOrCreateInstance(element);
+        }
+    }
+    /**
+     * Show button
+     */
+    show() {
+        this.backToTop?.show();
+    }
+    /**
+     * Hide the button
+     */
+    hide() {
+        this.backToTop?.hide();
+    }
+    /**
+     * Activates the scroll animation towards the Y coordinate indicated by the positionTop option
+     */
+    scrollToTop() {
+        this.backToTop?.scrollToTop();
+    }
+    /**
+     * Eliminate component features
+     */
+    dispose() {
+        this.backToTop?.dispose();
+    }
+}
+BackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackToTopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BackToTopComponent, selector: "it-back-to-top", inputs: { id: "id", small: "small", shadow: "shadow", dark: "dark" }, viewQueries: [{ propertyName: "backToTopElement", first: true, predicate: ["backToTop"], descendants: true }], exportAs: ["itBackToTop"], usesInheritance: true, ngImport: i0, template: "<a #backToTop [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   class=\"back-to-top\"\n   [class.back-to-top-small]=\"isSmall\"\n   [class.shadow]=\"isShadow\"\n   [class.dark]=\"isDark\">\n\n  <it-icon name=\"arrow-up\" [color]=\"isDark ? 'secondary' : 'light'\"></it-icon>\n</a>\n", dependencies: [{ kind: "component", type: i1.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackToTopComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-back-to-top', exportAs: 'itBackToTop', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a #backToTop [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   class=\"back-to-top\"\n   [class.back-to-top-small]=\"isSmall\"\n   [class.shadow]=\"isShadow\"\n   [class.dark]=\"isDark\">\n\n  <it-icon name=\"arrow-up\" [color]=\"isDark ? 'secondary' : 'light'\"></it-icon>\n</a>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], small: [{
+                type: Input
+            }], shadow: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], backToTopElement: [{
+                type: ViewChild,
+                args: ['backToTop']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JhY2stdG8tdG9wL2JhY2stdG8tdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBUTdDLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxpQkFBaUI7SUFOekQ7O1FBUUU7OztXQUdHO1FBQ2UsT0FBRSxHQUFXLG9CQUFvQixDQUFDO0tBcUVyRDtJQWhEQyxJQUFJLE9BQU87UUFDVCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFUSxlQUFlO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDO1lBQ3BELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3pEO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ksSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksSUFBSTtRQUNULElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRDs7T0FFRztJQUNJLE9BQU87UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQzVCLENBQUM7OytHQTFFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2UkNYL0Isa1NBVUE7MkZEQ2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGdCQUFnQixZQUVoQixhQUFhLG1CQUNOLHVCQUF1QixDQUFDLE1BQU07OEJBUTdCLEVBQUU7c0JBQW5CLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBSTBCLGdCQUFnQjtzQkFBL0MsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IEFic3RyYWN0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vYWJzdHJhY3RzL2Fic3RyYWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYWNrVG9Ub3AgfSBmcm9tICdib290c3RyYXAtaXRhbGlhJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtYmFjay10by10b3AnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFjay10by10b3AuY29tcG9uZW50Lmh0bWwnLFxuICBleHBvcnRBczogJ2l0QmFja1RvVG9wJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQmFja1RvVG9wQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBUaGUgYmFjayB0byB0b3AgSURcbiAgICogQGRlZmF1bHQgJ2JhY2stdG8tdG9wLWJ1dHRvbidcbiAgICovXG4gIEBJbnB1dCgpIG92ZXJyaWRlIGlkOiBzdHJpbmcgPSAnYmFjay10by10b3AtYnV0dG9uJztcblxuICAvKipcbiAgICogU2hvdyBzbWFsbCBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHNtYWxsPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBTaG93IHNoYWRvd1xuICAgKi9cbiAgQElucHV0KCkgc2hhZG93PzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBCdXR0b24gdXNhYmxlIGJ1dHRvbiBvbiBhIGRhcmsgYmFja2dyb3VuZFxuICAgKi9cbiAgQElucHV0KCkgZGFyaz86IEJvb2xlYW5JbnB1dDtcblxuICBwcml2YXRlIGJhY2tUb1RvcD86IEJhY2tUb1RvcDtcblxuICBAVmlld0NoaWxkKCdiYWNrVG9Ub3AnKSBwcml2YXRlIGJhY2tUb1RvcEVsZW1lbnQ/OiBFbGVtZW50UmVmPEhUTUxBbmNob3JFbGVtZW50PjtcblxuICBnZXQgaXNTbWFsbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc21hbGwpO1xuICB9XG5cbiAgZ2V0IGlzU2hhZG93KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaGFkb3cpO1xuICB9XG5cbiAgZ2V0IGlzRGFyaygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuZGFyayk7XG4gIH1cblxuICBvdmVycmlkZSBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XG5cbiAgICBpZiAodGhpcy5iYWNrVG9Ub3BFbGVtZW50KSB7XG4gICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5iYWNrVG9Ub3BFbGVtZW50Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICB0aGlzLmJhY2tUb1RvcCA9IEJhY2tUb1RvcC5nZXRPckNyZWF0ZUluc3RhbmNlKGVsZW1lbnQpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBTaG93IGJ1dHRvblxuICAgKi9cbiAgcHVibGljIHNob3coKTogdm9pZCB7XG4gICAgdGhpcy5iYWNrVG9Ub3A/LnNob3coKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIaWRlIHRoZSBidXR0b25cbiAgICovXG4gIHB1YmxpYyBoaWRlKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja1RvVG9wPy5oaWRlKCk7XG4gIH1cblxuICAvKipcbiAgICogQWN0aXZhdGVzIHRoZSBzY3JvbGwgYW5pbWF0aW9uIHRvd2FyZHMgdGhlIFkgY29vcmRpbmF0ZSBpbmRpY2F0ZWQgYnkgdGhlIHBvc2l0aW9uVG9wIG9wdGlvblxuICAgKi9cbiAgcHVibGljIHNjcm9sbFRvVG9wKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja1RvVG9wPy5zY3JvbGxUb1RvcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVsaW1pbmF0ZSBjb21wb25lbnQgZmVhdHVyZXNcbiAgICovXG4gIHB1YmxpYyBkaXNwb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuYmFja1RvVG9wPy5kaXNwb3NlKCk7XG4gIH1cbn1cbiIsIjxhICNiYWNrVG9Ub3AgW2lkXT1cImlkXCJcbiAgIGhyZWY9XCIjXCJcbiAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICBjbGFzcz1cImJhY2stdG8tdG9wXCJcbiAgIFtjbGFzcy5iYWNrLXRvLXRvcC1zbWFsbF09XCJpc1NtYWxsXCJcbiAgIFtjbGFzcy5zaGFkb3ddPVwiaXNTaGFkb3dcIlxuICAgW2NsYXNzLmRhcmtdPVwiaXNEYXJrXCI+XG5cbiAgPGl0LWljb24gbmFtZT1cImFycm93LXVwXCIgW2NvbG9yXT1cImlzRGFyayA/ICdzZWNvbmRhcnknIDogJ2xpZ2h0J1wiPjwvaXQtaWNvbj5cbjwvYT5cbiJdfQ==

package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs

@@ -0,0 +1,45 @@
+import { Component, ContentChildren, Input } from '@angular/core';
+import { BreadcrumbItemComponent } from "../breadcrumb-item/breadcrumb-item.component";
+import { isTrueBooleanInput } from "../../../../utils/boolean-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../core/link/link.component";
+import * as i3 from "../../../utils/icon/icon.component";
+import * as i4 from "@ngx-translate/core";
+export class BreadcrumbComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        /**
+         * The character to use as separator
+         * @default /
+         */
+        this.separator = '/';
+    }
+    get isDark() {
+        return isTrueBooleanInput(this.dark);
+    }
+    ngAfterViewInit() {
+        this._changeDetectorRef.detectChanges();
+    }
+    /**
+     * Check if index is last item
+     * @param index
+     */
+    isLastItem(index) {
+        return !!this.items && index >= (this.items.length - 1);
+    }
+}
+BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BreadcrumbComponent, selector: "it-breadcrumb", inputs: { separator: "separator", dark: "dark" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"'it.navigation.navigation-path'|translate\">\n  <ol class=\"breadcrumb\" [class.dark]=\"isDark\" [class.px-3]=\"isDark\">\n    <li *ngFor=\"let item of items; let i = index\"\n        class=\"breadcrumb-item\"\n        [class.active]=\"item.isActive\"\n        [attr.aria-current]=\"item.isActive ? 'page' : null\">\n\n      <it-icon *ngIf=\"item.iconName\"\n                [name]=\"item.iconName\"\n                [color]=\"isDark ? 'white' : 'secondary'\"\n                size=\"sm\"\n                class=\"align-top me-1\"></it-icon>\n\n      <it-link *ngIf=\"!item.isActive && !isLastItem(i); else activeContent\"\n                [href]=\"item.href\" [class]=\"item.class\" [externalLink]=\"item.externalLink\" [disabled]=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </it-link>\n\n      <ng-template #activeContent>\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </ng-template>\n\n      <span *ngIf=\"!isLastItem(i)\" class=\"separator\">{{separator}}</span>\n    </li>\n  </ol>\n</nav>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.LinkComponent, selector: "it-link", inputs: ["href", "externalLink", "disabled", "class"] }, { kind: "component", type: i3.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-breadcrumb', template: "<nav class=\"breadcrumb-container\" [attr.aria-label]=\"'it.navigation.navigation-path'|translate\">\n  <ol class=\"breadcrumb\" [class.dark]=\"isDark\" [class.px-3]=\"isDark\">\n    <li *ngFor=\"let item of items; let i = index\"\n        class=\"breadcrumb-item\"\n        [class.active]=\"item.isActive\"\n        [attr.aria-current]=\"item.isActive ? 'page' : null\">\n\n      <it-icon *ngIf=\"item.iconName\"\n                [name]=\"item.iconName\"\n                [color]=\"isDark ? 'white' : 'secondary'\"\n                size=\"sm\"\n                class=\"align-top me-1\"></it-icon>\n\n      <it-link *ngIf=\"!item.isActive && !isLastItem(i); else activeContent\"\n                [href]=\"item.href\" [class]=\"item.class\" [externalLink]=\"item.externalLink\" [disabled]=\"item.disabled\">\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </it-link>\n\n      <ng-template #activeContent>\n        <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n      </ng-template>\n\n      <span *ngIf=\"!isLastItem(i)\" class=\"separator\">{{separator}}</span>\n    </li>\n  </ol>\n</nav>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { separator: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [BreadcrumbItemComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24vYnJlYWRjcnVtYnMvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9icmVhZGNydW1icy9icmVhZGNydW1iL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQixTQUFTLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUNyRixPQUFPLEVBQWUsa0JBQWtCLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQzs7Ozs7O0FBT2pGLE1BQU0sT0FBTyxtQkFBbUI7SUFzQjlCLFlBQ21CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBckJ4RDs7O1dBR0c7UUFDTSxjQUFTLEdBQVcsR0FBRyxDQUFDO0lBbUJqQyxDQUFDO0lBUEQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQU9ELGVBQWU7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVEOzs7T0FHRztJQUNILFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDMUQsQ0FBQzs7Z0hBckNVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDZIQWdCYix1QkFBdUIsNkJDekIxQyxpb0NBMEJBOzJGRGpCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZUFBZTt3R0FVaEIsU0FBUztzQkFBakIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS29DLEtBQUs7c0JBQTlDLGVBQWU7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCcmVhZGNydW1iSXRlbUNvbXBvbmVudH0gZnJvbSBcIi4uL2JyZWFkY3J1bWItaXRlbS9icmVhZGNydW1iLWl0ZW0uY29tcG9uZW50XCI7XG5pbXBvcnQge0Jvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0fSBmcm9tIFwiLi4vLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnJlYWRjcnVtYkNvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFRoZSBjaGFyYWN0ZXIgdG8gdXNlIGFzIHNlcGFyYXRvclxuICAgKiBAZGVmYXVsdCAvXG4gICAqL1xuICBASW5wdXQoKSBzZXBhcmF0b3I6IHN0cmluZyA9ICcvJztcblxuICAvKipcbiAgICogRGFyayBzdHlsZVxuICAgKi9cbiAgQElucHV0KCkgZGFyaz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVGhlIHRhYiBpdGVtc1xuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihCcmVhZGNydW1iSXRlbUNvbXBvbmVudCkgaXRlbXM/OiBRdWVyeUxpc3Q8QnJlYWRjcnVtYkl0ZW1Db21wb25lbnQ+O1xuXG4gIGdldCBpc0RhcmsoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmRhcmspO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2NoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVjayBpZiBpbmRleCBpcyBsYXN0IGl0ZW1cbiAgICogQHBhcmFtIGluZGV4XG4gICAqL1xuICBpc0xhc3RJdGVtKGluZGV4OiBudW1iZXIpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLml0ZW1zICYmIGluZGV4ID49ICh0aGlzLml0ZW1zLmxlbmd0aCAtIDEpO1xuICB9XG5cbn1cbiIsIjxuYXYgY2xhc3M9XCJicmVhZGNydW1iLWNvbnRhaW5lclwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2l0Lm5hdmlnYXRpb24ubmF2aWdhdGlvbi1wYXRoJ3x0cmFuc2xhdGVcIj5cbiAgPG9sIGNsYXNzPVwiYnJlYWRjcnVtYlwiIFtjbGFzcy5kYXJrXT1cImlzRGFya1wiIFtjbGFzcy5weC0zXT1cImlzRGFya1wiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGkgPSBpbmRleFwiXG4gICAgICAgIGNsYXNzPVwiYnJlYWRjcnVtYi1pdGVtXCJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpdGVtLmlzQWN0aXZlXCJcbiAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cIml0ZW0uaXNBY3RpdmUgPyAncGFnZScgOiBudWxsXCI+XG5cbiAgICAgIDxpdC1pY29uICpuZ0lmPVwiaXRlbS5pY29uTmFtZVwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwiaXRlbS5pY29uTmFtZVwiXG4gICAgICAgICAgICAgICAgW2NvbG9yXT1cImlzRGFyayA/ICd3aGl0ZScgOiAnc2Vjb25kYXJ5J1wiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImFsaWduLXRvcCBtZS0xXCI+PC9pdC1pY29uPlxuXG4gICAgICA8aXQtbGluayAqbmdJZj1cIiFpdGVtLmlzQWN0aXZlICYmICFpc0xhc3RJdGVtKGkpOyBlbHNlIGFjdGl2ZUNvbnRlbnRcIlxuICAgICAgICAgICAgICAgIFtocmVmXT1cIml0ZW0uaHJlZlwiIFtjbGFzc109XCJpdGVtLmNsYXNzXCIgW2V4dGVybmFsTGlua109XCJpdGVtLmV4dGVybmFsTGlua1wiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtLmh0bWxDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2l0LWxpbms+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjYWN0aXZlQ29udGVudD5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIml0ZW0uaHRtbENvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgIDxzcGFuICpuZ0lmPVwiIWlzTGFzdEl0ZW0oaSlcIiBjbGFzcz1cInNlcGFyYXRvclwiPnt7c2VwYXJhdG9yfX08L3NwYW4+XG4gICAgPC9saT5cbiAgPC9vbD5cbjwvbmF2PlxuIl19

package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
+import { isTrueBooleanInput } from '../../../../utils/boolean-input';
+import { LinkComponent } from '../../../core/link/link.component';
+import * as i0 from "@angular/core";
+export class BreadcrumbItemComponent extends LinkComponent {
+    get isActive() {
+        return isTrueBooleanInput(this.active);
+    }
+}
+BreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BreadcrumbItemComponent, selector: "it-breadcrumb-item", inputs: { active: "active", iconName: "iconName" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-breadcrumb-item', template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { active: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], htmlContent: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9icmVhZGNydW1icy9icmVhZGNydW1iLWl0ZW0vYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9icmVhZGNydW1icy9icmVhZGNydW1iLWl0ZW0vYnJlYWRjcnVtYi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFPbEUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFrQnhELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7O29IQXBCVSx1QkFBdUI7d0dBQXZCLHVCQUF1QiwySkFldkIsV0FBVyx1RUN6QnhCLDhEQUdBOzJGRE9hLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxvQkFBb0I7OEJBU3JCLE1BQU07c0JBQWQsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQU1DLFdBQVc7c0JBRGpCLFNBQVM7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5pbXBvcnQgeyBJY29uTmFtZSB9IGZyb20gJy4uLy4uLy4uLy4uL2ludGVyZmFjZXMvaWNvbic7XG5pbXBvcnQgeyBMaW5rQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29yZS9saW5rL2xpbmsuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtYnJlYWRjcnVtYi1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWItaXRlbS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJJdGVtQ29tcG9uZW50IGV4dGVuZHMgTGlua0NvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIElzIGFjdGl2ZSBicmVhZGNydW1iIGl0ZW1cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2ZT86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgaWNvbiB0byBzaG93XG4gICAqL1xuICBASW5wdXQoKSBpY29uTmFtZT86IEljb25OYW1lO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiBpdGVtXG4gICAqL1xuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmKVxuICBwdWJsaWMgaHRtbENvbnRlbnQhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGdldCBpc0FjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuYWN0aXZlKTtcbiAgfVxuXG59XG4iLCI8bmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=