design-angular-kit 1.0.0-1 → 1.0.0-3

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

@@ -0,0 +1,99 @@
+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 { take } 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
+         * @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) {
+            this.fileList.forEach(item => {
+                FileUtils.fileToBase64(item.file).pipe(take(1)).subscribe(base64 => {
+                    this.previewImages.set(item.id, base64);
+                });
+            });
+        }
+    }
+    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 ? '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)\" (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 disabled *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\">\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", 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: "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 ? '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)\" (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 disabled *ngIf=\"(!item.removable && !item.progress) || (item.progress !== undefined && item.progress >= 100)\">\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWZpbGUtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vdXBsb2FkLWZpbGUtbGlzdC91cGxvYWQtZmlsZS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS91cGxvYWQtZmlsZS1saXN0L3VwbG9hZC1maWxlLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFBZSxrQkFBa0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBRTlFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sTUFBTSxDQUFDOzs7Ozs7O0FBTzFCLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxpQkFBaUI7SUFMOUQ7O1FBWUU7OztXQUdHO1FBQ00sV0FBTSxHQUFXLEdBQUcsQ0FBQztRQUU5Qjs7V0FFRztRQUNNLGFBQVEsR0FBaUIsSUFBSSxDQUFDO1FBWXZDOztXQUVHO1FBQ08sZ0JBQVcsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztRQUU3RTs7V0FFRztRQUNPLGVBQVUsR0FBcUMsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFFaEc7O1dBRUc7UUFDSCxrQkFBYSxHQUF3QixJQUFJLEdBQUcsRUFBa0IsQ0FBQztLQWtEaEU7SUFoREMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLEdBQUcsRUFBRTtZQUMzQyxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQTtTQUN4QjtJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDM0IsU0FBUyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRTtvQkFDakUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQztnQkFDMUMsQ0FBQyxDQUFDLENBQUE7WUFDSixDQUFDLENBQUMsQ0FBQTtTQUNIO0lBQ0gsQ0FBQztJQUVELElBQUksZUFBZTtRQUNqQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRDs7O09BR0c7SUFDSCxXQUFXLENBQUMsS0FBWTtRQUN0QixNQUFNLEtBQUssR0FBSSxLQUFLLENBQUMsTUFBMkIsRUFBRSxLQUFLLENBQUM7UUFDeEQsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDM0IsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVEOzs7T0FHRztJQUNILFdBQVcsQ0FBQyxJQUFVO1FBQ3BCLE9BQU8sU0FBUyxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7O29IQXpGVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixzVENacEMsa2lFQXdDQTsyRkQ1QmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLG1DQUFtQzs4QkFTcEMsUUFBUTtzQkFBaEIsS0FBSztnQkFNRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLSSxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Q29tcG9uZW50fSBmcm9tIFwiLi4vLi4vLi4vYWJzdHJhY3RzL2Fic3RyYWN0LmNvbXBvbmVudFwiO1xuaW1wb3J0IHtCb29sZWFuSW5wdXQsIGlzVHJ1ZUJvb2xlYW5JbnB1dH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL2Jvb2xlYW4taW5wdXRcIjtcbmltcG9ydCB7VXBsb2FkRmlsZUxpc3RJdGVtfSBmcm9tIFwiLi4vLi4vLi4vaW50ZXJmYWNlcy9mb3JtXCI7XG5pbXBvcnQge0ZpbGVVdGlsc30gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL2ZpbGUtdXRpbHNcIjtcbmltcG9ydCB7dGFrZX0gZnJvbSBcInJ4anNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtdXBsb2FkLWZpbGUtbGlzdFtpZF1bZmlsZUxpc3RdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1maWxlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWQtZmlsZS1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkRmlsZUxpc3RDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgZmlsZXMgdG8gc2hvdyBpbiBsaXN0XG4gICAqL1xuICBASW5wdXQoKSBmaWxlTGlzdCE6IEFycmF5PFVwbG9hZEZpbGVMaXN0SXRlbT47XG5cbiAgLyoqXG4gICAqIFRoZSBhY2NlcHRlZCBmaWxlIHR5cGUgdG8gdXBsb2FkXG4gICAqIEBkZWZhdWx0ICpcbiAgICovXG4gIEBJbnB1dCgpIGFjY2VwdDogc3RyaW5nID0gXCIqXCI7XG5cbiAgLyoqXG4gICAqIElmIHVwbG9hZCBtdWx0aXBsZSBmaWxlc1xuICAgKi9cbiAgQElucHV0KCkgbXVsdGlwbGU6IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIElmIGlzIGZpbGUgbGlzdCBpbWFnZVxuICAgKi9cbiAgQElucHV0KCkgaW1hZ2VzPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBIaWRlIHRoZSBsb2FkIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgaGlkZUxvYWRCdXR0b24/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdXBsb2FkIG5ldyBmaWxlc1xuICAgKi9cbiAgQE91dHB1dCgpIHVwbG9hZEZpbGVzOiBFdmVudEVtaXR0ZXI8RmlsZUxpc3Q+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlTGlzdD4oKTtcblxuICAvKipcbiAgICogRmlyZWQgb24gZGVsZXRlIGl0ZW0gYnV0dG9uIGNsaWNrXG4gICAqL1xuICBAT3V0cHV0KCkgZGVsZXRlSXRlbTogRXZlbnRFbWl0dGVyPFVwbG9hZEZpbGVMaXN0SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyPFVwbG9hZEZpbGVMaXN0SXRlbT4oKTtcblxuICAvKipcbiAgICogQ2FjaGUgdG8gcHJldmlldyBpbWFnZVxuICAgKi9cbiAgcHJldmlld0ltYWdlczogTWFwPG51bWJlciwgc3RyaW5nPiA9IG5ldyBNYXA8bnVtYmVyLCBzdHJpbmc+KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNJbWFnZUxpc3QgJiYgdGhpcy5hY2NlcHQgPT09ICcqJykge1xuICAgICAgdGhpcy5hY2NlcHQgPSAnaW1hZ2UvKidcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2ZpbGVMaXN0J10gJiYgdGhpcy5pc0ltYWdlTGlzdCkge1xuICAgICAgdGhpcy5maWxlTGlzdC5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgICAgICBGaWxlVXRpbHMuZmlsZVRvQmFzZTY0KGl0ZW0uZmlsZSkucGlwZSh0YWtlKDEpKS5zdWJzY3JpYmUoYmFzZTY0ID0+IHtcbiAgICAgICAgICB0aGlzLnByZXZpZXdJbWFnZXMuc2V0KGl0ZW0uaWQsIGJhc2U2NCk7XG4gICAgICAgIH0pXG4gICAgICB9KVxuICAgIH1cbiAgfVxuXG4gIGdldCBpc011bHRpcGxlSW5wdXQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLm11bHRpcGxlKTtcbiAgfVxuXG4gIGdldCBpc0ltYWdlTGlzdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuaW1hZ2VzKTtcbiAgfVxuXG4gIGdldCBpc0hpZGVMb2FkQnV0dG9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5oaWRlTG9hZEJ1dHRvbik7XG4gIH1cblxuICAvKipcbiAgICogT24gbG9hZCBmaWxlIGZyb20gaW5wdXRcbiAgICogQHBhcmFtIGV2ZW50XG4gICAqL1xuICBvbkxvYWRGaWxlcyhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBmaWxlcyA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCk/LmZpbGVzO1xuICAgIGlmICghZmlsZXMgfHwgIWZpbGVzLmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnVwbG9hZEZpbGVzLmVtaXQoZmlsZXMpO1xuICB9XG5cbiAgLyoqXG4gICAqIEdldCB0aGUgZmlsZSBzaXplIHN0cmluZ1xuICAgKiBAcGFyYW0gZmlsZVxuICAgKi9cbiAgZ2V0RmlsZVNpemUoZmlsZTogRmlsZSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEZpbGVVdGlscy5nZXRGaWxlU2l6ZVN0cmluZyhmaWxlKTtcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzSGlkZUxvYWRCdXR0b25cIj5cbiAgPGlucHV0IHR5cGU9XCJmaWxlXCIgW2lkXT1cImlkXCIgY2xhc3M9XCJ1cGxvYWRcIiBbYWNjZXB0XT1cImFjY2VwdFwiIFttdWx0aXBsZV09XCJpc011bHRpcGxlSW5wdXRcIlxuICAgICAgICAgKGNoYW5nZSk9XCJvbkxvYWRGaWxlcygkZXZlbnQpXCIgLz5cbiAgPGxhYmVsIFtmb3JdPVwiaWRcIj5cbiAgICA8aXQtaWNvbiBuYW1lPVwidXBsb2FkXCIgc2l6ZT1cInNtXCI+PC9pdC1pY29uPlxuICAgIDxzcGFuPnt7J2l0LmZvcm0udXBsb2FkJ3x0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgPC9sYWJlbD5cbjwvbmctY29udGFpbmVyPlxuXG48dWwgY2xhc3M9XCJ1cGxvYWQtZmlsZS1saXN0XCIgW2NsYXNzLnVwbG9hZC1maWxlLWxpc3QtaW1hZ2VdPVwiaXNJbWFnZUxpc3RcIiAqbmdJZj1cImZpbGVMaXN0Lmxlbmd0aFwiPlxuICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZmlsZUxpc3RcIiBjbGFzcz1cInVwbG9hZC1maWxlXCJcbiAgICAgIFtjbGFzcy5lcnJvcl09XCIhIWl0ZW0uZXJyb3JcIlxuICAgICAgW2NsYXNzLnVwbG9hZGluZ109XCIhaXRlbS5lcnJvciAmJiBpdGVtLnByb2dyZXNzICE9PSB1bmRlZmluZWQgJiYgaXRlbS5wcm9ncmVzcyA+IDAgJiYgaXRlbS5wcm9ncmVzcyA8IDEwMFwiXG4gICAgICBbY2xhc3Muc3VjY2Vzc109XCIhaXRlbS5lcnJvciAmJiAoIWl0ZW0ucHJvZ3Jlc3MgfHwgaXRlbS5wcm9ncmVzcyA+PSAxMDApXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwidXBsb2FkLWltYWdlXCIgKm5nSWY9XCJpc0ltYWdlTGlzdDsgZWxzZSBpY29uXCI+XG4gICAgICA8aW1nIFthdHRyLnNyY109XCJwcmV2aWV3SW1hZ2VzLmdldChpdGVtLmlkKVwiIFthbHRdPVwiaXRlbS5maWxlLm5hbWVcIiAvPlxuICAgIDwvZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjaWNvbj5cbiAgICAgIDxpdC1pY29uIG5hbWU9XCJmaWxlXCIgc2l6ZT1cInNtXCIgW2NvbG9yXT1cIiFpdGVtLmVycm9yID8gJ3ByaW1hcnknIDogJ2RhbmdlcidcIj48L2l0LWljb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxwIFtpdFRvb2x0aXBdPVwiaXRlbS50b29sdGlwXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiPnt7J2l0LmZvcm0udXBsb2FkZWQtZmlsZSd8dHJhbnNsYXRlIDogeyBuYW1lOiBpdGVtLmZpbGUubmFtZSB9IH19PC9zcGFuPlxuICAgICAge3tpdGVtLmZpbGUubmFtZX19IDxzcGFuIGNsYXNzPVwidXBsb2FkLWZpbGUtd2VpZ2h0XCI+e3tnZXRGaWxlU2l6ZShpdGVtLmZpbGUpfX08L3NwYW4+XG4gICAgPC9wPlxuXG4gICAgPGJ1dHRvbiAqbmdJZj1cIml0ZW0ucmVtb3ZhYmxlICYmICghaXRlbS5wcm9ncmVzcyB8fCBpdGVtLnByb2dyZXNzIDwgMTAwKVwiIChjbGljayk9XCJkZWxldGVJdGVtLmVtaXQoaXRlbSlcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidmlzdWFsbHktaGlkZGVuXCI+e3snaXQuZm9ybS5kZWxldGUtZmlsZSd8dHJhbnNsYXRlIDogeyBuYW1lOiBpdGVtLmZpbGUubmFtZSB9IH19PC9zcGFuPlxuICAgICAgPGl0LWljb24gbmFtZT1cImNsb3NlXCI+PC9pdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gZGlzYWJsZWQgKm5nSWY9XCIoIWl0ZW0ucmVtb3ZhYmxlICYmICFpdGVtLnByb2dyZXNzKSB8fCAoaXRlbS5wcm9ncmVzcyAhPT0gdW5kZWZpbmVkICYmIGl0ZW0ucHJvZ3Jlc3MgPj0gMTAwKVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5mb3JtLnVwbG9hZC1jb21wbGV0ZSd8dHJhbnNsYXRlfX08L3NwYW4+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 "@angular/router";
+import * as i3 from "../../core/button/button.directive";
+import * as i4 from "../../utils/icon/icon.component";
+import * as i5 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() {
+        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'\" class=\"go-back\" data-bs-toggle=\"historyback\" (click)=\"goBack()\" [routerLink]=\"null\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\"\n        itButton=\"primary\"\n        class=\"go-back\"\n        data-bs-toggle=\"historyback\"\n        (click)=\"goBack()\">\n\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", styles: ["a.go-back{cursor:pointer}\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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { 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: BackButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-back-button', exportAs: 'itBackButton', template: "<a *ngIf=\"buttonStyle === 'link'\" class=\"go-back\" data-bs-toggle=\"historyback\" (click)=\"goBack()\" [routerLink]=\"null\">\n  <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</a>\n\n<button *ngIf=\"buttonStyle === 'button'\"\n        itButton=\"primary\"\n        class=\"go-back\"\n        data-bs-toggle=\"historyback\"\n        (click)=\"goBack()\">\n\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", styles: ["a.go-back{cursor:pointer}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JhY2stYnV0dG9uL2JhY2stYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9iYWNrLWJ1dHRvbi9iYWNrLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7Ozs7QUFRaEYsTUFBTSxPQUFPLG1CQUFtQjtJQStDOUIsWUFDa0IsU0FBbUI7UUFBbkIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQTlDckM7Ozs7O1dBS0c7UUFDTSxnQkFBVyxHQUFzQixRQUFRLENBQUM7UUFFbkQ7Ozs7O1dBS0c7UUFDTSxjQUFTLEdBQWtCLE1BQU0sQ0FBQztRQUUzQzs7O1dBR0c7UUFDTSxhQUFRLEdBQWlCLElBQUksQ0FBQztRQUV2Qzs7O1dBR0c7UUFDTSxhQUFRLEdBQWlCLElBQUksQ0FBQztJQXNCdkMsQ0FBQztJQVhELElBQUksVUFBVTtRQUNaLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBT0Q7O09BRUc7SUFDSSxNQUFNO1FBQ1gsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNwQztRQUVELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7Z0hBN0RVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGdOQ1ZoQyx5NEJBd0JBOzJGRGRhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxnQkFBZ0IsWUFHaEIsY0FBYzsrRkFVZixXQUFXO3NCQUFuQixLQUFLO2dCQVFHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBTUcsUUFBUTtzQkFBaEIsS0FBSztnQkFNRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExvY2F0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWJhY2stYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2stYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFjay1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgZXhwb3J0QXM6ICdpdEJhY2tCdXR0b24nXG59KVxuZXhwb3J0IGNsYXNzIEJhY2tCdXR0b25Db21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBCYWNrIGJ1dHRvbiBzdHlsZVxuICAgKiAtIDxiPmxpbms8L2I+OiB1c2UgYSBsaW5rIHdpdGggaWNvbiBhbmQgdGV4dFxuICAgKiAtIDxiPmJ1dHRvbjwvYj46IHVzZSBhIGJ1dHRvbiB3aXRoIGljb24gYW5kIHRleHRcbiAgICogQGRlZmF1bHQgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBidXR0b25TdHlsZTogJ2xpbmsnIHwgJ2J1dHRvbicgPSAnYnV0dG9uJztcblxuICAvKipcbiAgICogQnV0dG9uIGRpcmVjdGlvblxuICAgKiAtIDxiPmxlZnQ8L2I+OiBCYWNrIGRpcmVjdGlvblxuICAgKiAtIDxiPnVwPC9iPjogVXBwZXIgZGlyZWN0aW9uXG4gICAqIEBkZWZhdWx0IGxlZnRcbiAgICovXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3VwJyA9ICdsZWZ0JztcblxuICAvKipcbiAgICogU2hvdy9IaWRlIGljb25cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KCkgc2hvd0ljb246IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFNob3cvSGlkZSB0ZXh0XG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIEBJbnB1dCgpIHNob3dUZXh0OiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gYmFjayBsb2dpYyA8YnIvPlxuICAgKlxuICAgKiBOT1RFOiB0byB1c2UgJ3RoaXMnIG5lZWQgYmluZCBmdW5jdGlvbiAgPGJyLz5cbiAgICogQGV4YW1wbGUgYmFja0NiRm4gPSB0aGlzLmVycm9yQ2FsbGJhY2suYmluZCh0aGlzKTtcbiAgICogKGVycm9yQ2FsbGJhY2sgaXMgeW91ciBmdW5jdGlvbiwgcGFzcyBiYWNrQ2JGbiB0byB0aGUgY29tcG9uZW50KVxuICAgKi9cbiAgQElucHV0KCkgYmFja0ZuPzogKGxvY2F0aW9uOiBMb2NhdGlvbikgPT4gdm9pZDtcblxuICBnZXQgaXNTaG93SWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2hvd0ljb24pO1xuICB9XG5cbiAgZ2V0IGlzU2hvd1RleHQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnNob3dUZXh0KTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyByZWFkb25seSBfbG9jYXRpb246IExvY2F0aW9uXG4gICkge1xuICB9XG5cbiAgLyoqXG4gICAqIEdvIGJhY2sgZnVuY3Rpb25cbiAgICovXG4gIHB1YmxpYyBnb0JhY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYmFja0ZuKSB7XG4gICAgICByZXR1cm4gdGhpcy5iYWNrRm4odGhpcy5fbG9jYXRpb24pO1xuICAgIH1cblxuICAgIHRoaXMuX2xvY2F0aW9uLmJhY2soKTtcbiAgfVxufVxuIiwiPGEgKm5nSWY9XCJidXR0b25TdHlsZSA9PT0gJ2xpbmsnXCIgY2xhc3M9XCJnby1iYWNrXCIgZGF0YS1icy10b2dnbGU9XCJoaXN0b3J5YmFja1wiIChjbGljayk9XCJnb0JhY2soKVwiIFtyb3V0ZXJMaW5rXT1cIm51bGxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYT5cblxuPGJ1dHRvbiAqbmdJZj1cImJ1dHRvblN0eWxlID09PSAnYnV0dG9uJ1wiXG4gICAgICAgIGl0QnV0dG9uPVwicHJpbWFyeVwiXG4gICAgICAgIGNsYXNzPVwiZ28tYmFja1wiXG4gICAgICAgIGRhdGEtYnMtdG9nZ2xlPVwiaGlzdG9yeWJhY2tcIlxuICAgICAgICAoY2xpY2spPVwiZ29CYWNrKClcIj5cblxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9idXR0b24+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPGl0LWljb24gKm5nSWY9XCJpc1Nob3dJY29uXCJcbiAgICAgICAgICAgc2l6ZT1cInNtXCJcbiAgICAgICAgICAgW25hbWVdPVwiZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnYXJyb3ctbGVmdCcgOiAnYXJyb3ctdXAnXCJcbiAgICAgICAgICAgW2NvbG9yXT1cImJ1dHRvblN0eWxlID09PSAnbGluaycgPyAncHJpbWFyeScgOiAnd2hpdGUnXCJcbiAgICAgICAgICAgW2NsYXNzLm1lLTJdPVwiaXNTaG93VGV4dFwiPjwvaXQtaWNvbj5cblxuICA8c3BhbiBbY2xhc3MudmlzdWFsbHktaGlkZGVuXT1cIiFpc1Nob3dUZXh0XCI+XG4gICAge3soZGlyZWN0aW9uID09PSAnbGVmdCcgPyAnaXQubmF2aWdhdGlvbi5nby1iYWNrJyA6ICdpdC5uYXZpZ2F0aW9uLnVwcGVyLWxldmVsJykgfCB0cmFuc2xhdGV9fVxuICA8L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuIl19

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

@@ -0,0 +1,39 @@
+import { Component, Input } from '@angular/core';
+import { isTrueBooleanInput } from "../../../utils/boolean-input";
+import { AbstractComponent } from "../../../abstracts/abstract.component";
+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);
+    }
+}
+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" }, usesInheritance: true, ngImport: i0, template: "<a [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   data-bs-toggle=\"backtotop\"\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", styles: [""], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BackToTopComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-back-to-top', template: "<a [id]=\"id\"\n   href=\"#\"\n   aria-hidden=\"true\"\n   data-bs-toggle=\"backtotop\"\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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9uYXZpZ2F0aW9uL2JhY2stdG8tdG9wL2JhY2stdG8tdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQWUsa0JBQWtCLEVBQUMsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBT3hFLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxpQkFBaUI7SUFMekQ7O1FBT0U7OztXQUdHO1FBQ2UsT0FBRSxHQUFXLG9CQUFvQixDQUFDO0tBNEJyRDtJQVhDLElBQUksT0FBTztRQUNULE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7K0dBakNVLGtCQUFrQjttR0FBbEIsa0JBQWtCLG1KQ1QvQix3VEFXQTsyRkRGYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQVVSLEVBQUU7c0JBQW5CLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCb29sZWFuSW5wdXQsIGlzVHJ1ZUJvb2xlYW5JbnB1dH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL2Jvb2xlYW4taW5wdXRcIjtcbmltcG9ydCB7QWJzdHJhY3RDb21wb25lbnR9IGZyb20gXCIuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWJhY2stdG8tdG9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2stdG8tdG9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFjay10by10b3AuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYWNrVG9Ub3BDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFRoZSBiYWNrIHRvIHRvcCBJRFxuICAgKiBAZGVmYXVsdCAnYmFjay10by10b3AtYnV0dG9uJ1xuICAgKi9cbiAgQElucHV0KCkgb3ZlcnJpZGUgaWQ6IHN0cmluZyA9ICdiYWNrLXRvLXRvcC1idXR0b24nO1xuXG4gIC8qKlxuICAgKiBTaG93IHNtYWxsIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgc21hbGw/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFNob3cgc2hhZG93XG4gICAqL1xuICBASW5wdXQoKSBzaGFkb3c/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEJ1dHRvbiB1c2FibGUgYnV0dG9uIG9uIGEgZGFyayBiYWNrZ3JvdW5kXG4gICAqL1xuICBASW5wdXQoKSBkYXJrPzogQm9vbGVhbklucHV0O1xuXG4gIGdldCBpc1NtYWxsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zbWFsbCk7XG4gIH1cblxuICBnZXQgaXNTaGFkb3coKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnNoYWRvdyk7XG4gIH1cblxuICBnZXQgaXNEYXJrKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5kYXJrKTtcbiAgfVxufVxuIiwiPGEgW2lkXT1cImlkXCJcbiAgIGhyZWY9XCIjXCJcbiAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICBkYXRhLWJzLXRvZ2dsZT1cImJhY2t0b3RvcFwiXG4gICBjbGFzcz1cImJhY2stdG8tdG9wXCJcbiAgIFtjbGFzcy5iYWNrLXRvLXRvcC1zbWFsbF09XCJpc1NtYWxsXCJcbiAgIFtjbGFzcy5zaGFkb3ddPVwiaXNTaGFkb3dcIlxuICAgW2NsYXNzLmRhcmtdPVwiaXNEYXJrXCI+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=

package/esm2020/lib/components/navigation/header/header.component.mjs

@@ -0,0 +1,61 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { isTrueBooleanInput } from "../../../utils/boolean-input";
+import { AbstractComponent } from "../../../abstracts/abstract.component";
+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 HeaderComponent extends AbstractComponent {
+    /**
+     * TODO: complete header
+     * @param _renderer
+     * @param _elementRef
+     */
+    constructor(_renderer, _elementRef) {
+        super(_renderer, _elementRef);
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        this.showSlim = true;
+        this.loginStyle = 'full';
+        this.smallHeader = true;
+        this.showSearch = true;
+        this.loginClick = new EventEmitter();
+        this.searchClick = new EventEmitter();
+    }
+    get isLight() {
+        return isTrueBooleanInput(this.light);
+    }
+    get isShowSlim() {
+        return isTrueBooleanInput(this.showSlim);
+    }
+    get isSmallHeader() {
+        return isTrueBooleanInput(this.smallHeader);
+    }
+    get isShowSearch() {
+        return isTrueBooleanInput(this.showSearch);
+    }
+}
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HeaderComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: HeaderComponent, selector: "it-header", inputs: { light: "light", showSlim: "showSlim", slimTitle: "slimTitle", loginStyle: "loginStyle", smallHeader: "smallHeader", showSearch: "showSearch" }, outputs: { loginClick: "loginClick", searchClick: "searchClick" }, usesInheritance: true, ngImport: i0, template: "<header class=\"it-header-wrapper\">\n  <div *ngIf=\"isShowSlim\" class=\"it-header-slim-wrapper\" [class.theme-light]=\"isLight\">\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div class=\"it-header-slim-wrapper-content\">\n            <a class=\"d-none d-lg-block navbar-brand\" href=\"#\">{{slimTitle}}</a>\n            <div class=\"nav-mobile\">\n              <nav [attr.aria-label]=\"'it.navigation.secondary-navigation'|translate\">\n                <a class=\"it-opener d-lg-none\" data-bs-toggle=\"collapse\" href=\"#menuC1\" role=\"button\"\n                   aria-expanded=\"false\" aria-controls=\"menuC1\">\n                  <span>{{slimTitle}}</span>\n                  <it-icon name=\"expand\"></it-icon>\n                </a>\n                <div class=\"link-list-wrapper collapse\" id=\"menuC1\">\n                  <ng-content select=\"[slimLinkList]\"></ng-content>\n                </div>\n              </nav>\n            </div>\n            <div class=\"it-header-slim-right-zone\">\n              <!-- TODO: add language dropdown -->\n              <ng-content select=\"[slimRightZone]\"></ng-content>\n              <div *ngIf=\"loginStyle === 'default'\" class=\"it-access-top-wrapper\">\n                <a class=\"btn btn-primary btn-sm\" (click)=\"loginClick.emit($event)\">\n                  {{'it.navigation.login'|translate}}\n                </a>\n              </div>\n            </div>\n            <button *ngIf=\"loginStyle === 'full'\" itButton=\"primary\" class=\"btn-full\" (click)=\"loginClick.emit($event)\">\n              <span class=\"rounded-icon\">\n                <it-icon name=\"user\" color=\"primary\"></it-icon>\n                <span class=\"d-none d-lg-block\">{{'it.navigation.full-login'|translate}}</span>\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"it-nav-wrapper\">\n    <div class=\"it-header-center-wrapper\" [class.it-small-header]=\"isSmallHeader\">\n      <div class=\"container-fluid\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"it-header-center-content-wrapper\">\n              <div class=\"it-brand-wrapper\">\n                <ng-content select=\"[brand]\"></ng-content>\n              </div>\n              <div class=\"it-right-zone\">\n                <ng-content select=\"[rightZone]\"></ng-content>\n\n                <div class=\"it-search-wrapper\" *ngIf=\"isShowSearch\">\n                  <span class=\"d-none d-md-block\">{{'it.navigation.search'|translate}}</span>\n                  <a class=\"search-link rounded-icon\" [attr.aria-label]=\"'it.navigation.website-search'|translate\" (click)=\"searchClick.emit($event)\">\n                    <it-icon name=\"search\"></it-icon>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- TODO: complete header -->\n  </div>\n</header>\n", styles: [".nav-mobile:has(.link-list-wrapper:empty){display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-header', template: "<header class=\"it-header-wrapper\">\n  <div *ngIf=\"isShowSlim\" class=\"it-header-slim-wrapper\" [class.theme-light]=\"isLight\">\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div class=\"it-header-slim-wrapper-content\">\n            <a class=\"d-none d-lg-block navbar-brand\" href=\"#\">{{slimTitle}}</a>\n            <div class=\"nav-mobile\">\n              <nav [attr.aria-label]=\"'it.navigation.secondary-navigation'|translate\">\n                <a class=\"it-opener d-lg-none\" data-bs-toggle=\"collapse\" href=\"#menuC1\" role=\"button\"\n                   aria-expanded=\"false\" aria-controls=\"menuC1\">\n                  <span>{{slimTitle}}</span>\n                  <it-icon name=\"expand\"></it-icon>\n                </a>\n                <div class=\"link-list-wrapper collapse\" id=\"menuC1\">\n                  <ng-content select=\"[slimLinkList]\"></ng-content>\n                </div>\n              </nav>\n            </div>\n            <div class=\"it-header-slim-right-zone\">\n              <!-- TODO: add language dropdown -->\n              <ng-content select=\"[slimRightZone]\"></ng-content>\n              <div *ngIf=\"loginStyle === 'default'\" class=\"it-access-top-wrapper\">\n                <a class=\"btn btn-primary btn-sm\" (click)=\"loginClick.emit($event)\">\n                  {{'it.navigation.login'|translate}}\n                </a>\n              </div>\n            </div>\n            <button *ngIf=\"loginStyle === 'full'\" itButton=\"primary\" class=\"btn-full\" (click)=\"loginClick.emit($event)\">\n              <span class=\"rounded-icon\">\n                <it-icon name=\"user\" color=\"primary\"></it-icon>\n                <span class=\"d-none d-lg-block\">{{'it.navigation.full-login'|translate}}</span>\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"it-nav-wrapper\">\n    <div class=\"it-header-center-wrapper\" [class.it-small-header]=\"isSmallHeader\">\n      <div class=\"container-fluid\">\n        <div class=\"row\">\n          <div class=\"col-12\">\n            <div class=\"it-header-center-content-wrapper\">\n              <div class=\"it-brand-wrapper\">\n                <ng-content select=\"[brand]\"></ng-content>\n              </div>\n              <div class=\"it-right-zone\">\n                <ng-content select=\"[rightZone]\"></ng-content>\n\n                <div class=\"it-search-wrapper\" *ngIf=\"isShowSearch\">\n                  <span class=\"d-none d-md-block\">{{'it.navigation.search'|translate}}</span>\n                  <a class=\"search-link rounded-icon\" [attr.aria-label]=\"'it.navigation.website-search'|translate\" (click)=\"searchClick.emit($event)\">\n                    <it-icon name=\"search\"></it-icon>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- TODO: complete header -->\n  </div>\n</header>\n", styles: [".nav-mobile:has(.link-list-wrapper:empty){display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { light: [{
+                type: Input
+            }], showSlim: [{
+                type: Input
+            }], slimTitle: [{
+                type: Input
+            }], loginStyle: [{
+                type: Input
+            }], smallHeader: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], loginClick: [{
+                type: Output
+            }], searchClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDNUYsT0FBTyxFQUFlLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDOUUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7Ozs7OztBQU94RSxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxpQkFBaUI7SUFrQnBEOzs7O09BSUc7SUFDSCxZQUM4QixTQUFvQixFQUNwQixXQUF1QjtRQUVuRCxLQUFLLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBSEYsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUNwQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQXJCNUMsYUFBUSxHQUFrQixJQUFJLENBQUM7UUFJL0IsZUFBVSxHQUFnQyxNQUFNLENBQUM7UUFFakQsZ0JBQVcsR0FBa0IsSUFBSSxDQUFDO1FBRWxDLGVBQVUsR0FBa0IsSUFBSSxDQUFDO1FBZ0J4QyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUE7UUFDM0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFBO0lBQzlDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QyxDQUFDOzs0R0E5Q1UsZUFBZTtnR0FBZixlQUFlLHFTQ1Q1QiwrL0ZBbUVBOzJGRDFEYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFdBQVc7eUhBTVosS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUVHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCb29sZWFuSW5wdXQsIGlzVHJ1ZUJvb2xlYW5JbnB1dH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxzL2Jvb2xlYW4taW5wdXRcIjtcbmltcG9ydCB7QWJzdHJhY3RDb21wb25lbnR9IGZyb20gXCIuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGlnaHQ/OiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KCkgc2hvd1NsaW0/OiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIHNsaW1UaXRsZT86IHN0cmluZztcblxuICBASW5wdXQoKSBsb2dpblN0eWxlOiAnbm9uZScgfCAnZGVmYXVsdCcgfCAnZnVsbCcgPSAnZnVsbCc7XG5cbiAgQElucHV0KCkgc21hbGxIZWFkZXI/OiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIHNob3dTZWFyY2g/OiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIEBPdXRwdXQoKSBsb2dpbkNsaWNrOiBFdmVudEVtaXR0ZXI8RXZlbnQ+O1xuXG4gIEBPdXRwdXQoKSBzZWFyY2hDbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PjtcblxuICAvKipcbiAgICogVE9ETzogY29tcGxldGUgaGVhZGVyXG4gICAqIEBwYXJhbSBfcmVuZGVyZXJcbiAgICogQHBhcmFtIF9lbGVtZW50UmVmXG4gICAqL1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IF9lbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICkge1xuICAgIHN1cGVyKF9yZW5kZXJlciwgX2VsZW1lbnRSZWYpO1xuICAgIHRoaXMubG9naW5DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KClcbiAgICB0aGlzLnNlYXJjaENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKVxuICB9XG5cbiAgZ2V0IGlzTGlnaHQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmxpZ2h0KTtcbiAgfVxuXG4gIGdldCBpc1Nob3dTbGltKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaG93U2xpbSk7XG4gIH1cblxuICBnZXQgaXNTbWFsbEhlYWRlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc21hbGxIZWFkZXIpO1xuICB9XG5cbiAgZ2V0IGlzU2hvd1NlYXJjaCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2hvd1NlYXJjaCk7XG4gIH1cblxufVxuIiwiPGhlYWRlciBjbGFzcz1cIml0LWhlYWRlci13cmFwcGVyXCI+XG4gIDxkaXYgKm5nSWY9XCJpc1Nob3dTbGltXCIgY2xhc3M9XCJpdC1oZWFkZXItc2xpbS13cmFwcGVyXCIgW2NsYXNzLnRoZW1lLWxpZ2h0XT1cImlzTGlnaHRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXQtaGVhZGVyLXNsaW0td3JhcHBlci1jb250ZW50XCI+XG4gICAgICAgICAgICA8YSBjbGFzcz1cImQtbm9uZSBkLWxnLWJsb2NrIG5hdmJhci1icmFuZFwiIGhyZWY9XCIjXCI+e3tzbGltVGl0bGV9fTwvYT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuYXYtbW9iaWxlXCI+XG4gICAgICAgICAgICAgIDxuYXYgW2F0dHIuYXJpYS1sYWJlbF09XCInaXQubmF2aWdhdGlvbi5zZWNvbmRhcnktbmF2aWdhdGlvbid8dHJhbnNsYXRlXCI+XG4gICAgICAgICAgICAgICAgPGEgY2xhc3M9XCJpdC1vcGVuZXIgZC1sZy1ub25lXCIgZGF0YS1icy10b2dnbGU9XCJjb2xsYXBzZVwiIGhyZWY9XCIjbWVudUMxXCIgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCIgYXJpYS1jb250cm9scz1cIm1lbnVDMVwiPlxuICAgICAgICAgICAgICAgICAgPHNwYW4+e3tzbGltVGl0bGV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDxpdC1pY29uIG5hbWU9XCJleHBhbmRcIj48L2l0LWljb24+XG4gICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsaW5rLWxpc3Qtd3JhcHBlciBjb2xsYXBzZVwiIGlkPVwibWVudUMxXCI+XG4gICAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xpbUxpbmtMaXN0XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9uYXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdC1oZWFkZXItc2xpbS1yaWdodC16b25lXCI+XG4gICAgICAgICAgICAgIDwhLS0gVE9ETzogYWRkIGxhbmd1YWdlIGRyb3Bkb3duIC0tPlxuICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xpbVJpZ2h0Wm9uZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJsb2dpblN0eWxlID09PSAnZGVmYXVsdCdcIiBjbGFzcz1cIml0LWFjY2Vzcy10b3Atd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwiYnRuIGJ0bi1wcmltYXJ5IGJ0bi1zbVwiIChjbGljayk9XCJsb2dpbkNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAge3snaXQubmF2aWdhdGlvbi5sb2dpbid8dHJhbnNsYXRlfX1cbiAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwibG9naW5TdHlsZSA9PT0gJ2Z1bGwnXCIgaXRCdXR0b249XCJwcmltYXJ5XCIgY2xhc3M9XCJidG4tZnVsbFwiIChjbGljayk9XCJsb2dpbkNsaWNrLmVtaXQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInJvdW5kZWQtaWNvblwiPlxuICAgICAgICAgICAgICAgIDxpdC1pY29uIG5hbWU9XCJ1c2VyXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9pdC1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZC1ub25lIGQtbGctYmxvY2tcIj57eydpdC5uYXZpZ2F0aW9uLmZ1bGwtbG9naW4nfHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJpdC1uYXYtd3JhcHBlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJpdC1oZWFkZXItY2VudGVyLXdyYXBwZXJcIiBbY2xhc3MuaXQtc21hbGwtaGVhZGVyXT1cImlzU21hbGxIZWFkZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdC1oZWFkZXItY2VudGVyLWNvbnRlbnQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXQtYnJhbmQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlticmFuZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXQtcmlnaHQtem9uZVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodFpvbmVdXCI+PC9uZy1jb250ZW50PlxuXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0LXNlYXJjaC13cmFwcGVyXCIgKm5nSWY9XCJpc1Nob3dTZWFyY2hcIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZC1ub25lIGQtbWQtYmxvY2tcIj57eydpdC5uYXZpZ2F0aW9uLnNlYXJjaCd8dHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8YSBjbGFzcz1cInNlYXJjaC1saW5rIHJvdW5kZWQtaWNvblwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ2l0Lm5hdmlnYXRpb24ud2Vic2l0ZS1zZWFyY2gnfHRyYW5zbGF0ZVwiIChjbGljayk9XCJzZWFyY2hDbGljay5lbWl0KCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgPGl0LWljb24gbmFtZT1cInNlYXJjaFwiPjwvaXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gVE9ETzogY29tcGxldGUgaGVhZGVyIC0tPlxuICA8L2Rpdj5cbjwvaGVhZGVyPlxuIl19

package/esm2020/lib/components/utils/icon/icon.component.mjs

@@ -0,0 +1,54 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IconComponent {
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        /**
+         * Custom class
+         */
+        this.class = '';
+    }
+    /**
+     * Return the icon href
+     */
+    get iconHref() {
+        return `/bootstrap-italia/dist/svg/sprites.svg#it-${this.name}`;
+    }
+    /**
+     * Return the icon class
+     */
+    get iconClass() {
+        let iconClass = 'icon';
+        if (this.size) {
+            iconClass += ` icon-${this.size}`;
+        }
+        if (this.color) {
+            iconClass += ` icon-${this.color}`;
+        }
+        if (this.class) {
+            iconClass += ` ${this.class}`;
+        }
+        return iconClass;
+    }
+    ngAfterViewInit() {
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IconComponent, selector: "it-icon[name]", inputs: { name: "name", size: "size", color: "color", padded: "padded", class: "class" }, ngImport: i0, template: "<svg [class]=\"iconClass\" [class.icon-padded]=\"padded\">\n  <use [attr.href]=\"iconHref\" [attr.xlink:href]=\"iconHref\"></use>\n</svg>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-icon[name]', template: "<svg [class]=\"iconClass\" [class.icon-padded]=\"padded\">\n  <use [attr.href]=\"iconHref\" [attr.xlink:href]=\"iconHref\"></use>\n</svg>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { name: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], padded: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL3V0aWxzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL3V0aWxzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBYyxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7O0FBU3JGLE1BQU0sT0FBTyxhQUFhO0lBbUR4QixZQUNxQixTQUFvQixFQUNwQixXQUF1QjtRQUR2QixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3BCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBL0I1Qzs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUE7SUE4QjNCLENBQUM7SUE1QkQ7O09BRUc7SUFDSCxJQUFJLFFBQVE7UUFDVixPQUFPLDZDQUE2QyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbEUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBSSxTQUFTO1FBQ1gsSUFBSSxTQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLFNBQVMsSUFBSSxTQUFTLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtTQUNsQztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLFNBQVMsSUFBSSxTQUFTLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQTtTQUNuQztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLFNBQVMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQTtTQUM5QjtRQUNELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7SUFRRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7MEdBM0RVLGFBQWE7OEZBQWIsYUFBYSwrSUNUMUIsNklBR0E7MkZETWEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxlQUFlO3lIQVNoQixJQUFJO3NCQUFaLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJY29uQ29sb3IsIEljb25OYW1lLCBJY29uU2l6ZX0gZnJvbSBcIi4uLy4uLy4uL2ludGVyZmFjZXMvaWNvblwiO1xuaW1wb3J0IHtCb29sZWFuSW5wdXR9IGZyb20gXCIuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWljb25bbmFtZV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIG5hbWVcbiAgICovXG4gIEBJbnB1dCgpIG5hbWUhOiBJY29uTmFtZTtcblxuICAvKipcbiAgICogVGhlIGljb24gc2l6ZVxuICAgKi9cbiAgQElucHV0KCkgc2l6ZT86IEljb25TaXplO1xuXG4gIC8qKlxuICAgKiBUaGUgaWNvbiBjb2xvclxuICAgKi9cbiAgQElucHV0KCkgY29sb3I/OiBJY29uQ29sb3I7XG5cbiAgLyoqXG4gICAqIENyZWF0ZSBhIHBhZGRpbmcgcHJvcG9ydGlvbmFsIHRvIHRoZSBzaXplIG9mIHRoZSBzdXJyb3VuZGluZyBpY29uLlxuICAgKi9cbiAgQElucHV0KCkgcGFkZGVkPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBDdXN0b20gY2xhc3NcbiAgICovXG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJ1xuXG4gIC8qKlxuICAgKiBSZXR1cm4gdGhlIGljb24gaHJlZlxuICAgKi9cbiAgZ2V0IGljb25IcmVmKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAvYm9vdHN0cmFwLWl0YWxpYS9kaXN0L3N2Zy9zcHJpdGVzLnN2ZyNpdC0ke3RoaXMubmFtZX1gO1xuICB9XG5cbiAgLyoqXG4gICAqIFJldHVybiB0aGUgaWNvbiBjbGFzc1xuICAgKi9cbiAgZ2V0IGljb25DbGFzcygpOiBzdHJpbmcge1xuICAgIGxldCBpY29uQ2xhc3MgPSAnaWNvbic7XG4gICAgaWYgKHRoaXMuc2l6ZSkge1xuICAgICAgaWNvbkNsYXNzICs9IGAgaWNvbi0ke3RoaXMuc2l6ZX1gXG4gICAgfVxuICAgIGlmICh0aGlzLmNvbG9yKSB7XG4gICAgICBpY29uQ2xhc3MgKz0gYCBpY29uLSR7dGhpcy5jb2xvcn1gXG4gICAgfVxuICAgIGlmICh0aGlzLmNsYXNzKSB7XG4gICAgICBpY29uQ2xhc3MgKz0gYCAke3RoaXMuY2xhc3N9YFxuICAgIH1cbiAgICByZXR1cm4gaWNvbkNsYXNzO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IF9yZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByb3RlY3RlZCByZWFkb25seSBfZWxlbWVudFJlZjogRWxlbWVudFJlZlxuICApIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLl9yZW5kZXJlci5yZW1vdmVBdHRyaWJ1dGUodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnY2xhc3MnKTtcbiAgfVxufVxuIiwiPHN2ZyBbY2xhc3NdPVwiaWNvbkNsYXNzXCIgW2NsYXNzLmljb24tcGFkZGVkXT1cInBhZGRlZFwiPlxuICA8dXNlIFthdHRyLmhyZWZdPVwiaWNvbkhyZWZcIiBbYXR0ci54bGluazpocmVmXT1cImljb25IcmVmXCI+PC91c2U+XG48L3N2Zz5cbiJdfQ==

package/esm2020/lib/components/utils/not-found-page/not-found-page.component.mjs

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../navigation/back-button/back-button.component";
+import * as i2 from "@ngx-translate/core";
+export class NotFoundPageComponent {
+}
+NotFoundPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotFoundPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotFoundPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotFoundPageComponent, selector: "it-not-found-page", ngImport: i0, template: "<div class=\"error-template text-center mt-5\">\n  <h1>404</h1>\n  <h2>{{'it.utils.404.title' | translate}}</h2>\n  <p>{{'it.utils.404.description' | translate}}</p>\n\n  <div class=\"mt-3\">\n    <it-back-button></it-back-button>\n    <a class=\"btn btn-primary ms-3\" href=\"/\" title=\"{{'it.utils.404.go-to-homepage' | translate}}\">\n      {{'it.utils.404.go-to-homepage' | translate}}\n    </a>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.BackButtonComponent, selector: "it-back-button", inputs: ["buttonStyle", "direction", "showIcon", "showText", "backFn"], exportAs: ["itBackButton"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotFoundPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'it-not-found-page', template: "<div class=\"error-template text-center mt-5\">\n  <h1>404</h1>\n  <h2>{{'it.utils.404.title' | translate}}</h2>\n  <p>{{'it.utils.404.description' | translate}}</p>\n\n  <div class=\"mt-3\">\n    <it-back-button></it-back-button>\n    <a class=\"btn btn-primary ms-3\" href=\"/\" title=\"{{'it.utils.404.go-to-homepage' | translate}}\">\n      {{'it.utils.404.go-to-homepage' | translate}}\n    </a>\n  </div>\n\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90LWZvdW5kLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy91dGlscy9ub3QtZm91bmQtcGFnZS9ub3QtZm91bmQtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL3V0aWxzL25vdC1mb3VuZC1wYWdlL25vdC1mb3VuZC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPeEMsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjtzR0FBckIscUJBQXFCLHlEQ1BsQyx3YUFhQTsyRkROYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1ub3QtZm91bmQtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3QtZm91bmQtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdC1mb3VuZC1wYWdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTm90Rm91bmRQYWdlQ29tcG9uZW50IHtcblxufVxuIiwiPGRpdiBjbGFzcz1cImVycm9yLXRlbXBsYXRlIHRleHQtY2VudGVyIG10LTVcIj5cbiAgPGgxPjQwNDwvaDE+XG4gIDxoMj57eydpdC51dGlscy40MDQudGl0bGUnIHwgdHJhbnNsYXRlfX08L2gyPlxuICA8cD57eydpdC51dGlscy40MDQuZGVzY3JpcHRpb24nIHwgdHJhbnNsYXRlfX08L3A+XG5cbiAgPGRpdiBjbGFzcz1cIm10LTNcIj5cbiAgICA8aXQtYmFjay1idXR0b24+PC9pdC1iYWNrLWJ1dHRvbj5cbiAgICA8YSBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBtcy0zXCIgaHJlZj1cIi9cIiB0aXRsZT1cInt7J2l0LnV0aWxzLjQwNC5nby10by1ob21lcGFnZScgfCB0cmFuc2xhdGV9fVwiPlxuICAgICAge3snaXQudXRpbHMuNDA0LmdvLXRvLWhvbWVwYWdlJyB8IHRyYW5zbGF0ZX19XG4gICAgPC9hPlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=