asp-lib 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# AspLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project asp-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project asp-lib`.
+> Note: Don't forget to add `--project asp-lib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build asp-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build asp-lib`, go to the dist folder `cd dist/asp-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test asp-lib` 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/esm2022/asp-lib.mjs

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

package/esm2022/lib/application-menu/application-menu.component.mjs

@@ -0,0 +1,28 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ApplicationMenuComponent {
+    constructor() {
+        this.options = [];
+        this.optionClickHandler = new EventEmitter();
+        this.level = 0;
+    }
+    toggleSubMenu(option) {
+        option.open = !option.open;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApplicationMenuComponent, selector: "lib-application-menu", inputs: { options: "options", level: "level" }, outputs: { optionClickHandler: "optionClickHandler" }, ngImport: i0, template: "<div class=\"menu-selector-item\" *ngFor=\"let option of options\">\n    <ng-container *ngIf=\"(option.children && option.children.length > 0)\">\n        <div class=\"menu-item-label-container\" (click)=\"toggleSubMenu(option)\">\n            <div class=\"flex-row-center\">\n                <div class=\"app-menu-item-icon icon_keyboardArrowDown\" *ngIf=\"!option.open\"></div>\n                <div class=\"app-menu-item-icon icon_keyboardArrowUp\" *ngIf=\"option.open\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row\" [class.is-selected]=\"option.open\">\n                <div class=\"ico_closeFolderReport\" *ngIf=\"!option.open\"></div>\n                <div class=\"ico_openFolderReport\" *ngIf=\"option.open\"></div>\n                <span class=\"marginLeft10\">{{option.label}}</span>\n            </div>\n        </div>\n        <div class=\"app-menu-options-sub-container\">\n            <lib-application-menu *ngIf=\"option.open\" [level]=\"level + 2\" [options]=\"option.children\" (optionClickHandler)=\"optionClickHandler.emit($event)\"></lib-application-menu>\n        </div> \n    </ng-container>\n    <div *ngIf=\"(!option.children || !option.children.length) && option.typeOption != '2'\"\n    class=\"flex-row\" (click)=\"optionClickHandler.emit(option)\">\n        <div class=\"menu-item-label-container\">\n            <div class=\"flex-row\">\n                <div class=\"app-menu-img-icon icon_menuReport\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row  marginLeft5\" [class.sheetMenu]=\"level != 0\">\n                {{option.label}}\n            </div>\n        </div>\n    </div>\n</div>", styles: [".menu-selector-item{display:flex;flex-direction:column;padding:12.5px 0 12.5px 25px}.app-menu-item-icon{width:8px;height:6px;-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-color-menu);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin:0}.icon_keyboardArrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.icon_keyboardArrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.menu-item-label-container{display:grid;flex-direction:row;align-items:center;grid-template-columns:30px calc(100% - 35px);margin:0;padding:0;height:auto;gap:5px;color:#fff;cursor:pointer}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.icon_menuReport{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E%3C%2Fsvg%3E\");height:2rem;width:2rem;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ApplicationMenuComponent, selector: "lib-application-menu", inputs: ["options", "level"], outputs: ["optionClickHandler"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-application-menu', template: "<div class=\"menu-selector-item\" *ngFor=\"let option of options\">\n    <ng-container *ngIf=\"(option.children && option.children.length > 0)\">\n        <div class=\"menu-item-label-container\" (click)=\"toggleSubMenu(option)\">\n            <div class=\"flex-row-center\">\n                <div class=\"app-menu-item-icon icon_keyboardArrowDown\" *ngIf=\"!option.open\"></div>\n                <div class=\"app-menu-item-icon icon_keyboardArrowUp\" *ngIf=\"option.open\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row\" [class.is-selected]=\"option.open\">\n                <div class=\"ico_closeFolderReport\" *ngIf=\"!option.open\"></div>\n                <div class=\"ico_openFolderReport\" *ngIf=\"option.open\"></div>\n                <span class=\"marginLeft10\">{{option.label}}</span>\n            </div>\n        </div>\n        <div class=\"app-menu-options-sub-container\">\n            <lib-application-menu *ngIf=\"option.open\" [level]=\"level + 2\" [options]=\"option.children\" (optionClickHandler)=\"optionClickHandler.emit($event)\"></lib-application-menu>\n        </div> \n    </ng-container>\n    <div *ngIf=\"(!option.children || !option.children.length) && option.typeOption != '2'\"\n    class=\"flex-row\" (click)=\"optionClickHandler.emit(option)\">\n        <div class=\"menu-item-label-container\">\n            <div class=\"flex-row\">\n                <div class=\"app-menu-img-icon icon_menuReport\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row  marginLeft5\" [class.sheetMenu]=\"level != 0\">\n                {{option.label}}\n            </div>\n        </div>\n    </div>\n</div>", styles: [".menu-selector-item{display:flex;flex-direction:column;padding:12.5px 0 12.5px 25px}.app-menu-item-icon{width:8px;height:6px;-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-color-menu);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin:0}.icon_keyboardArrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.icon_keyboardArrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.menu-item-label-container{display:grid;flex-direction:row;align-items:center;grid-template-columns:30px calc(100% - 35px);margin:0;padding:0;height:auto;gap:5px;color:#fff;cursor:pointer}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.icon_menuReport{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E%3C%2Fsvg%3E\");height:2rem;width:2rem;color:#fff}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input,
+                args: ['options']
+            }], optionClickHandler: [{
+                type: Output,
+                args: ['optionClickHandler']
+            }], level: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGljYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc3AtbGliL3NyYy9saWIvYXBwbGljYXRpb24tbWVudS9hcHBsaWNhdGlvbi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FzcC1saWIvc3JjL2xpYi9hcHBsaWNhdGlvbi1tZW51L2FwcGxpY2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFPRSxZQUFPLEdBQVUsRUFBRSxDQUFDO1FBR3BCLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0IsVUFBSyxHQUFXLENBQUMsQ0FBQztLQU01QjtJQUpDLGFBQWEsQ0FBQyxNQUFXO1FBRXZCLE1BQU0sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO0lBQzdCLENBQUM7K0dBWlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsbUtDUHJDLDJwREE0Qk0seW5MRHJCTyx3QkFBd0I7OzRGQUF4Qix3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQU1oQyxPQUFPO3NCQUROLEtBQUs7dUJBQUMsU0FBUztnQkFJaEIsa0JBQWtCO3NCQURqQixNQUFNO3VCQUFDLG9CQUFvQjtnQkFHbkIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFwcGxpY2F0aW9uLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXBwbGljYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcGxpY2F0aW9uLW1lbnUuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBcHBsaWNhdGlvbk1lbnVDb21wb25lbnQge1xuICBASW5wdXQoJ29wdGlvbnMnKVxuICBvcHRpb25zOiBhbnlbXSA9IFtdO1xuXG4gIEBPdXRwdXQoJ29wdGlvbkNsaWNrSGFuZGxlcicpXG4gIG9wdGlvbkNsaWNrSGFuZGxlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASW5wdXQoKSBsZXZlbDogbnVtYmVyID0gMDtcblxuICB0b2dnbGVTdWJNZW51KG9wdGlvbjogYW55KTogdm9pZFxuICB7XG4gICAgb3B0aW9uLm9wZW4gPSAhb3B0aW9uLm9wZW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtZW51LXNlbGVjdG9yLWl0ZW1cIiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiKG9wdGlvbi5jaGlsZHJlbiAmJiBvcHRpb24uY2hpbGRyZW4ubGVuZ3RoID4gMClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtaXRlbS1sYWJlbC1jb250YWluZXJcIiAoY2xpY2spPVwidG9nZ2xlU3ViTWVudShvcHRpb24pXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1yb3ctY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFwcC1tZW51LWl0ZW0taWNvbiBpY29uX2tleWJvYXJkQXJyb3dEb3duXCIgKm5nSWY9XCIhb3B0aW9uLm9wZW5cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwLW1lbnUtaXRlbS1pY29uIGljb25fa2V5Ym9hcmRBcnJvd1VwXCIgKm5nSWY9XCJvcHRpb24ub3BlblwiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwLW1lbnUtaXRlbS1sYWJlbCBmbGV4LXJvd1wiIFtjbGFzcy5pcy1zZWxlY3RlZF09XCJvcHRpb24ub3BlblwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29fY2xvc2VGb2xkZXJSZXBvcnRcIiAqbmdJZj1cIiFvcHRpb24ub3BlblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29fb3BlbkZvbGRlclJlcG9ydFwiICpuZ0lmPVwib3B0aW9uLm9wZW5cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hcmdpbkxlZnQxMFwiPnt7b3B0aW9uLmxhYmVsfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtbWVudS1vcHRpb25zLXN1Yi1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxsaWItYXBwbGljYXRpb24tbWVudSAqbmdJZj1cIm9wdGlvbi5vcGVuXCIgW2xldmVsXT1cImxldmVsICsgMlwiIFtvcHRpb25zXT1cIm9wdGlvbi5jaGlsZHJlblwiIChvcHRpb25DbGlja0hhbmRsZXIpPVwib3B0aW9uQ2xpY2tIYW5kbGVyLmVtaXQoJGV2ZW50KVwiPjwvbGliLWFwcGxpY2F0aW9uLW1lbnU+XG4gICAgICAgIDwvZGl2PiBcbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8ZGl2ICpuZ0lmPVwiKCFvcHRpb24uY2hpbGRyZW4gfHwgIW9wdGlvbi5jaGlsZHJlbi5sZW5ndGgpICYmIG9wdGlvbi50eXBlT3B0aW9uICE9ICcyJ1wiXG4gICAgY2xhc3M9XCJmbGV4LXJvd1wiIChjbGljayk9XCJvcHRpb25DbGlja0hhbmRsZXIuZW1pdChvcHRpb24pXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtZW51LWl0ZW0tbGFiZWwtY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1yb3dcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwLW1lbnUtaW1nLWljb24gaWNvbl9tZW51UmVwb3J0XCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcHAtbWVudS1pdGVtLWxhYmVsIGZsZXgtcm93ICBtYXJnaW5MZWZ0NVwiIFtjbGFzcy5zaGVldE1lbnVdPVwibGV2ZWwgIT0gMFwiPlxuICAgICAgICAgICAgICAgIHt7b3B0aW9uLmxhYmVsfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2022/lib/asp-lib.component.mjs

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AspLibComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AspLibComponent, selector: "asp-lib", ngImport: i0, template: `
+    <p>
+      asp-lib works! sdfsds
+    </p>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'asp-lib', template: `
+    <p>
+      asp-lib works! sdfsds
+    </p>
+  ` }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwLWxpYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hc3AtbGliL3NyYy9saWIvYXNwLWxpYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUMsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTttR0FBZixlQUFlLCtDQVJoQjs7OztHQUlUOzs0RkFJVSxlQUFlO2tCQVYzQixTQUFTOytCQUNFLFNBQVMsWUFDVDs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FzcC1saWInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgYXNwLWxpYiB3b3JrcyEgc2Rmc2RzXG4gICAgPC9wPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBc3BMaWJDb21wb25lbnQge1xuXG59XG4iXX0=

package/esm2022/lib/asp-lib.module.mjs

@@ -0,0 +1,39 @@
+import { NgModule } from '@angular/core';
+import { AspLibComponent } from './asp-lib.component';
+import { MenuComponent } from './menu/menu.component';
+import { CommonModule } from '@angular/common';
+import { ApplicationMenuComponent } from './application-menu/application-menu.component';
+import { DropdownComponent } from './dropdown/dropdown.component';
+import * as i0 from "@angular/core";
+export class AspLibModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, declarations: [AspLibComponent,
+            MenuComponent,
+            ApplicationMenuComponent,
+            DropdownComponent], imports: [CommonModule], exports: [AspLibComponent,
+            MenuComponent,
+            ApplicationMenuComponent,
+            DropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AspLibComponent,
+                        MenuComponent,
+                        ApplicationMenuComponent,
+                        DropdownComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        AspLibComponent,
+                        MenuComponent,
+                        ApplicationMenuComponent,
+                        DropdownComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwLWxpYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hc3AtbGliL3NyYy9saWIvYXNwLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN6RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFvQmxFLE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkFmckIsZUFBZTtZQUNmLGFBQWE7WUFDYix3QkFBd0I7WUFDeEIsaUJBQWlCLGFBR2pCLFlBQVksYUFHWixlQUFlO1lBQ2YsYUFBYTtZQUNiLHdCQUF3QjtZQUN4QixpQkFBaUI7Z0hBR1IsWUFBWSxZQVRyQixZQUFZOzs0RkFTSCxZQUFZO2tCQWpCeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixhQUFhO3dCQUNiLHdCQUF3Qjt3QkFDeEIsaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixhQUFhO3dCQUNiLHdCQUF3Qjt3QkFDeEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBc3BMaWJDb21wb25lbnQgfSBmcm9tICcuL2FzcC1saWIuY29tcG9uZW50JztcbmltcG9ydCB7IE1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFwcGxpY2F0aW9uTWVudUNvbXBvbmVudCB9IGZyb20gJy4vYXBwbGljYXRpb24tbWVudS9hcHBsaWNhdGlvbi1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBc3BMaWJDb21wb25lbnQsXG4gICAgTWVudUNvbXBvbmVudCxcbiAgICBBcHBsaWNhdGlvbk1lbnVDb21wb25lbnQsXG4gICAgRHJvcGRvd25Db21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXNwTGliQ29tcG9uZW50LFxuICAgIE1lbnVDb21wb25lbnQsXG4gICAgQXBwbGljYXRpb25NZW51Q29tcG9uZW50LFxuICAgIERyb3Bkb3duQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQXNwTGliTW9kdWxlIHsgfSJdfQ==

package/esm2022/lib/asp-lib.service.mjs

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AspLibService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwLWxpYi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNwLWxpYi9zcmMvbGliL2FzcC1saWIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sYUFBYTtJQUV4QixnQkFBZ0IsQ0FBQzsrR0FGTixhQUFhO21IQUFiLGFBQWEsY0FGWixNQUFNOzs0RkFFUCxhQUFhO2tCQUh6QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgQXNwTGliU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiJdfQ==

package/esm2022/lib/dropdown/dropdown.component.mjs

@@ -0,0 +1,30 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DropdownComponent {
+    constructor() {
+        this.options = [];
+        this.optionSelected = new EventEmitter();
+        this.selectedOption = this.options[0];
+        this.dropdownOpen = false;
+    }
+    toggleDropdown() {
+        this.dropdownOpen = !this.dropdownOpen;
+    }
+    selectOption(option) {
+        this.selectedOption = option;
+        this.optionSelected.emit(option);
+        this.dropdownOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { options: "options" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"dropdown\">\n  <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n    <span>{{ options[0].label }}</span>\n    <div *ngIf=\"dropdownOpen\" class=\"arrowUp arrow\"></div>\n    <div *ngIf=\"!dropdownOpen\" class=\"arrowDown arrow\"></div>\n  </button>\n  <div class=\"dropdown-menu\" *ngIf=\"dropdownOpen\">\n    <div\n      class=\"dropdown-item\"\n      *ngFor=\"let option of options\"\n      (click)=\"selectOption(option)\"\n    >\n      <i class=\"material-icons\">{{ option.icon }}</i>\n      <span>{{ option.label }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:var(--dropdown-background);border:var(--dropdown-border);color:var(--dropdown-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:15px;opacity:1;width:10rem}.dropdown-menu{position:absolute;background-color:var(--dropdown-list-background);border:var(--dropdown-list-border);border-top:none;width:100%;overflow-y:auto;z-index:1000;color:var(--dropdown-color);border-radius:15px}.dropdown-item{padding:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.arrow{width:.7rem;height:.7rem;background-repeat:no-repeat;display:flex;background-position:center;margin-left:.5rem}.arrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.arrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dropdown', template: "<div class=\"dropdown\">\n  <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n    <span>{{ options[0].label }}</span>\n    <div *ngIf=\"dropdownOpen\" class=\"arrowUp arrow\"></div>\n    <div *ngIf=\"!dropdownOpen\" class=\"arrowDown arrow\"></div>\n  </button>\n  <div class=\"dropdown-menu\" *ngIf=\"dropdownOpen\">\n    <div\n      class=\"dropdown-item\"\n      *ngFor=\"let option of options\"\n      (click)=\"selectOption(option)\"\n    >\n      <i class=\"material-icons\">{{ option.icon }}</i>\n      <span>{{ option.label }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:var(--dropdown-background);border:var(--dropdown-border);color:var(--dropdown-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:15px;opacity:1;width:10rem}.dropdown-menu{position:absolute;background-color:var(--dropdown-list-background);border:var(--dropdown-list-border);border-top:none;width:100%;overflow-y:auto;z-index:1000;color:var(--dropdown-color);border-radius:15px}.dropdown-item{padding:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.arrow{width:.7rem;height:.7rem;background-repeat:no-repeat;display:flex;background-position:center;margin-left:.5rem}.arrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.arrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNwLWxpYi9zcmMvbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FzcC1saWIvc3JjL2xpYi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU1XLFlBQU8sR0FBVSxFQUFFLENBQUM7UUFDbkIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRW5ELG1CQUFjLEdBQVcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN6QyxpQkFBWSxHQUFZLEtBQUssQ0FBQztLQVcvQjtJQVRDLGNBQWM7UUFDWixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUN6QyxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQVc7UUFDdEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7UUFDN0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQzsrR0FmVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixtSUNQOUIsOGtCQWlCQTs7NEZEVmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGNBQWM7OEJBS2YsT0FBTztzQkFBZixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Db21wb25lbnQge1xuICBASW5wdXQoKSBvcHRpb25zOiBhbnlbXSA9IFtdO1xuICBAT3V0cHV0KCkgb3B0aW9uU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBzZWxlY3RlZE9wdGlvbjogc3RyaW5nID0gdGhpcy5vcHRpb25zWzBdO1xuICBkcm9wZG93bk9wZW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICB0b2dnbGVEcm9wZG93bigpOiB2b2lkIHtcbiAgICB0aGlzLmRyb3Bkb3duT3BlbiA9ICF0aGlzLmRyb3Bkb3duT3BlbjtcbiAgfVxuXG4gIHNlbGVjdE9wdGlvbihvcHRpb246IGFueSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb24gPSBvcHRpb247XG4gICAgdGhpcy5vcHRpb25TZWxlY3RlZC5lbWl0KG9wdGlvbik7XG4gICAgdGhpcy5kcm9wZG93bk9wZW4gPSBmYWxzZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRyb3Bkb3duXCI+XG4gIDxidXR0b24gY2xhc3M9XCJkcm9wZG93bi10b2dnbGVcIiAoY2xpY2spPVwidG9nZ2xlRHJvcGRvd24oKVwiPlxuICAgIDxzcGFuPnt7IG9wdGlvbnNbMF0ubGFiZWwgfX08L3NwYW4+XG4gICAgPGRpdiAqbmdJZj1cImRyb3Bkb3duT3BlblwiIGNsYXNzPVwiYXJyb3dVcCBhcnJvd1wiPjwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhZHJvcGRvd25PcGVuXCIgY2xhc3M9XCJhcnJvd0Rvd24gYXJyb3dcIj48L2Rpdj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1tZW51XCIgKm5nSWY9XCJkcm9wZG93bk9wZW5cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImRyb3Bkb3duLWl0ZW1cIlxuICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICAgIChjbGljayk9XCJzZWxlY3RPcHRpb24ob3B0aW9uKVwiXG4gICAgPlxuICAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnt7IG9wdGlvbi5pY29uIH19PC9pPlxuICAgICAgPHNwYW4+e3sgb3B0aW9uLmxhYmVsIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/menu/menu.component.mjs

@@ -0,0 +1,45 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../application-menu/application-menu.component";
+import * as i3 from "../dropdown/dropdown.component";
+export class MenuComponent {
+    constructor() {
+        this.isMenuOpen = false;
+        this.openCategories = {};
+        this.dropdownOptions = [
+            { label: 'Option 1', icon: 'icon1' },
+            { label: 'Option 2', icon: 'icon2' },
+            { label: 'Option 3', icon: 'icon3' },
+        ];
+        this.theme = 'default';
+    }
+    toggleMenuHandler() {
+        this.isMenuOpen = !this.isMenuOpen;
+        console.log(this.data);
+    }
+    toggleCategory(category) {
+        this.openCategories[category.id] = !this.openCategories[category.id];
+    }
+    clickChild(event) {
+        event.stopPropagation();
+    }
+    optionClickHandler(option) {
+        // this.selectOptionFromApp.emit(option);
+        // this.appMenu = false;
+    }
+    handleOptionSelected(event) {
+        console.log(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuComponent, selector: "lib-menu", inputs: { data: "data", theme: "theme" }, ngImport: i0, template: "\n<lib-dropdown [options]=\"dropdownOptions\" (optionSelected)=\"handleOptionSelected($event)\" [attr.data-theme]=\"theme\"></lib-dropdown>\n\n\n<div\n  [attr.data-theme]=\"theme\"\n  class=\"menu-button-container\"\n  [ngClass]=\"{ 'menu-button-container-selected': isMenuOpen }\"\n  (click)=\"toggleMenuHandler()\"\n>\n  <div id=\"menuBtn\" class=\"menu-button-icon\">\n    <div class=\"icon-module\"></div>\n  </div>\n</div>\n  <div *ngIf=\"isMenuOpen\" class=\"menu-content-container\" [attr.data-theme]=\"theme\">\n  <div class=\"category\">\n    <div class=\"menu-category-container\" *ngFor=\"let category of data.categories\">\n      <div class=\"menu-body-container\">\n        <div class=\"menu-selector-category\">\n\n          <div class=\"menu-category-label\" (click)=\"toggleCategory(category)\">\n            <div>\n              <div>{{ category.label }}</div>\n            </div>\n          </div>\n\n          <div class=\"menu-options-container\" [ngClass]=\"{'open': openCategories[category.id]}\">\n            <lib-application-menu [options]=\"category.options\" (optionClickHandler)=\"optionClickHandler($event)\" id=\"reports2\"></lib-application-menu>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".menu-button-container{cursor:pointer;width:-moz-fit-content;width:fit-content;color:#fff}.menu-button-container-selected{background-color:var(--menu-icon-background);border-radius:50%}.icon-module{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2213.83%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2218.78%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2224.53%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E%3C%2Fsvg%3E\");width:3rem;height:3rem}.menu-content-container{background-color:var(--menu-background-color);position:absolute;top:80px;left:0;display:flex;flex-direction:column;z-index:2;overflow-x:auto;margin:1rem;max-height:calc(100% - 110px);height:auto;border-radius:.5rem;overflow-y:auto;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}@media screen and (min-width: 768px){.menu-content-container{overflow-y:hidden;width:calc(100% - 40px);height:calc(100% - 110px)}}.category{display:flex;border-radius:.5rem;flex-direction:column;width:100%;height:auto}@media screen and (min-width: 768px){.category{flex-direction:row;width:max-content;height:100%}}.menu-category-container{height:calc(100% - 2.5rem);margin-bottom:.5rem;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:1rem 1rem 0}@media screen and (min-width: 768px){.menu-category-container{padding-top:2rem}}.menu-body-container{display:grid;gap:25px;height:100%;width:100%}.menu-selector-category{align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding:0;height:100%;min-height:100%;display:flex;flex-direction:column;flex:1;margin:0;width:100%;min-width:auto}@media screen and (min-width: 768px){.menu-selector-category{width:calc(100% - 3px);margin-right:20px;min-width:200px}}.menu-category-label{font-size:16px;cursor:pointer;border-bottom:1px solid var(--menu-divider-title-color);font-weight:700;text-transform:uppercase;align-items:center;color:#fff;padding:1rem;margin:0;width:100%}@media screen and (min-width: 768px){.menu-category-label{padding:0 25px 25px 0;margin-left:25px;width:calc(100% - 53px)}}.menu-options-container{padding:0;width:calc(100% - 3px);display:flex;flex-direction:column;overflow-y:auto;height:100%;margin-top:12.5px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar:horizontal{height:5px}::-webkit-scrollbar-thumb{background:var(--menu-scroll-color);border-radius:5px;opacity:.5}@media screen and (max-width: 768px){.menu-options-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}}@media screen and (max-width: 768px){.menu-options-container.open{max-height:100vh}}\n", "[data-theme=default]{--menu-background-color: pink;--menu-divider-title-color: red;--menu-text-color: white;--menu-scroll-color: blue;--menu-icon-background: yellow;--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}[data-theme=brasilia]{--menu-background-color: #0E2E55;--menu-divider-title-color: #0F4571;--menu-text-color: white;--menu-scroll-color: white;--menu-icon-background: rgba(1, 171, 236, .1);--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ApplicationMenuComponent, selector: "lib-application-menu", inputs: ["options", "level"], outputs: ["optionClickHandler"] }, { kind: "component", type: i3.DropdownComponent, selector: "lib-dropdown", inputs: ["options"], outputs: ["optionSelected"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-menu', template: "\n<lib-dropdown [options]=\"dropdownOptions\" (optionSelected)=\"handleOptionSelected($event)\" [attr.data-theme]=\"theme\"></lib-dropdown>\n\n\n<div\n  [attr.data-theme]=\"theme\"\n  class=\"menu-button-container\"\n  [ngClass]=\"{ 'menu-button-container-selected': isMenuOpen }\"\n  (click)=\"toggleMenuHandler()\"\n>\n  <div id=\"menuBtn\" class=\"menu-button-icon\">\n    <div class=\"icon-module\"></div>\n  </div>\n</div>\n  <div *ngIf=\"isMenuOpen\" class=\"menu-content-container\" [attr.data-theme]=\"theme\">\n  <div class=\"category\">\n    <div class=\"menu-category-container\" *ngFor=\"let category of data.categories\">\n      <div class=\"menu-body-container\">\n        <div class=\"menu-selector-category\">\n\n          <div class=\"menu-category-label\" (click)=\"toggleCategory(category)\">\n            <div>\n              <div>{{ category.label }}</div>\n            </div>\n          </div>\n\n          <div class=\"menu-options-container\" [ngClass]=\"{'open': openCategories[category.id]}\">\n            <lib-application-menu [options]=\"category.options\" (optionClickHandler)=\"optionClickHandler($event)\" id=\"reports2\"></lib-application-menu>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".menu-button-container{cursor:pointer;width:-moz-fit-content;width:fit-content;color:#fff}.menu-button-container-selected{background-color:var(--menu-icon-background);border-radius:50%}.icon-module{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2213.83%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2218.78%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2224.53%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E%3C%2Fsvg%3E\");width:3rem;height:3rem}.menu-content-container{background-color:var(--menu-background-color);position:absolute;top:80px;left:0;display:flex;flex-direction:column;z-index:2;overflow-x:auto;margin:1rem;max-height:calc(100% - 110px);height:auto;border-radius:.5rem;overflow-y:auto;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}@media screen and (min-width: 768px){.menu-content-container{overflow-y:hidden;width:calc(100% - 40px);height:calc(100% - 110px)}}.category{display:flex;border-radius:.5rem;flex-direction:column;width:100%;height:auto}@media screen and (min-width: 768px){.category{flex-direction:row;width:max-content;height:100%}}.menu-category-container{height:calc(100% - 2.5rem);margin-bottom:.5rem;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:1rem 1rem 0}@media screen and (min-width: 768px){.menu-category-container{padding-top:2rem}}.menu-body-container{display:grid;gap:25px;height:100%;width:100%}.menu-selector-category{align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding:0;height:100%;min-height:100%;display:flex;flex-direction:column;flex:1;margin:0;width:100%;min-width:auto}@media screen and (min-width: 768px){.menu-selector-category{width:calc(100% - 3px);margin-right:20px;min-width:200px}}.menu-category-label{font-size:16px;cursor:pointer;border-bottom:1px solid var(--menu-divider-title-color);font-weight:700;text-transform:uppercase;align-items:center;color:#fff;padding:1rem;margin:0;width:100%}@media screen and (min-width: 768px){.menu-category-label{padding:0 25px 25px 0;margin-left:25px;width:calc(100% - 53px)}}.menu-options-container{padding:0;width:calc(100% - 3px);display:flex;flex-direction:column;overflow-y:auto;height:100%;margin-top:12.5px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar:horizontal{height:5px}::-webkit-scrollbar-thumb{background:var(--menu-scroll-color);border-radius:5px;opacity:.5}@media screen and (max-width: 768px){.menu-options-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}}@media screen and (max-width: 768px){.menu-options-container.open{max-height:100vh}}\n", "[data-theme=default]{--menu-background-color: pink;--menu-divider-title-color: red;--menu-text-color: white;--menu-scroll-color: blue;--menu-icon-background: yellow;--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}[data-theme=brasilia]{--menu-background-color: #0E2E55;--menu-divider-title-color: #0F4571;--menu-text-color: white;--menu-scroll-color: white;--menu-icon-background: rgba(1, 171, 236, .1);--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc3AtbGliL3NyYy9saWIvbWVudS9tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FzcC1saWIvc3JjL2xpYi9tZW51L21lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBbUJqRCxNQUFNLE9BQU8sYUFBYTtJQVl4QjtRQVRBLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsbUJBQWMsR0FBc0MsRUFBRSxDQUFDO1FBRXZELG9CQUFlLEdBQXFCO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFO1lBQ3BDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFO1lBQ3BDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFO1NBQ3JDLENBQUM7UUFHQSxJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUN6QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbkMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELGNBQWMsQ0FBQyxRQUFrQjtRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQVc7UUFDNUIseUNBQXlDO1FBQ3pDLHdCQUF3QjtJQUMxQixDQUFDO0lBRUQsb0JBQW9CLENBQUMsS0FBVTtRQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JCLENBQUM7K0dBcENVLGFBQWE7bUdBQWIsYUFBYSwwRkNuQjFCLDJ1Q0FrQ007OzRGRGZPLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTswRUFLWCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERyb3Bkb3duT3B0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgaWNvbjogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIENhdGVnb3J5IHtcbiAgaWQ6IG51bWJlcjtcbiAgcGFyZW50SWQ6IG51bWJlciB8IG51bGw7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG9wdGlvbnM6IGFueVtdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS5jb21wb25lbnQuY3NzJywgJy4uL2Fzc2V0cy90aGVtZS5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogYW55O1xuICBASW5wdXQoKSB0aGVtZTogc3RyaW5nO1xuICBpc01lbnVPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIG9wZW5DYXRlZ29yaWVzOiB7IFtjYXRlZ29yeUlkOiBudW1iZXJdOiBib29sZWFuIH0gPSB7fTtcblxuICBkcm9wZG93bk9wdGlvbnM6IERyb3Bkb3duT3B0aW9uW10gPSBbXG4gICAgeyBsYWJlbDogJ09wdGlvbiAxJywgaWNvbjogJ2ljb24xJyB9LFxuICAgIHsgbGFiZWw6ICdPcHRpb24gMicsIGljb246ICdpY29uMicgfSxcbiAgICB7IGxhYmVsOiAnT3B0aW9uIDMnLCBpY29uOiAnaWNvbjMnIH0sXG4gIF07XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy50aGVtZSA9ICdkZWZhdWx0JztcbiAgfVxuXG4gIHRvZ2dsZU1lbnVIYW5kbGVyKCkge1xuICAgIHRoaXMuaXNNZW51T3BlbiA9ICF0aGlzLmlzTWVudU9wZW47XG4gICAgY29uc29sZS5sb2codGhpcy5kYXRhKTtcbiAgfVxuXG4gIHRvZ2dsZUNhdGVnb3J5KGNhdGVnb3J5OiBDYXRlZ29yeSkge1xuICAgIHRoaXMub3BlbkNhdGVnb3JpZXNbY2F0ZWdvcnkuaWRdID0gIXRoaXMub3BlbkNhdGVnb3JpZXNbY2F0ZWdvcnkuaWRdO1xuICB9XG5cbiAgY2xpY2tDaGlsZChldmVudDogYW55KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cblxuICBvcHRpb25DbGlja0hhbmRsZXIob3B0aW9uOiBhbnkpOiB2b2lkIHtcbiAgICAvLyB0aGlzLnNlbGVjdE9wdGlvbkZyb21BcHAuZW1pdChvcHRpb24pO1xuICAgIC8vIHRoaXMuYXBwTWVudSA9IGZhbHNlO1xuICB9XG5cbiAgaGFuZGxlT3B0aW9uU2VsZWN0ZWQoZXZlbnQ6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKGV2ZW50KTtcbiAgfVxufVxuIiwiXG48bGliLWRyb3Bkb3duIFtvcHRpb25zXT1cImRyb3Bkb3duT3B0aW9uc1wiIChvcHRpb25TZWxlY3RlZCk9XCJoYW5kbGVPcHRpb25TZWxlY3RlZCgkZXZlbnQpXCIgW2F0dHIuZGF0YS10aGVtZV09XCJ0aGVtZVwiPjwvbGliLWRyb3Bkb3duPlxuXG5cbjxkaXZcbiAgW2F0dHIuZGF0YS10aGVtZV09XCJ0aGVtZVwiXG4gIGNsYXNzPVwibWVudS1idXR0b24tY29udGFpbmVyXCJcbiAgW25nQ2xhc3NdPVwieyAnbWVudS1idXR0b24tY29udGFpbmVyLXNlbGVjdGVkJzogaXNNZW51T3BlbiB9XCJcbiAgKGNsaWNrKT1cInRvZ2dsZU1lbnVIYW5kbGVyKClcIlxuPlxuICA8ZGl2IGlkPVwibWVudUJ0blwiIGNsYXNzPVwibWVudS1idXR0b24taWNvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJpY29uLW1vZHVsZVwiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiaXNNZW51T3BlblwiIGNsYXNzPVwibWVudS1jb250ZW50LWNvbnRhaW5lclwiIFthdHRyLmRhdGEtdGhlbWVdPVwidGhlbWVcIj5cbiAgPGRpdiBjbGFzcz1cImNhdGVnb3J5XCI+XG4gICAgPGRpdiBjbGFzcz1cIm1lbnUtY2F0ZWdvcnktY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIGRhdGEuY2F0ZWdvcmllc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtYm9keS1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtc2VsZWN0b3ItY2F0ZWdvcnlcIj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZW51LWNhdGVnb3J5LWxhYmVsXCIgKGNsaWNrKT1cInRvZ2dsZUNhdGVnb3J5KGNhdGVnb3J5KVwiPlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPGRpdj57eyBjYXRlZ29yeS5sYWJlbCB9fTwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVudS1vcHRpb25zLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnb3Blbic6IG9wZW5DYXRlZ29yaWVzW2NhdGVnb3J5LmlkXX1cIj5cbiAgICAgICAgICAgIDxsaWItYXBwbGljYXRpb24tbWVudSBbb3B0aW9uc109XCJjYXRlZ29yeS5vcHRpb25zXCIgKG9wdGlvbkNsaWNrSGFuZGxlcik9XCJvcHRpb25DbGlja0hhbmRsZXIoJGV2ZW50KVwiIGlkPVwicmVwb3J0czJcIj48L2xpYi1hcHBsaWNhdGlvbi1tZW51PlxuICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19

package/esm2022/public-api.mjs

@@ -0,0 +1,10 @@
+/*
+ * Public API Surface of asp-lib
+ */
+export * from './lib/asp-lib.service';
+export * from './lib/asp-lib.component';
+export * from './lib/asp-lib.module';
+export * from './lib/menu/menu.component';
+export * from './lib/application-menu/application-menu.component';
+export * from './lib/dropdown/dropdown.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FzcC1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFlLDJCQUEyQixDQUFDO0FBQzNDLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgYXNwLWxpYlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FzcC1saWIuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hc3AtbGliLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hc3AtbGliLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICAnLi9saWIvbWVudS9tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcHBsaWNhdGlvbi1tZW51L2FwcGxpY2F0aW9uLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudCc7Il19

package/fesm2022/asp-lib.mjs

@@ -0,0 +1,168 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AspLibService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class AspLibComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AspLibComponent, selector: "asp-lib", ngImport: i0, template: `
+    <p>
+      asp-lib works! sdfsds
+    </p>
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'asp-lib', template: `
+    <p>
+      asp-lib works! sdfsds
+    </p>
+  ` }]
+        }] });
+
+class ApplicationMenuComponent {
+    constructor() {
+        this.options = [];
+        this.optionClickHandler = new EventEmitter();
+        this.level = 0;
+    }
+    toggleSubMenu(option) {
+        option.open = !option.open;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ApplicationMenuComponent, selector: "lib-application-menu", inputs: { options: "options", level: "level" }, outputs: { optionClickHandler: "optionClickHandler" }, ngImport: i0, template: "<div class=\"menu-selector-item\" *ngFor=\"let option of options\">\n    <ng-container *ngIf=\"(option.children && option.children.length > 0)\">\n        <div class=\"menu-item-label-container\" (click)=\"toggleSubMenu(option)\">\n            <div class=\"flex-row-center\">\n                <div class=\"app-menu-item-icon icon_keyboardArrowDown\" *ngIf=\"!option.open\"></div>\n                <div class=\"app-menu-item-icon icon_keyboardArrowUp\" *ngIf=\"option.open\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row\" [class.is-selected]=\"option.open\">\n                <div class=\"ico_closeFolderReport\" *ngIf=\"!option.open\"></div>\n                <div class=\"ico_openFolderReport\" *ngIf=\"option.open\"></div>\n                <span class=\"marginLeft10\">{{option.label}}</span>\n            </div>\n        </div>\n        <div class=\"app-menu-options-sub-container\">\n            <lib-application-menu *ngIf=\"option.open\" [level]=\"level + 2\" [options]=\"option.children\" (optionClickHandler)=\"optionClickHandler.emit($event)\"></lib-application-menu>\n        </div> \n    </ng-container>\n    <div *ngIf=\"(!option.children || !option.children.length) && option.typeOption != '2'\"\n    class=\"flex-row\" (click)=\"optionClickHandler.emit(option)\">\n        <div class=\"menu-item-label-container\">\n            <div class=\"flex-row\">\n                <div class=\"app-menu-img-icon icon_menuReport\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row  marginLeft5\" [class.sheetMenu]=\"level != 0\">\n                {{option.label}}\n            </div>\n        </div>\n    </div>\n</div>", styles: [".menu-selector-item{display:flex;flex-direction:column;padding:12.5px 0 12.5px 25px}.app-menu-item-icon{width:8px;height:6px;-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-color-menu);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin:0}.icon_keyboardArrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.icon_keyboardArrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.menu-item-label-container{display:grid;flex-direction:row;align-items:center;grid-template-columns:30px calc(100% - 35px);margin:0;padding:0;height:auto;gap:5px;color:#fff;cursor:pointer}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.icon_menuReport{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E%3C%2Fsvg%3E\");height:2rem;width:2rem;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ApplicationMenuComponent, selector: "lib-application-menu", inputs: ["options", "level"], outputs: ["optionClickHandler"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ApplicationMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-application-menu', template: "<div class=\"menu-selector-item\" *ngFor=\"let option of options\">\n    <ng-container *ngIf=\"(option.children && option.children.length > 0)\">\n        <div class=\"menu-item-label-container\" (click)=\"toggleSubMenu(option)\">\n            <div class=\"flex-row-center\">\n                <div class=\"app-menu-item-icon icon_keyboardArrowDown\" *ngIf=\"!option.open\"></div>\n                <div class=\"app-menu-item-icon icon_keyboardArrowUp\" *ngIf=\"option.open\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row\" [class.is-selected]=\"option.open\">\n                <div class=\"ico_closeFolderReport\" *ngIf=\"!option.open\"></div>\n                <div class=\"ico_openFolderReport\" *ngIf=\"option.open\"></div>\n                <span class=\"marginLeft10\">{{option.label}}</span>\n            </div>\n        </div>\n        <div class=\"app-menu-options-sub-container\">\n            <lib-application-menu *ngIf=\"option.open\" [level]=\"level + 2\" [options]=\"option.children\" (optionClickHandler)=\"optionClickHandler.emit($event)\"></lib-application-menu>\n        </div> \n    </ng-container>\n    <div *ngIf=\"(!option.children || !option.children.length) && option.typeOption != '2'\"\n    class=\"flex-row\" (click)=\"optionClickHandler.emit(option)\">\n        <div class=\"menu-item-label-container\">\n            <div class=\"flex-row\">\n                <div class=\"app-menu-img-icon icon_menuReport\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row  marginLeft5\" [class.sheetMenu]=\"level != 0\">\n                {{option.label}}\n            </div>\n        </div>\n    </div>\n</div>", styles: [".menu-selector-item{display:flex;flex-direction:column;padding:12.5px 0 12.5px 25px}.app-menu-item-icon{width:8px;height:6px;-webkit-mask-size:cover;mask-size:cover;background-color:var(--text-color-menu);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin:0}.icon_keyboardArrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.icon_keyboardArrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.menu-item-label-container{display:grid;flex-direction:row;align-items:center;grid-template-columns:30px calc(100% - 35px);margin:0;padding:0;height:auto;gap:5px;color:#fff;cursor:pointer}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.icon_menuReport{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C8.84h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C12.59c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C16.91h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C20.66c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M12.92%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M20.66%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E  %3Cpath class%3D%22cls-1%22 d%3D%22M28.4%2C24.99h-1.32c-1.34%2C0-2.43%2C1.09-2.43%2C2.43v1.32c0%2C1.34%2C1.09%2C2.43%2C2.43%2C2.43h1.32c1.34%2C0%2C2.43-1.09%2C2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23%2C28.74c0%2C.46-.37.83-.83.83h-1.32c-.46%2C0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46%2C0%2C.83.37.83.83v1.32Z%22%2F%3E%3C%2Fsvg%3E\");height:2rem;width:2rem;color:#fff}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input,
+                args: ['options']
+            }], optionClickHandler: [{
+                type: Output,
+                args: ['optionClickHandler']
+            }], level: [{
+                type: Input
+            }] } });
+
+class DropdownComponent {
+    constructor() {
+        this.options = [];
+        this.optionSelected = new EventEmitter();
+        this.selectedOption = this.options[0];
+        this.dropdownOpen = false;
+    }
+    toggleDropdown() {
+        this.dropdownOpen = !this.dropdownOpen;
+    }
+    selectOption(option) {
+        this.selectedOption = option;
+        this.optionSelected.emit(option);
+        this.dropdownOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { options: "options" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"dropdown\">\n  <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n    <span>{{ options[0].label }}</span>\n    <div *ngIf=\"dropdownOpen\" class=\"arrowUp arrow\"></div>\n    <div *ngIf=\"!dropdownOpen\" class=\"arrowDown arrow\"></div>\n  </button>\n  <div class=\"dropdown-menu\" *ngIf=\"dropdownOpen\">\n    <div\n      class=\"dropdown-item\"\n      *ngFor=\"let option of options\"\n      (click)=\"selectOption(option)\"\n    >\n      <i class=\"material-icons\">{{ option.icon }}</i>\n      <span>{{ option.label }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:var(--dropdown-background);border:var(--dropdown-border);color:var(--dropdown-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:15px;opacity:1;width:10rem}.dropdown-menu{position:absolute;background-color:var(--dropdown-list-background);border:var(--dropdown-list-border);border-top:none;width:100%;overflow-y:auto;z-index:1000;color:var(--dropdown-color);border-radius:15px}.dropdown-item{padding:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.arrow{width:.7rem;height:.7rem;background-repeat:no-repeat;display:flex;background-position:center;margin-left:.5rem}.arrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.arrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dropdown', template: "<div class=\"dropdown\">\n  <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n    <span>{{ options[0].label }}</span>\n    <div *ngIf=\"dropdownOpen\" class=\"arrowUp arrow\"></div>\n    <div *ngIf=\"!dropdownOpen\" class=\"arrowDown arrow\"></div>\n  </button>\n  <div class=\"dropdown-menu\" *ngIf=\"dropdownOpen\">\n    <div\n      class=\"dropdown-item\"\n      *ngFor=\"let option of options\"\n      (click)=\"selectOption(option)\"\n    >\n      <i class=\"material-icons\">{{ option.icon }}</i>\n      <span>{{ option.label }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:var(--dropdown-background);border:var(--dropdown-border);color:var(--dropdown-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:15px;opacity:1;width:10rem}.dropdown-menu{position:absolute;background-color:var(--dropdown-list-background);border:var(--dropdown-list-border);border-top:none;width:100%;overflow-y:auto;z-index:1000;color:var(--dropdown-color);border-radius:15px}.dropdown-item{padding:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.arrow{width:.7rem;height:.7rem;background-repeat:no-repeat;display:flex;background-position:center;margin-left:.5rem}.arrowUp{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C.37678c-.1708%2C0-.33122.08229-.43101.22095L.27998%2C3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512%2C1.85801%2C2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z%22%2F%3E%3C%2Fsvg%3E\")}.arrowDown{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 6 5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23606060%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath class%3D%22cls-1%22 d%3D%22M3%2C4.62322c-.1708%2C0-.33122-.08229-.43101-.22095L.27998%2C1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801%2C2.58512%2C1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902%2C3.18472c-.09978.13866-.26021.22095-.43101.22095Z%22%2F%3E%3C%2Fsvg%3E\")}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }] } });
+
+class MenuComponent {
+    constructor() {
+        this.isMenuOpen = false;
+        this.openCategories = {};
+        this.dropdownOptions = [
+            { label: 'Option 1', icon: 'icon1' },
+            { label: 'Option 2', icon: 'icon2' },
+            { label: 'Option 3', icon: 'icon3' },
+        ];
+        this.theme = 'default';
+    }
+    toggleMenuHandler() {
+        this.isMenuOpen = !this.isMenuOpen;
+        console.log(this.data);
+    }
+    toggleCategory(category) {
+        this.openCategories[category.id] = !this.openCategories[category.id];
+    }
+    clickChild(event) {
+        event.stopPropagation();
+    }
+    optionClickHandler(option) {
+        // this.selectOptionFromApp.emit(option);
+        // this.appMenu = false;
+    }
+    handleOptionSelected(event) {
+        console.log(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuComponent, selector: "lib-menu", inputs: { data: "data", theme: "theme" }, ngImport: i0, template: "\n<lib-dropdown [options]=\"dropdownOptions\" (optionSelected)=\"handleOptionSelected($event)\" [attr.data-theme]=\"theme\"></lib-dropdown>\n\n\n<div\n  [attr.data-theme]=\"theme\"\n  class=\"menu-button-container\"\n  [ngClass]=\"{ 'menu-button-container-selected': isMenuOpen }\"\n  (click)=\"toggleMenuHandler()\"\n>\n  <div id=\"menuBtn\" class=\"menu-button-icon\">\n    <div class=\"icon-module\"></div>\n  </div>\n</div>\n  <div *ngIf=\"isMenuOpen\" class=\"menu-content-container\" [attr.data-theme]=\"theme\">\n  <div class=\"category\">\n    <div class=\"menu-category-container\" *ngFor=\"let category of data.categories\">\n      <div class=\"menu-body-container\">\n        <div class=\"menu-selector-category\">\n\n          <div class=\"menu-category-label\" (click)=\"toggleCategory(category)\">\n            <div>\n              <div>{{ category.label }}</div>\n            </div>\n          </div>\n\n          <div class=\"menu-options-container\" [ngClass]=\"{'open': openCategories[category.id]}\">\n            <lib-application-menu [options]=\"category.options\" (optionClickHandler)=\"optionClickHandler($event)\" id=\"reports2\"></lib-application-menu>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".menu-button-container{cursor:pointer;width:-moz-fit-content;width:fit-content;color:#fff}.menu-button-container-selected{background-color:var(--menu-icon-background);border-radius:50%}.icon-module{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2213.83%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2218.78%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2224.53%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E%3C%2Fsvg%3E\");width:3rem;height:3rem}.menu-content-container{background-color:var(--menu-background-color);position:absolute;top:80px;left:0;display:flex;flex-direction:column;z-index:2;overflow-x:auto;margin:1rem;max-height:calc(100% - 110px);height:auto;border-radius:.5rem;overflow-y:auto;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}@media screen and (min-width: 768px){.menu-content-container{overflow-y:hidden;width:calc(100% - 40px);height:calc(100% - 110px)}}.category{display:flex;border-radius:.5rem;flex-direction:column;width:100%;height:auto}@media screen and (min-width: 768px){.category{flex-direction:row;width:max-content;height:100%}}.menu-category-container{height:calc(100% - 2.5rem);margin-bottom:.5rem;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:1rem 1rem 0}@media screen and (min-width: 768px){.menu-category-container{padding-top:2rem}}.menu-body-container{display:grid;gap:25px;height:100%;width:100%}.menu-selector-category{align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding:0;height:100%;min-height:100%;display:flex;flex-direction:column;flex:1;margin:0;width:100%;min-width:auto}@media screen and (min-width: 768px){.menu-selector-category{width:calc(100% - 3px);margin-right:20px;min-width:200px}}.menu-category-label{font-size:16px;cursor:pointer;border-bottom:1px solid var(--menu-divider-title-color);font-weight:700;text-transform:uppercase;align-items:center;color:#fff;padding:1rem;margin:0;width:100%}@media screen and (min-width: 768px){.menu-category-label{padding:0 25px 25px 0;margin-left:25px;width:calc(100% - 53px)}}.menu-options-container{padding:0;width:calc(100% - 3px);display:flex;flex-direction:column;overflow-y:auto;height:100%;margin-top:12.5px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar:horizontal{height:5px}::-webkit-scrollbar-thumb{background:var(--menu-scroll-color);border-radius:5px;opacity:.5}@media screen and (max-width: 768px){.menu-options-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}}@media screen and (max-width: 768px){.menu-options-container.open{max-height:100vh}}\n", "[data-theme=default]{--menu-background-color: pink;--menu-divider-title-color: red;--menu-text-color: white;--menu-scroll-color: blue;--menu-icon-background: yellow;--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}[data-theme=brasilia]{--menu-background-color: #0E2E55;--menu-divider-title-color: #0F4571;--menu-text-color: white;--menu-scroll-color: white;--menu-icon-background: rgba(1, 171, 236, .1);--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ApplicationMenuComponent, selector: "lib-application-menu", inputs: ["options", "level"], outputs: ["optionClickHandler"] }, { kind: "component", type: DropdownComponent, selector: "lib-dropdown", inputs: ["options"], outputs: ["optionSelected"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-menu', template: "\n<lib-dropdown [options]=\"dropdownOptions\" (optionSelected)=\"handleOptionSelected($event)\" [attr.data-theme]=\"theme\"></lib-dropdown>\n\n\n<div\n  [attr.data-theme]=\"theme\"\n  class=\"menu-button-container\"\n  [ngClass]=\"{ 'menu-button-container-selected': isMenuOpen }\"\n  (click)=\"toggleMenuHandler()\"\n>\n  <div id=\"menuBtn\" class=\"menu-button-icon\">\n    <div class=\"icon-module\"></div>\n  </div>\n</div>\n  <div *ngIf=\"isMenuOpen\" class=\"menu-content-container\" [attr.data-theme]=\"theme\">\n  <div class=\"category\">\n    <div class=\"menu-category-container\" *ngFor=\"let category of data.categories\">\n      <div class=\"menu-body-container\">\n        <div class=\"menu-selector-category\">\n\n          <div class=\"menu-category-label\" (click)=\"toggleCategory(category)\">\n            <div>\n              <div>{{ category.label }}</div>\n            </div>\n          </div>\n\n          <div class=\"menu-options-container\" [ngClass]=\"{'open': openCategories[category.id]}\">\n            <lib-application-menu [options]=\"category.options\" (optionClickHandler)=\"optionClickHandler($event)\" id=\"reports2\"></lib-application-menu>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".menu-button-container{cursor:pointer;width:-moz-fit-content;width:fit-content;color:#fff}.menu-button-container-selected{background-color:var(--menu-icon-background);border-radius:50%}.icon-module{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg id%3D%22Capa_1%22 data-name%3D%22Capa 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 40 40%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        stroke-width%3A 0px%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2213.83%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2218.78%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E  %3Crect class%3D%22cls-1%22 x%3D%229.11%22 y%3D%2224.53%22 width%3D%2221.79%22 height%3D%221.64%22%2F%3E%3C%2Fsvg%3E\");width:3rem;height:3rem}.menu-content-container{background-color:var(--menu-background-color);position:absolute;top:80px;left:0;display:flex;flex-direction:column;z-index:2;overflow-x:auto;margin:1rem;max-height:calc(100% - 110px);height:auto;border-radius:.5rem;overflow-y:auto;width:calc(100% - 2rem);max-width:calc(100% - 2rem)}@media screen and (min-width: 768px){.menu-content-container{overflow-y:hidden;width:calc(100% - 40px);height:calc(100% - 110px)}}.category{display:flex;border-radius:.5rem;flex-direction:column;width:100%;height:auto}@media screen and (min-width: 768px){.category{flex-direction:row;width:max-content;height:100%}}.menu-category-container{height:calc(100% - 2.5rem);margin-bottom:.5rem;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:1rem 1rem 0}@media screen and (min-width: 768px){.menu-category-container{padding-top:2rem}}.menu-body-container{display:grid;gap:25px;height:100%;width:100%}.menu-selector-category{align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding:0;height:100%;min-height:100%;display:flex;flex-direction:column;flex:1;margin:0;width:100%;min-width:auto}@media screen and (min-width: 768px){.menu-selector-category{width:calc(100% - 3px);margin-right:20px;min-width:200px}}.menu-category-label{font-size:16px;cursor:pointer;border-bottom:1px solid var(--menu-divider-title-color);font-weight:700;text-transform:uppercase;align-items:center;color:#fff;padding:1rem;margin:0;width:100%}@media screen and (min-width: 768px){.menu-category-label{padding:0 25px 25px 0;margin-left:25px;width:calc(100% - 53px)}}.menu-options-container{padding:0;width:calc(100% - 3px);display:flex;flex-direction:column;overflow-y:auto;height:100%;margin-top:12.5px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar:horizontal{height:5px}::-webkit-scrollbar-thumb{background:var(--menu-scroll-color);border-radius:5px;opacity:.5}@media screen and (max-width: 768px){.menu-options-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}}@media screen and (max-width: 768px){.menu-options-container.open{max-height:100vh}}\n", "[data-theme=default]{--menu-background-color: pink;--menu-divider-title-color: red;--menu-text-color: white;--menu-scroll-color: blue;--menu-icon-background: yellow;--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}[data-theme=brasilia]{--menu-background-color: #0E2E55;--menu-divider-title-color: #0F4571;--menu-text-color: white;--menu-scroll-color: white;--menu-icon-background: rgba(1, 171, 236, .1);--dropdown-background: #1692CE40;--dropdown-border: 1px solid var(--dropdown-background);--dropdown-color: white;--dropdown-list-background: #0E2E55;--dropdown-list-border: 1px solid #0E2E55}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
+
+class AspLibModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, declarations: [AspLibComponent,
+            MenuComponent,
+            ApplicationMenuComponent,
+            DropdownComponent], imports: [CommonModule], exports: [AspLibComponent,
+            MenuComponent,
+            ApplicationMenuComponent,
+            DropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AspLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AspLibComponent,
+                        MenuComponent,
+                        ApplicationMenuComponent,
+                        DropdownComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        AspLibComponent,
+                        MenuComponent,
+                        ApplicationMenuComponent,
+                        DropdownComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of asp-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ApplicationMenuComponent, AspLibComponent, AspLibModule, AspLibService, DropdownComponent, MenuComponent };
+//# sourceMappingURL=asp-lib.mjs.map

package/fesm2022/asp-lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asp-lib.mjs","sources":["../../../projects/asp-lib/src/lib/asp-lib.service.ts","../../../projects/asp-lib/src/lib/asp-lib.component.ts","../../../projects/asp-lib/src/lib/application-menu/application-menu.component.ts","../../../projects/asp-lib/src/lib/application-menu/application-menu.component.html","../../../projects/asp-lib/src/lib/dropdown/dropdown.component.ts","../../../projects/asp-lib/src/lib/dropdown/dropdown.component.html","../../../projects/asp-lib/src/lib/menu/menu.component.ts","../../../projects/asp-lib/src/lib/menu/menu.component.html","../../../projects/asp-lib/src/lib/asp-lib.module.ts","../../../projects/asp-lib/src/public-api.ts","../../../projects/asp-lib/src/asp-lib.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AspLibService {\n\n  constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'asp-lib',\n  template: `\n    <p>\n      asp-lib works! sdfsds\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class AspLibComponent {\n\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-application-menu',\n  templateUrl: './application-menu.component.html',\n  styleUrls: ['./application-menu.component.css'],\n})\nexport class ApplicationMenuComponent {\n  @Input('options')\n  options: any[] = [];\n\n  @Output('optionClickHandler')\n  optionClickHandler = new EventEmitter();\n\n  @Input() level: number = 0;\n\n  toggleSubMenu(option: any): void\n  {\n    option.open = !option.open;\n  }\n}\n","<div class=\"menu-selector-item\" *ngFor=\"let option of options\">\n    <ng-container *ngIf=\"(option.children && option.children.length > 0)\">\n        <div class=\"menu-item-label-container\" (click)=\"toggleSubMenu(option)\">\n            <div class=\"flex-row-center\">\n                <div class=\"app-menu-item-icon icon_keyboardArrowDown\" *ngIf=\"!option.open\"></div>\n                <div class=\"app-menu-item-icon icon_keyboardArrowUp\" *ngIf=\"option.open\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row\" [class.is-selected]=\"option.open\">\n                <div class=\"ico_closeFolderReport\" *ngIf=\"!option.open\"></div>\n                <div class=\"ico_openFolderReport\" *ngIf=\"option.open\"></div>\n                <span class=\"marginLeft10\">{{option.label}}</span>\n            </div>\n        </div>\n        <div class=\"app-menu-options-sub-container\">\n            <lib-application-menu *ngIf=\"option.open\" [level]=\"level + 2\" [options]=\"option.children\" (optionClickHandler)=\"optionClickHandler.emit($event)\"></lib-application-menu>\n        </div> \n    </ng-container>\n    <div *ngIf=\"(!option.children || !option.children.length) && option.typeOption != '2'\"\n    class=\"flex-row\" (click)=\"optionClickHandler.emit(option)\">\n        <div class=\"menu-item-label-container\">\n            <div class=\"flex-row\">\n                <div class=\"app-menu-img-icon icon_menuReport\"></div>\n            </div>\n            <div class=\"app-menu-item-label flex-row  marginLeft5\" [class.sheetMenu]=\"level != 0\">\n                {{option.label}}\n            </div>\n        </div>\n    </div>\n</div>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.css']\n})\nexport class DropdownComponent {\n  @Input() options: any[] = [];\n  @Output() optionSelected = new EventEmitter<any>();\n\n  selectedOption: string = this.options[0];\n  dropdownOpen: boolean = false;\n\n  toggleDropdown(): void {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  selectOption(option: any): void {\n    this.selectedOption = option;\n    this.optionSelected.emit(option);\n    this.dropdownOpen = false;\n  }\n}\n","<div class=\"dropdown\">\n  <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n    <span>{{ options[0].label }}</span>\n    <div *ngIf=\"dropdownOpen\" class=\"arrowUp arrow\"></div>\n    <div *ngIf=\"!dropdownOpen\" class=\"arrowDown arrow\"></div>\n  </button>\n  <div class=\"dropdown-menu\" *ngIf=\"dropdownOpen\">\n    <div\n      class=\"dropdown-item\"\n      *ngFor=\"let option of options\"\n      (click)=\"selectOption(option)\"\n    >\n      <i class=\"material-icons\">{{ option.icon }}</i>\n      <span>{{ option.label }}</span>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\n\nexport interface DropdownOption {\n  label: string;\n  icon: string;\n}\n\nexport interface Category {\n  id: number;\n  parentId: number | null;\n  label: string;\n  options: any[];\n}\n\n@Component({\n  selector: 'lib-menu',\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.css', '../assets/theme.css']\n})\nexport class MenuComponent {\n  @Input() data: any;\n  @Input() theme: string;\n  isMenuOpen: boolean = false;\n  openCategories: { [categoryId: number]: boolean } = {};\n\n  dropdownOptions: DropdownOption[] = [\n    { label: 'Option 1', icon: 'icon1' },\n    { label: 'Option 2', icon: 'icon2' },\n    { label: 'Option 3', icon: 'icon3' },\n  ];\n\n  constructor() {\n    this.theme = 'default';\n  }\n\n  toggleMenuHandler() {\n    this.isMenuOpen = !this.isMenuOpen;\n    console.log(this.data);\n  }\n\n  toggleCategory(category: Category) {\n    this.openCategories[category.id] = !this.openCategories[category.id];\n  }\n\n  clickChild(event: any) {\n    event.stopPropagation();\n  }\n\n  optionClickHandler(option: any): void {\n    // this.selectOptionFromApp.emit(option);\n    // this.appMenu = false;\n  }\n\n  handleOptionSelected(event: any) {\n    console.log(event);\n  }\n}\n","\n<lib-dropdown [options]=\"dropdownOptions\" (optionSelected)=\"handleOptionSelected($event)\" [attr.data-theme]=\"theme\"></lib-dropdown>\n\n\n<div\n  [attr.data-theme]=\"theme\"\n  class=\"menu-button-container\"\n  [ngClass]=\"{ 'menu-button-container-selected': isMenuOpen }\"\n  (click)=\"toggleMenuHandler()\"\n>\n  <div id=\"menuBtn\" class=\"menu-button-icon\">\n    <div class=\"icon-module\"></div>\n  </div>\n</div>\n  <div *ngIf=\"isMenuOpen\" class=\"menu-content-container\" [attr.data-theme]=\"theme\">\n  <div class=\"category\">\n    <div class=\"menu-category-container\" *ngFor=\"let category of data.categories\">\n      <div class=\"menu-body-container\">\n        <div class=\"menu-selector-category\">\n\n          <div class=\"menu-category-label\" (click)=\"toggleCategory(category)\">\n            <div>\n              <div>{{ category.label }}</div>\n            </div>\n          </div>\n\n          <div class=\"menu-options-container\" [ngClass]=\"{'open': openCategories[category.id]}\">\n            <lib-application-menu [options]=\"category.options\" (optionClickHandler)=\"optionClickHandler($event)\" id=\"reports2\"></lib-application-menu>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</div>","import { NgModule } from '@angular/core';\nimport { AspLibComponent } from './asp-lib.component';\nimport { MenuComponent } from './menu/menu.component';\nimport { CommonModule } from '@angular/common';\nimport { ApplicationMenuComponent } from './application-menu/application-menu.component';\nimport { DropdownComponent } from './dropdown/dropdown.component';\n\n\n@NgModule({\n  declarations: [\n    AspLibComponent,\n    MenuComponent,\n    ApplicationMenuComponent,\n    DropdownComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    AspLibComponent,\n    MenuComponent,\n    ApplicationMenuComponent,\n    DropdownComponent\n  ]\n})\nexport class AspLibModule { }","/*\n * Public API Surface of asp-lib\n */\n\nexport * from './lib/asp-lib.service';\nexport * from './lib/asp-lib.component';\nexport * from './lib/asp-lib.module';\nexport * from  './lib/menu/menu.component';\nexport * from './lib/application-menu/application-menu.component';\nexport * from './lib/dropdown/dropdown.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ApplicationMenuComponent","i3.DropdownComponent"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="asp-lib" />
+export * from './public-api';

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ApplicationMenuComponent {
+    options: any[];
+    optionClickHandler: EventEmitter<any>;
+    level: number;
+    toggleSubMenu(option: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApplicationMenuComponent, "lib-application-menu", never, { "options": { "alias": "options"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, { "optionClickHandler": "optionClickHandler"; }, never, never, false, never>;
+}

package/lib/asp-lib.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AspLibComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AspLibComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AspLibComponent, "asp-lib", never, {}, {}, never, never, false, never>;
+}

package/lib/asp-lib.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./asp-lib.component";
+import * as i2 from "./menu/menu.component";
+import * as i3 from "./application-menu/application-menu.component";
+import * as i4 from "./dropdown/dropdown.component";
+import * as i5 from "@angular/common";
+export declare class AspLibModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AspLibModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AspLibModule, [typeof i1.AspLibComponent, typeof i2.MenuComponent, typeof i3.ApplicationMenuComponent, typeof i4.DropdownComponent], [typeof i5.CommonModule], [typeof i1.AspLibComponent, typeof i2.MenuComponent, typeof i3.ApplicationMenuComponent, typeof i4.DropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AspLibModule>;
+}

package/lib/asp-lib.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AspLibService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AspLibService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AspLibService>;
+}

package/lib/dropdown/dropdown.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DropdownComponent {
+    options: any[];
+    optionSelected: EventEmitter<any>;
+    selectedOption: string;
+    dropdownOpen: boolean;
+    toggleDropdown(): void;
+    selectOption(option: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "options": { "alias": "options"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+export interface DropdownOption {
+    label: string;
+    icon: string;
+}
+export interface Category {
+    id: number;
+    parentId: number | null;
+    label: string;
+    options: any[];
+}
+export declare class MenuComponent {
+    data: any;
+    theme: string;
+    isMenuOpen: boolean;
+    openCategories: {
+        [categoryId: number]: boolean;
+    };
+    dropdownOptions: DropdownOption[];
+    constructor();
+    toggleMenuHandler(): void;
+    toggleCategory(category: Category): void;
+    clickChild(event: any): void;
+    optionClickHandler(option: any): void;
+    handleOptionSelected(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "lib-menu", never, { "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "asp-lib",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/asp-lib.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/asp-lib.mjs",
+      "esm": "./esm2022/asp-lib.mjs",
+      "default": "./fesm2022/asp-lib.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/asp-lib.service';
+export * from './lib/asp-lib.component';
+export * from './lib/asp-lib.module';
+export * from './lib/menu/menu.component';
+export * from './lib/application-menu/application-menu.component';
+export * from './lib/dropdown/dropdown.component';

package/src/lib/assets/arrowDown.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 5"><defs><style>.cls-1{fill:#606060;stroke-width:0px;}</style></defs><path class="cls-1" d="M3,4.62322c-.1708,0-.33122-.08229-.43101-.22095L.27998,1.21755c-.17105-.23805-.11689-.56979.12129-.74085.23688-.17118.56966-.11702.74072.12116l1.85801,2.58512,1.85801-2.58512c.17157-.23792.50306-.29209.74072-.12116.23818.17105.29235.5028.12129.74085l-2.28902,3.18472c-.09978.13866-.26021.22095-.43101.22095Z"/></svg>

package/src/lib/assets/arrowUp.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 5"><defs><style>.cls-1{fill:#606060;stroke-width:0px;}</style></defs><path class="cls-1" d="M3,.37678c-.1708,0-.33122.08229-.43101.22095L.27998,3.78245c-.17105.23805-.11689.56979.12129.74085.23688.17118.56966.11702.74072-.12116l1.85801-2.58512,1.85801,2.58512c.17157.23792.50306.29209.74072.12116.23818-.17105.29235-.5028.12129-.74085L3.43101.59773c-.09978-.13866-.26021-.22095-.43101-.22095Z"/></svg>

package/src/lib/assets/ico_menuReport.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M12.92,8.84h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75,12.59c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M20.66,8.84h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49,12.59c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M28.4,8.84h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23,12.59c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M12.92,16.91h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75,20.66c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M20.66,16.91h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49,20.66c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M28.4,16.91h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23,20.66c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M12.92,24.99h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM13.75,28.74c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M20.66,24.99h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM21.49,28.74c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+  <path class="cls-1" d="M28.4,24.99h-1.32c-1.34,0-2.43,1.09-2.43,2.43v1.32c0,1.34,1.09,2.43,2.43,2.43h1.32c1.34,0,2.43-1.09,2.43-2.43v-1.32c0-1.34-1.09-2.43-2.43-2.43ZM29.23,28.74c0,.46-.37.83-.83.83h-1.32c-.46,0-.83-.37-.83-.83v-1.32c0-.46.37-.83.83-.83h1.32c.46,0,.83.37.83.83v1.32Z"/>
+</svg>

package/src/lib/assets/icon_retract.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M9.64,7.39l1.86-2.27v5.28c0,.28.22.5.5.5s.5-.22.5-.5v-5.28l1.86,2.27c.1.12.24.18.39.18.11,0,.22-.04.32-.11.21-.17.25-.49.07-.7l-2.75-3.36c-.19-.23-.58-.23-.77,0l-2.75,3.36c-.17.21-.14.53.07.7.21.17.53.14.7-.07Z"/>
+  <path class="cls-1" d="M14.36,16.6l-1.86,2.27v-5.28c0-.28-.22-.5-.5-.5s-.5.22-.5.5v5.28l-1.86-2.27c-.17-.21-.49-.25-.7-.07-.21.17-.25.49-.07.7l2.75,3.36c.09.12.24.18.39.18s.29-.07.39-.18l2.75-3.36c.17-.21.14-.53-.07-.7-.21-.17-.53-.14-.7.07Z"/>
+</svg>

package/src/lib/assets/menu_icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <rect class="cls-1" x="9.11" y="13.83" width="21.79" height="1.64"/>
+  <rect class="cls-1" x="9.11" y="18.78" width="21.79" height="1.64"/>
+  <rect class="cls-1" x="9.11" y="24.53" width="21.79" height="1.64"/>
+</svg>

package/src/lib/assets/theme.css

@@ -0,0 +1,25 @@
+[data-theme="default"] {
+  --menu-background-color: pink;
+  --menu-divider-title-color: red;
+  --menu-text-color: white;
+  --menu-scroll-color: blue;
+  --menu-icon-background: yellow;
+  --dropdown-background: #1692CE40;
+  --dropdown-border: 1px solid var(--dropdown-background);
+  --dropdown-color: white;
+  --dropdown-list-background: #0E2E55;
+  --dropdown-list-border: 1px solid #0E2E55;
+}
+
+[data-theme="brasilia"] {
+  --menu-background-color: #0E2E55;
+  --menu-divider-title-color : #0F4571;
+  --menu-text-color: white;
+  --menu-scroll-color: white;
+  --menu-icon-background: rgba(1, 171, 236, 0.1);
+  --dropdown-background: #1692CE40;
+  --dropdown-border: 1px solid var(--dropdown-background);
+  --dropdown-color: white;
+  --dropdown-list-background: #0E2E55;
+  --dropdown-list-border: 1px solid #0E2E55;
+}