npm - @koalarx/ui - Versions diffs - 13.0.15 → 13.0.18 - Mend

@koalarx/ui 13.0.15 → 13.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/menu/esm2020/lib/menu.component.mjs CHANGED Viewed

@@ -87,9 +87,9 @@ export class MenuComponent {
         return JSON.parse(JSON.stringify(this.optionsSubject?.getValue()));
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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: [{

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

@@ -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: "13.3.1", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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,27 +121,27 @@ class KoalaMenuService {
         menuStateSubject.next(null);
     }
 }
-KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, decorators: [{
+KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }] });
 class KoalaMenuModule {
 }
-KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
+KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule], exports: [MenuComponent] });
-KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, imports: [[
+KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, imports: [[
             CommonModule,
             RouterModule,
             MatIconModule,
             KoalaIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -91,9 +91,9 @@ class MenuComponent {
         return JSON.parse(JSON.stringify(this.optionsSubject?.getValue()));
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.IconComponent, selector: "koala-icon", inputs: ["color", "icon", "size"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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:-webkit-fit-content;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:-webkit-fit-content;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:-webkit-fit-content!important;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,27 +116,27 @@ class KoalaMenuService {
         menuStateSubject.next(null);
     }
 }
-KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuService, decorators: [{
+KoalaMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }] });
 class KoalaMenuModule {
 }
-KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
+KoalaMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, declarations: [MenuComponent], imports: [CommonModule,
         RouterModule,
         MatIconModule,
         KoalaIconModule], exports: [MenuComponent] });
-KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, imports: [[
+KoalaMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, imports: [[
             CommonModule,
             RouterModule,
             MatIconModule,
             KoalaIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@koalarx/ui",
-  "version": "13.0.15",
+  "version": "13.0.18",
   "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",

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

@@ -13,9 +13,9 @@ export class DialogQuestionComponent {
         this.languageHelper = KoalaLanguageHelper;
     }
 }
-DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, decorators: [{
+DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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: [{

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

@@ -8,20 +8,20 @@ import { KoalaDynamicComponentModule } from '@koalarx/ui/dynamic-component';
 import * as i0 from "@angular/core";
 export class KoalaQuestionModule {
 }
-KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
+KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule], exports: [DialogQuestionComponent] });
-KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, imports: [[
+KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, imports: [[
             CommonModule,
             KoalaDynamicComponentModule,
             MatDialogModule,
             MatButtonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -17,9 +17,9 @@ export class KoalaQuestionService {
         });
     }
 }
-KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, decorators: [{
+KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: "any" }]
         }], ctorParameters: function () { return [{ type: i1.KoalaDialogService }]; } });

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

@@ -19,9 +19,9 @@ class DialogQuestionComponent {
         this.languageHelper = KoalaLanguageHelper;
     }
 }
-DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, decorators: [{
+DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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,29 +46,29 @@ class KoalaQuestionService {
         });
     }
 }
-KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, decorators: [{
+KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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: "13.3.1", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
+KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule], exports: [DialogQuestionComponent] });
-KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, imports: [[
+KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, imports: [[
             CommonModule,
             KoalaDynamicComponentModule,
             MatDialogModule,
             MatButtonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/question/fesm2020/koalarx-ui-question.mjs CHANGED Viewed

@@ -19,9 +19,9 @@ class DialogQuestionComponent {
         this.languageHelper = KoalaLanguageHelper;
     }
 }
-DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogQuestionComponent, decorators: [{
+DialogQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: DialogQuestionComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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"], components: [{ type: i1.KoalaDynamicComponentFactory, selector: "koala-dynamic-component", inputs: ["dynamicComponent"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], directives: [{ type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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: [{
@@ -44,29 +44,29 @@ class KoalaQuestionService {
         });
     }
 }
-KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionService, decorators: [{
+KoalaQuestionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, deps: [{ token: i1$1.KoalaDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaQuestionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionService, providedIn: "any" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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: "13.3.1", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
+KoalaQuestionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaQuestionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, declarations: [DialogQuestionComponent], imports: [CommonModule,
         KoalaDynamicComponentModule,
         MatDialogModule,
         MatButtonModule,
         MatIconModule], exports: [DialogQuestionComponent] });
-KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, imports: [[
+KoalaQuestionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, imports: [[
             CommonModule,
             KoalaDynamicComponentModule,
             MatDialogModule,
             MatButtonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaQuestionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaQuestionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/snackbar/esm2020/lib/koala.snackbar.component.mjs CHANGED Viewed

@@ -10,9 +10,9 @@ export class KoalaSnackbarComponent {
         this.data = data;
     }
 }
-KoalaSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
-KoalaSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: KoalaSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarComponent, decorators: [{
+KoalaSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
+KoalaSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: KoalaSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatSnackBarRef }, { type: undefined, decorators: [{

package/snackbar/esm2020/lib/koala.snackbar.module.mjs CHANGED Viewed

@@ -7,17 +7,17 @@ import { MatButtonModule } from "@angular/material/button";
 import * as i0 from "@angular/core";
 export class KoalaSnackbarModule {
 }
-KoalaSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, declarations: [KoalaSnackbarComponent], imports: [MatSnackBarModule,
+KoalaSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, declarations: [KoalaSnackbarComponent], imports: [MatSnackBarModule,
         MatIconModule,
         MatButtonModule], exports: [KoalaSnackbarComponent,
         MatSnackBarModule] });
-KoalaSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, providers: [KoalaSnackbarService], imports: [[
+KoalaSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, providers: [KoalaSnackbarService], imports: [[
             MatSnackBarModule,
             MatIconModule,
             MatButtonModule
         ], MatSnackBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/snackbar/esm2020/lib/koala.snackbar.service.mjs CHANGED Viewed

@@ -27,9 +27,9 @@ export class KoalaSnackbarService {
         });
     }
 }
-KoalaSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService, decorators: [{
+KoalaSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MatSnackBar }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEuc25hY2tiYXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3NuYWNrYmFyL3NyYy9saWIva29hbGEuc25hY2tiYXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFHcEUsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUFvQixRQUFxQjtRQUFyQixhQUFRLEdBQVIsUUFBUSxDQUFhO0lBQ3pDLENBQUM7SUFFTSxPQUFPLENBQUMsT0FBZ0I7UUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFTSxPQUFPLENBQUMsT0FBZ0I7UUFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTSxLQUFLLENBQUMsT0FBZ0I7UUFDM0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFTyxZQUFZLENBQUMsT0FBZ0IsRUFBRSxJQUFhLEVBQUUsVUFBbUI7UUFDdkUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxzQkFBc0IsRUFBRTtZQUN0RCxJQUFJLEVBQUU7Z0JBQ0osT0FBTztnQkFDUCxJQUFJO2FBQ0w7WUFDRCxVQUFVLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFDLGtCQUFrQixFQUFFLE1BQU07WUFDMUIsUUFBUSxFQUFFLEtBQUs7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7aUhBM0JVLG9CQUFvQjtxSEFBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBRGhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1hdFNuYWNrQmFyIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhclwiO1xuaW1wb3J0IHsgS29hbGFTbmFja2JhckNvbXBvbmVudCB9IGZyb20gXCIuL2tvYWxhLnNuYWNrYmFyLmNvbXBvbmVudFwiO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgS29hbGFTbmFja2JhclNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc25hY2tCYXI6IE1hdFNuYWNrQmFyKSB7XG4gIH1cblxuICBwdWJsaWMgc3VjY2VzcyhtZXNzYWdlPzogc3RyaW5nKSB7XG4gICAgdGhpcy5zaG93U25hY2tCYXIobWVzc2FnZSwgJ2NoZWNrX2NpcmNsZScsICdzdWNjZXNzJyk7XG4gIH1cblxuICBwdWJsaWMgd2FybmluZyhtZXNzYWdlPzogc3RyaW5nKSB7XG4gICAgdGhpcy5zaG93U25hY2tCYXIobWVzc2FnZSwgJ3dhcm5pbmcnLCAnd2FybmluZycpO1xuICB9XG5cbiAgcHVibGljIGVycm9yKG1lc3NhZ2U/OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNob3dTbmFja0JhcihtZXNzYWdlLCAnZXJyb3InLCAnZXJyb3InKTtcbiAgfVxuXG4gIHByaXZhdGUgc2hvd1NuYWNrQmFyKG1lc3NhZ2U/OiBzdHJpbmcsIGljb24/OiBzdHJpbmcsIHBhbmVsQ2xhc3M/OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNuYWNrQmFyLm9wZW5Gcm9tQ29tcG9uZW50KEtvYWxhU25hY2tiYXJDb21wb25lbnQsIHtcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgbWVzc2FnZSxcbiAgICAgICAgaWNvblxuICAgICAgfSxcbiAgICAgIHBhbmVsQ2xhc3M6IHBhbmVsQ2xhc3MgPyBbcGFuZWxDbGFzc10gOiBbXSxcbiAgICAgIGhvcml6b250YWxQb3NpdGlvbjogXCJsZWZ0XCIsXG4gICAgICBkdXJhdGlvbjogMTAwMDBcbiAgICB9KTtcbiAgfVxufVxuIl19

package/snackbar/fesm2015/koalarx-ui-snackbar.mjs CHANGED Viewed

@@ -13,9 +13,9 @@ class KoalaSnackbarComponent {
         this.data = data;
     }
 }
-KoalaSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
-KoalaSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: KoalaSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarComponent, decorators: [{
+KoalaSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarComponent, deps: [{ token: i1.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
+KoalaSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: KoalaSnackbarComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"], components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message\">\n  <div>\n    <mat-icon class=\"mr-8\">{{data.icon}}</mat-icon>\n    <span>{{data.message}}</span>\n  </div>\n  <button class=\"ml-8\" (click)=\"snackbarRef.dismiss()\" mat-icon-button>\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: ["div.message{display:flex;align-items:center;justify-content:space-between}div.message div{display:flex;align-items:center}div.message span{line-height:11px}\n"] }]
         }], ctorParameters: function () {
@@ -50,25 +50,25 @@ class KoalaSnackbarService {
         });
     }
 }
-KoalaSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
-KoalaSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarService, decorators: [{
+KoalaSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+KoalaSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MatSnackBar }]; } });
 class KoalaSnackbarModule {
 }
-KoalaSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KoalaSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, declarations: [KoalaSnackbarComponent], imports: [MatSnackBarModule,
+KoalaSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KoalaSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, declarations: [KoalaSnackbarComponent], imports: [MatSnackBarModule,
         MatIconModule,
         MatButtonModule], exports: [KoalaSnackbarComponent,
         MatSnackBarModule] });
-KoalaSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, providers: [KoalaSnackbarService], imports: [[
+KoalaSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, providers: [KoalaSnackbarService], imports: [[
             MatSnackBarModule,
             MatIconModule,
             MatButtonModule
         ], MatSnackBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: KoalaSnackbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: KoalaSnackbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [