@koalarx/ui 14.0.6 → 15.0.0

package/menu/fesm2015/koalarx-ui-menu.mjs

@@ -96,9 +96,9 @@ class MenuComponent {
         return JSON.parse(JSON.stringify((_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.getValue()));
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: MenuComponent, selector: "koala-menu", inputs: { titleMenu: "titleMenu", optionsSubject: "optionsSubject" }, ngImport: i0, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MenuComponent, selector: "koala-menu", inputs: { titleMenu: "titleMenu", optionsSubject: "optionsSubject" }, ngImport: i0, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'koala-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { titleMenu: [{
@@ -121,25 +121,25 @@ class KoalaMenuService {
         menuStateSubject.next(null);
     }
 }
-KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, decorators: [{
+KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }] });
 
 class KoalaMenuModule {
 }
-KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
+KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule], exports: [MenuComponent] });
-KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, imports: [CommonModule,
+KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/menu/fesm2015/koalarx-ui-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-menu.mjs","sources":["../../../projects/menu/src/lib/menu.component.ts","../../../projects/menu/src/lib/menu.component.html","../../../projects/menu/src/lib/koala.menu.service.ts","../../../projects/menu/src/lib/koala.menu.module.ts","../../../projects/menu/src/koalarx-ui-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { KoalaMenuModuleInterface } from './koala.menu-module.interface';\nimport { NavigationEnd, Router, Scroll } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\nimport { koala } from '@koalarx/utils';\nimport { map, switchMap } from 'rxjs/operators';\nimport { delay } from '@koalarx/utils/operators/delay';\nimport { KoalaMenuToolInterface } from './koala.menu-tool.interface';\nimport { KoalaIconType } from '@koalarx/ui/icon';\n\nexport type MenuStateType = 'open' | 'close';\nexport const menuStateSubject = new BehaviorSubject<MenuStateType | null>(null);\n\n@Component({\n  selector: 'koala-menu',\n  templateUrl: 'menu.component.html',\n  styleUrls: ['menu.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements OnInit {\n  @Input() titleMenu?: string;\n  @Input() optionsSubject?: BehaviorSubject<KoalaMenuModuleInterface[]>;\n\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (this.optionsSubject) {\n      this.optionsSubject.pipe(map((options) => this.defineMenuOptions(options))).subscribe();\n      this.router.events\n        .pipe(\n          switchMap(\n            (event) =>\n              new Promise(async (resolve) => {\n                while (this.optionsSubject?.getValue()?.length === 0) {\n                  await delay(300);\n                }\n\n                resolve(event);\n              }),\n          ),\n        )\n        .pipe(\n          map((event) => {\n            const options = this.cloneOptions();\n            this.optionsSubject?.next(\n              options.map((option) => {\n                option.active = false;\n                return option;\n              }),\n            );\n\n            return event;\n          }),\n        )\n        .subscribe((event) => {\n          switch (true) {\n            case event instanceof Scroll:\n            case event instanceof NavigationEnd:\n              const options = this.cloneOptions();\n              if (options?.length > 0) {\n                this.optionsSubject?.next(this.defineMenuOptions(options, true));\n              }\n          }\n        });\n    }\n  }\n\n  public toogle(module: KoalaMenuModuleInterface) {\n    if (this.optionsSubject) {\n      const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue())) as KoalaMenuModuleInterface[];\n      this.optionsSubject.next(\n        koala(options)\n          .array<KoalaMenuModuleInterface>()\n          .map((item) => {\n            item.animateOpen = false;\n            item.animateClose = false;\n            if (item.name === module.name) {\n              item.expanded = !module.expanded;\n              item.animateOpen = item.expanded;\n              item.animateClose = !item.expanded;\n            } else {\n              item.expanded = false;\n            }\n            return item;\n          })\n          .getValue(),\n      );\n    }\n  }\n\n  public getKoalaIcon(config: KoalaMenuModuleInterface | KoalaMenuToolInterface) {\n    return config.icon as KoalaIconType;\n  }\n\n  private defineMenuOptions(options: KoalaMenuModuleInterface[], routerChange = false) {\n    options.map((module) => {\n      if (routerChange) {\n        module.animateOpen = false;\n        module.animateClose = false;\n        module.active = module.tools\n          ? this.router.url === module.routerLink ||\n            !!module.tools.find((tool) => this.router.url.indexOf(tool.routerLink) >= 0)\n          : this.router.url === module.routerLink;\n        module.expanded = module.active;\n      }\n\n      return module;\n    });\n    return options;\n  }\n\n  private cloneOptions() {\n    return JSON.parse(JSON.stringify(this.optionsSubject?.getValue())) as KoalaMenuModuleInterface[];\n  }\n}\n","<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n","import { Injectable } from '@angular/core';\nimport { menuStateSubject, MenuStateType } from './menu.component';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaMenuService {\n\n\tpublic getMenuState(): MenuStateType | null {\n\t\treturn menuStateSubject.getValue();\n\t}\n\n\tpublic open() {\n\t\tmenuStateSubject.next('open');\n\t}\n\n\tpublic close() {\n\t\tmenuStateSubject.next('close');\n\t}\n\n\tpublic clearConfig() {\n\t\tmenuStateSubject.next(null);\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { MenuComponent } from './menu.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    MenuComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    MenuComponent\n  ]\n})\nexport class KoalaMenuModule {\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-menu.mjs","sources":["../../../projects/menu/src/lib/menu.component.ts","../../../projects/menu/src/lib/menu.component.html","../../../projects/menu/src/lib/koala.menu.service.ts","../../../projects/menu/src/lib/koala.menu.module.ts","../../../projects/menu/src/koalarx-ui-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { KoalaMenuModuleInterface } from './koala.menu-module.interface';\nimport { NavigationEnd, Router, Scroll } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\nimport { koala } from '@koalarx/utils';\nimport { map, switchMap } from 'rxjs/operators';\nimport { delay } from '@koalarx/utils/operators/delay';\nimport { KoalaMenuToolInterface } from './koala.menu-tool.interface';\nimport { KoalaIconType } from '@koalarx/ui/icon';\n\nexport type MenuStateType = 'open' | 'close';\nexport const menuStateSubject = new BehaviorSubject<MenuStateType | null>(null);\n\n@Component({\n  selector: 'koala-menu',\n  templateUrl: 'menu.component.html',\n  styleUrls: ['menu.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements OnInit {\n  @Input() titleMenu?: string;\n  @Input() optionsSubject?: BehaviorSubject<KoalaMenuModuleInterface[]>;\n\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (this.optionsSubject) {\n      this.optionsSubject.pipe(map((options) => this.defineMenuOptions(options))).subscribe();\n      this.router.events\n        .pipe(\n          switchMap(\n            (event) =>\n              new Promise(async (resolve) => {\n                while (this.optionsSubject?.getValue()?.length === 0) {\n                  await delay(300);\n                }\n\n                resolve(event);\n              }),\n          ),\n        )\n        .pipe(\n          map((event) => {\n            const options = this.cloneOptions();\n            this.optionsSubject?.next(\n              options.map((option) => {\n                option.active = false;\n                return option;\n              }),\n            );\n\n            return event;\n          }),\n        )\n        .subscribe((event) => {\n          switch (true) {\n            case event instanceof Scroll:\n            case event instanceof NavigationEnd:\n              const options = this.cloneOptions();\n              if (options?.length > 0) {\n                this.optionsSubject?.next(this.defineMenuOptions(options, true));\n              }\n          }\n        });\n    }\n  }\n\n  public toogle(module: KoalaMenuModuleInterface) {\n    if (this.optionsSubject) {\n      const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue())) as KoalaMenuModuleInterface[];\n      this.optionsSubject.next(\n        koala(options)\n          .array<KoalaMenuModuleInterface>()\n          .map((item) => {\n            item.animateOpen = false;\n            item.animateClose = false;\n            if (item.name === module.name) {\n              item.expanded = !module.expanded;\n              item.animateOpen = item.expanded;\n              item.animateClose = !item.expanded;\n            } else {\n              item.expanded = false;\n            }\n            return item;\n          })\n          .getValue(),\n      );\n    }\n  }\n\n  public getKoalaIcon(config: KoalaMenuModuleInterface | KoalaMenuToolInterface) {\n    return config.icon as KoalaIconType;\n  }\n\n  private defineMenuOptions(options: KoalaMenuModuleInterface[], routerChange = false) {\n    options.map((module) => {\n      if (routerChange) {\n        module.animateOpen = false;\n        module.animateClose = false;\n        module.active = module.tools\n          ? this.router.url === module.routerLink ||\n            !!module.tools.find((tool) => this.router.url.indexOf(tool.routerLink) >= 0)\n          : this.router.url === module.routerLink;\n        module.expanded = module.active;\n      }\n\n      return module;\n    });\n    return options;\n  }\n\n  private cloneOptions() {\n    return JSON.parse(JSON.stringify(this.optionsSubject?.getValue())) as KoalaMenuModuleInterface[];\n  }\n}\n","<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n","import { Injectable } from '@angular/core';\nimport { menuStateSubject, MenuStateType } from './menu.component';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaMenuService {\n\n\tpublic getMenuState(): MenuStateType | null {\n\t\treturn menuStateSubject.getValue();\n\t}\n\n\tpublic open() {\n\t\tmenuStateSubject.next('open');\n\t}\n\n\tpublic close() {\n\t\tmenuStateSubject.next('close');\n\t}\n\n\tpublic clearConfig() {\n\t\tmenuStateSubject.next(null);\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { MenuComponent } from './menu.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    MenuComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    MenuComponent\n  ]\n})\nexport class KoalaMenuModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAWa,gBAAgB,GAAG,IAAI,eAAe,CAAuB,IAAI,EAAE;MAQnE,aAAa,CAAA;AAIxB,IAAA,WAAA,CAAoB,MAAc,EAAA;AAAd,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;KAAI;IAEtC,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACxF,IAAI,CAAC,MAAM,CAAC,MAAM;AACf,iBAAA,IAAI,CACH,SAAS,CACP,CAAC,KAAK,KACJ,IAAI,OAAO,CAAC,CAAO,OAAO,KAAI,SAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;;AAC5B,gBAAA,OAAO,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,MAAK,CAAC,EAAE;AACpD,oBAAA,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;AAClB,iBAAA;gBAED,OAAO,CAAC,KAAK,CAAC,CAAC;aAChB,CAAA,CAAC,CACL,CACF;AACA,iBAAA,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,KAAI;;AACZ,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;AACpC,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CACvB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACrB,oBAAA,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;AACtB,oBAAA,OAAO,MAAM,CAAC;iBACf,CAAC,CACH,CAAC;AAEF,gBAAA,OAAO,KAAK,CAAC;AACf,aAAC,CAAC,CACH;AACA,iBAAA,SAAS,CAAC,CAAC,KAAK,KAAI;;AACnB,gBAAA,QAAQ,IAAI;oBACV,KAAK,KAAK,YAAY,MAAM,CAAC;oBAC7B,KAAK,KAAK,YAAY,aAAa;AACjC,wBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;wBACpC,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,MAAM,IAAG,CAAC,EAAE;AACvB,4BAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAClE,yBAAA;AACJ,iBAAA;AACH,aAAC,CAAC,CAAC;AACN,SAAA;KACF;AAEM,IAAA,MAAM,CAAC,MAAgC,EAAA;QAC5C,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAA+B,CAAC;YACzG,IAAI,CAAC,cAAc,CAAC,IAAI,CACtB,KAAK,CAAC,OAAO,CAAC;AACX,iBAAA,KAAK,EAA4B;AACjC,iBAAA,GAAG,CAAC,CAAC,IAAI,KAAI;AACZ,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC1B,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,EAAE;AAC7B,oBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;AACjC,oBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC;AACjC,oBAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AACpC,iBAAA;AAAM,qBAAA;AACL,oBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACvB,iBAAA;AACD,gBAAA,OAAO,IAAI,CAAC;AACd,aAAC,CAAC;iBACD,QAAQ,EAAE,CACd,CAAC;AACH,SAAA;KACF;AAEM,IAAA,YAAY,CAAC,MAAyD,EAAA;QAC3E,OAAO,MAAM,CAAC,IAAqB,CAAC;KACrC;AAEO,IAAA,iBAAiB,CAAC,OAAmC,EAAE,YAAY,GAAG,KAAK,EAAA;AACjF,QAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACrB,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;AAC3B,gBAAA,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;AAC5B,gBAAA,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK;sBACxB,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,UAAU;wBACrC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;sBAC5E,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,UAAU,CAAC;AAC1C,gBAAA,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;AACjC,aAAA;AAED,YAAA,OAAO,MAAM,CAAC;AAChB,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,OAAO,CAAC;KAChB;IAEO,YAAY,GAAA;;AAClB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAC,CAA+B,CAAC;KAClG;;0GA9FU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,wHCnB1B,ykEA0CA,EAAA,MAAA,EAAA,CAAA,mxDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDvBa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,YAAY,EAAA,eAAA,EAGL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ykEAAA,EAAA,MAAA,EAAA,CAAA,mxDAAA,CAAA,EAAA,CAAA;6FAGtC,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;;;MEjBK,gBAAgB,CAAA;IAErB,YAAY,GAAA;AAClB,QAAA,OAAO,gBAAgB,CAAC,QAAQ,EAAE,CAAC;KACnC;IAEM,IAAI,GAAA;AACV,QAAA,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC9B;IAEM,KAAK,GAAA;AACX,QAAA,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC/B;IAEM,WAAW,GAAA;AACjB,QAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5B;;6GAhBW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADJ,KAAK,EAAA,CAAA,CAAA;2FACjB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAC,UAAU,EAAE,KAAK,EAAC,CAAA;;;MCkBlB,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAZxB,aAAa,CAAA,EAAA,OAAA,EAAA,CAGb,YAAY;QACZ,YAAY;QACZ,aAAa;QACb,eAAe,aAGf,aAAa,CAAA,EAAA,CAAA,CAAA;AAGJ,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YATxB,YAAY;QACZ,YAAY;QACZ,aAAa;QACb,eAAe,CAAA,EAAA,CAAA,CAAA;2FAMN,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,aAAa;wBACb,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;AACd,qBAAA;iBACF,CAAA;;;ACpBD;;AAEG;;;;"}

package/menu/fesm2020/koalarx-ui-menu.mjs

@@ -91,9 +91,9 @@ class MenuComponent {
         return JSON.parse(JSON.stringify(this.optionsSubject?.getValue()));
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: MenuComponent, selector: "koala-menu", inputs: { titleMenu: "titleMenu", optionsSubject: "optionsSubject" }, ngImport: i0, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: MenuComponent, selector: "koala-menu", inputs: { titleMenu: "titleMenu", optionsSubject: "optionsSubject" }, ngImport: i0, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'koala-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n", styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:700;line-height:.8em;margin:0;padding:8px 15px}ul{font-size:0;list-style:none;margin:0;padding:0 20px 0 0;width:100%;box-sizing:border-box}ul.list-menu{height:calc(100vh - 107px);overflow:auto}ul.list-menu.without-title{height:calc(100vh - 78px)}ul ul{height:-moz-fit-content;height:fit-content;overflow:hidden;width:100%}ul li{cursor:pointer;display:block;font-size:14px;outline:none;padding:0;position:relative;transition:.2s;overflow:hidden;border-radius:0 20px 20px 0}ul li a{transition:.2s}.module{outline:none;padding:5px 15px;text-decoration:none}a.module{box-sizing:border-box;cursor:pointer;display:block;width:100%}ul li li{border:none!important;padding:0!important;height:0}.state-module{position:absolute;right:10px;top:4px}ul li.active ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080}ul li.expanded ul{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #00000080;height:-moz-fit-content;height:fit-content;padding:15px 0}ul li.expanded ul li{height:30px}ul li li a.active{background:rgba(0,0,0,.1)!important;cursor:default;height:-moz-fit-content!important;height:fit-content!important}ul li h3,ul li h4,ul li koala-icon,ul li mat-icon{display:inline-flex;line-height:1.5em;margin:0;vertical-align:middle}ul li h3,ul li h4{font-size:.9em}ul li koala-icon,ul li li koala-icon{font-size:18px;height:18px;line-height:18px;margin-right:5px;width:18px}ul li mat-icon,ul li li mat-icon{font-size:20px;height:20px;line-height:20px;margin-right:5px;width:20px}ul li koala-icon,ul li li koala-icon{margin-right:10px}ul li li a{cursor:pointer;display:block;padding:5px 15px!important;text-decoration:none;width:100%}ul li li:hover{background:rgba(0,0,0,.1)}ul li li a.active:hover{background:transparent}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { titleMenu: [{
@@ -116,25 +116,25 @@ class KoalaMenuService {
         menuStateSubject.next(null);
     }
 }
-KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuService, decorators: [{
+KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }] });
 
 class KoalaMenuModule {
 }
-KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
+KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule], exports: [MenuComponent] });
-KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, imports: [CommonModule,
+KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/menu/fesm2020/koalarx-ui-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koalarx-ui-menu.mjs","sources":["../../../projects/menu/src/lib/menu.component.ts","../../../projects/menu/src/lib/menu.component.html","../../../projects/menu/src/lib/koala.menu.service.ts","../../../projects/menu/src/lib/koala.menu.module.ts","../../../projects/menu/src/koalarx-ui-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { KoalaMenuModuleInterface } from './koala.menu-module.interface';\nimport { NavigationEnd, Router, Scroll } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\nimport { koala } from '@koalarx/utils';\nimport { map, switchMap } from 'rxjs/operators';\nimport { delay } from '@koalarx/utils/operators/delay';\nimport { KoalaMenuToolInterface } from './koala.menu-tool.interface';\nimport { KoalaIconType } from '@koalarx/ui/icon';\n\nexport type MenuStateType = 'open' | 'close';\nexport const menuStateSubject = new BehaviorSubject<MenuStateType | null>(null);\n\n@Component({\n  selector: 'koala-menu',\n  templateUrl: 'menu.component.html',\n  styleUrls: ['menu.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements OnInit {\n  @Input() titleMenu?: string;\n  @Input() optionsSubject?: BehaviorSubject<KoalaMenuModuleInterface[]>;\n\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (this.optionsSubject) {\n      this.optionsSubject.pipe(map((options) => this.defineMenuOptions(options))).subscribe();\n      this.router.events\n        .pipe(\n          switchMap(\n            (event) =>\n              new Promise(async (resolve) => {\n                while (this.optionsSubject?.getValue()?.length === 0) {\n                  await delay(300);\n                }\n\n                resolve(event);\n              }),\n          ),\n        )\n        .pipe(\n          map((event) => {\n            const options = this.cloneOptions();\n            this.optionsSubject?.next(\n              options.map((option) => {\n                option.active = false;\n                return option;\n              }),\n            );\n\n            return event;\n          }),\n        )\n        .subscribe((event) => {\n          switch (true) {\n            case event instanceof Scroll:\n            case event instanceof NavigationEnd:\n              const options = this.cloneOptions();\n              if (options?.length > 0) {\n                this.optionsSubject?.next(this.defineMenuOptions(options, true));\n              }\n          }\n        });\n    }\n  }\n\n  public toogle(module: KoalaMenuModuleInterface) {\n    if (this.optionsSubject) {\n      const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue())) as KoalaMenuModuleInterface[];\n      this.optionsSubject.next(\n        koala(options)\n          .array<KoalaMenuModuleInterface>()\n          .map((item) => {\n            item.animateOpen = false;\n            item.animateClose = false;\n            if (item.name === module.name) {\n              item.expanded = !module.expanded;\n              item.animateOpen = item.expanded;\n              item.animateClose = !item.expanded;\n            } else {\n              item.expanded = false;\n            }\n            return item;\n          })\n          .getValue(),\n      );\n    }\n  }\n\n  public getKoalaIcon(config: KoalaMenuModuleInterface | KoalaMenuToolInterface) {\n    return config.icon as KoalaIconType;\n  }\n\n  private defineMenuOptions(options: KoalaMenuModuleInterface[], routerChange = false) {\n    options.map((module) => {\n      if (routerChange) {\n        module.animateOpen = false;\n        module.animateClose = false;\n        module.active = module.tools\n          ? this.router.url === module.routerLink ||\n            !!module.tools.find((tool) => this.router.url.indexOf(tool.routerLink) >= 0)\n          : this.router.url === module.routerLink;\n        module.expanded = module.active;\n      }\n\n      return module;\n    });\n    return options;\n  }\n\n  private cloneOptions() {\n    return JSON.parse(JSON.stringify(this.optionsSubject?.getValue())) as KoalaMenuModuleInterface[];\n  }\n}\n","<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n","import { Injectable } from '@angular/core';\nimport { menuStateSubject, MenuStateType } from './menu.component';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaMenuService {\n\n\tpublic getMenuState(): MenuStateType | null {\n\t\treturn menuStateSubject.getValue();\n\t}\n\n\tpublic open() {\n\t\tmenuStateSubject.next('open');\n\t}\n\n\tpublic close() {\n\t\tmenuStateSubject.next('close');\n\t}\n\n\tpublic clearConfig() {\n\t\tmenuStateSubject.next(null);\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { MenuComponent } from './menu.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    MenuComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    MenuComponent\n  ]\n})\nexport class KoalaMenuModule {\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-menu.mjs","sources":["../../../projects/menu/src/lib/menu.component.ts","../../../projects/menu/src/lib/menu.component.html","../../../projects/menu/src/lib/koala.menu.service.ts","../../../projects/menu/src/lib/koala.menu.module.ts","../../../projects/menu/src/koalarx-ui-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { KoalaMenuModuleInterface } from './koala.menu-module.interface';\nimport { NavigationEnd, Router, Scroll } from '@angular/router';\nimport { BehaviorSubject } from 'rxjs';\nimport { koala } from '@koalarx/utils';\nimport { map, switchMap } from 'rxjs/operators';\nimport { delay } from '@koalarx/utils/operators/delay';\nimport { KoalaMenuToolInterface } from './koala.menu-tool.interface';\nimport { KoalaIconType } from '@koalarx/ui/icon';\n\nexport type MenuStateType = 'open' | 'close';\nexport const menuStateSubject = new BehaviorSubject<MenuStateType | null>(null);\n\n@Component({\n  selector: 'koala-menu',\n  templateUrl: 'menu.component.html',\n  styleUrls: ['menu.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements OnInit {\n  @Input() titleMenu?: string;\n  @Input() optionsSubject?: BehaviorSubject<KoalaMenuModuleInterface[]>;\n\n  constructor(private router: Router) {}\n\n  ngOnInit() {\n    if (this.optionsSubject) {\n      this.optionsSubject.pipe(map((options) => this.defineMenuOptions(options))).subscribe();\n      this.router.events\n        .pipe(\n          switchMap(\n            (event) =>\n              new Promise(async (resolve) => {\n                while (this.optionsSubject?.getValue()?.length === 0) {\n                  await delay(300);\n                }\n\n                resolve(event);\n              }),\n          ),\n        )\n        .pipe(\n          map((event) => {\n            const options = this.cloneOptions();\n            this.optionsSubject?.next(\n              options.map((option) => {\n                option.active = false;\n                return option;\n              }),\n            );\n\n            return event;\n          }),\n        )\n        .subscribe((event) => {\n          switch (true) {\n            case event instanceof Scroll:\n            case event instanceof NavigationEnd:\n              const options = this.cloneOptions();\n              if (options?.length > 0) {\n                this.optionsSubject?.next(this.defineMenuOptions(options, true));\n              }\n          }\n        });\n    }\n  }\n\n  public toogle(module: KoalaMenuModuleInterface) {\n    if (this.optionsSubject) {\n      const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue())) as KoalaMenuModuleInterface[];\n      this.optionsSubject.next(\n        koala(options)\n          .array<KoalaMenuModuleInterface>()\n          .map((item) => {\n            item.animateOpen = false;\n            item.animateClose = false;\n            if (item.name === module.name) {\n              item.expanded = !module.expanded;\n              item.animateOpen = item.expanded;\n              item.animateClose = !item.expanded;\n            } else {\n              item.expanded = false;\n            }\n            return item;\n          })\n          .getValue(),\n      );\n    }\n  }\n\n  public getKoalaIcon(config: KoalaMenuModuleInterface | KoalaMenuToolInterface) {\n    return config.icon as KoalaIconType;\n  }\n\n  private defineMenuOptions(options: KoalaMenuModuleInterface[], routerChange = false) {\n    options.map((module) => {\n      if (routerChange) {\n        module.animateOpen = false;\n        module.animateClose = false;\n        module.active = module.tools\n          ? this.router.url === module.routerLink ||\n            !!module.tools.find((tool) => this.router.url.indexOf(tool.routerLink) >= 0)\n          : this.router.url === module.routerLink;\n        module.expanded = module.active;\n      }\n\n      return module;\n    });\n    return options;\n  }\n\n  private cloneOptions() {\n    return JSON.parse(JSON.stringify(this.optionsSubject?.getValue())) as KoalaMenuModuleInterface[];\n  }\n}\n","<nav>\n  <h2 *ngIf=\"titleMenu\" class=\"title\">{{titleMenu}}</h2>\n  <ul *ngIf=\"(optionsSubject | async) as options\" class=\"list-menu\" [ngClass]=\"{'without-title': !titleMenu}\">\n    <li\n      #moduleItem\n\t    *ngFor=\"let module of options\"\n\t    [ngClass]=\"{\n\t      animateOpen: module.animateOpen,\n\t      animateClose: module.animateClose,\n        expanded: module.expanded,\n        active: module.active\n      }\">\n      <a *ngIf=\"!!module.routerLink else moduleWithoutLink\" [routerLink]=\"module.routerLink\" (click)=\"toogle(module)\" class=\"module\">\n        <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n        <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t        class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n      </a>\n      <ng-template #moduleWithoutLink>\n        <div (click)=\"toogle(module)\" class=\"module\">\n          <mat-icon *ngIf=\"module.icon && !module.koalaIcon\">{{module.icon}}</mat-icon>\n          <koala-icon *ngIf=\"module.icon && module.koalaIcon\" [icon]=\"getKoalaIcon(module)\" [size]=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length ?? 0 > 0\"\n\t          class=\"state-module\">{{module.expanded || module.active ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}}</mat-icon>\n        </div>\n      </ng-template>\n      <ul *ngIf=\"module.tools?.length ?? 0 > 0\">\n        <li *ngFor=\"let tool of module.tools\">\n\t\t      <a [routerLink]=\"tool.routerLink\" routerLinkActive=\"active\">\n\t          <mat-icon *ngIf=\"tool.icon && !tool.koalaIcon\">{{tool.icon}}</mat-icon>\n            <koala-icon *ngIf=\"tool.icon && tool.koalaIcon\" [icon]=\"getKoalaIcon(tool)\" [size]=\"18\"></koala-icon>\n\t          <h4>{{tool.name}}</h4>\n\t\t      </a>\n        </li>\n      </ul>\n    </li>\n  </ul>\n</nav>\n","import { Injectable } from '@angular/core';\nimport { menuStateSubject, MenuStateType } from './menu.component';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaMenuService {\n\n\tpublic getMenuState(): MenuStateType | null {\n\t\treturn menuStateSubject.getValue();\n\t}\n\n\tpublic open() {\n\t\tmenuStateSubject.next('open');\n\t}\n\n\tpublic close() {\n\t\tmenuStateSubject.next('close');\n\t}\n\n\tpublic clearConfig() {\n\t\tmenuStateSubject.next(null);\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { MenuComponent } from './menu.component';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { KoalaIconModule } from \"@koalarx/ui/icon\";\n\n@NgModule({\n  declarations: [\n    MenuComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    MatIconModule,\n    KoalaIconModule\n  ],\n  exports: [\n    MenuComponent\n  ]\n})\nexport class KoalaMenuModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/menu/lib/menu.component.d.ts

@@ -18,5 +18,5 @@ export declare class MenuComponent implements OnInit {
     private defineMenuOptions;
     private cloneOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "koala-menu", never, { "titleMenu": "titleMenu"; "optionsSubject": "optionsSubject"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "koala-menu", never, { "titleMenu": "titleMenu"; "optionsSubject": "optionsSubject"; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koalarx/ui",
-  "version": "14.0.6",
+  "version": "15.0.0",
   "description": "Koala UI is a Design System developed in Angular whose objective is to facilitate and make your development faster and simpler, making this framework your greatest ally.",
   "repository": {
     "type": "git",
@@ -20,11 +20,9 @@
   "homepage": "https://github.com/igordrangel/koala-angular-template#readme",
   "types": "./koalarx-ui.d.ts",
   "peerDependencies": {
-    "@angular/common": ">=14.1.3",
-    "@angular/core": ">=14.1.3",
-    "@angular/forms": ">=14.1.3",
-    "@angular/material": ">=14.1.3",
-    "@angular/cdk": ">=14.1.3"
+    "@angular/core": ">=15.0.4",
+    "@angular/cli": ">=15.0.4",
+    "@angular/material": ">=15.0.3"
   },
   "dependencies": {
     "tslib": "^2.2.0",
@@ -34,10 +32,10 @@
     "jwt-encode": "^1.0.1",
     "@koalarx/utils": "^1.0.101",
     "ng2-currency-mask": "^13.0.3",
-    "ngx-device-detector": "^3.0.0",
+    "ngx-device-detector": "^4.0.1",
     "event-source-polyfill": "^1.0.25",
-    "ngx-mask": "^13.0.1",
-    "ngx-papaparse": "^5.0.0",
+    "ngx-mask": "^15.0.2",
+    "ngx-papaparse": "^6.0.2",
     "xlsx": "^0.17.0",
     "rxjs": "~7.5.0"
   }

package/question/esm2020/lib/dialog-question.component.mjs

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { KoalaLanguageHelper } from "@koalarx/ui/core";
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@koalarx/ui/dynamic-component";
@@ -13,13 +13,13 @@ export class DialogQuestionComponent {
         this.languageHelper = KoalaLanguageHelper;
     }
 }
-DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: DialogQuestionComponent, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.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"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DialogQuestionComponent, decorators: [{
+DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DialogQuestionComponent, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogQuestionComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7OztBQU92RCxNQUFNLE9BQU8sdUJBQXVCO0lBR2xDLFlBQTRDLE1BQW9DO1FBQXBDLFdBQU0sR0FBTixNQUFNLENBQThCO1FBRnpFLG1CQUFjLEdBQUcsbUJBQW1CLENBQUM7SUFHNUMsQ0FBQzs7cUhBSlUsdUJBQXVCLGtCQUdkLGVBQWU7eUdBSHhCLHVCQUF1QixvRENWcEMsMHRCQWdCQTs0RkROYSx1QkFBdUI7a0JBTG5DLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBS2xDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEtvYWxhUXVlc3Rpb25Db25maWdJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLXF1ZXN0aW9uLWNvbmZpZy5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgS29hbGFMYW5ndWFnZUhlbHBlciB9IGZyb20gXCJAa29hbGFyeC91aS9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZVVybDogJ2RpYWxvZy1xdWVzdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkaWFsb2ctcXVlc3Rpb24uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudCB7XG4gIHB1YmxpYyBsYW5ndWFnZUhlbHBlciA9IEtvYWxhTGFuZ3VhZ2VIZWxwZXI7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBjb25maWc6IEtvYWxhUXVlc3Rpb25Db25maWdJbnRlcmZhY2UpIHtcbiAgfVxufVxuIiwiPGRpdiBtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJxdWVzdGlvblwiPlxuXHQgIDxrb2FsYS1keW5hbWljLWNvbXBvbmVudFxuXHRcdCAgKm5nSWY9XCJjb25maWcuYXZhdGFyIGVsc2Ugbm90SGF2ZUF2YXRhclwiXG5cdFx0ICBbZHluYW1pY0NvbXBvbmVudF09XCJjb25maWcuYXZhdGFyXCI+XG5cdCAgPC9rb2FsYS1keW5hbWljLWNvbXBvbmVudD5cblx0ICA8bmctdGVtcGxhdGUgI25vdEhhdmVBdmF0YXI+XG4gICAgICA8bWF0LWljb24+aGVscDwvbWF0LWljb24+XG5cdCAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8cCBbaW5uZXJIVE1MXT1cImNvbmZpZy5tZXNzYWdlXCIgY2xhc3M9XCJhbGVydC1tZXNzYWdlIHRleHQtY2VudGVyXCI+PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBhbGlnbj1cImNlbnRlclwiIG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgPGJ1dHRvbiBbbWF0LWRpYWxvZy1jbG9zZV09XCJ7cXVlc3Rpb246IHRydWV9XCIgY29sb3I9XCJwcmltYXJ5XCIgY2xhc3M9XCJvdXRsaW5lXCIgbWF0LWJ1dHRvbj57e2xhbmd1YWdlSGVscGVyLmdldFllc01lc3NhZ2UoKX19PC9idXR0b24+XG4gIDxidXR0b24gW21hdC1kaWFsb2ctY2xvc2VdPVwie3F1ZXN0aW9uOiBmYWxzZX1cIiBjb2xvcj1cIndhcm5cIiBjbGFzcz1cIm91dGxpbmVcIiBtYXQtYnV0dG9uPnt7bGFuZ3VhZ2VIZWxwZXIuZ2V0Tm9NZXNzYWdlKCl9fTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQU8zRCxNQUFNLE9BQU8sdUJBQXVCO0lBR2xDLFlBQTRDLE1BQW9DO1FBQXBDLFdBQU0sR0FBTixNQUFNLENBQThCO1FBRnpFLG1CQUFjLEdBQUcsbUJBQW1CLENBQUM7SUFHNUMsQ0FBQzs7b0hBSlUsdUJBQXVCLGtCQUdkLGVBQWU7d0dBSHhCLHVCQUF1QixvRENWcEMsMHRCQWdCQTsyRkROYSx1QkFBdUI7a0JBTG5DLFNBQVM7c0NBR1MsdUJBQXVCLENBQUMsTUFBTTs7MEJBS2xDLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSB9IGZyb20gJy4va29hbGEtcXVlc3Rpb24tY29uZmlnLmludGVyZmFjZSc7XG5pbXBvcnQgeyBLb2FsYUxhbmd1YWdlSGVscGVyIH0gZnJvbSBcIkBrb2FsYXJ4L3VpL2NvcmVcIjtcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2RpYWxvZy1xdWVzdGlvbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ1F1ZXN0aW9uQ29tcG9uZW50IHtcbiAgcHVibGljIGxhbmd1YWdlSGVscGVyID0gS29hbGFMYW5ndWFnZUhlbHBlcjtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGNvbmZpZzogS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSkge1xuICB9XG59XG4iLCI8ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uXCI+XG5cdCAgPGtvYWxhLWR5bmFtaWMtY29tcG9uZW50XG5cdFx0ICAqbmdJZj1cImNvbmZpZy5hdmF0YXIgZWxzZSBub3RIYXZlQXZhdGFyXCJcblx0XHQgIFtkeW5hbWljQ29tcG9uZW50XT1cImNvbmZpZy5hdmF0YXJcIj5cblx0ICA8L2tvYWxhLWR5bmFtaWMtY29tcG9uZW50PlxuXHQgIDxuZy10ZW1wbGF0ZSAjbm90SGF2ZUF2YXRhcj5cbiAgICAgIDxtYXQtaWNvbj5oZWxwPC9tYXQtaWNvbj5cblx0ICA8L25nLXRlbXBsYXRlPlxuICAgIDxwIFtpbm5lckhUTUxdPVwiY29uZmlnLm1lc3NhZ2VcIiBjbGFzcz1cImFsZXJ0LW1lc3NhZ2UgdGV4dC1jZW50ZXJcIj48L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGFsaWduPVwiY2VudGVyXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxuICA8YnV0dG9uIFttYXQtZGlhbG9nLWNsb3NlXT1cIntxdWVzdGlvbjogdHJ1ZX1cIiBjb2xvcj1cInByaW1hcnlcIiBjbGFzcz1cIm91dGxpbmVcIiBtYXQtYnV0dG9uPnt7bGFuZ3VhZ2VIZWxwZXIuZ2V0WWVzTWVzc2FnZSgpfX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBbbWF0LWRpYWxvZy1jbG9zZV09XCJ7cXVlc3Rpb246IGZhbHNlfVwiIGNvbG9yPVwid2FyblwiIGNsYXNzPVwib3V0bGluZVwiIG1hdC1idXR0b24+e3tsYW5ndWFnZUhlbHBlci5nZXROb01lc3NhZ2UoKX19PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/question/esm2020/lib/koala.question.module.mjs

@@ -1,25 +1,25 @@
 import { NgModule } from '@angular/core';
 import { DialogQuestionComponent } from './dialog-question.component';
-import { MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
 import { CommonModule } from '@angular/common';
 import { KoalaDynamicComponentModule } from '@koalarx/ui/dynamic-component';
+import { MatDialogModule } from "@angular/material/dialog";
+import { MatButtonModule } from "@angular/material/button";
 import * as i0 from "@angular/core";
 export class KoalaQuestionModule {
 }
-KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
+KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule], exports: [DialogQuestionComponent] });
-KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, imports: [CommonModule,
+KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEucXVlc3Rpb24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcXVlc3Rpb24vc3JjL2xpYi9rb2FsYS5xdWVzdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBaUI1RSxNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBYjVCLHVCQUF1QixhQUd2QixZQUFZO1FBQ1osMkJBQTJCO1FBQzNCLGVBQWU7UUFDZixlQUFlO1FBQ2YsYUFBYSxhQUdiLHVCQUF1QjtrSEFHZCxtQkFBbUIsWUFWNUIsWUFBWTtRQUNaLDJCQUEyQjtRQUMzQixlQUFlO1FBQ2YsZUFBZTtRQUNmLGFBQWE7NEZBTUosbUJBQW1CO2tCQWYvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLDJCQUEyQjt3QkFDM0IsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHVCQUF1QjtxQkFDeEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlhbG9nUXVlc3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy1xdWVzdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS29hbGFEeW5hbWljQ29tcG9uZW50TW9kdWxlIH0gZnJvbSAnQGtvYWxhcngvdWkvZHluYW1pYy1jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEtvYWxhRHluYW1pY0NvbXBvbmVudE1vZHVsZSxcbiAgICBNYXREaWFsb2dNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERpYWxvZ1F1ZXN0aW9uQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgS29hbGFRdWVzdGlvbk1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEucXVlc3Rpb24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcXVlc3Rpb24vc3JjL2xpYi9rb2FsYS5xdWVzdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBaUIzRCxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBYjVCLHVCQUF1QixhQUd2QixZQUFZO1FBQ1osMkJBQTJCO1FBQzNCLGVBQWU7UUFDZixlQUFlO1FBQ2YsYUFBYSxhQUdiLHVCQUF1QjtpSEFHZCxtQkFBbUIsWUFWNUIsWUFBWTtRQUNaLDJCQUEyQjtRQUMzQixlQUFlO1FBQ2YsZUFBZTtRQUNmLGFBQWE7MkZBTUosbUJBQW1CO2tCQWYvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLDJCQUEyQjt3QkFDM0IsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHVCQUF1QjtxQkFDeEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlhbG9nUXVlc3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy1xdWVzdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtvYWxhRHluYW1pY0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJ0Brb2FsYXJ4L3VpL2R5bmFtaWMtY29tcG9uZW50JztcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGlhbG9nUXVlc3Rpb25Db21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLb2FsYUR5bmFtaWNDb21wb25lbnRNb2R1bGUsXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEtvYWxhUXVlc3Rpb25Nb2R1bGUge1xufVxuIl19

package/question/esm2020/lib/koala.question.service.mjs

@@ -17,10 +17,10 @@ export class KoalaQuestionService {
         });
     }
 }
-KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, decorators: [{
+KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }], ctorParameters: function () { return [{ type: i1.KoalaDialogService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEucXVlc3Rpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIva29hbGEucXVlc3Rpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFLdEUsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUFvQixhQUFpQztRQUFqQyxrQkFBYSxHQUFiLGFBQWEsQ0FBb0I7SUFDckQsQ0FBQztJQUVNLElBQUksQ0FBQyxNQUFvQyxFQUFFLFdBQXdCLEVBQUUsVUFBdUI7UUFDakcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQ2pFLENBQUMsTUFBNkIsRUFBRSxFQUFFO1lBQ2hDLElBQUksTUFBTSxDQUFDLFFBQVEsSUFBSSxXQUFXLEVBQUU7Z0JBQ2xDLFdBQVcsRUFBRSxDQUFDO2FBQ2Y7aUJBQU0sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksVUFBVSxFQUFFO2dCQUN6QyxVQUFVLEVBQUUsQ0FBQzthQUNkO1FBQ0gsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDOztrSEFmVSxvQkFBb0I7c0hBQXBCLG9CQUFvQixjQURSLEtBQUs7NEZBQ2pCLG9CQUFvQjtrQkFEaEMsVUFBVTttQkFBQyxFQUFDLFVBQVUsRUFBRSxLQUFLLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLb2FsYURpYWxvZ1NlcnZpY2UgfSBmcm9tICdAa29hbGFyeC91aS9kaWFsb2cnO1xuaW1wb3J0IHsgS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSB9IGZyb20gJy4va29hbGEtcXVlc3Rpb24tY29uZmlnLmludGVyZmFjZSc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiBcImFueVwifSlcbmV4cG9ydCBjbGFzcyBLb2FsYVF1ZXN0aW9uU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2dTZXJ2aWNlOiBLb2FsYURpYWxvZ1NlcnZpY2UpIHtcbiAgfVxuXG4gIHB1YmxpYyBvcGVuKGNvbmZpZzogS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSwgeWVzQ2FsbGJhY2s/OiAoKSA9PiB2b2lkLCBub0NhbGxiYWNrPzogKCkgPT4gdm9pZCkge1xuICAgIHRoaXMuZGlhbG9nU2VydmljZS5vcGVuKERpYWxvZ1F1ZXN0aW9uQ29tcG9uZW50LCAnYXV0bycsIGNvbmZpZywge30sXG4gICAgICAoYW5zd2VyOiB7IHF1ZXN0aW9uOiBib29sZWFuIH0pID0+IHtcbiAgICAgICAgaWYgKGFuc3dlci5xdWVzdGlvbiAmJiB5ZXNDYWxsYmFjaykge1xuICAgICAgICAgIHllc0NhbGxiYWNrKCk7XG4gICAgICAgIH0gZWxzZSBpZiAoIWFuc3dlci5xdWVzdGlvbiAmJiBub0NhbGxiYWNrKSB7XG4gICAgICAgICAgbm9DYWxsYmFjaygpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEucXVlc3Rpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9saWIva29hbGEucXVlc3Rpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFLdEUsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUFvQixhQUFpQztRQUFqQyxrQkFBYSxHQUFiLGFBQWEsQ0FBb0I7SUFDckQsQ0FBQztJQUVNLElBQUksQ0FBQyxNQUFvQyxFQUFFLFdBQXdCLEVBQUUsVUFBdUI7UUFDakcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQ2pFLENBQUMsTUFBNkIsRUFBRSxFQUFFO1lBQ2hDLElBQUksTUFBTSxDQUFDLFFBQVEsSUFBSSxXQUFXLEVBQUU7Z0JBQ2xDLFdBQVcsRUFBRSxDQUFDO2FBQ2Y7aUJBQU0sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksVUFBVSxFQUFFO2dCQUN6QyxVQUFVLEVBQUUsQ0FBQzthQUNkO1FBQ0gsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDOztpSEFmVSxvQkFBb0I7cUhBQXBCLG9CQUFvQixjQURSLEtBQUs7MkZBQ2pCLG9CQUFvQjtrQkFEaEMsVUFBVTttQkFBQyxFQUFDLFVBQVUsRUFBRSxLQUFLLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2dRdWVzdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBLb2FsYURpYWxvZ1NlcnZpY2UgfSBmcm9tICdAa29hbGFyeC91aS9kaWFsb2cnO1xuaW1wb3J0IHsgS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSB9IGZyb20gJy4va29hbGEtcXVlc3Rpb24tY29uZmlnLmludGVyZmFjZSc7XG5cbkBJbmplY3RhYmxlKHtwcm92aWRlZEluOiBcImFueVwifSlcbmV4cG9ydCBjbGFzcyBLb2FsYVF1ZXN0aW9uU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2dTZXJ2aWNlOiBLb2FsYURpYWxvZ1NlcnZpY2UpIHtcbiAgfVxuXG4gIHB1YmxpYyBvcGVuKGNvbmZpZzogS29hbGFRdWVzdGlvbkNvbmZpZ0ludGVyZmFjZSwgeWVzQ2FsbGJhY2s/OiAoKSA9PiB2b2lkLCBub0NhbGxiYWNrPzogKCkgPT4gdm9pZCkge1xuICAgIHRoaXMuZGlhbG9nU2VydmljZS5vcGVuKERpYWxvZ1F1ZXN0aW9uQ29tcG9uZW50LCAnYXV0bycsIGNvbmZpZywge30sXG4gICAgICAoYW5zd2VyOiB7IHF1ZXN0aW9uOiBib29sZWFuIH0pID0+IHtcbiAgICAgICAgaWYgKGFuc3dlci5xdWVzdGlvbiAmJiB5ZXNDYWxsYmFjaykge1xuICAgICAgICAgIHllc0NhbGxiYWNrKCk7XG4gICAgICAgIH0gZWxzZSBpZiAoIWFuc3dlci5xdWVzdGlvbiAmJiBub0NhbGxiYWNrKSB7XG4gICAgICAgICAgbm9DYWxsYmFjaygpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgKTtcbiAgfVxufVxuIl19

package/question/fesm2015/koalarx-ui-question.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Inject, Injectable, NgModule } from '@angular/core';
+import { KoalaLanguageHelper } from '@koalarx/ui/core';
 import * as i3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { KoalaLanguageHelper } from '@koalarx/ui/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@koalarx/ui/dynamic-component';
@@ -19,9 +19,9 @@ class DialogQuestionComponent {
         this.languageHelper = KoalaLanguageHelper;
     }
 }
-DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: DialogQuestionComponent, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.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"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: DialogQuestionComponent, decorators: [{
+DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DialogQuestionComponent, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DialogQuestionComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div mat-dialog-content>\n  <div class=\"question\">\n\t  <koala-dynamic-component\n\t\t  *ngIf=\"config.avatar else notHaveAvatar\"\n\t\t  [dynamicComponent]=\"config.avatar\">\n\t  </koala-dynamic-component>\n\t  <ng-template #notHaveAvatar>\n      <mat-icon>help</mat-icon>\n\t  </ng-template>\n    <p [innerHTML]=\"config.message\" class=\"alert-message text-center\"></p>\n  </div>\n</div>\n<div align=\"center\" mat-dialog-actions>\n  <button [mat-dialog-close]=\"{question: true}\" color=\"primary\" class=\"outline\" mat-button>{{languageHelper.getYesMessage()}}</button>\n  <button [mat-dialog-close]=\"{question: false}\" color=\"warn\" class=\"outline\" mat-button>{{languageHelper.getNoMessage()}}</button>\n</div>\n", styles: [".question{color:#616161}.question .alert-message{font-family:OpenSans,sans-serif;margin:20px auto 10px!important}.question mat-icon{position:relative;display:block;margin:15px auto;width:60px;height:60px;font-size:60px;color:#1565c0}\n"] }]
         }], ctorParameters: function () {
@@ -46,27 +46,27 @@ class KoalaQuestionService {
         });
     }
 }
-KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionService, decorators: [{
+KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }], ctorParameters: function () { return [{ type: i1$1.KoalaDialogService }]; } });
 
 class KoalaQuestionModule {
 }
-KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
+KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule], exports: [DialogQuestionComponent] });
-KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, imports: [CommonModule,
+KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: KoalaQuestionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: KoalaQuestionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [