@tilde-nlp/ngx-menu 3.0.0 → 4.1.1

package/esm2022/lib/components/menu-columns/menu-columns.component.mjs

@@ -0,0 +1,66 @@
+import { Component, Inject, Input, Optional } from '@angular/core';
+import { MENU_SHARED_CONFIG } from '../../injection-tokens';
+import { MenuLayoutDirection } from '../../models/menu-layout-direction.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../services/menu-items.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/divider";
+import * as i5 from "../menu-item-list/menu-item-list.component";
+export class MenuColumnsComponent {
+    get active() { return this._active; }
+    set active(value) {
+        this._active = value;
+        if (!value) {
+            this.activeItem = undefined;
+            return;
+        }
+        this.elementExpanded(this.active?.root);
+    }
+    get mergedGroups() { return this.menuItemsService.mergedGroups; }
+    constructor(router, menuSharedConfig, menuItemsService) {
+        this.router = router;
+        this.menuSharedConfig = menuSharedConfig;
+        this.menuItemsService = menuItemsService;
+        this.direction = MenuLayoutDirection.column;
+        this.labelsVisible = true;
+        this.subscriptions = [];
+    }
+    ngOnInit() {
+        this.activeItem = this.active.root;
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(sub => sub.unsubscribe());
+    }
+    elementExpanded(element) {
+        if (!this.active || !element) {
+            return;
+        }
+        if (this.showChildren && element.expanded && element === this.active.root) {
+            this.activeItem = this.active.child;
+        }
+        else {
+            this.activeItem = this.active.root;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuColumnsComponent, deps: [{ token: i1.Router }, { token: MENU_SHARED_CONFIG, optional: true }, { token: i2.MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MenuColumnsComponent, selector: "menu-columns", inputs: { direction: "direction", labelsVisible: "labelsVisible", showChildren: "showChildren", active: "active" }, ngImport: i0, template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n    <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\"\r\n        (toggleExpand)=\"elementExpanded($event)\" [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\"\r\n        [items]=\"group.items\" [showChildren]=\"showChildren\">\r\n    </menu-item-list>\r\n    <div class=\"divider\" *ngIf=\"group.bottomDivider\">\r\n        <mat-divider></mat-divider>\r\n    </div>\r\n</ng-container>", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "showChildren", "items", "menuItemGroup"], outputs: ["toggleExpand"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuColumnsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'menu-columns', template: "<ng-container *ngFor=\"let group of mergedGroups\">\r\n    <menu-item-list *ngIf=\"group.items.length\" [activeItem]=\"activeItem\" [direction]=\"direction\"\r\n        (toggleExpand)=\"elementExpanded($event)\" [labelsVisible]=\"labelsVisible\" [menuItemGroup]=\"group\"\r\n        [items]=\"group.items\" [showChildren]=\"showChildren\">\r\n    </menu-item-list>\r\n    <div class=\"divider\" *ngIf=\"group.bottomDivider\">\r\n        <mat-divider></mat-divider>\r\n    </div>\r\n</ng-container>", styles: [":host{display:inline-block}:host menu-item-list{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MENU_SHARED_CONFIG]
+                }] }, { type: i2.MenuItemsService }]; }, propDecorators: { direction: [{
+                type: Input
+            }], labelsVisible: [{
+                type: Input
+            }], showChildren: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1jb2x1bW5zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWNvbHVtbnMvbWVudS1jb2x1bW5zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWNvbHVtbnMvbWVudS1jb2x1bW5zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3RGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTVELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7O0FBVS9FLE1BQU0sT0FBTyxvQkFBb0I7SUFPL0IsSUFBSSxNQUFNLEtBQUssT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNyQyxJQUFhLE1BQU0sQ0FBQyxLQUFzQjtRQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUVyQixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7WUFDNUIsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFBO0lBQ3pDLENBQUM7SUFHRCxJQUFJLFlBQVksS0FBSyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0lBSWpFLFlBQ3FCLE1BQWMsRUFDMEIsZ0JBQWtDLEVBQzVFLGdCQUFrQztRQUZoQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQzBCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDNUUscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQXpCNUMsY0FBUyxHQUF3QixtQkFBbUIsQ0FBQyxNQUFNLENBQUM7UUFDNUQsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFtQmIsa0JBQWEsR0FBbUIsRUFBRSxDQUFDO0lBTXBELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELGVBQWUsQ0FBQyxPQUF3QjtRQUN0QyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUM1QixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxPQUFPLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDekUsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUNyQzthQUNJO1lBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztTQUNwQztJQUNILENBQUM7OEdBakRVLG9CQUFvQix3Q0EwQlQsa0JBQWtCO2tHQTFCN0Isb0JBQW9CLHdLQ2ZqQyxtZkFRZTs7MkZET0Ysb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OzBCQThCckIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxrQkFBa0I7MkVBeEIvQixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFJTyxNQUFNO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IE1FTlVfU0hBUkVEX0NPTkZJRyB9IGZyb20gJy4uLy4uL2luamVjdGlvbi10b2tlbnMnO1xyXG5pbXBvcnQgeyBDdXN0b21NZW51SXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9jdXN0b20tbWVudS1pdGVtJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9tZW51LWxheW91dC1kaXJlY3Rpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBNZW51U2hhcmVkQ29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21lbnUtc2hhcmVkLWNvbmZpZy5tb2RlbCc7XHJcbmltcG9ydCB7IE1lbnVJdGVtc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tZW51LWl0ZW1zLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBY3RpdmVNZW51SXRlbXMgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZW51LWNvbHVtbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWNvbHVtbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtY29sdW1ucy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51Q29sdW1uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiBNZW51TGF5b3V0RGlyZWN0aW9uID0gTWVudUxheW91dERpcmVjdGlvbi5jb2x1bW47XHJcbiAgQElucHV0KCkgbGFiZWxzVmlzaWJsZSA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd0NoaWxkcmVuITogYm9vbGVhbjtcclxuXHJcbiAgcHJpdmF0ZSBfYWN0aXZlITogQWN0aXZlTWVudUl0ZW1zO1xyXG4gIGdldCBhY3RpdmUoKSB7IHJldHVybiB0aGlzLl9hY3RpdmU7IH1cclxuICBASW5wdXQoKSBzZXQgYWN0aXZlKHZhbHVlOiBBY3RpdmVNZW51SXRlbXMpIHtcclxuICAgIHRoaXMuX2FjdGl2ZSA9IHZhbHVlO1xyXG5cclxuICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgdGhpcy5hY3RpdmVJdGVtID0gdW5kZWZpbmVkO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5lbGVtZW50RXhwYW5kZWQodGhpcy5hY3RpdmU/LnJvb3QpXHJcbiAgfVxyXG5cclxuICBhY3RpdmVJdGVtPzogQ3VzdG9tTWVudUl0ZW07XHJcbiAgZ2V0IG1lcmdlZEdyb3VwcygpIHsgcmV0dXJuIHRoaXMubWVudUl0ZW1zU2VydmljZS5tZXJnZWRHcm91cHM7IH1cclxuXHJcbiAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb25zOiBTdWJzY3JpcHRpb25bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCByZWFkb25seSByb3V0ZXI6IFJvdXRlcixcclxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTUVOVV9TSEFSRURfQ09ORklHKSBwcm90ZWN0ZWQgcmVhZG9ubHkgbWVudVNoYXJlZENvbmZpZzogTWVudVNoYXJlZENvbmZpZyxcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgbWVudUl0ZW1zU2VydmljZTogTWVudUl0ZW1zU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLmFjdGl2ZS5yb290O1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuZm9yRWFjaChzdWIgPT4gc3ViLnVuc3Vic2NyaWJlKCkpO1xyXG4gIH1cclxuXHJcbiAgZWxlbWVudEV4cGFuZGVkKGVsZW1lbnQ/OiBDdXN0b21NZW51SXRlbSkge1xyXG4gICAgaWYgKCF0aGlzLmFjdGl2ZSB8fCAhZWxlbWVudCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuc2hvd0NoaWxkcmVuICYmIGVsZW1lbnQuZXhwYW5kZWQgJiYgZWxlbWVudCA9PT0gdGhpcy5hY3RpdmUucm9vdCkge1xyXG4gICAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLmFjdGl2ZS5jaGlsZDtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLmFjdGl2ZUl0ZW0gPSB0aGlzLmFjdGl2ZS5yb290O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwIG9mIG1lcmdlZEdyb3Vwc1wiPlxyXG4gICAgPG1lbnUtaXRlbS1saXN0ICpuZ0lmPVwiZ3JvdXAuaXRlbXMubGVuZ3RoXCIgW2FjdGl2ZUl0ZW1dPVwiYWN0aXZlSXRlbVwiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCJcclxuICAgICAgICAodG9nZ2xlRXhwYW5kKT1cImVsZW1lbnRFeHBhbmRlZCgkZXZlbnQpXCIgW2xhYmVsc1Zpc2libGVdPVwibGFiZWxzVmlzaWJsZVwiIFttZW51SXRlbUdyb3VwXT1cImdyb3VwXCJcclxuICAgICAgICBbaXRlbXNdPVwiZ3JvdXAuaXRlbXNcIiBbc2hvd0NoaWxkcmVuXT1cInNob3dDaGlsZHJlblwiPlxyXG4gICAgPC9tZW51LWl0ZW0tbGlzdD5cclxuICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCIgKm5nSWY9XCJncm91cC5ib3R0b21EaXZpZGVyXCI+XHJcbiAgICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19

package/esm2022/lib/components/menu-icon/menu-icon.component.mjs

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import { MENU_ICON_STRAPI_EXTENSION } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+export class MenuIconComponent {
+    constructor() {
+        this.svgExtension = MENU_ICON_STRAPI_EXTENSION;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    isIconMediaType(icon) {
+        return typeof icon !== "string";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MenuIconComponent, selector: "tld-menu-icon", inputs: { menuItem: "menuItem" }, ngImport: i0, template: "<ng-container *ngIf=\"menuItem.icon\">\r\n  <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n  <ng-template #materialIcon>\r\n    <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n  </ng-template>\r\n</ng-container>\r\n", styles: [".menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-menu-icon', template: "<ng-container *ngIf=\"menuItem.icon\">\r\n  <mat-icon class=\"menu-icon\" [svgIcon]=\"menuItem.icon\" *ngIf=\"!menuItem.materialIcon; else materialIcon;\"></mat-icon>\r\n  <ng-template #materialIcon>\r\n    <mat-icon class=\"menu-icon\">{{menuItem.icon}}</mat-icon>\r\n  </ng-template>\r\n</ng-container>\r\n", styles: [".menu-icon{color:var(--base-40);margin:auto;min-width:24px;min-height:24px;max-width:24px;max-height:24px;vertical-align:middle}\n"] }]
+        }], propDecorators: { menuItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWljb24vbWVudS1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWljb24vbWVudS1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBa0IsMEJBQTBCLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7QUFPMUUsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQU1XLGlCQUFZLEdBQUcsMEJBQTBCLENBQUM7S0FRcEQ7SUFKQyw4REFBOEQ7SUFDOUQsZUFBZSxDQUFDLElBQVM7UUFDdkIsT0FBTyxPQUFPLElBQUksS0FBSyxRQUFRLENBQUM7SUFDbEMsQ0FBQzs4R0FSVSxpQkFBaUI7a0dBQWpCLGlCQUFpQix1RkNUOUIsc1RBTUE7OzJGREdhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzhCQU9oQixRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZWRpYSB9IGZyb20gJ0B0aWxkZS1ubHAvc3RyYXBpLW1vZGVscyc7XHJcbmltcG9ydCB7IEN1c3RvbU1lbnVJdGVtLCBNRU5VX0lDT05fU1RSQVBJX0VYVEVOU0lPTiB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RsZC1tZW51LWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtaWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51SWNvbkNvbXBvbmVudCB7XHJcbiAgcmVhZG9ubHkgc3ZnRXh0ZW5zaW9uID0gTUVOVV9JQ09OX1NUUkFQSV9FWFRFTlNJT047XHJcblxyXG4gIEBJbnB1dCgpIG1lbnVJdGVtITogQ3VzdG9tTWVudUl0ZW07XHJcblxyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcbiAgaXNJY29uTWVkaWFUeXBlKGljb246IGFueSk6IGljb24gaXMgTWVkaWEge1xyXG4gICAgcmV0dXJuIHR5cGVvZiBpY29uICE9PSBcInN0cmluZ1wiO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwibWVudUl0ZW0uaWNvblwiPlxyXG4gIDxtYXQtaWNvbiBjbGFzcz1cIm1lbnUtaWNvblwiIFtzdmdJY29uXT1cIm1lbnVJdGVtLmljb25cIiAqbmdJZj1cIiFtZW51SXRlbS5tYXRlcmlhbEljb247IGVsc2UgbWF0ZXJpYWxJY29uO1wiPjwvbWF0LWljb24+XHJcbiAgPG5nLXRlbXBsYXRlICNtYXRlcmlhbEljb24+XHJcbiAgICA8bWF0LWljb24gY2xhc3M9XCJtZW51LWljb25cIj57e21lbnVJdGVtLmljb259fTwvbWF0LWljb24+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==

package/esm2022/lib/components/menu-item-icon/menu-item-icon.component.mjs

@@ -0,0 +1,74 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { menuLogo } from '../../assets/menu-logo.svg';
+import { MenuLayoutDirection } from '../../models';
+import { TitlePlacement } from './menu.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@tilde-nlp/ngx-common";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "../modal-nav-menu/modal-nav-menu.component";
+import * as i9 from "@ngx-translate/core";
+export class MenuItemIconComponent {
+    constructor(iconService, router) {
+        this.iconService = iconService;
+        this.router = router;
+        this.menuSettings = {
+            titlePlacement: TitlePlacement.left
+        };
+        this.menuDialogSettings = {
+            showMenuTitle: true,
+            disableStrapi: true,
+            fullScreen: true
+        };
+        this.showChildren = true;
+        this.direction = MenuLayoutDirection.row;
+        this.subscription = [];
+        this.iconName = 'tld-menu-icon';
+        this.TITLE_PLACEMENT_NONE = TitlePlacement.none;
+        this.TITLE_PLACEMENT_LEFT = TitlePlacement.left;
+        this.PLAUSIBLE_EVENT = {
+            eventId: "burger_click"
+        };
+    }
+    ngOnInit() {
+        const routeChangeSub = this.router.events.subscribe(() => this.closeMenu());
+        this.subscription.push(routeChangeSub);
+        this.registerIcon();
+    }
+    closeMenu() {
+        this.menuTrigger?.closeMenu();
+    }
+    ngOnDestroy() {
+        this.subscription.forEach(e => e.unsubscribe());
+    }
+    registerIcon() {
+        if (this.menuSettings.iconPath) {
+            this.iconService.registerIconFromUrl(this.iconName, this.menuSettings.iconPath);
+        }
+        else {
+            this.iconService.registerIcons({ [this.iconName]: menuLogo });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemIconComponent, deps: [{ token: i1.IconService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MenuItemIconComponent, selector: "lib-menu-item-icon", inputs: { menuSettings: "menuSettings", menuDialogSettings: "menuDialogSettings", showChildren: "showChildren", direction: "direction" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n  [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n  <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n    <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n      \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n    <mat-icon [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n      \" [svgIcon]=\"iconName\">\r\n    </mat-icon>\r\n  </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n    menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n  }}\">\r\n  <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n  <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\"\r\n    [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\" [showChildren]=\"showChildren\">\r\n    <ng-content top select=\"[top]\"></ng-content>\r\n    <ng-content bottom select=\"[bottom]\"></ng-content>\r\n  </lib-modal-nav-menu>\r\n</mat-menu>", styles: [".content{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"], dependencies: [{ kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: "  [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md],  [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md],  [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm],  [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { kind: "component", type: i8.ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: ["menuDialogSettings", "showChildren"], outputs: ["closeButtonClick"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-menu-item-icon', template: "<button class=\"content text-l\" mat-button [disableRipple]=\"true\" #menuTrigger=\"matMenuTrigger\"\r\n  [matMenuTriggerFor]=\"menu\" [libPlausibleEvent]=\"PLAUSIBLE_EVENT\">\r\n  <span fxLayout=\"row\" fxLayoutGap=\"1.5em\" fxLayoutAlign=\"center center\">\r\n    <span *ngIf=\"menuSettings.titlePlacement !== TITLE_PLACEMENT_NONE\" [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 1 : 2\r\n      \" class=\"menu-label\">{{ \"MENU.MENU\" | translate }}</span>\r\n    <mat-icon [fxFlexOrder]=\"\r\n        menuSettings.titlePlacement === TITLE_PLACEMENT_LEFT ? 2 : 1\r\n      \" [svgIcon]=\"iconName\">\r\n    </mat-icon>\r\n  </span>\r\n</button>\r\n\r\n<mat-menu [hasBackdrop]=\"true\" #menu class=\"mobile-menu-dialog {{\r\n    menuDialogSettings.fullScreen ? 'full-screen' : 'minimized-screen'\r\n  }}\">\r\n  <!-- Click method so that menu does not get closed when clicking outside of items-->\r\n  <lib-modal-nav-menu (click)=\"$event.stopPropagation()\" (closeButtonClick)=\"closeMenu()\"\r\n    [menuDialogSettings]=\"menuDialogSettings\" [direction]=\"direction\" [showChildren]=\"showChildren\">\r\n    <ng-content top select=\"[top]\"></ng-content>\r\n    <ng-content bottom select=\"[bottom]\"></ng-content>\r\n  </lib-modal-nav-menu>\r\n</mat-menu>", styles: [".content{gap:1.5em;cursor:pointer}button.mat-mdc-icon-button{width:inherit}:host::ng-deep button span.mat-button-focus-overlay{opacity:0!important}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen{width:100%}::ng-deep lib-modal-nav-menu>.content.menu-modal>div.full-screen .menu-list-wrapper .menu-item{width:100%}::ng-deep div:has(.mat-mdc-menu-panel.mobile-menu-dialog.full-screen){width:100%;max-width:100%}::ng-deep .mat-mdc-menu-panel.mobile-menu-dialog.full-screen{width:100vw;margin-top:-2.5em;max-width:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.IconService }, { type: i2.Router }]; }, propDecorators: { menuTrigger: [{
+                type: ViewChild,
+                args: ['menuTrigger']
+            }], menuSettings: [{
+                type: Input
+            }], menuDialogSettings: [{
+                type: Input
+            }], showChildren: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1pY29uL21lbnUtaXRlbS1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0taWNvbi9tZW51LWl0ZW0taWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSy9FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkQsT0FBTyxFQUF3QyxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7Ozs7O0FBTXBGLE1BQU0sT0FBTyxxQkFBcUI7SUF1QmhDLFlBQTZCLFdBQXdCLEVBQ2xDLE1BQWM7UUFESixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUNsQyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBdEJ4QixpQkFBWSxHQUFxQjtZQUN4QyxjQUFjLEVBQUUsY0FBYyxDQUFDLElBQUk7U0FDcEMsQ0FBQTtRQUNRLHVCQUFrQixHQUF1QjtZQUNoRCxhQUFhLEVBQUUsSUFBSTtZQUNuQixhQUFhLEVBQUUsSUFBSTtZQUNuQixVQUFVLEVBQUUsSUFBSTtTQUNqQixDQUFBO1FBQ1EsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsY0FBUyxHQUFHLG1CQUFtQixDQUFDLEdBQUcsQ0FBQztRQUU3QyxpQkFBWSxHQUFtQixFQUFFLENBQUM7UUFFekIsYUFBUSxHQUFHLGVBQWUsQ0FBQztRQUMzQix5QkFBb0IsR0FBRyxjQUFjLENBQUMsSUFBSSxDQUFDO1FBQzNDLHlCQUFvQixHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFDM0Msb0JBQWUsR0FBbUI7WUFDekMsT0FBTyxFQUFFLGNBQWM7U0FDeEIsQ0FBQztJQUtGLENBQUM7SUFDRCxRQUFRO1FBQ04sTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzVFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFTyxZQUFZO1FBQ2xCLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDakY7YUFDSTtZQUNILElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztTQUMvRDtJQUNILENBQUM7OEdBaERVLHFCQUFxQjtrR0FBckIscUJBQXFCLGdUQ2JsQyxreENBc0JXOzsyRkRURSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CO3VIQUtKLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFDZixZQUFZO3NCQUFwQixLQUFLO2dCQUdHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdE1lbnVUcmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEljb25TZXJ2aWNlLCBQbGF1c2libGVFdmVudCB9IGZyb20gJ0B0aWxkZS1ubHAvbmd4LWNvbW1vbic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBtZW51TG9nbyB9IGZyb20gJy4uLy4uL2Fzc2V0cy9tZW51LWxvZ28uc3ZnJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IE1lbnVEaWFsb2dTZXR0aW5ncywgTWVudUl0ZW1TZXR0aW5ncywgVGl0bGVQbGFjZW1lbnQgfSBmcm9tICcuL21lbnUubW9kZWwnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1tZW51LWl0ZW0taWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS1pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tZW51LWl0ZW0taWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51SXRlbUljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQFZpZXdDaGlsZCgnbWVudVRyaWdnZXInKSBtZW51VHJpZ2dlcjogTWF0TWVudVRyaWdnZXIgfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgbWVudVNldHRpbmdzOiBNZW51SXRlbVNldHRpbmdzID0ge1xyXG4gICAgdGl0bGVQbGFjZW1lbnQ6IFRpdGxlUGxhY2VtZW50LmxlZnRcclxuICB9XHJcbiAgQElucHV0KCkgbWVudURpYWxvZ1NldHRpbmdzOiBNZW51RGlhbG9nU2V0dGluZ3MgPSB7XHJcbiAgICBzaG93TWVudVRpdGxlOiB0cnVlLFxyXG4gICAgZGlzYWJsZVN0cmFwaTogdHJ1ZSxcclxuICAgIGZ1bGxTY3JlZW46IHRydWVcclxuICB9XHJcbiAgQElucHV0KCkgc2hvd0NoaWxkcmVuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KCkgZGlyZWN0aW9uID0gTWVudUxheW91dERpcmVjdGlvbi5yb3c7XHJcblxyXG4gIHN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uW10gPSBbXTtcclxuXHJcbiAgcmVhZG9ubHkgaWNvbk5hbWUgPSAndGxkLW1lbnUtaWNvbic7XHJcbiAgcmVhZG9ubHkgVElUTEVfUExBQ0VNRU5UX05PTkUgPSBUaXRsZVBsYWNlbWVudC5ub25lO1xyXG4gIHJlYWRvbmx5IFRJVExFX1BMQUNFTUVOVF9MRUZUID0gVGl0bGVQbGFjZW1lbnQubGVmdDtcclxuICByZWFkb25seSBQTEFVU0lCTEVfRVZFTlQ6IFBsYXVzaWJsZUV2ZW50ID0ge1xyXG4gICAgZXZlbnRJZDogXCJidXJnZXJfY2xpY2tcIlxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgaWNvblNlcnZpY2U6IEljb25TZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSByb3V0ZXI6IFJvdXRlcikge1xyXG5cclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCByb3V0ZUNoYW5nZVN1YiA9IHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jbG9zZU1lbnUoKSk7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5wdXNoKHJvdXRlQ2hhbmdlU3ViKTtcclxuICAgIHRoaXMucmVnaXN0ZXJJY29uKCk7XHJcbiAgfVxyXG5cclxuICBjbG9zZU1lbnUoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1lbnVUcmlnZ2VyPy5jbG9zZU1lbnUoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uZm9yRWFjaChlID0+IGUudW5zdWJzY3JpYmUoKSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJlZ2lzdGVySWNvbigpIHtcclxuICAgIGlmICh0aGlzLm1lbnVTZXR0aW5ncy5pY29uUGF0aCkge1xyXG4gICAgICB0aGlzLmljb25TZXJ2aWNlLnJlZ2lzdGVySWNvbkZyb21VcmwodGhpcy5pY29uTmFtZSwgdGhpcy5tZW51U2V0dGluZ3MuaWNvblBhdGgpO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuaWNvblNlcnZpY2UucmVnaXN0ZXJJY29ucyh7IFt0aGlzLmljb25OYW1lXTogbWVudUxvZ28gfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8YnV0dG9uIGNsYXNzPVwiY29udGVudCB0ZXh0LWxcIiBtYXQtYnV0dG9uIFtkaXNhYmxlUmlwcGxlXT1cInRydWVcIiAjbWVudVRyaWdnZXI9XCJtYXRNZW51VHJpZ2dlclwiXHJcbiAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBbbGliUGxhdXNpYmxlRXZlbnRdPVwiUExBVVNJQkxFX0VWRU5UXCI+XHJcbiAgPHNwYW4gZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjEuNWVtXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cclxuICAgIDxzcGFuICpuZ0lmPVwibWVudVNldHRpbmdzLnRpdGxlUGxhY2VtZW50ICE9PSBUSVRMRV9QTEFDRU1FTlRfTk9ORVwiIFtmeEZsZXhPcmRlcl09XCJcclxuICAgICAgICBtZW51U2V0dGluZ3MudGl0bGVQbGFjZW1lbnQgPT09IFRJVExFX1BMQUNFTUVOVF9MRUZUID8gMSA6IDJcclxuICAgICAgXCIgY2xhc3M9XCJtZW51LWxhYmVsXCI+e3sgXCJNRU5VLk1FTlVcIiB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgIDxtYXQtaWNvbiBbZnhGbGV4T3JkZXJdPVwiXHJcbiAgICAgICAgbWVudVNldHRpbmdzLnRpdGxlUGxhY2VtZW50ID09PSBUSVRMRV9QTEFDRU1FTlRfTEVGVCA/IDIgOiAxXHJcbiAgICAgIFwiIFtzdmdJY29uXT1cImljb25OYW1lXCI+XHJcbiAgICA8L21hdC1pY29uPlxyXG4gIDwvc3Bhbj5cclxuPC9idXR0b24+XHJcblxyXG48bWF0LW1lbnUgW2hhc0JhY2tkcm9wXT1cInRydWVcIiAjbWVudSBjbGFzcz1cIm1vYmlsZS1tZW51LWRpYWxvZyB7e1xyXG4gICAgbWVudURpYWxvZ1NldHRpbmdzLmZ1bGxTY3JlZW4gPyAnZnVsbC1zY3JlZW4nIDogJ21pbmltaXplZC1zY3JlZW4nXHJcbiAgfX1cIj5cclxuICA8IS0tIENsaWNrIG1ldGhvZCBzbyB0aGF0IG1lbnUgZG9lcyBub3QgZ2V0IGNsb3NlZCB3aGVuIGNsaWNraW5nIG91dHNpZGUgb2YgaXRlbXMtLT5cclxuICA8bGliLW1vZGFsLW5hdi1tZW51IChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiAoY2xvc2VCdXR0b25DbGljayk9XCJjbG9zZU1lbnUoKVwiXHJcbiAgICBbbWVudURpYWxvZ1NldHRpbmdzXT1cIm1lbnVEaWFsb2dTZXR0aW5nc1wiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW3Nob3dDaGlsZHJlbl09XCJzaG93Q2hpbGRyZW5cIj5cclxuICAgIDxuZy1jb250ZW50IHRvcCBzZWxlY3Q9XCJbdG9wXVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50IGJvdHRvbSBzZWxlY3Q9XCJbYm90dG9tXVwiPjwvbmctY29udGVudD5cclxuICA8L2xpYi1tb2RhbC1uYXYtbWVudT5cclxuPC9tYXQtbWVudT4iXX0=

package/esm2022/lib/components/menu-item-link/menu-item-link.component.mjs

@@ -0,0 +1,52 @@
+import { Component, Input } from '@angular/core';
+import { MenuLayoutDirection } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@tilde-nlp/ngx-strapi";
+import * as i2 from "@angular/flex-layout/flex";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@tilde-nlp/ngx-common";
+import * as i6 from "../menu-icon/menu-icon.component";
+import * as i7 from "@ngx-translate/core";
+export class MenuItemLinkComponent {
+    get menuItemLayout() {
+        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
+    }
+    get menuLayoutDirection() {
+        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
+            ? 'start center' : 'start start';
+    }
+    constructor(strapiLinkService, placeholderService) {
+        this.strapiLinkService = strapiLinkService;
+        this.placeholderService = placeholderService;
+        this.showIcons = true;
+        this.updateTextWithPlaceholders = (textWithReplacedPlaceholders) => this.href = textWithReplacedPlaceholders;
+    }
+    ngOnInit() {
+        this.textWithPlaceholders = this.menuItem.link;
+        this.placeholderServiceId = this.placeholderService.register(this);
+    }
+    linkClick(event, item) {
+        this.strapiLinkService.strapiLinkClick(event, item.externalLink);
+    }
+    ngOnDestroy() {
+        this.placeholderService.unregister(this.placeholderServiceId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemLinkComponent, deps: [{ token: i1.StrapiLinkService }, { token: i1.StrapiVariablesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MenuItemLinkComponent, selector: "tld-menu-item-link", inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", menuItem: "menuItem" }, ngImport: i0, template: "<a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n  [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n  [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n  [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n  [href]=\"href | translate\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n  [class.active-menu-item]=\"menuItem === activeItem\">\r\n  <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n    <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n  </ng-container>\r\n  <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n    <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n      {{ menuItem.title | translate}}\r\n    </span>\r\n  </span>\r\n</a>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i5.PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: ["libPlausibleEvent"] }, { kind: "component", type: i6.MenuIconComponent, selector: "tld-menu-icon", inputs: ["menuItem"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-menu-item-link', template: "<a [libPlausibleEvent]=\"menuItem.plausibleEvent\" [fxLayout]=\"menuItemLayout\"\r\n  [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n  [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n  [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" (click)=\"linkClick($event, menuItem)\"\r\n  [href]=\"href | translate\" [attr.target]=\"menuItem.externalLink?'_blank': '_self'\" fxLayoutGap=\"0.375rem\"\r\n  [class.active-menu-item]=\"menuItem === activeItem\">\r\n  <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n    <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n  </ng-container>\r\n  <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n    <span class=\"title-content\" [attr.content]=\"menuItem.title | translate\">\r\n      {{ menuItem.title | translate}}\r\n    </span>\r\n  </span>\r\n</a>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.StrapiLinkService }, { type: i1.StrapiVariablesService }]; }, propDecorators: { direction: [{
+                type: Input
+            }], labelsVisible: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], showIcons: [{
+                type: Input
+            }], menuItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1saW5rL21lbnUtaXRlbS1saW5rLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0tbGluay9tZW51LWl0ZW0tbGluay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFrQixtQkFBbUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7Ozs7Ozs7O0FBT25FLE1BQU0sT0FBTyxxQkFBcUI7SUFXaEMsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzFFLENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxtQkFBbUIsQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO1lBQzNFLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQztJQUNyQyxDQUFDO0lBRUQsWUFBNkIsaUJBQW9DLEVBQzlDLGtCQUEwQztRQURoQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQzlDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBd0I7UUFqQnBELGNBQVMsR0FBRyxJQUFJLENBQUM7UUE0QjFCLCtCQUEwQixHQUFHLENBQUMsNEJBQW9DLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsNEJBQTRCLENBQUM7SUFYL0MsQ0FBQztJQUVsRSxRQUFRO1FBQ04sSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQy9DLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBaUIsRUFBRSxJQUFvQjtRQUMvQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUlELFdBQVc7UUFDVCxJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO0lBQ2hFLENBQUM7OEdBcENVLHFCQUFxQjtrR0FBckIscUJBQXFCLHNNQ1RsQyxpNkJBZUE7OzJGRE5hLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxvQkFBb0I7NklBS3JCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBsYWNlaG9sZGVyQ29tcG9uZW50QmFzZSwgU3RyYXBpTGlua1NlcnZpY2UsIFN0cmFwaVZhcmlhYmxlc1NlcnZpY2UgfSBmcm9tICdAdGlsZGUtbmxwL25neC1zdHJhcGknO1xyXG5pbXBvcnQgeyBDdXN0b21NZW51SXRlbSwgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RsZC1tZW51LWl0ZW0tbGluaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS1saW5rLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tZW51LWl0ZW0tbGluay5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51SXRlbUxpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgUGxhY2Vob2xkZXJDb21wb25lbnRCYXNlIHtcclxuICBASW5wdXQoKSBkaXJlY3Rpb24hOiBNZW51TGF5b3V0RGlyZWN0aW9uO1xyXG4gIEBJbnB1dCgpIGxhYmVsc1Zpc2libGUhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBDdXN0b21NZW51SXRlbSB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBzaG93SWNvbnMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIG1lbnVJdGVtITogQ3VzdG9tTWVudUl0ZW07XHJcblxyXG4gIHRleHRXaXRoUGxhY2Vob2xkZXJzITogc3RyaW5nO1xyXG4gIGhyZWYhOiBzdHJpbmc7XHJcblxyXG4gIHByaXZhdGUgcGxhY2Vob2xkZXJTZXJ2aWNlSWQhOiBudW1iZXI7XHJcbiAgZ2V0IG1lbnVJdGVtTGF5b3V0KCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5kaXJlY3Rpb24gPT09IE1lbnVMYXlvdXREaXJlY3Rpb24uY29sdW1uID8gJ2NvbHVtbicgOiAncm93JztcclxuICB9XHJcblxyXG4gIGdldCBtZW51TGF5b3V0RGlyZWN0aW9uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gKHRoaXMuZGlyZWN0aW9uID09PSBNZW51TGF5b3V0RGlyZWN0aW9uLmNvbHVtbiB8fCAhdGhpcy5sYWJlbHNWaXNpYmxlKVxyXG4gICAgICA/ICdzdGFydCBjZW50ZXInIDogJ3N0YXJ0IHN0YXJ0JztcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgc3RyYXBpTGlua1NlcnZpY2U6IFN0cmFwaUxpbmtTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBwbGFjZWhvbGRlclNlcnZpY2U6IFN0cmFwaVZhcmlhYmxlc1NlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudGV4dFdpdGhQbGFjZWhvbGRlcnMgPSB0aGlzLm1lbnVJdGVtLmxpbms7XHJcbiAgICB0aGlzLnBsYWNlaG9sZGVyU2VydmljZUlkID0gdGhpcy5wbGFjZWhvbGRlclNlcnZpY2UucmVnaXN0ZXIodGhpcyk7XHJcbiAgfVxyXG5cclxuICBsaW5rQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQsIGl0ZW06IEN1c3RvbU1lbnVJdGVtKSB7XHJcbiAgICB0aGlzLnN0cmFwaUxpbmtTZXJ2aWNlLnN0cmFwaUxpbmtDbGljayhldmVudCwgaXRlbS5leHRlcm5hbExpbmspO1xyXG4gIH1cclxuXHJcbiAgdXBkYXRlVGV4dFdpdGhQbGFjZWhvbGRlcnMgPSAodGV4dFdpdGhSZXBsYWNlZFBsYWNlaG9sZGVyczogc3RyaW5nKSA9PiB0aGlzLmhyZWYgPSB0ZXh0V2l0aFJlcGxhY2VkUGxhY2Vob2xkZXJzO1xyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMucGxhY2Vob2xkZXJTZXJ2aWNlLnVucmVnaXN0ZXIodGhpcy5wbGFjZWhvbGRlclNlcnZpY2VJZCk7XHJcbiAgfVxyXG59XHJcbiIsIjxhIFtsaWJQbGF1c2libGVFdmVudF09XCJtZW51SXRlbS5wbGF1c2libGVFdmVudFwiIFtmeExheW91dF09XCJtZW51SXRlbUxheW91dFwiXHJcbiAgW2NsYXNzLnRleHQtY2VudGVyXT1cIm1lbnVJdGVtTGF5b3V0ID09PSAnY29sdW1uJ1wiIGNsYXNzPVwidGV4dC1tIG1lbnUtaXRlbVwiXHJcbiAgW21hdFRvb2x0aXBdPVwiIWxhYmVsc1Zpc2libGUgPyAobWVudUl0ZW0udGl0bGUgfCB0cmFuc2xhdGUpIDogJydcIiBtYXRUb29sdGlwUG9zaXRpb249XCJhZnRlclwiXHJcbiAgW2Z4TGF5b3V0QWxpZ25dPVwibWVudUxheW91dERpcmVjdGlvblwiIG1hdFRvb2x0aXBDbGFzcz1cIm1lbnUtdG9vbHRpcFwiIChjbGljayk9XCJsaW5rQ2xpY2soJGV2ZW50LCBtZW51SXRlbSlcIlxyXG4gIFtocmVmXT1cImhyZWYgfCB0cmFuc2xhdGVcIiBbYXR0ci50YXJnZXRdPVwibWVudUl0ZW0uZXh0ZXJuYWxMaW5rPydfYmxhbmsnOiAnX3NlbGYnXCIgZnhMYXlvdXRHYXA9XCIwLjM3NXJlbVwiXHJcbiAgW2NsYXNzLmFjdGl2ZS1tZW51LWl0ZW1dPVwibWVudUl0ZW0gPT09IGFjdGl2ZUl0ZW1cIj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0ljb25zICYmIG1lbnVJdGVtLmljb25cIj5cclxuICAgIDx0bGQtbWVudS1pY29uIFttZW51SXRlbV09XCJtZW51SXRlbVwiPjwvdGxkLW1lbnUtaWNvbj5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8c3BhbiAqbmdJZj1cImxhYmVsc1Zpc2libGVcIiBjbGFzcz1cIm1lbnUtaXRlbS10aXRsZVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS1jb250ZW50XCIgW2F0dHIuY29udGVudF09XCJtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZVwiPlxyXG4gICAgICB7eyBtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZX19XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9zcGFuPlxyXG48L2E+XHJcbiJdfQ==

package/esm2022/lib/components/menu-item-list/menu-item-list.component.mjs

@@ -0,0 +1,61 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MenuLayoutDirection } from '../../models/menu-layout-direction.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/flex-layout/flex";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "../menu-icon/menu-icon.component";
+import * as i5 from "../menu-item-link/menu-item-link.component";
+import * as i6 from "@ngx-translate/core";
+export class MenuItemListComponent {
+    constructor() {
+        this.direction = MenuLayoutDirection.column;
+        this.labelsVisible = true;
+        this.showIcons = true;
+        this.showChildren = true;
+        this.items = [];
+        this.toggleExpand = new EventEmitter();
+    }
+    get titleKey() {
+        return this.menuItemGroup?.title;
+    }
+    get showTitle() {
+        return this.menuItemGroup?.showTitle;
+    }
+    get menuLayoutDirection() {
+        return (this.direction === MenuLayoutDirection.column || !this.labelsVisible)
+            ? 'start center' : 'start start';
+    }
+    get menuItemLayout() {
+        return this.direction === MenuLayoutDirection.column ? 'column' : 'row';
+    }
+    toggleItemExpand(event, menuItem) {
+        // so menu doesnt get closed.
+        event.stopPropagation();
+        menuItem.expanded = !menuItem.expanded;
+        this.toggleExpand.next(menuItem);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: MenuItemListComponent, selector: "menu-item-list", inputs: { direction: "direction", labelsVisible: "labelsVisible", activeItem: "activeItem", showIcons: "showIcons", showChildren: "showChildren", items: "items", menuItemGroup: "menuItemGroup" }, outputs: { toggleExpand: "toggleExpand" }, ngImport: i0, template: "<div class=\"menu-list-wrapper\">\r\n  <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n    {{ titleKey | translate }}\r\n  </div>\r\n  <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"!showChildren || !menuItem.children || menuItem?.children?.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n  <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n    [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n    [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n    [class.active-menu-item]=\"menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n    <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n      <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n    </ng-container>\r\n    <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n      <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n    <span class=\"material-icons\" *ngIf=\"showChildren && menuItem.children\">\r\n      {{menuItem.expanded? 'expand_more' : 'navigate_next'}}\r\n    </span>\r\n  </button>\r\n  <ng-container *ngIf=\"showChildren && menuItem.expanded\">\r\n    <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n      [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\" [showIcons]=\"false\">\r\n    </menu-item-list>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n  <tld-menu-item-link [menuItem]=\"menuItem\" [direction]=\"direction\" [labelsVisible]=\"labelsVisible\"\r\n    [activeItem]=\"activeItem\" [showIcons]=\"showIcons\"></tld-menu-item-link>\r\n</ng-template>", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper tld-menu-item-link+tld-menu-item-link,:host::ng-deep .menu-list-wrapper tld-menu-item-link+.menu-item,:host::ng-deep .menu-list-wrapper .menu-item+tld-menu-item-link,:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;flex-grow:100;align-items:start}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}:host.child-list{margin-top:1rem;margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}menu-item-list{padding-left:3rem;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: MenuItemListComponent, selector: "menu-item-list", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "showChildren", "items", "menuItemGroup"], outputs: ["toggleExpand"] }, { kind: "component", type: i4.MenuIconComponent, selector: "tld-menu-icon", inputs: ["menuItem"] }, { kind: "component", type: i5.MenuItemLinkComponent, selector: "tld-menu-item-link", inputs: ["direction", "labelsVisible", "activeItem", "showIcons", "menuItem"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: MenuItemListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'menu-item-list', template: "<div class=\"menu-list-wrapper\">\r\n  <div *ngIf=\"titleKey && showTitle && labelsVisible\" fxLayoutAlign=\"start center\" class=\"menu-item-list-title\">\r\n    {{ titleKey | translate }}\r\n  </div>\r\n  <div fxLayout=\"column\" [fxLayoutAlign]=\"menuLayoutDirection\" class=\"menu-item-list\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"!showChildren || !menuItem.children || menuItem?.children?.length === 0 ? menuItemLink : itemWithChildren; context: {menuItem: menuItem}\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemWithChildren let-menuItem=\"menuItem\">\r\n  <button [fxLayout]=\"menuItemLayout\" [class.text-center]=\"menuItemLayout === 'column'\" class=\"text-m menu-item\"\r\n    [matTooltip]=\"!labelsVisible ? (menuItem.title | translate) : ''\" matTooltipPosition=\"after\"\r\n    [fxLayoutAlign]=\"menuLayoutDirection\" matTooltipClass=\"menu-tooltip\" fxLayoutGap=\"0.375rem\"\r\n    [class.active-menu-item]=\"menuItem === activeItem\" (click)=\"toggleItemExpand($event,menuItem)\">\r\n    <ng-container *ngIf=\"showIcons && menuItem.icon\">\r\n      <tld-menu-icon [menuItem]=\"menuItem\"></tld-menu-icon>\r\n    </ng-container>\r\n    <span *ngIf=\"labelsVisible\" class=\"menu-item-title\">\r\n      <span class=\"title-content\">{{ menuItem.title | translate }}</span></span>\r\n    <span class=\"material-icons\" *ngIf=\"showChildren && menuItem.children\">\r\n      {{menuItem.expanded? 'expand_more' : 'navigate_next'}}\r\n    </span>\r\n  </button>\r\n  <ng-container *ngIf=\"showChildren && menuItem.expanded\">\r\n    <menu-item-list class=\"child-list\" *ngIf=\"menuItem.children && menuItem.children.length\" [items]=\"menuItem.children\"\r\n      [direction]=\"direction\" [labelsVisible]=\"labelsVisible\" [activeItem]=\"activeItem\" [showIcons]=\"false\">\r\n    </menu-item-list>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #menuItemLink let-menuItem=\"menuItem\">\r\n  <tld-menu-item-link [menuItem]=\"menuItem\" [direction]=\"direction\" [labelsVisible]=\"labelsVisible\"\r\n    [activeItem]=\"activeItem\" [showIcons]=\"showIcons\"></tld-menu-item-link>\r\n</ng-template>", styles: [":host{margin:1em 0;display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item-list-title{margin-bottom:1em;font-size:1rem;font-weight:500;line-height:1.5rem}:host::ng-deep .menu-list-wrapper .text-center{text-align:center}:host::ng-deep .menu-list-wrapper tld-menu-item-link+tld-menu-item-link,:host::ng-deep .menu-list-wrapper tld-menu-item-link+.menu-item,:host::ng-deep .menu-list-wrapper .menu-item+tld-menu-item-link,:host::ng-deep .menu-list-wrapper .menu-item+.menu-item{margin-top:1.5625em}:host::ng-deep .menu-list-wrapper .menu-item{cursor:pointer;font-style:normal;color:var(--base-30);text-decoration:none;align-items:center!important;font-weight:400;background:none;border:none}:host::ng-deep .menu-list-wrapper .menu-item:focus-visible{outline:black solid 2px}:host::ng-deep .menu-list-wrapper .menu-item:not(button):hover{font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item mat-icon,:host::ng-deep .menu-list-wrapper .menu-item.active-menu-item:hover{color:var(--primary-accent)!important;font-weight:600}:host::ng-deep .menu-list-wrapper .menu-item span{display:inline-block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title{display:flex;flex-direction:row;flex-grow:100;align-items:start}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content{display:block}:host::ng-deep .menu-list-wrapper .menu-item .menu-item-title .title-content:before{display:block;content:attr(content);font-weight:600;height:0;overflow:hidden;visibility:hidden}:host.child-list{margin-top:1rem;margin-bottom:1rem}:host.child-list .menu-item+.menu-item{margin-top:.5rem}::ng-deep .menu-tooltip{left:.625rem;font-family:Roboto;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--base-70);border-radius:.25rem;position:relative}::ng-deep .menu-tooltip:after{width:0;height:0;content:\"\";position:absolute;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid var(--menu-border-dark-color);left:-.75rem;top:calc(50% - .25rem);transform:rotate(270deg);overflow:initial}menu-item-list{padding-left:3rem;margin:0}\n"] }]
+        }], propDecorators: { direction: [{
+                type: Input
+            }], labelsVisible: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], showIcons: [{
+                type: Input
+            }], showChildren: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], menuItemGroup: [{
+                type: Input
+            }], toggleExpand: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtaXRlbS1saXN0L21lbnUtaXRlbS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tZW51LWl0ZW0tbGlzdC9tZW51LWl0ZW0tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7OztBQU8vRSxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTVcsY0FBUyxHQUF3QixtQkFBbUIsQ0FBQyxNQUFNLENBQUM7UUFDNUQsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFFckIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUVwQixVQUFLLEdBQXFCLEVBQUUsQ0FBQztRQUc1QixpQkFBWSxHQUFpQyxJQUFJLFlBQVksRUFBa0IsQ0FBQztLQTBCM0Y7SUF4QkMsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQztJQUN2QyxDQUFDO0lBR0QsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssbUJBQW1CLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztZQUMzRSxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7SUFDckMsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssbUJBQW1CLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxRSxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBaUIsRUFBRSxRQUF3QjtRQUMxRCw2QkFBNkI7UUFDN0IsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLFFBQVEsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25DLENBQUM7OEdBbkNVLHFCQUFxQjtrR0FBckIscUJBQXFCLHFTQ1ZsQyxvc0VBcUNjLDJnSkQzQkQscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXN0b21NZW51SXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9jdXN0b20tbWVudS1pdGVtJztcclxuaW1wb3J0IHsgTWVudUl0ZW1Hcm91cEJhc2UgfSBmcm9tICcuLi8uLi9tb2RlbHMvbWVudS1pdGVtLWdyb3VwLm1vZGVsJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9tZW51LWxheW91dC1kaXJlY3Rpb24ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZW51LWl0ZW0tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUtaXRlbS1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tZW51LWl0ZW0tbGlzdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51SXRlbUxpc3RDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogTWVudUxheW91dERpcmVjdGlvbiA9IE1lbnVMYXlvdXREaXJlY3Rpb24uY29sdW1uO1xyXG4gIEBJbnB1dCgpIGxhYmVsc1Zpc2libGUgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBDdXN0b21NZW51SXRlbSB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBzaG93SWNvbnMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNob3dDaGlsZHJlbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpIGl0ZW1zOiBDdXN0b21NZW51SXRlbVtdID0gW107XHJcbiAgQElucHV0KCkgbWVudUl0ZW1Hcm91cCE6IE1lbnVJdGVtR3JvdXBCYXNlO1xyXG5cclxuICBAT3V0cHV0KCkgdG9nZ2xlRXhwYW5kOiBFdmVudEVtaXR0ZXI8Q3VzdG9tTWVudUl0ZW0+ID0gbmV3IEV2ZW50RW1pdHRlcjxDdXN0b21NZW51SXRlbT4oKTtcclxuXHJcbiAgZ2V0IHRpdGxlS2V5KCkge1xyXG4gICAgcmV0dXJuIHRoaXMubWVudUl0ZW1Hcm91cD8udGl0bGU7XHJcbiAgfVxyXG5cclxuICBnZXQgc2hvd1RpdGxlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMubWVudUl0ZW1Hcm91cD8uc2hvd1RpdGxlO1xyXG4gIH1cclxuXHJcblxyXG4gIGdldCBtZW51TGF5b3V0RGlyZWN0aW9uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gKHRoaXMuZGlyZWN0aW9uID09PSBNZW51TGF5b3V0RGlyZWN0aW9uLmNvbHVtbiB8fCAhdGhpcy5sYWJlbHNWaXNpYmxlKVxyXG4gICAgICA/ICdzdGFydCBjZW50ZXInIDogJ3N0YXJ0IHN0YXJ0JztcclxuICB9XHJcblxyXG4gIGdldCBtZW51SXRlbUxheW91dCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBNZW51TGF5b3V0RGlyZWN0aW9uLmNvbHVtbiA/ICdjb2x1bW4nIDogJ3Jvdyc7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVJdGVtRXhwYW5kKGV2ZW50OiBNb3VzZUV2ZW50LCBtZW51SXRlbTogQ3VzdG9tTWVudUl0ZW0pIHtcclxuICAgIC8vIHNvIG1lbnUgZG9lc250IGdldCBjbG9zZWQuXHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIG1lbnVJdGVtLmV4cGFuZGVkID0gIW1lbnVJdGVtLmV4cGFuZGVkO1xyXG4gICAgdGhpcy50b2dnbGVFeHBhbmQubmV4dChtZW51SXRlbSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJtZW51LWxpc3Qtd3JhcHBlclwiPlxyXG4gIDxkaXYgKm5nSWY9XCJ0aXRsZUtleSAmJiBzaG93VGl0bGUgJiYgbGFiZWxzVmlzaWJsZVwiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIiBjbGFzcz1cIm1lbnUtaXRlbS1saXN0LXRpdGxlXCI+XHJcbiAgICB7eyB0aXRsZUtleSB8IHRyYW5zbGF0ZSB9fVxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBbZnhMYXlvdXRBbGlnbl09XCJtZW51TGF5b3V0RGlyZWN0aW9uXCIgY2xhc3M9XCJtZW51LWl0ZW0tbGlzdFwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgbWVudUl0ZW0gb2YgaXRlbXNcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiIXNob3dDaGlsZHJlbiB8fCAhbWVudUl0ZW0uY2hpbGRyZW4gfHwgbWVudUl0ZW0/LmNoaWxkcmVuPy5sZW5ndGggPT09IDAgPyBtZW51SXRlbUxpbmsgOiBpdGVtV2l0aENoaWxkcmVuOyBjb250ZXh0OiB7bWVudUl0ZW06IG1lbnVJdGVtfVwiPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaXRlbVdpdGhDaGlsZHJlbiBsZXQtbWVudUl0ZW09XCJtZW51SXRlbVwiPlxyXG4gIDxidXR0b24gW2Z4TGF5b3V0XT1cIm1lbnVJdGVtTGF5b3V0XCIgW2NsYXNzLnRleHQtY2VudGVyXT1cIm1lbnVJdGVtTGF5b3V0ID09PSAnY29sdW1uJ1wiIGNsYXNzPVwidGV4dC1tIG1lbnUtaXRlbVwiXHJcbiAgICBbbWF0VG9vbHRpcF09XCIhbGFiZWxzVmlzaWJsZSA/IChtZW51SXRlbS50aXRsZSB8IHRyYW5zbGF0ZSkgOiAnJ1wiIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFmdGVyXCJcclxuICAgIFtmeExheW91dEFsaWduXT1cIm1lbnVMYXlvdXREaXJlY3Rpb25cIiBtYXRUb29sdGlwQ2xhc3M9XCJtZW51LXRvb2x0aXBcIiBmeExheW91dEdhcD1cIjAuMzc1cmVtXCJcclxuICAgIFtjbGFzcy5hY3RpdmUtbWVudS1pdGVtXT1cIm1lbnVJdGVtID09PSBhY3RpdmVJdGVtXCIgKGNsaWNrKT1cInRvZ2dsZUl0ZW1FeHBhbmQoJGV2ZW50LG1lbnVJdGVtKVwiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dJY29ucyAmJiBtZW51SXRlbS5pY29uXCI+XHJcbiAgICAgIDx0bGQtbWVudS1pY29uIFttZW51SXRlbV09XCJtZW51SXRlbVwiPjwvdGxkLW1lbnUtaWNvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJsYWJlbHNWaXNpYmxlXCIgY2xhc3M9XCJtZW51LWl0ZW0tdGl0bGVcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS1jb250ZW50XCI+e3sgbWVudUl0ZW0udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiICpuZ0lmPVwic2hvd0NoaWxkcmVuICYmIG1lbnVJdGVtLmNoaWxkcmVuXCI+XHJcbiAgICAgIHt7bWVudUl0ZW0uZXhwYW5kZWQ/ICdleHBhbmRfbW9yZScgOiAnbmF2aWdhdGVfbmV4dCd9fVxyXG4gICAgPC9zcGFuPlxyXG4gIDwvYnV0dG9uPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93Q2hpbGRyZW4gJiYgbWVudUl0ZW0uZXhwYW5kZWRcIj5cclxuICAgIDxtZW51LWl0ZW0tbGlzdCBjbGFzcz1cImNoaWxkLWxpc3RcIiAqbmdJZj1cIm1lbnVJdGVtLmNoaWxkcmVuICYmIG1lbnVJdGVtLmNoaWxkcmVuLmxlbmd0aFwiIFtpdGVtc109XCJtZW51SXRlbS5jaGlsZHJlblwiXHJcbiAgICAgIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW2xhYmVsc1Zpc2libGVdPVwibGFiZWxzVmlzaWJsZVwiIFthY3RpdmVJdGVtXT1cImFjdGl2ZUl0ZW1cIiBbc2hvd0ljb25zXT1cImZhbHNlXCI+XHJcbiAgICA8L21lbnUtaXRlbS1saXN0PlxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNtZW51SXRlbUxpbmsgbGV0LW1lbnVJdGVtPVwibWVudUl0ZW1cIj5cclxuICA8dGxkLW1lbnUtaXRlbS1saW5rIFttZW51SXRlbV09XCJtZW51SXRlbVwiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW2xhYmVsc1Zpc2libGVdPVwibGFiZWxzVmlzaWJsZVwiXHJcbiAgICBbYWN0aXZlSXRlbV09XCJhY3RpdmVJdGVtXCIgW3Nob3dJY29uc109XCJzaG93SWNvbnNcIj48L3RsZC1tZW51LWl0ZW0tbGluaz5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2022/lib/components/modal-nav-menu/modal-nav-menu.component.mjs

@@ -0,0 +1,39 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { NavBaseComponent } from '../nav-base/nav-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/menu-items.service";
+import * as i2 from "@angular/flex-layout/flex";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../menu-columns/menu-columns.component";
+import * as i6 from "@ngx-translate/core";
+export class ModalNavMenuComponent extends NavBaseComponent {
+    constructor(menuItems) {
+        super(menuItems);
+        this.menuItems = menuItems;
+        this.menuDialogSettings = {
+            showMenuTitle: false,
+            fullScreen: true
+        };
+        this.showChildren = true;
+        // any type because emitter doesn't really need a value
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.closeButtonClick = new EventEmitter();
+    }
+    close() {
+        this.closeButtonClick.emit(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ModalNavMenuComponent, deps: [{ token: i1.MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: ModalNavMenuComponent, selector: "lib-modal-nav-menu", inputs: { menuDialogSettings: "menuDialogSettings", showChildren: "showChildren" }, outputs: { closeButtonClick: "closeButtonClick" }, usesInheritance: true, ngImport: i0, template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n  <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n    <div fxLayout=\"row\" class=\"menu-header\">\r\n      <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" alt=\"\">\r\n      <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n        \"MENU.MENU\" | translate\r\n        }}</span>\r\n      <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex\r\n        fxLayoutAlign=\"end center\">\r\n        <mat-icon>close</mat-icon>\r\n      </span>\r\n    </div>\r\n    <ng-content select=\"[top]\"></ng-content>\r\n    <menu-columns [showChildren]=\"showChildren\" [direction]=\"direction\" [active]=\"active\">\r\n    </menu-columns>\r\n    <ng-content select=\"[bottom]\"></ng-content>\r\n  </div>\r\n</div>", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin-bottom:1em;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"], dependencies: [{ kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MenuColumnsComponent, selector: "menu-columns", inputs: ["direction", "labelsVisible", "showChildren", "active"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ModalNavMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-modal-nav-menu', template: "<div class=\"content menu-modal\" fxLayout=\"row\" fxFlexFill>\r\n  <div fxLayout=\"column\" [class.full-screen]=\"menuDialogSettings.fullScreen\">\r\n    <div fxLayout=\"row\" class=\"menu-header\">\r\n      <img [src]=\"menuDialogSettings.logo\" *ngIf=\"menuDialogSettings.logo\" alt=\"\">\r\n      <span *ngIf=\"menuDialogSettings.showMenuTitle\" fxLayoutAlign=\"start center\" fxFlex>{{\r\n        \"MENU.MENU\" | translate\r\n        }}</span>\r\n      <span *ngIf=\"menuDialogSettings.showCloseMenuButton\" (click)=\"close()\" class=\"close-icon\" fxFlex\r\n        fxLayoutAlign=\"end center\">\r\n        <mat-icon>close</mat-icon>\r\n      </span>\r\n    </div>\r\n    <ng-content select=\"[top]\"></ng-content>\r\n    <menu-columns [showChildren]=\"showChildren\" [direction]=\"direction\" [active]=\"active\">\r\n    </menu-columns>\r\n    <ng-content select=\"[bottom]\"></ng-content>\r\n  </div>\r\n</div>", styles: [".menu-modal{background-color:var(--base-100);padding:1.375rem 1.5rem}.close-icon{cursor:pointer}.menu-header{font-style:normal;font-weight:500;font-size:1.3125rem;line-height:1.75rem;text-align:center;margin-bottom:1em;color:var(--menu-dark-color)}.close-icon>mat-icon{transform:scale(1.5)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MenuItemsService }]; }, propDecorators: { menuDialogSettings: [{
+                type: Input
+            }], showChildren: [{
+                type: Input
+            }], closeButtonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbmF2LW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL21vZGFsLW5hdi1tZW51L21vZGFsLW5hdi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9tb2RhbC1uYXYtbWVudS9tb2RhbC1uYXYtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7QUFRbEUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGdCQUFnQjtJQVd6RCxZQUFxQixTQUEyQjtRQUM5QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERSxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQVZ2Qyx1QkFBa0IsR0FBdUI7WUFDaEQsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQTtRQUVRLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQzdCLHVEQUF1RDtRQUN2RCw4REFBOEQ7UUFDcEQscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUlyRCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0FqQlUscUJBQXFCO2tHQUFyQixxQkFBcUIsd05DVmxDLHc1QkFpQk07OzJGRFBPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxvQkFBb0I7dUdBS3JCLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUdJLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNZW51RGlhbG9nU2V0dGluZ3MgfSBmcm9tICcuLi9tZW51LWl0ZW0taWNvbi9tb2RlbHMvbWVudS1kaWFsb2ctc2V0dGluZ3MubW9kZWwnO1xyXG5pbXBvcnQgeyBOYXZCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vbmF2LWJhc2UvbmF2LWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVudUl0ZW1zU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21lbnUtaXRlbXMuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1tb2RhbC1uYXYtbWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLW5hdi1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1uYXYtbWVudS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbE5hdk1lbnVDb21wb25lbnQgZXh0ZW5kcyBOYXZCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpIG1lbnVEaWFsb2dTZXR0aW5nczogTWVudURpYWxvZ1NldHRpbmdzID0ge1xyXG4gICAgc2hvd01lbnVUaXRsZTogZmFsc2UsXHJcbiAgICBmdWxsU2NyZWVuOiB0cnVlXHJcbiAgfVxyXG5cclxuICBASW5wdXQoKSBzaG93Q2hpbGRyZW4gPSB0cnVlO1xyXG4gIC8vIGFueSB0eXBlIGJlY2F1c2UgZW1pdHRlciBkb2Vzbid0IHJlYWxseSBuZWVkIGEgdmFsdWVcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIEBPdXRwdXQoKSBjbG9zZUJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IG1lbnVJdGVtczogTWVudUl0ZW1zU2VydmljZSkge1xyXG4gICAgc3VwZXIobWVudUl0ZW1zKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZUJ1dHRvbkNsaWNrLmVtaXQobnVsbCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250ZW50IG1lbnUtbW9kYWxcIiBmeExheW91dD1cInJvd1wiIGZ4RmxleEZpbGw+XHJcbiAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIFtjbGFzcy5mdWxsLXNjcmVlbl09XCJtZW51RGlhbG9nU2V0dGluZ3MuZnVsbFNjcmVlblwiPlxyXG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGNsYXNzPVwibWVudS1oZWFkZXJcIj5cclxuICAgICAgPGltZyBbc3JjXT1cIm1lbnVEaWFsb2dTZXR0aW5ncy5sb2dvXCIgKm5nSWY9XCJtZW51RGlhbG9nU2V0dGluZ3MubG9nb1wiIGFsdD1cIlwiPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cIm1lbnVEaWFsb2dTZXR0aW5ncy5zaG93TWVudVRpdGxlXCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4RmxleD57e1xyXG4gICAgICAgIFwiTUVOVS5NRU5VXCIgfCB0cmFuc2xhdGVcclxuICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgPHNwYW4gKm5nSWY9XCJtZW51RGlhbG9nU2V0dGluZ3Muc2hvd0Nsb3NlTWVudUJ1dHRvblwiIChjbGljayk9XCJjbG9zZSgpXCIgY2xhc3M9XCJjbG9zZS1pY29uXCIgZnhGbGV4XHJcbiAgICAgICAgZnhMYXlvdXRBbGlnbj1cImVuZCBjZW50ZXJcIj5cclxuICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0b3BdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG1lbnUtY29sdW1ucyBbc2hvd0NoaWxkcmVuXT1cInNob3dDaGlsZHJlblwiIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCIgW2FjdGl2ZV09XCJhY3RpdmVcIj5cclxuICAgIDwvbWVudS1jb2x1bW5zPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JvdHRvbV1cIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/components/nav-base/nav-base.component.mjs

@@ -0,0 +1,32 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/menu-items.service";
+/** This component is created to help nest some common input params through nav components. */
+export class NavBaseComponent {
+    constructor(menuItemsService) {
+        this.menuItemsService = menuItemsService;
+    }
+    ngOnInit() {
+        this.initBase();
+    }
+    initBase() {
+        this.activeItemSubscription = this.menuItemsService.activeElements.subscribe((active) => {
+            this.active = active;
+        });
+    }
+    ngOnDestroy() {
+        this.destroyBase();
+    }
+    destroyBase() {
+        this.activeItemSubscription?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NavBaseComponent, deps: [{ token: i1.MenuItemsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: NavBaseComponent, selector: "nav-base", inputs: { direction: "direction" }, ngImport: i0, template: "<p>nav-base works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: NavBaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav-base', template: "<p>nav-base works!</p>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MenuItemsService }]; }, propDecorators: { direction: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWJhc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1lbnUvc3JjL2xpYi9jb21wb25lbnRzL25hdi1iYXNlL25hdi1iYXNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tZW51L3NyYy9saWIvY29tcG9uZW50cy9uYXYtYmFzZS9uYXYtYmFzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7OztBQVdwRSw4RkFBOEY7QUFDOUYsTUFBTSxPQUFPLGdCQUFnQjtJQUszQixZQUFxQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtJQUN2RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQ3RGLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDN0MsQ0FBQzs4R0F4QlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0ZDWjdCLDRCQUNBOzsyRkRXYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVTt1R0FNWCxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWVudUxheW91dERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9tZW51LWxheW91dC1kaXJlY3Rpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBNZW51SXRlbXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWVudS1pdGVtcy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQWN0aXZlTWVudUl0ZW1zIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25hdi1iYXNlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LWJhc2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25hdi1iYXNlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuLyoqIFRoaXMgY29tcG9uZW50IGlzIGNyZWF0ZWQgdG8gaGVscCBuZXN0IHNvbWUgY29tbW9uIGlucHV0IHBhcmFtcyB0aHJvdWdoIG5hdiBjb21wb25lbnRzLiAqL1xyXG5leHBvcnQgY2xhc3MgTmF2QmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBkaXJlY3Rpb24hOiBNZW51TGF5b3V0RGlyZWN0aW9uO1xyXG4gIGFjdGl2ZSE6IEFjdGl2ZU1lbnVJdGVtcztcclxuICBwcm90ZWN0ZWQgYWN0aXZlSXRlbVN1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgY29uc3RydWN0b3IocmVhZG9ubHkgbWVudUl0ZW1zU2VydmljZTogTWVudUl0ZW1zU2VydmljZSkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXRCYXNlKCk7XHJcbiAgfVxyXG5cclxuICBpbml0QmFzZSgpIHtcclxuICAgIHRoaXMuYWN0aXZlSXRlbVN1YnNjcmlwdGlvbiA9IHRoaXMubWVudUl0ZW1zU2VydmljZS5hY3RpdmVFbGVtZW50cy5zdWJzY3JpYmUoKGFjdGl2ZSkgPT4ge1xyXG4gICAgICB0aGlzLmFjdGl2ZSA9IGFjdGl2ZTtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMuZGVzdHJveUJhc2UoKTtcclxuICB9XHJcblxyXG4gIGRlc3Ryb3lCYXNlKCkge1xyXG4gICAgdGhpcy5hY3RpdmVJdGVtU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8cD5uYXYtYmFzZSB3b3JrcyE8L3A+XHJcbiJdfQ==