@koalarx/ui 12.7.19 → 13.0.3

package/file-button/fesm2015/koalarx-ui-file-button.mjs

@@ -0,0 +1,199 @@
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+class KoalaBtnFileService {
+    constructor() {
+        this.setFileSubject = new BehaviorSubject(null);
+        this.fileListSubject = new BehaviorSubject([]);
+    }
+    setFile(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (file) {
+                this.setFileSubject.next(file);
+            }
+        });
+    }
+    removeFile(files, index) {
+        files.splice(index, 1);
+        this.fileListSubject.next(files);
+    }
+}
+KoalaBtnFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaBtnFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }] });
+
+class FileButtonComponent {
+    constructor() {
+        this.autoclear = true;
+        this.getFiles = new EventEmitter();
+        this.files = [];
+        this.textSubject = new BehaviorSubject('');
+    }
+    ngOnInit() {
+        var _a;
+        this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;
+        this.textSubject.next((_a = this.text) !== null && _a !== void 0 ? _a : '');
+        if (this.setFile) {
+            this.setFile.subscribe((file) => __awaiter(this, void 0, void 0, function* () {
+                if (file) {
+                    const fileResult = yield this.convertFile(file);
+                    if (fileResult) {
+                        this.files.push(fileResult);
+                    }
+                    this.generateTextButton();
+                    this.getFiles.emit(this.files);
+                }
+            }));
+        }
+        if (this.updateFileList) {
+            this.updateFileList.subscribe((fileList) => {
+                this.files = fileList;
+                this.generateTextButton();
+            });
+        }
+    }
+    emitFiles(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (files) {
+                if ((files === null || files === void 0 ? void 0 : files.length) > 0) {
+                    for (let f = 0; f <= files.length; f++) {
+                        const file = files.item(f);
+                        if (file) {
+                            const fileResult = yield this.convertFile(file);
+                            if (fileResult) {
+                                this.files.push(fileResult);
+                            }
+                        }
+                    }
+                    this.getFiles.emit(this.files);
+                }
+                else {
+                    this.getFiles.emit([]);
+                }
+                this.generateTextButton();
+            }
+        });
+    }
+    open() {
+        var _a;
+        const elFile = (_a = this.file) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        if (elFile)
+            elFile.value = '';
+        if (this.autoclear) {
+            this.files = [];
+            this.getFiles.emit([]);
+            this.generateTextButton();
+        }
+        elFile === null || elFile === void 0 ? void 0 : elFile.click();
+    }
+    generateTextButton() {
+        var _a;
+        this.textSubject.next(this.files.length > 0
+            ? `${this.files.length} arquivo${this.files.length > 1 ? 's' : ''} selecionado`
+            : (_a = this.text) !== null && _a !== void 0 ? _a : '');
+    }
+    convertFile(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const blobFile = yield new Promise((resolve) => {
+                const fileReader = new FileReader();
+                fileReader.readAsDataURL(file);
+                fileReader.onload = () => {
+                    resolve(fileReader.result);
+                };
+            });
+            if (blobFile) {
+                const fileSplit = blobFile.toString().split(';base64,');
+                return {
+                    filename: file.name,
+                    type: fileSplit[0].replace('data:', ''),
+                    base64: fileSplit[1],
+                };
+            }
+            return null;
+        });
+    }
+}
+FileButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FileButtonComponent, selector: "koala-file-button", inputs: { color: "color", backgroundColor: "backgroundColor", icon: "icon", text: "text", tooltip: "tooltip", disabled: "disabled", multiple: "multiple", accept: "accept", setFile: "setFile", updateFileList: "updateFileList", autoclear: "autoclear" }, outputs: { getFiles: "getFiles" }, viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], ngImport: i0, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-file-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], setFile: [{
+                type: Input
+            }], updateFileList: [{
+                type: Input
+            }], autoclear: [{
+                type: Input
+            }], getFiles: [{
+                type: Output
+            }], file: [{
+                type: ViewChild,
+                args: ['file', { static: true }]
+            }] } });
+
+class KoalaFileButtonModule {
+}
+KoalaFileButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFileButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, declarations: [FileButtonComponent], imports: [CommonModule,
+        MatTooltipModule,
+        MatButtonModule,
+        MatIconModule], exports: [FileButtonComponent] });
+KoalaFileButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, imports: [[
+            CommonModule,
+            MatTooltipModule,
+            MatButtonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        FileButtonComponent
+                    ],
+                    declarations: [
+                        FileButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTooltipModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileButtonComponent, KoalaBtnFileService, KoalaFileButtonModule };
+//# sourceMappingURL=koalarx-ui-file-button.mjs.map

package/file-button/fesm2015/koalarx-ui-file-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-file-button.mjs","sources":["../../../projects/file-button/src/lib/koala.btn-file.service.ts","../../../projects/file-button/src/lib/file-button.component.ts","../../../projects/file-button/src/lib/file-button.component.html","../../../projects/file-button/src/lib/koala.file-button.module.ts","../../../projects/file-button/src/koalarx-ui-file-button.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { KoalaFileInterface } from './koala.file.interface';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaBtnFileService {\n\tpublic setFileSubject = new BehaviorSubject<File|null>(null);\n\tpublic fileListSubject = new BehaviorSubject<KoalaFileInterface[]>([]);\n\n\tpublic async setFile(file: File) {\n\t\tif (file) {\n\t\t\tthis.setFileSubject.next(file);\n\t\t}\n\t}\n\n\tpublic removeFile(files: KoalaFileInterface[], index: number) {\n\t\tfiles.splice(index, 1);\n\t\tthis.fileListSubject.next(files);\n\t}\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { KoalaFileInterface } from './koala.file.interface';\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n  selector: 'koala-file-button',\n  templateUrl: 'file-button.component.html',\n  styleUrls: ['file-button.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FileButtonComponent implements OnInit {\n  @Input() color?: string;\n  @Input() backgroundColor?: string;\n  @Input() icon?: string;\n  @Input() text?: string;\n  @Input() tooltip?: string;\n  @Input() disabled?: boolean;\n  @Input() multiple?: boolean;\n  @Input() accept?: string;\n  @Input() setFile?: BehaviorSubject<File>;\n  @Input() updateFileList?: BehaviorSubject<KoalaFileInterface[]>;\n  @Input() autoclear = true;\n  @Output() getFiles = new EventEmitter<KoalaFileInterface[]>();\n  public files: KoalaFileInterface[] = [];\n  public style?: string;\n\n  @ViewChild('file', { static: true }) private file?: ElementRef<HTMLInputElement>;\n\n  public textSubject = new BehaviorSubject<string>('');\n\n  ngOnInit() {\n    this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;\n    this.textSubject.next(this.text ?? '');\n    if (this.setFile) {\n      this.setFile.subscribe(async (file) => {\n        if (file) {\n          const fileResult = await this.convertFile(file);\n          if (fileResult) {\n            this.files.push(fileResult);\n          }\n          this.generateTextButton();\n          this.getFiles.emit(this.files);\n        }\n      });\n    }\n\n    if (this.updateFileList) {\n      this.updateFileList.subscribe((fileList) => {\n        this.files = fileList;\n        this.generateTextButton();\n      });\n    }\n  }\n\n  public async emitFiles(files: FileList | null) {\n    if (files) {\n      if (files?.length > 0) {\n        for (let f = 0; f <= files.length; f++) {\n          const file = files.item(f);\n          if (file) {\n            const fileResult = await this.convertFile(file);\n            if (fileResult) {\n              this.files.push(fileResult);\n            }\n          }\n        }\n\n        this.getFiles.emit(this.files);\n      } else {\n        this.getFiles.emit([]);\n      }\n      this.generateTextButton();\n    }\n  }\n\n  public open() {\n    const elFile = this.file?.nativeElement;\n    if (elFile) elFile.value = '';\n    if (this.autoclear) {\n      this.files = [];\n      this.getFiles.emit([]);\n      this.generateTextButton();\n    }\n    elFile?.click();\n  }\n\n  private generateTextButton() {\n    this.textSubject.next(\n      this.files.length > 0\n        ? `${this.files.length} arquivo${this.files.length > 1 ? 's' : ''} selecionado`\n        : this.text ?? '',\n    );\n  }\n\n  private async convertFile(file: File): Promise<KoalaFileInterface | null> {\n    const blobFile = await new Promise<string | ArrayBuffer | null>((resolve) => {\n      const fileReader = new FileReader();\n      fileReader.readAsDataURL(file);\n      fileReader.onload = () => {\n        resolve(fileReader.result);\n      };\n    });\n    if (blobFile) {\n      const fileSplit = blobFile.toString().split(';base64,');\n      return {\n        filename: file.name,\n        type: fileSplit[0].replace('data:', ''),\n        base64: fileSplit[1],\n      };\n    }\n\n    return null;\n  }\n}\n","<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { FileButtonComponent } from './file-button.component';\n\n@NgModule({\n  exports: [\n    FileButtonComponent\n  ],\n\tdeclarations: [\n\t\tFileButtonComponent\n\t],\n\timports: [\n\t\tCommonModule,\n\t\tMatTooltipModule,\n\t\tMatButtonModule,\n\t\tMatIconModule\n\t]\n})\nexport class KoalaFileButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-button/fesm2020/koalarx-ui-file-button.mjs

@@ -0,0 +1,189 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+
+class KoalaBtnFileService {
+    constructor() {
+        this.setFileSubject = new BehaviorSubject(null);
+        this.fileListSubject = new BehaviorSubject([]);
+    }
+    async setFile(file) {
+        if (file) {
+            this.setFileSubject.next(file);
+        }
+    }
+    removeFile(files, index) {
+        files.splice(index, 1);
+        this.fileListSubject.next(files);
+    }
+}
+KoalaBtnFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaBtnFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaBtnFileService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "any" }]
+        }] });
+
+class FileButtonComponent {
+    constructor() {
+        this.autoclear = true;
+        this.getFiles = new EventEmitter();
+        this.files = [];
+        this.textSubject = new BehaviorSubject('');
+    }
+    ngOnInit() {
+        this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;
+        this.textSubject.next(this.text ?? '');
+        if (this.setFile) {
+            this.setFile.subscribe(async (file) => {
+                if (file) {
+                    const fileResult = await this.convertFile(file);
+                    if (fileResult) {
+                        this.files.push(fileResult);
+                    }
+                    this.generateTextButton();
+                    this.getFiles.emit(this.files);
+                }
+            });
+        }
+        if (this.updateFileList) {
+            this.updateFileList.subscribe((fileList) => {
+                this.files = fileList;
+                this.generateTextButton();
+            });
+        }
+    }
+    async emitFiles(files) {
+        if (files) {
+            if (files?.length > 0) {
+                for (let f = 0; f <= files.length; f++) {
+                    const file = files.item(f);
+                    if (file) {
+                        const fileResult = await this.convertFile(file);
+                        if (fileResult) {
+                            this.files.push(fileResult);
+                        }
+                    }
+                }
+                this.getFiles.emit(this.files);
+            }
+            else {
+                this.getFiles.emit([]);
+            }
+            this.generateTextButton();
+        }
+    }
+    open() {
+        const elFile = this.file?.nativeElement;
+        if (elFile)
+            elFile.value = '';
+        if (this.autoclear) {
+            this.files = [];
+            this.getFiles.emit([]);
+            this.generateTextButton();
+        }
+        elFile?.click();
+    }
+    generateTextButton() {
+        this.textSubject.next(this.files.length > 0
+            ? `${this.files.length} arquivo${this.files.length > 1 ? 's' : ''} selecionado`
+            : this.text ?? '');
+    }
+    async convertFile(file) {
+        const blobFile = await new Promise((resolve) => {
+            const fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onload = () => {
+                resolve(fileReader.result);
+            };
+        });
+        if (blobFile) {
+            const fileSplit = blobFile.toString().split(';base64,');
+            return {
+                filename: file.name,
+                type: fileSplit[0].replace('data:', ''),
+                base64: fileSplit[1],
+            };
+        }
+        return null;
+    }
+}
+FileButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FileButtonComponent, selector: "koala-file-button", inputs: { color: "color", backgroundColor: "backgroundColor", icon: "icon", text: "text", tooltip: "tooltip", disabled: "disabled", multiple: "multiple", accept: "accept", setFile: "setFile", updateFileList: "updateFileList", autoclear: "autoclear" }, outputs: { getFiles: "getFiles" }, viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], ngImport: i0, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FileButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-file-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".koala-button{padding:2px 8px}.koala-icon-button:disabled,.koala-button:disabled{background:#cccccc!important;color:#616161!important;cursor:not-allowed}.koala-icon-button{height:25px;line-height:25px;width:25px}.koala-icon-button mat-icon{font-size:20px;height:20px;line-height:20px;position:relative;width:20px}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], setFile: [{
+                type: Input
+            }], updateFileList: [{
+                type: Input
+            }], autoclear: [{
+                type: Input
+            }], getFiles: [{
+                type: Output
+            }], file: [{
+                type: ViewChild,
+                args: ['file', { static: true }]
+            }] } });
+
+class KoalaFileButtonModule {
+}
+KoalaFileButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFileButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, declarations: [FileButtonComponent], imports: [CommonModule,
+        MatTooltipModule,
+        MatButtonModule,
+        MatIconModule], exports: [FileButtonComponent] });
+KoalaFileButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, imports: [[
+            CommonModule,
+            MatTooltipModule,
+            MatButtonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        FileButtonComponent
+                    ],
+                    declarations: [
+                        FileButtonComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTooltipModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileButtonComponent, KoalaBtnFileService, KoalaFileButtonModule };
+//# sourceMappingURL=koalarx-ui-file-button.mjs.map

package/file-button/fesm2020/koalarx-ui-file-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-file-button.mjs","sources":["../../../projects/file-button/src/lib/koala.btn-file.service.ts","../../../projects/file-button/src/lib/file-button.component.ts","../../../projects/file-button/src/lib/file-button.component.html","../../../projects/file-button/src/lib/koala.file-button.module.ts","../../../projects/file-button/src/koalarx-ui-file-button.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { KoalaFileInterface } from './koala.file.interface';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaBtnFileService {\n\tpublic setFileSubject = new BehaviorSubject<File|null>(null);\n\tpublic fileListSubject = new BehaviorSubject<KoalaFileInterface[]>([]);\n\n\tpublic async setFile(file: File) {\n\t\tif (file) {\n\t\t\tthis.setFileSubject.next(file);\n\t\t}\n\t}\n\n\tpublic removeFile(files: KoalaFileInterface[], index: number) {\n\t\tfiles.splice(index, 1);\n\t\tthis.fileListSubject.next(files);\n\t}\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { KoalaFileInterface } from './koala.file.interface';\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n  selector: 'koala-file-button',\n  templateUrl: 'file-button.component.html',\n  styleUrls: ['file-button.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FileButtonComponent implements OnInit {\n  @Input() color?: string;\n  @Input() backgroundColor?: string;\n  @Input() icon?: string;\n  @Input() text?: string;\n  @Input() tooltip?: string;\n  @Input() disabled?: boolean;\n  @Input() multiple?: boolean;\n  @Input() accept?: string;\n  @Input() setFile?: BehaviorSubject<File>;\n  @Input() updateFileList?: BehaviorSubject<KoalaFileInterface[]>;\n  @Input() autoclear = true;\n  @Output() getFiles = new EventEmitter<KoalaFileInterface[]>();\n  public files: KoalaFileInterface[] = [];\n  public style?: string;\n\n  @ViewChild('file', { static: true }) private file?: ElementRef<HTMLInputElement>;\n\n  public textSubject = new BehaviorSubject<string>('');\n\n  ngOnInit() {\n    this.style = `color: ${this.color}!important;background-color: ${this.backgroundColor}!important;`;\n    this.textSubject.next(this.text ?? '');\n    if (this.setFile) {\n      this.setFile.subscribe(async (file) => {\n        if (file) {\n          const fileResult = await this.convertFile(file);\n          if (fileResult) {\n            this.files.push(fileResult);\n          }\n          this.generateTextButton();\n          this.getFiles.emit(this.files);\n        }\n      });\n    }\n\n    if (this.updateFileList) {\n      this.updateFileList.subscribe((fileList) => {\n        this.files = fileList;\n        this.generateTextButton();\n      });\n    }\n  }\n\n  public async emitFiles(files: FileList | null) {\n    if (files) {\n      if (files?.length > 0) {\n        for (let f = 0; f <= files.length; f++) {\n          const file = files.item(f);\n          if (file) {\n            const fileResult = await this.convertFile(file);\n            if (fileResult) {\n              this.files.push(fileResult);\n            }\n          }\n        }\n\n        this.getFiles.emit(this.files);\n      } else {\n        this.getFiles.emit([]);\n      }\n      this.generateTextButton();\n    }\n  }\n\n  public open() {\n    const elFile = this.file?.nativeElement;\n    if (elFile) elFile.value = '';\n    if (this.autoclear) {\n      this.files = [];\n      this.getFiles.emit([]);\n      this.generateTextButton();\n    }\n    elFile?.click();\n  }\n\n  private generateTextButton() {\n    this.textSubject.next(\n      this.files.length > 0\n        ? `${this.files.length} arquivo${this.files.length > 1 ? 's' : ''} selecionado`\n        : this.text ?? '',\n    );\n  }\n\n  private async convertFile(file: File): Promise<KoalaFileInterface | null> {\n    const blobFile = await new Promise<string | ArrayBuffer | null>((resolve) => {\n      const fileReader = new FileReader();\n      fileReader.readAsDataURL(file);\n      fileReader.onload = () => {\n        resolve(fileReader.result);\n      };\n    });\n    if (blobFile) {\n      const fileSplit = blobFile.toString().split(';base64,');\n      return {\n        filename: file.name,\n        type: fileSplit[0].replace('data:', ''),\n        base64: fileSplit[1],\n      };\n    }\n\n    return null;\n  }\n}\n","<input #file (change)=\"emitFiles(file.files)\" [accept]=\"accept\" [multiple]=\"multiple\"\n       style=\"display: none;\"\n       type=\"file\"/>\n<button\n\t(click)=\"open()\"\n\t*ngIf=\"text else iconButton\"\n\t[disabled]=\"disabled\"\n\t[matTooltipDisabled]=\"!tooltip\"\n\t[matTooltip]=\"tooltip ?? ''\"\n  [style]=\"style\"\n\tclass=\"koala-button\"\n\tmat-button\n\tmatTooltipPosition=\"above\"\n\ttype=\"button\">\n  <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n\t{{textSubject | async}}\n</button>\n<ng-template #iconButton>\n  <button\n\t  (click)=\"open()\"\n\t  [disabled]=\"disabled\"\n\t  [matTooltipDisabled]=\"!tooltip\"\n\t  [matTooltip]=\"tooltip ?? ''\"\n    [style]=\"style\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  matTooltipPosition=\"before\"\n\t  type=\"button\">\n    <mat-icon>{{icon}}</mat-icon>\n  </button>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { FileButtonComponent } from './file-button.component';\n\n@NgModule({\n  exports: [\n    FileButtonComponent\n  ],\n\tdeclarations: [\n\t\tFileButtonComponent\n\t],\n\timports: [\n\t\tCommonModule,\n\t\tMatTooltipModule,\n\t\tMatButtonModule,\n\t\tMatIconModule\n\t]\n})\nexport class KoalaFileButtonModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-button/koalarx-ui-file-button.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@koalarx/ui/file-button" />
 export * from './index';

package/file-button/lib/file-button.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { KoalaFileInterface } from './koala.file.interface';
 import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class FileButtonComponent implements OnInit {
     color?: string;
     backgroundColor?: string;
@@ -19,8 +20,10 @@ export declare class FileButtonComponent implements OnInit {
     private file?;
     textSubject: BehaviorSubject<string>;
     ngOnInit(): void;
-    emitFiles(files: FileList): Promise<void>;
+    emitFiles(files: FileList | null): Promise<void>;
     open(): void;
     private generateTextButton;
     private convertFile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileButtonComponent, "koala-file-button", never, { "color": "color"; "backgroundColor": "backgroundColor"; "icon": "icon"; "text": "text"; "tooltip": "tooltip"; "disabled": "disabled"; "multiple": "multiple"; "accept": "accept"; "setFile": "setFile"; "updateFileList": "updateFileList"; "autoclear": "autoclear"; }, { "getFiles": "getFiles"; }, never, never>;
 }

package/file-button/lib/koala.btn-file.service.d.ts

@@ -1,8 +1,11 @@
 import { BehaviorSubject } from 'rxjs';
 import { KoalaFileInterface } from './koala.file.interface';
+import * as i0 from "@angular/core";
 export declare class KoalaBtnFileService {
     setFileSubject: BehaviorSubject<File | null>;
     fileListSubject: BehaviorSubject<KoalaFileInterface[]>;
     setFile(file: File): Promise<void>;
     removeFile(files: KoalaFileInterface[], index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaBtnFileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KoalaBtnFileService>;
 }

package/file-button/lib/koala.file-button.module.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/icon";
 export declare class KoalaFileButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KoalaFileButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KoalaFileButtonModule, [typeof i1.FileButtonComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatButtonModule, typeof i5.MatIconModule], [typeof i1.FileButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KoalaFileButtonModule>;
 }

package/file-button/package.json

@@ -8,12 +8,24 @@
   "dependencies": {
     "tslib": "^2.1.0"
   },
-  "main": "bundles/koalarx-ui-file-button.umd.js",
-  "module": "fesm2015/koalarx-ui-file-button.js",
-  "es2015": "fesm2015/koalarx-ui-file-button.js",
-  "esm2015": "esm2015/koalarx-ui-file-button.js",
-  "fesm2015": "fesm2015/koalarx-ui-file-button.js",
+  "module": "fesm2015/koalarx-ui-file-button.mjs",
+  "es2020": "fesm2020/koalarx-ui-file-button.mjs",
+  "esm2020": "esm2020/koalarx-ui-file-button.mjs",
+  "fesm2020": "fesm2020/koalarx-ui-file-button.mjs",
+  "fesm2015": "fesm2015/koalarx-ui-file-button.mjs",
   "typings": "koalarx-ui-file-button.d.ts",
-  "metadata": "koalarx-ui-file-button.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./koalarx-ui-file-button.d.ts",
+      "esm2020": "./esm2020/koalarx-ui-file-button.mjs",
+      "es2020": "./fesm2020/koalarx-ui-file-button.mjs",
+      "es2015": "./fesm2015/koalarx-ui-file-button.mjs",
+      "node": "./fesm2015/koalarx-ui-file-button.mjs",
+      "default": "./fesm2020/koalarx-ui-file-button.mjs"
+    }
+  },
   "sideEffects": false
 }

package/folder-page/esm2020/lib/folder.component.mjs

@@ -0,0 +1,70 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@koalarx/ui/icon";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/router";
+export class FolderComponent {
+    constructor() {
+        this.titlePage = 'Title';
+        this.customFolderFontColor = '#212121';
+        this.customFolderBackgroudColor = '#FFF';
+    }
+    ngOnInit() {
+        this.setCustomBackgroundColor();
+    }
+    ngOnChanges(changes) {
+        if (changes.customBackgroudColor || changes.customFolderFontColor) {
+            this.setCustomBackgroundColor();
+        }
+    }
+    getKoalaIcon() {
+        return this.titleIcon;
+    }
+    setCustomBackgroundColor() {
+        if (this.customFolderBackgroudColor) {
+            const folder = this.folder?.nativeElement;
+            folder.style.background = this.customFolderBackgroudColor;
+        }
+        if (this.customFolderFontColor) {
+            const folderTitle = this.folderTitle?.nativeElement;
+            folderTitle.style.color = this.customFolderFontColor;
+            const folderIconTitle = this.folderTitle?.nativeElement;
+            folderIconTitle.style.color = this.customFolderFontColor;
+            setTimeout(() => {
+                if (this.folderNavigateHistory) {
+                    const folderNavigateHistory = this.folderNavigateHistory.nativeElement;
+                    folderNavigateHistory.style.color = this.customFolderFontColor;
+                }
+            }, 50);
+        }
+    }
+}
+FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FolderComponent, selector: "koala-folder-page", inputs: { titlePage: "titlePage", titleIcon: "titleIcon", koalaIcon: "koalaIcon", customFolderFontColor: "customFolderFontColor", customFolderBackgroudColor: "customFolderBackgroudColor", navigateHistory: "navigateHistory" }, viewQueries: [{ propertyName: "folder", first: true, predicate: ["folder"], descendants: true, static: true }, { propertyName: "folderTitle", first: true, predicate: ["folderTitle"], descendants: true, static: true }, { propertyName: "folderNavigateHistory", first: true, predicate: ["folderNavigateHistory"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #folder class=\"folder-list\">\n  <h1 #folderTitle>\n    <mat-icon #folderIconTitle *ngIf=\"titleIcon && !koalaIcon\">{{titleIcon}}</mat-icon>\n    <koala-icon *ngIf=\"titleIcon && koalaIcon\" [size]=\"20\" [color]=\"customFolderFontColor\" [icon]=\"getKoalaIcon()\"></koala-icon>\n    {{titlePage}}\n  </h1>\n  <ul #folderNavigateHistory class=\"navigate-history\" *ngIf=\"navigateHistory\">\n    <li *ngFor=\"let item of navigateHistory\">\n      <a [style]=\"'color: ' + customFolderFontColor\" [ngClass]=\"{'disabled': !item.routerLink}\" [routerLink]=\"item.routerLink\">{{item.name}}</a>\n    </li>\n  </ul>\n  <nav class=\"menu-folder\">\n    <ng-content select=\"[menu-page]\"></ng-content>\n  </nav>\n\n  <div class=\"content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n</div>\n", styles: [".folder-list{position:relative;background-size:cover;width:100%;height:160px;box-sizing:border-box}.folder-list h1{padding:0;margin:0;position:absolute;top:20px;left:20px;font-size:1.2em;font-family:OpenSans,sans-serif;font-weight:700;display:flex;align-items:center}.folder-list h1 mat-icon,.folder-list h1 koala-icon{margin-right:10px}nav.menu-folder{position:absolute;right:0;top:20px;z-index:4;padding:7px 30px}.content{position:relative;display:block;height:calc(100vh - 155px);overflow-x:hidden;top:85px;margin:0 auto;padding:3px 0}.navigate-history{position:absolute;top:45px;display:flex;align-items:center;list-style:none;padding:5px 20px;margin:0;font-size:0}.navigate-history li a{font-size:12px;text-decoration:none}.navigate-history li a.disabled{cursor:default;opacity:.8;pointer-events:none}.navigate-history li:after{content:\">\";padding:0 5px;font-size:12px;color:inherit}.navigate-history li:last-child:after{content:\"\";padding:0}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FolderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'koala-folder-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #folder class=\"folder-list\">\n  <h1 #folderTitle>\n    <mat-icon #folderIconTitle *ngIf=\"titleIcon && !koalaIcon\">{{titleIcon}}</mat-icon>\n    <koala-icon *ngIf=\"titleIcon && koalaIcon\" [size]=\"20\" [color]=\"customFolderFontColor\" [icon]=\"getKoalaIcon()\"></koala-icon>\n    {{titlePage}}\n  </h1>\n  <ul #folderNavigateHistory class=\"navigate-history\" *ngIf=\"navigateHistory\">\n    <li *ngFor=\"let item of navigateHistory\">\n      <a [style]=\"'color: ' + customFolderFontColor\" [ngClass]=\"{'disabled': !item.routerLink}\" [routerLink]=\"item.routerLink\">{{item.name}}</a>\n    </li>\n  </ul>\n  <nav class=\"menu-folder\">\n    <ng-content select=\"[menu-page]\"></ng-content>\n  </nav>\n\n  <div class=\"content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n\n</div>\n", styles: [".folder-list{position:relative;background-size:cover;width:100%;height:160px;box-sizing:border-box}.folder-list h1{padding:0;margin:0;position:absolute;top:20px;left:20px;font-size:1.2em;font-family:OpenSans,sans-serif;font-weight:700;display:flex;align-items:center}.folder-list h1 mat-icon,.folder-list h1 koala-icon{margin-right:10px}nav.menu-folder{position:absolute;right:0;top:20px;z-index:4;padding:7px 30px}.content{position:relative;display:block;height:calc(100vh - 155px);overflow-x:hidden;top:85px;margin:0 auto;padding:3px 0}.navigate-history{position:absolute;top:45px;display:flex;align-items:center;list-style:none;padding:5px 20px;margin:0;font-size:0}.navigate-history li a{font-size:12px;text-decoration:none}.navigate-history li a.disabled{cursor:default;opacity:.8;pointer-events:none}.navigate-history li:after{content:\">\";padding:0 5px;font-size:12px;color:inherit}.navigate-history li:last-child:after{content:\"\";padding:0}\n"] }]
+        }], propDecorators: { titlePage: [{
+                type: Input
+            }], titleIcon: [{
+                type: Input
+            }], koalaIcon: [{
+                type: Input
+            }], customFolderFontColor: [{
+                type: Input
+            }], customFolderBackgroudColor: [{
+                type: Input
+            }], navigateHistory: [{
+                type: Input
+            }], folder: [{
+                type: ViewChild,
+                args: ['folder', { static: true }]
+            }], folderTitle: [{
+                type: ViewChild,
+                args: ['folderTitle', { static: true }]
+            }], folderNavigateHistory: [{
+                type: ViewChild,
+                args: ['folderNavigateHistory', { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9sZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ZvbGRlci1wYWdlL3NyYy9saWIvZm9sZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL2ZvbGRlci1wYWdlL3NyYy9saWIvZm9sZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULEtBQUssRUFJTCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVV2QixNQUFNLE9BQU8sZUFBZTtJQU41QjtRQU9XLGNBQVMsR0FBVyxPQUFPLENBQUM7UUFHNUIsMEJBQXFCLEdBQVcsU0FBUyxDQUFDO1FBQzFDLCtCQUEwQixHQUFXLE1BQU0sQ0FBQztLQXVDdEQ7SUFoQ0MsUUFBUTtRQUNOLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsb0JBQW9CLElBQUksT0FBTyxDQUFDLHFCQUFxQixFQUFFO1lBQ2pFLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVNLFlBQVk7UUFDakIsT0FBTyxJQUFJLENBQUMsU0FBMEIsQ0FBQztJQUN6QyxDQUFDO0lBRU8sd0JBQXdCO1FBQzlCLElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsYUFBK0IsQ0FBQztZQUM1RCxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsMEJBQTBCLENBQUM7U0FDM0Q7UUFDRCxJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUM5QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQStCLENBQUM7WUFDdEUsV0FBVyxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1lBQ3JELE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBK0IsQ0FBQztZQUMxRSxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7WUFDekQsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtvQkFDOUIsTUFBTSxxQkFBcUIsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsYUFBK0IsQ0FBQztvQkFDekYscUJBQXFCLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7aUJBQ2hFO1lBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ1I7SUFDSCxDQUFDOzs0R0EzQ1UsZUFBZTtnR0FBZixlQUFlLDRuQkNuQjVCLGt6QkFvQkE7MkZERGEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLDBCQUEwQjtzQkFBbEMsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUV1QyxNQUFNO3NCQUFsRCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7Z0JBQ2UsV0FBVztzQkFBNUQsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUNxQixxQkFBcUI7c0JBQWpGLFNBQVM7dUJBQUMsdUJBQXVCLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYUljb25UeXBlIH0gZnJvbSAnQGtvYWxhcngvdWkvaWNvbic7XG5pbXBvcnQgeyBLb2FsYU5hdmlnYXRlSGlzdG9yeUludGVyZmFjZSB9IGZyb20gXCIuL2tvYWxhLW5hdmlnYXRlLWhpc3RvcnkuaW50ZXJmYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tvYWxhLWZvbGRlci1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICdmb2xkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnZm9sZGVyLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRm9sZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSB0aXRsZVBhZ2U6IHN0cmluZyA9ICdUaXRsZSc7XG4gIEBJbnB1dCgpIHRpdGxlSWNvbj86IHN0cmluZyB8IEtvYWxhSWNvblR5cGU7XG4gIEBJbnB1dCgpIGtvYWxhSWNvbj86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGN1c3RvbUZvbGRlckZvbnRDb2xvcjogc3RyaW5nID0gJyMyMTIxMjEnO1xuICBASW5wdXQoKSBjdXN0b21Gb2xkZXJCYWNrZ3JvdWRDb2xvcjogc3RyaW5nID0gJyNGRkYnO1xuICBASW5wdXQoKSBuYXZpZ2F0ZUhpc3Rvcnk/OiBLb2FsYU5hdmlnYXRlSGlzdG9yeUludGVyZmFjZVtdO1xuXG4gIEBWaWV3Q2hpbGQoJ2ZvbGRlcicsIHtzdGF0aWM6IHRydWV9KSBwcml2YXRlIGZvbGRlcj86IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ2ZvbGRlclRpdGxlJywge3N0YXRpYzogdHJ1ZX0pIHByaXZhdGUgZm9sZGVyVGl0bGU/OiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdmb2xkZXJOYXZpZ2F0ZUhpc3RvcnknLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgZm9sZGVyTmF2aWdhdGVIaXN0b3J5PzogRWxlbWVudFJlZjtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNldEN1c3RvbUJhY2tncm91bmRDb2xvcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzLmN1c3RvbUJhY2tncm91ZENvbG9yIHx8IGNoYW5nZXMuY3VzdG9tRm9sZGVyRm9udENvbG9yKSB7XG4gICAgICB0aGlzLnNldEN1c3RvbUJhY2tncm91bmRDb2xvcigpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRLb2FsYUljb24oKSB7XG4gICAgcmV0dXJuIHRoaXMudGl0bGVJY29uIGFzIEtvYWxhSWNvblR5cGU7XG4gIH1cblxuICBwcml2YXRlIHNldEN1c3RvbUJhY2tncm91bmRDb2xvcigpIHtcbiAgICBpZiAodGhpcy5jdXN0b21Gb2xkZXJCYWNrZ3JvdWRDb2xvcikge1xuICAgICAgY29uc3QgZm9sZGVyID0gdGhpcy5mb2xkZXI/Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBmb2xkZXIuc3R5bGUuYmFja2dyb3VuZCA9IHRoaXMuY3VzdG9tRm9sZGVyQmFja2dyb3VkQ29sb3I7XG4gICAgfVxuICAgIGlmICh0aGlzLmN1c3RvbUZvbGRlckZvbnRDb2xvcikge1xuICAgICAgY29uc3QgZm9sZGVyVGl0bGUgPSB0aGlzLmZvbGRlclRpdGxlPy5uYXRpdmVFbGVtZW50IGFzIEhUTUxEaXZFbGVtZW50O1xuICAgICAgZm9sZGVyVGl0bGUuc3R5bGUuY29sb3IgPSB0aGlzLmN1c3RvbUZvbGRlckZvbnRDb2xvcjtcbiAgICAgIGNvbnN0IGZvbGRlckljb25UaXRsZSA9IHRoaXMuZm9sZGVyVGl0bGU/Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTERpdkVsZW1lbnQ7XG4gICAgICBmb2xkZXJJY29uVGl0bGUuc3R5bGUuY29sb3IgPSB0aGlzLmN1c3RvbUZvbGRlckZvbnRDb2xvcjtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5mb2xkZXJOYXZpZ2F0ZUhpc3RvcnkpIHtcbiAgICAgICAgICBjb25zdCBmb2xkZXJOYXZpZ2F0ZUhpc3RvcnkgPSB0aGlzLmZvbGRlck5hdmlnYXRlSGlzdG9yeS5uYXRpdmVFbGVtZW50IGFzIEhUTUxEaXZFbGVtZW50O1xuICAgICAgICAgIGZvbGRlck5hdmlnYXRlSGlzdG9yeS5zdHlsZS5jb2xvciA9IHRoaXMuY3VzdG9tRm9sZGVyRm9udENvbG9yO1xuICAgICAgICB9XG4gICAgICB9LCA1MCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2ICNmb2xkZXIgY2xhc3M9XCJmb2xkZXItbGlzdFwiPlxuICA8aDEgI2ZvbGRlclRpdGxlPlxuICAgIDxtYXQtaWNvbiAjZm9sZGVySWNvblRpdGxlICpuZ0lmPVwidGl0bGVJY29uICYmICFrb2FsYUljb25cIj57e3RpdGxlSWNvbn19PC9tYXQtaWNvbj5cbiAgICA8a29hbGEtaWNvbiAqbmdJZj1cInRpdGxlSWNvbiAmJiBrb2FsYUljb25cIiBbc2l6ZV09XCIyMFwiIFtjb2xvcl09XCJjdXN0b21Gb2xkZXJGb250Q29sb3JcIiBbaWNvbl09XCJnZXRLb2FsYUljb24oKVwiPjwva29hbGEtaWNvbj5cbiAgICB7e3RpdGxlUGFnZX19XG4gIDwvaDE+XG4gIDx1bCAjZm9sZGVyTmF2aWdhdGVIaXN0b3J5IGNsYXNzPVwibmF2aWdhdGUtaGlzdG9yeVwiICpuZ0lmPVwibmF2aWdhdGVIaXN0b3J5XCI+XG4gICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIG5hdmlnYXRlSGlzdG9yeVwiPlxuICAgICAgPGEgW3N0eWxlXT1cIidjb2xvcjogJyArIGN1c3RvbUZvbGRlckZvbnRDb2xvclwiIFtuZ0NsYXNzXT1cInsnZGlzYWJsZWQnOiAhaXRlbS5yb3V0ZXJMaW5rfVwiIFtyb3V0ZXJMaW5rXT1cIml0ZW0ucm91dGVyTGlua1wiPnt7aXRlbS5uYW1lfX08L2E+XG4gICAgPC9saT5cbiAgPC91bD5cbiAgPG5hdiBjbGFzcz1cIm1lbnUtZm9sZGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21lbnUtcGFnZV1cIj48L25nLWNvbnRlbnQ+XG4gIDwvbmF2PlxuXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=