@koalarx/ui 12.4.1 → 12.4.2

package/menu/esm2015/lib/koala.menu.service.js

@@ -0,0 +1,22 @@
+import { Injectable } from '@angular/core';
+import { menuStateSubject } from './menu.component';
+import * as i0 from "@angular/core";
+export class KoalaMenuService {
+    getMenuState() {
+        return menuStateSubject.getValue();
+    }
+    open() {
+        menuStateSubject.next('open');
+    }
+    close() {
+        menuStateSubject.next('close');
+    }
+    clearConfig() {
+        menuStateSubject.next(null);
+    }
+}
+KoalaMenuService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaMenuService_Factory() { return new KoalaMenuService(); }, token: KoalaMenuService, providedIn: "any" });
+KoalaMenuService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGEubWVudS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVudS9zcmMvbGliL2tvYWxhLm1lbnUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBaUIsTUFBTSxrQkFBa0IsQ0FBQzs7QUFHbkUsTUFBTSxPQUFPLGdCQUFnQjtJQUVyQixZQUFZO1FBQ2xCLE9BQU8sZ0JBQWdCLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVNLElBQUk7UUFDVixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVNLEtBQUs7UUFDWCxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLFdBQVc7UUFDakIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7Ozs7WUFqQkQsVUFBVSxTQUFDLEVBQUMsVUFBVSxFQUFFLEtBQUssRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1lbnVTdGF0ZVN1YmplY3QsIE1lbnVTdGF0ZVR5cGUgfSBmcm9tICcuL21lbnUuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46IFwiYW55XCJ9KVxuZXhwb3J0IGNsYXNzIEtvYWxhTWVudVNlcnZpY2Uge1xuXG5cdHB1YmxpYyBnZXRNZW51U3RhdGUoKTogTWVudVN0YXRlVHlwZSB8IG51bGwge1xuXHRcdHJldHVybiBtZW51U3RhdGVTdWJqZWN0LmdldFZhbHVlKCk7XG5cdH1cblxuXHRwdWJsaWMgb3BlbigpIHtcblx0XHRtZW51U3RhdGVTdWJqZWN0Lm5leHQoJ29wZW4nKTtcblx0fVxuXG5cdHB1YmxpYyBjbG9zZSgpIHtcblx0XHRtZW51U3RhdGVTdWJqZWN0Lm5leHQoJ2Nsb3NlJyk7XG5cdH1cblxuXHRwdWJsaWMgY2xlYXJDb25maWcoKSB7XG5cdFx0bWVudVN0YXRlU3ViamVjdC5uZXh0KG51bGwpO1xuXHR9XG59XG4iXX0=

package/menu/esm2015/lib/menu.component.js

@@ -0,0 +1,104 @@
+import { __awaiter } from "tslib";
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NavigationEnd, Router, Scroll } from '@angular/router';
+import { BehaviorSubject } from 'rxjs';
+import { koala } from "@koalarx/utils";
+import { map, switchMap } from "rxjs/operators";
+import { KlDelay } from "@koalarx/utils/dist/utils/KlDelay";
+export const menuStateSubject = new BehaviorSubject(null);
+export class MenuComponent {
+    constructor(router) {
+        this.router = router;
+    }
+    ngOnInit() {
+        if (this.optionsSubject) {
+            this.optionsSubject.pipe(map(options => this.defineMenuOptions(options))).subscribe();
+            this.router
+                .events
+                .pipe(switchMap(event => new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                while (((_b = (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.getValue()) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+                    yield KlDelay.waitFor(300);
+                }
+                resolve(event);
+            }))))
+                .pipe(map(event => {
+                var _a;
+                const options = this.cloneOptions();
+                (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.next(options.map(option => {
+                    option.active = false;
+                    return option;
+                }));
+                return event;
+            }))
+                .subscribe(event => {
+                var _a;
+                switch (true) {
+                    case event instanceof Scroll:
+                    case event instanceof NavigationEnd:
+                        const options = this.cloneOptions();
+                        if ((options === null || options === void 0 ? void 0 : options.length) > 0) {
+                            (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.next(this.defineMenuOptions(options, true));
+                        }
+                }
+            });
+        }
+    }
+    toogle(module) {
+        if (this.optionsSubject) {
+            const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue()));
+            this.optionsSubject
+                .next(koala(options)
+                .array()
+                .map(item => {
+                item.animateOpen = false;
+                item.animateClose = false;
+                if (item.name === module.name) {
+                    item.expanded = !module.expanded;
+                    item.animateOpen = item.expanded;
+                    item.animateClose = !item.expanded;
+                }
+                else {
+                    item.expanded = false;
+                }
+                return item;
+            })
+                .getValue());
+        }
+    }
+    defineMenuOptions(options, routerChange = false) {
+        options.map(module => {
+            if (routerChange) {
+                module.animateOpen = false;
+                module.animateClose = false;
+                module.active = module.tools ?
+                    (this.router.url === module.routerLink ||
+                        !!module.tools.find(tool => this.router.url.indexOf(tool.routerLink) >= 0)) :
+                    this.router.url === module.routerLink;
+                module.expanded = module.active;
+            }
+            return module;
+        });
+        return options;
+    }
+    cloneOptions() {
+        var _a;
+        return JSON.parse(JSON.stringify((_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.getValue()));
+    }
+}
+MenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-menu',
+                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]=\"module.icon\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length > 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]=\"module.icon\" size=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length > 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\">\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]=\"tool.icon\" 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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:bold;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"]
+            },] }
+];
+MenuComponent.ctorParameters = () => [
+    { type: Router }
+];
+MenuComponent.propDecorators = {
+    titleMenu: [{ type: Input }],
+    optionsSubject: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9tZW51L3NyYy9saWIvbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRzVELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksZUFBZSxDQUF1QixJQUFJLENBQUMsQ0FBQztBQVFoRixNQUFNLE9BQU8sYUFBYTtJQUl4QixZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RGLElBQUksQ0FBQyxNQUFNO2lCQUNOLE1BQU07aUJBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksT0FBTyxDQUFDLENBQU0sT0FBTyxFQUFDLEVBQUU7O2dCQUNuRCxPQUFPLENBQUEsTUFBQSxNQUFBLElB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cEMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQy9FLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxLQUFLLE1BQU0sQ0FBQyxVQUFVLENBQUM7Z0JBQ3RELE1BQU0sQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQzthQUNqQztZQUVELE9BQU8sTUFBTSxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVPLFlBQVk7O1FBQ2xCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQUEsSUFBSSxDQUFDLGNBQWMsMENBQUUsUUFBUSxFQUFFLENBQUMsQ0FBK0IsQ0FBQztJQUNuRyxDQUFDOzs7WUExRkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0QixxaUVBQWtDO2dCQUVsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7OztZQWR1QixNQUFNOzs7d0JBZ0IzQixLQUFLOzZCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLb2FsYU1lbnVNb2R1bGVJbnRlcmZhY2UgfSBmcm9tICcuL2tvYWxhLm1lbnUtbW9kdWxlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIsIFNjcm9sbCB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGtvYWxhIH0gZnJvbSBcIkBrb2FsYXJ4L3V0aWxzXCI7XG5pbXBvcnQgeyBtYXAsIHN3aXRjaE1hcCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuaW1wb3J0IHsgS2xEZWxheSB9IGZyb20gXCJAa29hbGFyeC91dGlscy9kaXN0L3V0aWxzL0tsRGVsYXlcIjtcblxuZXhwb3J0IHR5cGUgTWVudVN0YXRlVHlwZSA9ICdvcGVuJyB8ICdjbG9zZSc7XG5leHBvcnQgY29uc3QgbWVudVN0YXRlU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWVudVN0YXRlVHlwZSB8IG51bGw+KG51bGwpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrb2FsYS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICdtZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ21lbnUuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGl0bGVNZW51Pzogc3RyaW5nO1xuICBASW5wdXQoKSBvcHRpb25zU3ViamVjdD86IEJlaGF2aW9yU3ViamVjdDxLb2FsYU1lbnVNb2R1bGVJbnRlcmZhY2VbXT47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMub3B0aW9uc1N1YmplY3QpIHtcbiAgICAgIHRoaXMub3B0aW9uc1N1YmplY3QucGlwZShtYXAob3B0aW9ucyA9PiB0aGlzLmRlZmluZU1lbnVPcHRpb25zKG9wdGlvbnMpKSkuc3Vic2NyaWJlKCk7XG4gICAgICB0aGlzLnJvdXRlclxuICAgICAgICAgIC5ldmVudHNcbiAgICAgICAgICAucGlwZShzd2l0Y2hNYXAoZXZlbnQgPT4gbmV3IFByb21pc2UoYXN5bmMgcmVzb2x2ZSA9PiB7XG4gICAgICAgICAgICB3aGlsZSAodGhpcy5vcHRpb25zU3ViamVjdD8uZ2V0VmFsdWUoKT8ubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAgIGF3YWl0IEtsRGVsYXkud2FpdEZvcigzMDApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXNvbHZlKGV2ZW50KTtcbiAgICAgICAgICB9KSkpXG4gICAgICAgICAgLnBpcGUobWFwKGV2ZW50ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IG9wdGlvbnMgPSB0aGlzLmNsb25lT3B0aW9ucygpO1xuICAgICAgICAgICAgdGhpcy5vcHRpb25zU3ViamVjdD8ubmV4dChvcHRpb25zLm1hcChvcHRpb24gPT4ge1xuICAgICAgICAgICAgICBvcHRpb24uYWN0aXZlID0gZmFsc2U7XG4gICAgICAgICAgICAgIHJldHVybiBvcHRpb247XG4gICAgICAgICAgICB9KSk7XG5cbiAgICAgICAgICAgIHJldHVybiBldmVudDtcbiAgICAgICAgICB9KSlcbiAgICAgICAgICAuc3Vic2NyaWJlKGV2ZW50ID0+IHtcbiAgICAgICAgICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgICAgICAgICBjYXNlIGV2ZW50IGluc3RhbmNlb2YgU2Nyb2xsOlxuICAgICAgICAgICAgICBjYXNlIGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZDpcbiAgICAgICAgICAgICAgICBjb25zdCBvcHRpb25zID0gdGhpcy5jbG9uZU9wdGlvbnMoKTtcbiAgICAgICAgICAgICAgICBpZiAob3B0aW9ucz8ubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zU3ViamVjdD8ubmV4dCh0aGlzLmRlZmluZU1lbnVPcHRpb25zKG9wdGlvbnMsIHRydWUpKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHRvb2dsZShtb2R1bGU6IEtvYWxhTWVudU1vZHVsZUludGVyZmFjZSkge1xuICAgIGlmICh0aGlzLm9wdGlvbnNTdWJqZWN0KSB7XG4gICAgICBjb25zdCBvcHRpb25zID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLm9wdGlvbnNTdWJqZWN0LmdldFZhbHVlKCkpKSBhcyBLb2FsYU1lbnVNb2R1bGVJbnRlcmZhY2VbXTtcbiAgICAgIHRoaXMub3B0aW9uc1N1YmplY3RcbiAgICAgICAgICAubmV4dChcbiAgICAgICAgICAgIGtvYWxhKG9wdGlvbnMpXG4gICAgICAgICAgICAgIC5hcnJheTxLb2FsYU1lbnVNb2R1bGVJbnRlcmZhY2U+KClcbiAgICAgICAgICAgICAgLm1hcChpdGVtID0+IHtcbiAgICAgICAgICAgICAgICBpdGVtLmFuaW1hdGVPcGVuID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgaXRlbS5hbmltYXRlQ2xvc2UgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICBpZiAoaXRlbS5uYW1lID09PSBtb2R1bGUubmFtZSkge1xuICAgICAgICAgICAgICAgICAgaXRlbS5leHBhbmRlZCA9ICFtb2R1bGUuZXhwYW5kZWQ7XG4gICAgICAgICAgICAgICAgICBpdGVtLmFuaW1hdGVPcGVuID0gaXRlbS5leHBhbmRlZDtcbiAgICAgICAgICAgICAgICAgIGl0ZW0uYW5pbWF0ZUNsb3NlID0gIWl0ZW0uZXhwYW5kZWQ7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIGl0ZW0uZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIGl0ZW07XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgIC5nZXRWYWx1ZSgpXG4gICAgICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGRlZmluZU1lbnVPcHRpb25zKG9wdGlvbnM6IEtvYWxhTWVudU1vZHVsZUludGVyZmFjZVtdLCByb3V0ZXJDaGFuZ2UgPSBmYWxzZSkge1xuICAgIG9wdGlvbnMubWFwKG1vZHVsZSA9PiB7XG4gICAgICBpZiAocm91dGVyQ2hhbmdlKSB7XG4gICAgICAgIG1vZHVsZS5hbmltYXRlT3BlbiA9IGZhbHNlO1xuICAgICAgICBtb2R1bGUuYW5pbWF0ZUNsb3NlID0gZmFsc2U7XG4gICAgICAgIG1vZHVsZS5hY3RpdmUgPSBtb2R1bGUudG9vbHMgP1xuICAgICAgICAgICAgICAgICAgICAgICAgKHRoaXMucm91dGVyLnVybCA9PT0gbW9kdWxlLnJvdXRlckxpbmsgfHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgISFtb2R1bGUudG9vbHMuZmluZCh0b29sID0+IHRoaXMucm91dGVyLnVybC5pbmRleE9mKHRvb2wucm91dGVyTGluaykgPj0gMCkpIDpcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMucm91dGVyLnVybCA9PT0gbW9kdWxlLnJvdXRlckxpbms7XG4gICAgICAgIG1vZHVsZS5leHBhbmRlZCA9IG1vZHVsZS5hY3RpdmU7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBtb2R1bGU7XG4gICAgfSk7XG4gICAgcmV0dXJuIG9wdGlvbnM7XG4gIH1cblxuICBwcml2YXRlIGNsb25lT3B0aW9ucygpIHtcbiAgICByZXR1cm4gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLm9wdGlvbnNTdWJqZWN0Py5nZXRWYWx1ZSgpKSkgYXMgS29hbGFNZW51TW9kdWxlSW50ZXJmYWNlW107XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Injectable, NgModule } from '@angular/core';
+import { __awaiter } from 'tslib';
+import { NavigationEnd, Scroll, Router, RouterModule } from '@angular/router';
+import { BehaviorSubject } from 'rxjs';
+import { koala } from '@koalarx/utils';
+import { map, switchMap } from 'rxjs/operators';
+import { KlDelay } from '@koalarx/utils/dist/utils/KlDelay';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { KoalaIconModule } from '@koalarx/ui/icon';
+
+const menuStateSubject = new BehaviorSubject(null);
+class MenuComponent {
+    constructor(router) {
+        this.router = router;
+    }
+    ngOnInit() {
+        if (this.optionsSubject) {
+            this.optionsSubject.pipe(map(options => this.defineMenuOptions(options))).subscribe();
+            this.router
+                .events
+                .pipe(switchMap(event => new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
+                while (((_b = (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.getValue()) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+                    yield KlDelay.waitFor(300);
+                }
+                resolve(event);
+            }))))
+                .pipe(map(event => {
+                var _a;
+                const options = this.cloneOptions();
+                (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.next(options.map(option => {
+                    option.active = false;
+                    return option;
+                }));
+                return event;
+            }))
+                .subscribe(event => {
+                var _a;
+                switch (true) {
+                    case event instanceof Scroll:
+                    case event instanceof NavigationEnd:
+                        const options = this.cloneOptions();
+                        if ((options === null || options === void 0 ? void 0 : options.length) > 0) {
+                            (_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.next(this.defineMenuOptions(options, true));
+                        }
+                }
+            });
+        }
+    }
+    toogle(module) {
+        if (this.optionsSubject) {
+            const options = JSON.parse(JSON.stringify(this.optionsSubject.getValue()));
+            this.optionsSubject
+                .next(koala(options)
+                .array()
+                .map(item => {
+                item.animateOpen = false;
+                item.animateClose = false;
+                if (item.name === module.name) {
+                    item.expanded = !module.expanded;
+                    item.animateOpen = item.expanded;
+                    item.animateClose = !item.expanded;
+                }
+                else {
+                    item.expanded = false;
+                }
+                return item;
+            })
+                .getValue());
+        }
+    }
+    defineMenuOptions(options, routerChange = false) {
+        options.map(module => {
+            if (routerChange) {
+                module.animateOpen = false;
+                module.animateClose = false;
+                module.active = module.tools ?
+                    (this.router.url === module.routerLink ||
+                        !!module.tools.find(tool => this.router.url.indexOf(tool.routerLink) >= 0)) :
+                    this.router.url === module.routerLink;
+                module.expanded = module.active;
+            }
+            return module;
+        });
+        return options;
+    }
+    cloneOptions() {
+        var _a;
+        return JSON.parse(JSON.stringify((_a = this.optionsSubject) === null || _a === void 0 ? void 0 : _a.getValue()));
+    }
+}
+MenuComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'koala-menu',
+                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]=\"module.icon\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length > 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]=\"module.icon\" size=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length > 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\">\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]=\"tool.icon\" 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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".title{font-family:OpenSans,sans-serif;font-size:.8em;font-weight:bold;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"]
+            },] }
+];
+MenuComponent.ctorParameters = () => [
+    { type: Router }
+];
+MenuComponent.propDecorators = {
+    titleMenu: [{ type: Input }],
+    optionsSubject: [{ type: Input }]
+};
+
+class KoalaMenuService {
+    getMenuState() {
+        return menuStateSubject.getValue();
+    }
+    open() {
+        menuStateSubject.next('open');
+    }
+    close() {
+        menuStateSubject.next('close');
+    }
+    clearConfig() {
+        menuStateSubject.next(null);
+    }
+}
+KoalaMenuService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KoalaMenuService_Factory() { return new KoalaMenuService(); }, token: KoalaMenuService, providedIn: "any" });
+KoalaMenuService.decorators = [
+    { type: Injectable, args: [{ providedIn: "any" },] }
+];
+
+class KoalaMenuModule {
+}
+KoalaMenuModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    MenuComponent
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    MatIconModule,
+                    KoalaIconModule
+                ],
+                exports: [
+                    MenuComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KoalaMenuModule, KoalaMenuService, MenuComponent, menuStateSubject };
+//# sourceMappingURL=koalarx-ui-menu.js.map

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

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

package/menu/index.d.ts

@@ -1,5 +1,5 @@
-export * from './koala.menu.service';
-export * from './koala.menu.module';
-export * from './koala.menu-module.interface';
-export * from './koala.menu-tool.interface';
-export * from './menu.component';
+export * from './lib/koala.menu.service';
+export * from './lib/koala.menu.module';
+export * from './lib/koala.menu-module.interface';
+export * from './lib/koala.menu-tool.interface';
+export * from './lib/menu.component';

package/menu/koalarx-ui-menu.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/menu/koalarx-ui-menu.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"KoalaMenuService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"any"}]}],"members":{"getMenuState":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"clearConfig":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"KoalaMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":4},{"__symbolic":"reference","module":"@koalarx/ui/icon","name":"KoalaIconModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"MenuComponent"}]}]}],"members":{}},"KoalaMenuModuleInterface":{"__symbolic":"interface"},"KoalaMenuToolInterface":{"__symbolic":"interface"},"MenuStateType":{"__symbolic":"interface"},"menuStateSubject":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"rxjs","name":"BehaviorSubject","line":9,"character":36},"arguments":[null]},"MenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"koala-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"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]=\"module.icon\"></koala-icon>\n        <h3>{{module.name}}</h3>\n        <mat-icon\n\t        *ngIf=\"module.tools?.length > 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]=\"module.icon\" size=\"18\"></koala-icon>\n          <h3>{{module.name}}</h3>\n          <mat-icon\n\t          *ngIf=\"module.tools?.length > 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\">\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]=\"tool.icon\" 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:bold;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"]}]}],"members":{"titleMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"optionsSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":21,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"toogle":[{"__symbolic":"method"}],"defineMenuOptions":[{"__symbolic":"method"}],"cloneOptions":[{"__symbolic":"method"}]}}},"origins":{"KoalaMenuService":"./lib/koala.menu.service","KoalaMenuModule":"./lib/koala.menu.module","KoalaMenuModuleInterface":"./lib/koala.menu-module.interface","KoalaMenuToolInterface":"./lib/koala.menu-tool.interface","MenuStateType":"./lib/menu.component","menuStateSubject":"./lib/menu.component","MenuComponent":"./lib/menu.component"},"importAs":"@koalarx/ui/menu"}

package/menu/lib/koala.menu.module.d.ts

@@ -0,0 +1,2 @@
+export declare class KoalaMenuModule {
+}

package/menu/lib/koala.menu.service.d.ts

@@ -0,0 +1,7 @@
+import { MenuStateType } from './menu.component';
+export declare class KoalaMenuService {
+    getMenuState(): MenuStateType | null;
+    open(): void;
+    close(): void;
+    clearConfig(): void;
+}

package/menu/{menu.component.d.ts → lib/menu.component.d.ts}

@@ -2,17 +2,15 @@ import { OnInit } from '@angular/core';
 import { KoalaMenuModuleInterface } from './koala.menu-module.interface';
 import { Router } from '@angular/router';
 import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare const menuStateSubject: BehaviorSubject<"open" | "close">;
+export declare type MenuStateType = 'open' | 'close';
+export declare const menuStateSubject: BehaviorSubject<MenuStateType | null>;
 export declare class MenuComponent implements OnInit {
     private router;
-    titleMenu: string;
-    optionsSubject: BehaviorSubject<KoalaMenuModuleInterface[]>;
+    titleMenu?: string;
+    optionsSubject?: BehaviorSubject<KoalaMenuModuleInterface[]>;
     constructor(router: Router);
     ngOnInit(): void;
     toogle(module: KoalaMenuModuleInterface): void;
     private defineMenuOptions;
     private cloneOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "koala-menu", never, { "titleMenu": "titleMenu"; "optionsSubject": "optionsSubject"; }, {}, never, never>;
 }

package/menu/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@koalarx/ui/menu",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^12.0.3",
+    "@angular/core": "^12.0.3"
+  },
+  "dependencies": {
+    "tslib": "^2.1.0"
+  },
+  "main": "bundles/koalarx-ui-menu.umd.js",
+  "module": "fesm2015/koalarx-ui-menu.js",
+  "es2015": "fesm2015/koalarx-ui-menu.js",
+  "esm2015": "esm2015/koalarx-ui-menu.js",
+  "fesm2015": "fesm2015/koalarx-ui-menu.js",
+  "typings": "koalarx-ui-menu.d.ts",
+  "metadata": "koalarx-ui-menu.metadata.json",
+  "sideEffects": false
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koalarx/ui",
-  "version": "12.4.1",
+  "version": "12.4.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/igordrangel/koala-angular-template.git"
@@ -16,10 +16,7 @@
     "url": "https://github.com/igordrangel/koala-angular-template/issues"
   },
   "homepage": "https://github.com/igordrangel/koala-angular-template#readme",
-  "main": "bundles/koalarx-ui.umd.js",
-  "module": "fesm2015/koalarx-ui.js",
-  "es2015": "fesm2015/koalarx-ui.js",
-  "typings": "koalarx-ui.d.ts",
+  "types": "./koalarx-ui.d.ts",
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0",
@@ -41,11 +38,5 @@
     "ngx-papaparse": "^5.0.0",
     "xlsx": "^0.17.0",
     "rxjs": "~6.6.3"
-  },
-  "esm2015": "esm2015/koalarx-ui.js",
-  "fesm2015": "fesm2015/koalarx-ui.js",
-  "sideEffects": false,
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
-}
+}

package/question/README.md

@@ -0,0 +1,24 @@
+# Question
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.3.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project question` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project question`.
+> Note: Don't forget to add `--project question` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build question` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build question`, go to the dist folder `cd dist/question` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test question` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/question/bundles/koalarx-ui-question.umd.js

@@ -0,0 +1,104 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@koalarx/ui/core'), require('@koalarx/ui/dialog'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/common'), require('@koalarx/ui/dynamic-component')) :
+    typeof define === 'function' && define.amd ? define('@koalarx/ui/question', ['exports', '@angular/core', '@angular/material/dialog', '@koalarx/ui/core', '@koalarx/ui/dialog', '@angular/material/icon', '@angular/material/button', '@angular/common', '@koalarx/ui/dynamic-component'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.koalarx = global.koalarx || {}, global.koalarx.ui = global.koalarx.ui || {}, global.koalarx.ui.question = {}), global.ng.core, global.ng.material.dialog, global.core, global.dialog, global.ng.material.icon, global.ng.material.button, global.ng.common, global.dynamicComponent));
+})(this, (function (exports, i0, dialog, core, i1, icon, button, common, dynamicComponent) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    var DialogQuestionComponent = /** @class */ (function () {
+        function DialogQuestionComponent(config) {
+            this.config = config;
+            this.languageHelper = core.KoalaLanguageHelper;
+        }
+        return DialogQuestionComponent;
+    }());
+    DialogQuestionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    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",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    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"]
+                },] }
+    ];
+    DialogQuestionComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
+    ]; };
+
+    var KoalaQuestionService = /** @class */ (function () {
+        function KoalaQuestionService(dialogService) {
+            this.dialogService = dialogService;
+        }
+        KoalaQuestionService.prototype.open = function (config, yesCallback, noCallback) {
+            this.dialogService.open(DialogQuestionComponent, 'auto', config, {}, function (answer) {
+                if (answer.question && yesCallback) {
+                    yesCallback();
+                }
+                else if (!answer.question && noCallback) {
+                    noCallback();
+                }
+            });
+        };
+        return KoalaQuestionService;
+    }());
+    KoalaQuestionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function KoalaQuestionService_Factory() { return new KoalaQuestionService(i0__namespace.ɵɵinject(i1__namespace.KoalaDialogService)); }, token: KoalaQuestionService, providedIn: "any" });
+    KoalaQuestionService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: "any" },] }
+    ];
+    KoalaQuestionService.ctorParameters = function () { return [
+        { type: i1.KoalaDialogService }
+    ]; };
+
+    var KoalaQuestionModule = /** @class */ (function () {
+        function KoalaQuestionModule() {
+        }
+        return KoalaQuestionModule;
+    }());
+    KoalaQuestionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        DialogQuestionComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        dynamicComponent.KoalaDynamicComponentModule,
+                        dialog.MatDialogModule,
+                        button.MatButtonModule,
+                        icon.MatIconModule
+                    ],
+                    exports: [
+                        DialogQuestionComponent
+                    ]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DialogQuestionComponent = DialogQuestionComponent;
+    exports.KoalaQuestionModule = KoalaQuestionModule;
+    exports.KoalaQuestionService = KoalaQuestionService;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=koalarx-ui-question.umd.js.map

package/question/bundles/koalarx-ui-question.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"koalarx-ui-question.umd.js","sources":["../../../projects/question/src/lib/dialog-question.component.ts","../../../projects/question/src/lib/koala.question.service.ts","../../../projects/question/src/lib/koala.question.module.ts","../../../projects/question/src/koalarx-ui-question.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { KoalaQuestionConfigInterface } from './koala-question-config.interface';\nimport { KoalaLanguageHelper } from \"@koalarx/ui/core\";\n\n@Component({\n  templateUrl: 'dialog-question.component.html',\n  styleUrls: ['dialog-question.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DialogQuestionComponent {\n  public languageHelper = KoalaLanguageHelper;\n\n  constructor(@Inject(MAT_DIALOG_DATA) public config: KoalaQuestionConfigInterface) {\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { DialogQuestionComponent } from './dialog-question.component';\nimport { KoalaDialogService } from '@koalarx/ui/dialog';\nimport { KoalaQuestionConfigInterface } from './koala-question-config.interface';\n\n@Injectable({providedIn: \"any\"})\nexport class KoalaQuestionService {\n\n  constructor(private dialogService: KoalaDialogService) {\n  }\n\n  public open(config: KoalaQuestionConfigInterface, yesCallback?: () => void, noCallback?: () => void) {\n    this.dialogService.open(DialogQuestionComponent, 'auto', config, {},\n      (answer: { question: boolean }) => {\n        if (answer.question && yesCallback) {\n          yesCallback();\n        } else if (!answer.question && noCallback) {\n          noCallback();\n        }\n      }\n    );\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { DialogQuestionComponent } from './dialog-question.component';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { CommonModule } from '@angular/common';\nimport { KoalaDynamicComponentModule } from '@koalarx/ui/dynamic-component';\n\n@NgModule({\n  declarations: [\n    DialogQuestionComponent\n  ],\n  imports: [\n    CommonModule,\n    KoalaDynamicComponentModule,\n    MatDialogModule,\n    MatButtonModule,\n    MatIconModule\n  ],\n  exports: [\n    DialogQuestionComponent\n  ]\n})\nexport class KoalaQuestionModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["KoalaLanguageHelper","Component","ChangeDetectionStrategy","Inject","MAT_DIALOG_DATA","Injectable","KoalaDialogService","NgModule","CommonModule","KoalaDynamicComponentModule","MatDialogModule","MatButtonModule","MatIconModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;QAaE,iCAA4C,MAAoC;YAApC,WAAM,GAAN,MAAM,CAA8B;YAFzE,mBAAc,GAAGA,wBAAmB,CAAC;SAG3C;;;;gBATFC,YAAS,SAAC;oBACT,ouBAA6C;oBAE7C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;;iBAChD;;;gDAIcC,SAAM,SAACC,sBAAe;;;;QCLnC,8BAAoB,aAAiC;YAAjC,kBAAa,GAAb,aAAa,CAAoB;SACpD;QAEM,mCAAI,GAAJ,UAAK,MAAoC,EAAE,WAAwB,EAAE,UAAuB;YACjG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,uBAAuB,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EACjE,UAAC,MAA6B;gBAC5B,IAAI,MAAM,CAAC,QAAQ,IAAI,WAAW,EAAE;oBAClC,WAAW,EAAE,CAAC;iBACf;qBAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,UAAU,EAAE;oBACzC,UAAU,EAAE,CAAC;iBACd;aACF,CACF,CAAC;SACH;;;;;gBAhBFC,aAAU,SAAC,EAAC,UAAU,EAAE,KAAK,EAAC;;;gBAHtBC,qBAAkB;;;;QCqB3B;;;;;gBAfCC,WAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,4CAA2B;wBAC3BC,sBAAe;wBACfC,sBAAe;wBACfC,kBAAa;qBACd;oBACD,OAAO,EAAE;wBACP,uBAAuB;qBACxB;iBACF;;;ICtBD;;;;;;;;;;;;;;"}

package/question/esm2015/index.js

@@ -0,0 +1,5 @@
+export * from './lib/koala.question.service';
+export * from './lib/dialog-question.component';
+export * from './lib/koala.question.module';
+export * from './lib/koala-question-config.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9xdWVzdGlvbi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2tvYWxhLnF1ZXN0aW9uLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlhbG9nLXF1ZXN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9rb2FsYS5xdWVzdGlvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIva29hbGEtcXVlc3Rpb24tY29uZmlnLmludGVyZmFjZSc7XG4iXX0=

package/question/esm2015/koalarx-ui-question.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29hbGFyeC11aS1xdWVzdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3F1ZXN0aW9uL3NyYy9rb2FsYXJ4LXVpLXF1ZXN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19