@ethlete/cdk 4.23.5 → 4.24.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ethlete/cdk
 
+## 4.24.0
+
+### Minor Changes
+
+- [`585d406`](https://github.com/ethlete-io/ethdk/commit/585d406c992c9afd537eeaace3e28ddeb518cdf6) Thanks [@TomTomB](https://github.com/TomTomB)! - Add a scrollable loading template directive (`ng-template[etScrollableLoadingTemplate]`) that can be used to show loading uis inside an already rendered scrollable component. Visibility is controlled via the `showLoadingTemplate` input. Positioning can be controlled via the `loadingTemplatePosition` input.
+
+- [`585d406`](https://github.com/ethlete-io/ethdk/commit/585d406c992c9afd537eeaace3e28ddeb518cdf6) Thanks [@TomTomB](https://github.com/TomTomB)! - Add scrollable placeholder component for displaying initial loading states or using it inside deferred views. The component that should be rendered inside the placeholder can be configured using the scrollable placeholder item template directive (`ng-template[etScrollablePlaceholderItemTemplate]`). Additionally you can also supply a scrollable placeholder overlay template directive (`ng-template[etScrollablePlaceholderOverlayTemplate]`) that will be positioned on top of the placeholder.
+
+## 4.23.6
+
+### Patch Changes
+
+- [`8a08672`](https://github.com/ethlete-io/ethdk/commit/8a086726225de55877358780bfbc5a624d8f56d5) Thanks [@TomTomB](https://github.com/TomTomB)! - Make sure the carousel progressing does not trigger change detection every 100ms
+
 ## 4.23.5
 
 ### Patch Changes

package/esm2022/lib/components/carousel/controls/carousel-item-nav.component.mjs

@@ -1,13 +1,19 @@
-import { ChangeDetectionStrategy, Component, ViewEncapsulation, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, inject, viewChildren, } from '@angular/core';
+import { signalStyles } from '@ethlete/core';
 import { CAROUSEL_ITEM_NAV_TOKEN, CarouselItemNavDirective } from './carousel-item-nav.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./carousel-item-nav.directive";
 export class CarouselItemNavComponent {
     constructor() {
         this.nav = inject(CAROUSEL_ITEM_NAV_TOKEN);
+        this.progressBars = viewChildren('progress');
+        this.activeProgressBar = computed(() => this.progressBars()[this.nav.carousel.activeIndex()]);
+        this.progressBarStyleBindings = signalStyles(this.activeProgressBar, {
+            '--_et-carousel-item-nav-button-progress': this.nav.autoPlayProgress,
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: CarouselItemNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: CarouselItemNavComponent, isStandalone: true, selector: "et-carousel-item-nav", host: { classAttribute: "et-carousel-item-nav-host" }, hostDirectives: [{ directive: i1.CarouselItemNavDirective }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: CarouselItemNavComponent, isStandalone: true, selector: "et-carousel-item-nav", host: { classAttribute: "et-carousel-item-nav-host" }, viewQueries: [{ propertyName: "progressBars", predicate: ["progress"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.CarouselItemNavDirective }], ngImport: i0, template: `
     <ul class="et-carousel-item-nav">
       @for (item of nav.carousel.items(); track $index) {
         <li class="et-carousel-item-nav-item">
@@ -18,10 +24,7 @@ export class CarouselItemNavComponent {
             class="et-carousel-item-nav-button"
             type="button"
           >
-            <div
-              [style.--_et-carousel-item-nav-button-progress]="item.isActive() ? nav.autoPlayProgress() : 0"
-              class="et-carousel-item-nav-button-progress"
-            ></div>
+            <div #progress class="et-carousel-item-nav-button-progress"></div>
           </button>
         </li>
       }
@@ -43,10 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
             class="et-carousel-item-nav-button"
             type="button"
           >
-            <div
-              [style.--_et-carousel-item-nav-button-progress]="item.isActive() ? nav.autoPlayProgress() : 0"
-              class="et-carousel-item-nav-button-progress"
-            ></div>
+            <div #progress class="et-carousel-item-nav-button-progress"></div>
           </button>
         </li>
       }
@@ -58,8 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
                     host: {
                         class: 'et-carousel-item-nav-host',
                     },
-                    imports: [],
                     hostDirectives: [{ directive: CarouselItemNavDirective }],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Nhcm91c2VsL2NvbnRyb2xzL2Nhcm91c2VsLWl0ZW0tbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBaUNsRyxNQUFNLE9BQU8sd0JBQXdCO0lBL0JyQztRQWdDRSxRQUFHLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7S0FDdkM7OEdBRlksd0JBQXdCO2tHQUF4Qix3QkFBd0IscU1BN0J6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVDs7MkZBVVUsd0JBQXdCO2tCQS9CcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSwyQkFBMkI7cUJBQ25DO29CQUNELE9BQU8sRUFBRSxFQUFFO29CQUNYLGNBQWMsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLENBQUM7aUJBQzFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ0FST1VTRUxfSVRFTV9OQVZfVE9LRU4sIENhcm91c2VsSXRlbU5hdkRpcmVjdGl2ZSB9IGZyb20gJy4vY2Fyb3VzZWwtaXRlbS1uYXYuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXQtY2Fyb3VzZWwtaXRlbS1uYXYnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx1bCBjbGFzcz1cImV0LWNhcm91c2VsLWl0ZW0tbmF2XCI+XG4gICAgICBAZm9yIChpdGVtIG9mIG5hdi5jYXJvdXNlbC5pdGVtcygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgPGxpIGNsYXNzPVwiZXQtY2Fyb3VzZWwtaXRlbS1uYXYtaXRlbVwiPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIFtjbGFzcy5ldC1jYXJvdXNlbC1pdGVtLW5hdi1idXR0b24tLXByb2dyZXNzaW5nXT1cIml0ZW0uaXNBY3RpdmUoKSAmJiBuYXYuYXV0b1BsYXlFbmFibGVkKClcIlxuICAgICAgICAgICAgW2NsYXNzLmV0LWNhcm91c2VsLWl0ZW0tbmF2LWJ1dHRvbi0tYWN0aXZlLXN0YXRpY109XCJpdGVtLmlzQWN0aXZlKCkgJiYgIW5hdi5hdXRvUGxheUVuYWJsZWQoKVwiXG4gICAgICAgICAgICAoY2xpY2spPVwibmF2LmdvVG8oJGluZGV4KVwiXG4gICAgICAgICAgICBjbGFzcz1cImV0LWNhcm91c2VsLWl0ZW0tbmF2LWJ1dHRvblwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIFtzdHlsZS4tLV9ldC1jYXJvdXNlbC1pdGVtLW5hdi1idXR0b24tcHJvZ3Jlc3NdPVwiaXRlbS5pc0FjdGl2ZSgpID8gbmF2LmF1dG9QbGF5UHJvZ3Jlc3MoKSA6IDBcIlxuICAgICAgICAgICAgICBjbGFzcz1cImV0LWNhcm91c2VsLWl0ZW0tbmF2LWJ1dHRvbi1wcm9ncmVzc1wiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LWNhcm91c2VsLWl0ZW0tbmF2LWhvc3QnLFxuICB9LFxuICBpbXBvcnRzOiBbXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFt7IGRpcmVjdGl2ZTogQ2Fyb3VzZWxJdGVtTmF2RGlyZWN0aXZlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJvdXNlbEl0ZW1OYXZDb21wb25lbnQge1xuICBuYXYgPSBpbmplY3QoQ0FST1VTRUxfSVRFTV9OQVZfVE9LRU4pO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Nhcm91c2VsL2NvbnRyb2xzL2Nhcm91c2VsLWl0ZW0tbmF2LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBNkJsRyxNQUFNLE9BQU8sd0JBQXdCO0lBM0JyQztRQTRCRSxRQUFHLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFFdEMsaUJBQVksR0FBRyxZQUFZLENBQTRCLFVBQVUsQ0FBQyxDQUFDO1FBQ25FLHNCQUFpQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRXpGLDZCQUF3QixHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUU7WUFDOUQseUNBQXlDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0I7U0FDckUsQ0FBQyxDQUFDO0tBQ0o7OEdBVFksd0JBQXdCO2tHQUF4Qix3QkFBd0Isa1RBekJ6Qjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVDs7MkZBU1Usd0JBQXdCO2tCQTNCcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSwyQkFBMkI7cUJBQ25DO29CQUNELGNBQWMsRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLENBQUM7aUJBQzFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGNvbXB1dGVkLFxuICBpbmplY3QsXG4gIHZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzaWduYWxTdHlsZXMgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IENBUk9VU0VMX0lURU1fTkFWX1RPS0VOLCBDYXJvdXNlbEl0ZW1OYXZEaXJlY3RpdmUgfSBmcm9tICcuL2Nhcm91c2VsLWl0ZW0tbmF2LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LWNhcm91c2VsLWl0ZW0tbmF2JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8dWwgY2xhc3M9XCJldC1jYXJvdXNlbC1pdGVtLW5hdlwiPlxuICAgICAgQGZvciAoaXRlbSBvZiBuYXYuY2Fyb3VzZWwuaXRlbXMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxsaSBjbGFzcz1cImV0LWNhcm91c2VsLWl0ZW0tbmF2LWl0ZW1cIj5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBbY2xhc3MuZXQtY2Fyb3VzZWwtaXRlbS1uYXYtYnV0dG9uLS1wcm9ncmVzc2luZ109XCJpdGVtLmlzQWN0aXZlKCkgJiYgbmF2LmF1dG9QbGF5RW5hYmxlZCgpXCJcbiAgICAgICAgICAgIFtjbGFzcy5ldC1jYXJvdXNlbC1pdGVtLW5hdi1idXR0b24tLWFjdGl2ZS1zdGF0aWNdPVwiaXRlbS5pc0FjdGl2ZSgpICYmICFuYXYuYXV0b1BsYXlFbmFibGVkKClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm5hdi5nb1RvKCRpbmRleClcIlxuICAgICAgICAgICAgY2xhc3M9XCJldC1jYXJvdXNlbC1pdGVtLW5hdi1idXR0b25cIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiAjcHJvZ3Jlc3MgY2xhc3M9XCJldC1jYXJvdXNlbC1pdGVtLW5hdi1idXR0b24tcHJvZ3Jlc3NcIj48L2Rpdj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9saT5cbiAgICAgIH1cbiAgICA8L3VsPlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZXQtY2Fyb3VzZWwtaXRlbS1uYXYtaG9zdCcsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbeyBkaXJlY3RpdmU6IENhcm91c2VsSXRlbU5hdkRpcmVjdGl2ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWxJdGVtTmF2Q29tcG9uZW50IHtcbiAgbmF2ID0gaW5qZWN0KENBUk9VU0VMX0lURU1fTkFWX1RPS0VOKTtcblxuICBwcm9ncmVzc0JhcnMgPSB2aWV3Q2hpbGRyZW48RWxlbWVudFJlZjxIVE1MRWxlbWVudD5bXT4oJ3Byb2dyZXNzJyk7XG4gIGFjdGl2ZVByb2dyZXNzQmFyID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wcm9ncmVzc0JhcnMoKVt0aGlzLm5hdi5jYXJvdXNlbC5hY3RpdmVJbmRleCgpXSk7XG5cbiAgcHJvZ3Jlc3NCYXJTdHlsZUJpbmRpbmdzID0gc2lnbmFsU3R5bGVzKHRoaXMuYWN0aXZlUHJvZ3Jlc3NCYXIsIHtcbiAgICAnLS1fZXQtY2Fyb3VzZWwtaXRlbS1uYXYtYnV0dG9uLXByb2dyZXNzJzogdGhpcy5uYXYuYXV0b1BsYXlQcm9ncmVzcyxcbiAgfSk7XG59XG4iXX0=

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

@@ -132,7 +132,7 @@ export class MenuComponent {
                 provide: MENU,
                 useExisting: MenuComponent,
             },
-        ], queries: [{ propertyName: "__menuItemList", predicate: MENU_ITEM_TOKEN, descendants: true }], ngImport: i0, template: "<et-scrollable\n  [direction]=\"orientation()\"\n  [renderButtons]=\"renderScrollableButtons()\"\n  [renderMasks]=\"renderScrollableMasks()\"\n  [cursorDragScroll]=\"orientation() === 'horizontal'\"\n  [scrollableClass]=\"scrollableClass()\"\n  renderScrollbars\n>\n  <ng-content />\n</et-scrollable>\n", styles: [".et-menu{--et-menu-max-inline-size: 300px;--et-menu-max-block-size: 200px;--et-menu-background-color: #b3b3b3;--et-menu-border-radius: 10px}.et-scrollable-container{max-inline-size:var(--et-menu-max-inline-size);max-block-size:min(var(--et-menu-max-block-size),var(--et-floating-max-height, var(--et-menu-max-block-size)));background-color:var(--et-menu-background-color);border-radius:var(--et-menu-border-radius);box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "__menuItemList", predicate: MENU_ITEM_TOKEN, descendants: true }], ngImport: i0, template: "<et-scrollable\n  [direction]=\"orientation()\"\n  [renderButtons]=\"renderScrollableButtons()\"\n  [renderMasks]=\"renderScrollableMasks()\"\n  [cursorDragScroll]=\"orientation() === 'horizontal'\"\n  [scrollableClass]=\"scrollableClass()\"\n  renderScrollbars\n>\n  <ng-content />\n</et-scrollable>\n", styles: [".et-menu{--et-menu-max-inline-size: 300px;--et-menu-max-block-size: 200px;--et-menu-background-color: #b3b3b3;--et-menu-border-radius: 10px}.et-scrollable-container{max-inline-size:var(--et-menu-max-inline-size);max-block-size:min(var(--et-menu-max-block-size),var(--et-floating-max-height, var(--et-menu-max-block-size)));background-color:var(--et-menu-background-color);border-radius:var(--et-menu-border-radius);box-sizing:border-box}\n"], dependencies: [{ kind: "component", type: ScrollableComponent, selector: "et-scrollable", inputs: ["itemSize", "direction", "scrollableRole", "scrollableClass", "renderNavigation", "renderMasks", "renderButtons", "buttonPosition", "renderScrollbars", "stickyButtons", "cursorDragScroll", "disableActiveElementScrolling", "scrollMode", "snap", "scrollMargin", "scrollOrigin", "darkenNonIntersectingItems", "showLoadingTemplate", "loadingTemplatePosition"], outputs: ["intersectionChange", "scrollStateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,