@koalarx/ui 13.0.10 → 13.0.13

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

@@ -1 +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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"}
+{"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

@@ -25,9 +25,9 @@ class KoalaBtnFileService {
         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: [{
+KoalaBtnFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaBtnFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaBtnFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaBtnFileService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaBtnFileService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }] });
@@ -116,9 +116,9 @@ class FileButtonComponent {
         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: [{
+FileButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FileButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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: [{
@@ -152,18 +152,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 
 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,
+KoalaFileButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFileButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFileButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", 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: [[
+KoalaFileButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFileButtonModule, imports: [[
             CommonModule,
             MatTooltipModule,
             MatButtonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFileButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFileButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [

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

@@ -1 +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":";;;;;;;;;;;;MAKa,mBAAmB;IADhC;QAEQ,mBAAc,GAAG,IAAI,eAAe,CAAY,IAAI,CAAC,CAAC;QACtD,oBAAe,GAAG,IAAI,eAAe,CAAuB,EAAE,CAAC,CAAC;KAYvE;IAVO,MAAM,OAAO,CAAC,IAAU;QAC9B,IAAI,IAAI,EAAE;YACT,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/B;KACD;IAEM,UAAU,CAAC,KAA2B,EAAE,KAAa;QAC3D,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;;gHAbW,mBAAmB;oHAAnB,mBAAmB,cADP,KAAK;2FACjB,mBAAmB;kBAD/B,UAAU;mBAAC,EAAC,UAAU,EAAE,KAAK,EAAC;;;MCelB,mBAAmB;IANhC;QAiBW,cAAS,GAAG,IAAI,CAAC;QAChB,aAAQ,GAAG,IAAI,YAAY,EAAwB,CAAC;QACvD,UAAK,GAAyB,EAAE,CAAC;QAKjC,gBAAW,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KAqFtD;IAnFC,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,UAAU,IAAI,CAAC,KAAK,gCAAgC,IAAI,CAAC,eAAe,aAAa,CAAC;QACnG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACvC,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,IAAI;gBAChC,IAAI,IAAI,EAAE;oBACR,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBAChD,IAAI,UAAU,EAAE;wBACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC7B;oBACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAChC;aACF,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,QAAQ;gBACrC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;gBACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC3B,CAAC,CAAC;SACJ;KACF;IAEM,MAAM,SAAS,CAAC,KAAsB;QAC3C,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,EAAE,MAAM,GAAG,CAAC,EAAE;gBACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACtC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAC3B,IAAI,IAAI,EAAE;wBACR,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBAChD,IAAI,UAAU,EAAE;4BACd,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;yBAC7B;qBACF;iBACF;gBAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aACxB;YACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;KACF;IAEM,IAAI;QACT,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC;QACxC,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QACD,MAAM,EAAE,KAAK,EAAE,CAAC;KACjB;IAEO,kBAAkB;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;cACjB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,cAAc;cAC7E,IAAI,CAAC,IAAI,IAAI,EAAE,CACpB,CAAC;KACH;IAEO,MAAM,WAAW,CAAC,IAAU;QAClC,MAAM,QAAQ,GAAG,MAAM,IAAI,OAAO,CAA8B,CAAC,OAAO;YACtE,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;YACpC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC/B,UAAU,CAAC,MAAM,GAAG;gBAClB,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;aAC5B,CAAC;SACH,CAAC,CAAC;QACH,IAAI,QAAQ,EAAE;YACZ,MAAM,SAAS,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxD,OAAO;gBACL,QAAQ,EAAE,IAAI,CAAC,IAAI;gBACnB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;gBACvC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;aACrB,CAAC;SACH;QAED,OAAO,IAAI,CAAC;KACb;;gHAtGU,mBAAmB;oGAAnB,mBAAmB,ocCnBhC,82BA+BA;2FDZa,mBAAmB;kBAN/B,SAAS;+BACE,mBAAmB,mBAGZ,uBAAuB,CAAC,MAAM;8BAGtC,KAAK;sBAAb,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBACG,IAAI;sBAAZ,KAAK;gBACG,IAAI;sBAAZ,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,MAAM;sBAAd,KAAK;gBACG,OAAO;sBAAf,KAAK;gBACG,cAAc;sBAAtB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACI,QAAQ;sBAAjB,MAAM;gBAIsC,IAAI;sBAAhD,SAAS;uBAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MEdxB,qBAAqB;;kHAArB,qBAAqB;mHAArB,qBAAqB,iBAThC,mBAAmB,aAGnB,YAAY;QACZ,gBAAgB;QAChB,eAAe;QACf,aAAa,aATX,mBAAmB;mHAYV,qBAAqB,YAPxB;YACR,YAAY;YACZ,gBAAgB;YAChB,eAAe;YACf,aAAa;SACb;2FAEW,qBAAqB;kBAdjC,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,mBAAmB;qBACpB;oBACF,YAAY,EAAE;wBACb,mBAAmB;qBACnB;oBACD,OAAO,EAAE;wBACR,YAAY;wBACZ,gBAAgB;wBAChB,eAAe;wBACf,aAAa;qBACb;iBACD;;;ACpBD;;;;;;"}
+{"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/folder-page/esm2020/lib/folder.component.mjs

@@ -40,9 +40,9 @@ export class FolderComponent {
         }
     }
 }
-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: [{
+FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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: [{

package/folder-page/esm2020/lib/koala.folder-page.module.mjs

@@ -8,20 +8,20 @@ import { KoalaIconModule } from "@koalarx/ui/icon";
 import * as i0 from "@angular/core";
 export class KoalaFolderPageModule {
 }
-KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
+KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatIconModule,
         KoalaIconModule], exports: [FolderComponent] });
-KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, imports: [[
+KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, imports: [[
             CommonModule,
             RouterModule,
             MatButtonModule,
             MatIconModule,
             KoalaIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/folder-page/fesm2015/koalarx-ui-folder-page.mjs

@@ -47,9 +47,9 @@ class FolderComponent {
         }
     }
 }
-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: [{
+FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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: [{
@@ -77,20 +77,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 
 class KoalaFolderPageModule {
 }
-KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
+KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatIconModule,
         KoalaIconModule], exports: [FolderComponent] });
-KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, imports: [[
+KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, imports: [[
             CommonModule,
             RouterModule,
             MatButtonModule,
             MatIconModule,
             KoalaIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/folder-page/fesm2015/koalarx-ui-folder-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../projects/folder-page/src/lib/koala.folder-page.module.ts","../../../projects/folder-page/src/koalarx-ui-folder-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { KoalaIconType } from '@koalarx/ui/icon';\nimport { KoalaNavigateHistoryInterface } from \"./koala-navigate-history.interface\";\n\n@Component({\n  selector: 'koala-folder-page',\n  templateUrl: 'folder.component.html',\n  styleUrls: ['folder.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FolderComponent implements OnInit, OnChanges {\n  @Input() titlePage: string = 'Title';\n  @Input() titleIcon?: string | KoalaIconType;\n  @Input() koalaIcon?: boolean;\n  @Input() customFolderFontColor: string = '#212121';\n  @Input() customFolderBackgroudColor: string = '#FFF';\n  @Input() navigateHistory?: KoalaNavigateHistoryInterface[];\n\n  @ViewChild('folder', {static: true}) private folder?: ElementRef;\n  @ViewChild('folderTitle', {static: true}) private folderTitle?: ElementRef;\n  @ViewChild('folderNavigateHistory', {static: false}) private folderNavigateHistory?: ElementRef;\n\n  ngOnInit() {\n    this.setCustomBackgroundColor();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customBackgroudColor || changes.customFolderFontColor) {\n      this.setCustomBackgroundColor();\n    }\n  }\n\n  public getKoalaIcon() {\n    return this.titleIcon as KoalaIconType;\n  }\n\n  private setCustomBackgroundColor() {\n    if (this.customFolderBackgroudColor) {\n      const folder = this.folder?.nativeElement as HTMLDivElement;\n      folder.style.background = this.customFolderBackgroudColor;\n    }\n    if (this.customFolderFontColor) {\n      const folderTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderTitle.style.color = this.customFolderFontColor;\n      const folderIconTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderIconTitle.style.color = this.customFolderFontColor;\n      setTimeout(() => {\n        if (this.folderNavigateHistory) {\n          const folderNavigateHistory = this.folderNavigateHistory.nativeElement as HTMLDivElement;\n          folderNavigateHistory.style.color = this.customFolderFontColor;\n        }\n      }, 50);\n    }\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { FolderComponent } from './folder.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from \"@angular/router\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    FolderComponent\n  ],\n  exports: [\n    FolderComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ]\n})\nexport class KoalaFolderPageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAmBa,eAAe;IAN5B;QAOW,cAAS,GAAW,OAAO,CAAC;QAG5B,0BAAqB,GAAW,SAAS,CAAC;QAC1C,+BAA0B,GAAW,MAAM,CAAC;KAuCtD;IAhCC,QAAQ;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;KACF;IAEM,YAAY;QACjB,OAAO,IAAI,CAAC,SAA0B,CAAC;KACxC;IAEO,wBAAwB;;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,0CAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;SAC3D;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrD,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC;gBACT,IAAI,IAAI,CAAC,qBAAqB,EAAE;oBAC9B,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;iBAChE;aACF,EAAE,EAAE,CAAC,CAAC;SACR;KACF;;4GA3CU,eAAe;gGAAf,eAAe,4nBCnB5B,kzBAoBA;2FDDa,eAAe;kBAN3B,SAAS;+BACE,mBAAmB,mBAGZ,uBAAuB,CAAC,MAAM;8BAGtC,SAAS;sBAAjB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,qBAAqB;sBAA7B,KAAK;gBACG,0BAA0B;sBAAlC,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBAEuC,MAAM;sBAAlD,SAAS;uBAAC,QAAQ,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACe,WAAW;sBAA5D,SAAS;uBAAC,aAAa,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACqB,qBAAqB;sBAAjF,SAAS;uBAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC;;;MENxC,qBAAqB;;kHAArB,qBAAqB;mHAArB,qBAAqB,iBAb9B,eAAe,aAMf,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,aAAa;QACb,eAAe,aAPf,eAAe;mHAUN,qBAAqB,YARvB;YACP,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,aAAa;YACb,eAAe;SAChB;2FAEU,qBAAqB;kBAfjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,eAAe;qBAChB;iBACF;;;ACtBD;;;;;;"}
+{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../projects/folder-page/src/lib/koala.folder-page.module.ts","../../../projects/folder-page/src/koalarx-ui-folder-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { KoalaIconType } from '@koalarx/ui/icon';\nimport { KoalaNavigateHistoryInterface } from \"./koala-navigate-history.interface\";\n\n@Component({\n  selector: 'koala-folder-page',\n  templateUrl: 'folder.component.html',\n  styleUrls: ['folder.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FolderComponent implements OnInit, OnChanges {\n  @Input() titlePage: string = 'Title';\n  @Input() titleIcon?: string | KoalaIconType;\n  @Input() koalaIcon?: boolean;\n  @Input() customFolderFontColor: string = '#212121';\n  @Input() customFolderBackgroudColor: string = '#FFF';\n  @Input() navigateHistory?: KoalaNavigateHistoryInterface[];\n\n  @ViewChild('folder', {static: true}) private folder?: ElementRef;\n  @ViewChild('folderTitle', {static: true}) private folderTitle?: ElementRef;\n  @ViewChild('folderNavigateHistory', {static: false}) private folderNavigateHistory?: ElementRef;\n\n  ngOnInit() {\n    this.setCustomBackgroundColor();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customBackgroudColor || changes.customFolderFontColor) {\n      this.setCustomBackgroundColor();\n    }\n  }\n\n  public getKoalaIcon() {\n    return this.titleIcon as KoalaIconType;\n  }\n\n  private setCustomBackgroundColor() {\n    if (this.customFolderBackgroudColor) {\n      const folder = this.folder?.nativeElement as HTMLDivElement;\n      folder.style.background = this.customFolderBackgroudColor;\n    }\n    if (this.customFolderFontColor) {\n      const folderTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderTitle.style.color = this.customFolderFontColor;\n      const folderIconTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderIconTitle.style.color = this.customFolderFontColor;\n      setTimeout(() => {\n        if (this.folderNavigateHistory) {\n          const folderNavigateHistory = this.folderNavigateHistory.nativeElement as HTMLDivElement;\n          folderNavigateHistory.style.color = this.customFolderFontColor;\n        }\n      }, 50);\n    }\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { FolderComponent } from './folder.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from \"@angular/router\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    FolderComponent\n  ],\n  exports: [\n    FolderComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ]\n})\nexport class KoalaFolderPageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/folder-page/fesm2020/koalarx-ui-folder-page.mjs

@@ -46,9 +46,9 @@ class FolderComponent {
         }
     }
 }
-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: [{
+FolderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: FolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FolderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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.3.0", 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: [{
@@ -76,20 +76,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 
 class KoalaFolderPageModule {
 }
-KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
+KoalaFolderPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaFolderPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, declarations: [FolderComponent], imports: [CommonModule,
         RouterModule,
         MatButtonModule,
         MatIconModule,
         KoalaIconModule], exports: [FolderComponent] });
-KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, imports: [[
+KoalaFolderPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, imports: [[
             CommonModule,
             RouterModule,
             MatButtonModule,
             MatIconModule,
             KoalaIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaFolderPageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/folder-page/fesm2020/koalarx-ui-folder-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../projects/folder-page/src/lib/koala.folder-page.module.ts","../../../projects/folder-page/src/koalarx-ui-folder-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { KoalaIconType } from '@koalarx/ui/icon';\nimport { KoalaNavigateHistoryInterface } from \"./koala-navigate-history.interface\";\n\n@Component({\n  selector: 'koala-folder-page',\n  templateUrl: 'folder.component.html',\n  styleUrls: ['folder.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FolderComponent implements OnInit, OnChanges {\n  @Input() titlePage: string = 'Title';\n  @Input() titleIcon?: string | KoalaIconType;\n  @Input() koalaIcon?: boolean;\n  @Input() customFolderFontColor: string = '#212121';\n  @Input() customFolderBackgroudColor: string = '#FFF';\n  @Input() navigateHistory?: KoalaNavigateHistoryInterface[];\n\n  @ViewChild('folder', {static: true}) private folder?: ElementRef;\n  @ViewChild('folderTitle', {static: true}) private folderTitle?: ElementRef;\n  @ViewChild('folderNavigateHistory', {static: false}) private folderNavigateHistory?: ElementRef;\n\n  ngOnInit() {\n    this.setCustomBackgroundColor();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customBackgroudColor || changes.customFolderFontColor) {\n      this.setCustomBackgroundColor();\n    }\n  }\n\n  public getKoalaIcon() {\n    return this.titleIcon as KoalaIconType;\n  }\n\n  private setCustomBackgroundColor() {\n    if (this.customFolderBackgroudColor) {\n      const folder = this.folder?.nativeElement as HTMLDivElement;\n      folder.style.background = this.customFolderBackgroudColor;\n    }\n    if (this.customFolderFontColor) {\n      const folderTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderTitle.style.color = this.customFolderFontColor;\n      const folderIconTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderIconTitle.style.color = this.customFolderFontColor;\n      setTimeout(() => {\n        if (this.folderNavigateHistory) {\n          const folderNavigateHistory = this.folderNavigateHistory.nativeElement as HTMLDivElement;\n          folderNavigateHistory.style.color = this.customFolderFontColor;\n        }\n      }, 50);\n    }\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { FolderComponent } from './folder.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from \"@angular/router\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    FolderComponent\n  ],\n  exports: [\n    FolderComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ]\n})\nexport class KoalaFolderPageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAmBa,eAAe;IAN5B;QAOW,cAAS,GAAW,OAAO,CAAC;QAG5B,0BAAqB,GAAW,SAAS,CAAC;QAC1C,+BAA0B,GAAW,MAAM,CAAC;KAuCtD;IAhCC,QAAQ;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,oBAAoB,IAAI,OAAO,CAAC,qBAAqB,EAAE;YACjE,IAAI,CAAC,wBAAwB,EAAE,CAAC;SACjC;KACF;IAEM,YAAY;QACjB,OAAO,IAAI,CAAC,SAA0B,CAAC;KACxC;IAEO,wBAAwB;QAC9B,IAAI,IAAI,CAAC,0BAA0B,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,aAA+B,CAAC;YAC5D,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC;SAC3D;QACD,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YACtE,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrD,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,aAA+B,CAAC;YAC1E,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACzD,UAAU,CAAC;gBACT,IAAI,IAAI,CAAC,qBAAqB,EAAE;oBAC9B,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAA+B,CAAC;oBACzF,qBAAqB,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC;iBAChE;aACF,EAAE,EAAE,CAAC,CAAC;SACR;KACF;;4GA3CU,eAAe;gGAAf,eAAe,4nBCnB5B,kzBAoBA;2FDDa,eAAe;kBAN3B,SAAS;+BACE,mBAAmB,mBAGZ,uBAAuB,CAAC,MAAM;8BAGtC,SAAS;sBAAjB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,qBAAqB;sBAA7B,KAAK;gBACG,0BAA0B;sBAAlC,KAAK;gBACG,eAAe;sBAAvB,KAAK;gBAEuC,MAAM;sBAAlD,SAAS;uBAAC,QAAQ,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACe,WAAW;sBAA5D,SAAS;uBAAC,aAAa,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBACqB,qBAAqB;sBAAjF,SAAS;uBAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC;;;MENxC,qBAAqB;;kHAArB,qBAAqB;mHAArB,qBAAqB,iBAb9B,eAAe,aAMf,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,aAAa;QACb,eAAe,aAPf,eAAe;mHAUN,qBAAqB,YARvB;YACP,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,aAAa;YACb,eAAe;SAChB;2FAEU,qBAAqB;kBAfjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,eAAe;qBAChB;iBACF;;;ACtBD;;;;;;"}
+{"version":3,"file":"koalarx-ui-folder-page.mjs","sources":["../../../projects/folder-page/src/lib/folder.component.ts","../../../projects/folder-page/src/lib/folder.component.html","../../../projects/folder-page/src/lib/koala.folder-page.module.ts","../../../projects/folder-page/src/koalarx-ui-folder-page.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n  ViewChild\n} from '@angular/core';\nimport { KoalaIconType } from '@koalarx/ui/icon';\nimport { KoalaNavigateHistoryInterface } from \"./koala-navigate-history.interface\";\n\n@Component({\n  selector: 'koala-folder-page',\n  templateUrl: 'folder.component.html',\n  styleUrls: ['folder.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FolderComponent implements OnInit, OnChanges {\n  @Input() titlePage: string = 'Title';\n  @Input() titleIcon?: string | KoalaIconType;\n  @Input() koalaIcon?: boolean;\n  @Input() customFolderFontColor: string = '#212121';\n  @Input() customFolderBackgroudColor: string = '#FFF';\n  @Input() navigateHistory?: KoalaNavigateHistoryInterface[];\n\n  @ViewChild('folder', {static: true}) private folder?: ElementRef;\n  @ViewChild('folderTitle', {static: true}) private folderTitle?: ElementRef;\n  @ViewChild('folderNavigateHistory', {static: false}) private folderNavigateHistory?: ElementRef;\n\n  ngOnInit() {\n    this.setCustomBackgroundColor();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customBackgroudColor || changes.customFolderFontColor) {\n      this.setCustomBackgroundColor();\n    }\n  }\n\n  public getKoalaIcon() {\n    return this.titleIcon as KoalaIconType;\n  }\n\n  private setCustomBackgroundColor() {\n    if (this.customFolderBackgroudColor) {\n      const folder = this.folder?.nativeElement as HTMLDivElement;\n      folder.style.background = this.customFolderBackgroudColor;\n    }\n    if (this.customFolderFontColor) {\n      const folderTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderTitle.style.color = this.customFolderFontColor;\n      const folderIconTitle = this.folderTitle?.nativeElement as HTMLDivElement;\n      folderIconTitle.style.color = this.customFolderFontColor;\n      setTimeout(() => {\n        if (this.folderNavigateHistory) {\n          const folderNavigateHistory = this.folderNavigateHistory.nativeElement as HTMLDivElement;\n          folderNavigateHistory.style.color = this.customFolderFontColor;\n        }\n      }, 50);\n    }\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { FolderComponent } from './folder.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from \"@angular/router\";\nimport { MatButtonModule } from \"@angular/material/button\";\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    FolderComponent\n  ],\n  exports: [\n    FolderComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatButtonModule,\n    MatIconModule,\n    KoalaIconModule\n  ]\n})\nexport class KoalaFolderPageModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/form/esm2020/lib/btn-submit/btn-submit.component.mjs

@@ -24,9 +24,9 @@ export class BtnSubmitComponent {
         }
     }
 }
-BtnSubmitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BtnSubmitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BtnSubmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: BtnSubmitComponent, selector: "koala-submit", inputs: { fg: "fg", color: "color", btnLabel: "btnLabel", btnSubmitDisabled: "btnSubmitDisabled", loader: "loader", iconButton: "iconButton", icon: "icon", iconColor: "iconColor" }, usesOnChanges: true, ngImport: i0, template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n  <span>{{btnLabel}}</span>\n  <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n  <button\n\t  [color]=\"color\"\n\t  [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  type=\"submit\">\n    <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n    <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\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.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: BtnSubmitComponent, decorators: [{
+BtnSubmitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BtnSubmitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BtnSubmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BtnSubmitComponent, selector: "koala-submit", inputs: { fg: "fg", color: "color", btnLabel: "btnLabel", btnSubmitDisabled: "btnSubmitDisabled", loader: "loader", iconButton: "iconButton", icon: "icon", iconColor: "iconColor" }, usesOnChanges: true, ngImport: i0, template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n  <span>{{btnLabel}}</span>\n  <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n  <button\n\t  [color]=\"color\"\n\t  [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  type=\"submit\">\n    <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n    <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\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.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BtnSubmitComponent, decorators: [{
             type: Component,
             args: [{ selector: 'koala-submit', template: "<button\n\t*ngIf=\"!iconButton else btnIcon\"\n\t[color]=\"color\"\n\t[disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\tmat-raised-button\n\ttype=\"submit\">\n  <span>{{btnLabel}}</span>\n  <mat-spinner *ngIf=\"loader | async\" diameter=\"20\"></mat-spinner>\n</button>\n<ng-template #btnIcon>\n  <button\n\t  [color]=\"color\"\n\t  [disabled]=\"(disabled | async) || fg.invalid || fg.pending\"\n\t  class=\"koala-icon-button\"\n\t  mat-icon-button\n\t  type=\"submit\">\n    <mat-spinner *ngIf=\"loader | async\" [color]=\"color\" diameter=\"20\"></mat-spinner>\n    <mat-icon *ngIf=\"!(loader | async)\">{{icon}}</mat-icon>\n  </button>\n</ng-template>\n", styles: [".mat-spinner{display:inline-block;margin-left:8px}.koala-button{padding:2px 8px}.koala-icon-button mat-spinner{position:relative;display:inline-flex;margin:0}\n"] }]
         }], propDecorators: { fg: [{

package/form/esm2020/lib/directives/koala-autofocus.directive.mjs

@@ -12,9 +12,9 @@ export class KoalaAutofocusDirective {
         }
     }
 }
-KoalaAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-KoalaAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: KoalaAutofocusDirective, selector: "[koalaAutoFocus]", inputs: { koalaAutoFocus: "koalaAutoFocus" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: KoalaAutofocusDirective, decorators: [{
+KoalaAutofocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+KoalaAutofocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: KoalaAutofocusDirective, selector: "[koalaAutoFocus]", inputs: { koalaAutoFocus: "koalaAutoFocus" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: KoalaAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[koalaAutoFocus]'