mis-crystal-design-system 18.0.25 → 18.1.0-signal-test

package/esm2022/drawer/drawer-body/drawer-body.component.mjs

@@ -1,7 +1,7 @@
 /** @format */
 import { trigger, transition, style, animate } from "@angular/animations";
 import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
-import { Component, ViewChild, ViewContainerRef } from "@angular/core";
+import { Component, ViewChild, ViewContainerRef, ChangeDetectionStrategy, signal } from "@angular/core";
 import { DrawerRef } from "../drawer-ref";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/portal";
@@ -10,12 +10,13 @@ function DrawerBodyComponent_ng_template_2_Template(rf, ctx) { }
 export class DrawerBodyComponent {
     constructor(cfr) {
         this.cfr = cfr;
+        this.drawerPortal = signal(null);
     }
     bindComponent(type, injector) {
         this.initComponent(type, injector);
     }
     initComponent(type, injector) {
-        this.drawerPortal = new ComponentPortal(type, this.place, injector);
+        this.drawerPortal.set(new ComponentPortal(type, this.place, injector));
     }
     createInjector(ref, inj) {
         const injectorTokens = new WeakMap([[DrawerRef, ref]]);
@@ -35,25 +36,25 @@ export class DrawerBodyComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("@slideInOut", undefined);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("cdkPortalOutlet", ctx.drawerPortal);
+            i0.ɵɵproperty("cdkPortalOutlet", ctx.drawerPortal());
         } }, dependencies: [i1.CdkPortalOutlet], styles: [".mis-drawer-body[_ngcontent-%COMP%]{display:block;width:100%;height:100%}"], data: { animation: [
                 trigger("slideInOut", [
                     transition(":enter", [style({ transform: "translateX(100%)" }), animate("200ms ease-out", style({ transform: "translateX(0%)" }))]),
                     transition(":leave", [animate("200ms ease-out", style({ transform: "translateX(100%)" }))])
                 ])
-            ] } }); }
+            ] }, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerBodyComponent, [{
         type: Component,
-        args: [{ selector: "mis-drawer-body", animations: [
+        args: [{ selector: "mis-drawer-body", changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                     trigger("slideInOut", [
                         transition(":enter", [style({ transform: "translateX(100%)" }), animate("200ms ease-out", style({ transform: "translateX(0%)" }))]),
                         transition(":leave", [animate("200ms ease-out", style({ transform: "translateX(100%)" }))])
                     ])
-                ], template: "<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal\"></ng-template>\n</div>\n", styles: [".mis-drawer-body{display:block;width:100%;height:100%}\n"] }]
+                ], template: "<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal()\"></ng-template>\n</div>\n", styles: [".mis-drawer-body{display:block;width:100%;height:100%}\n"] }]
     }], () => [{ type: i0.ComponentFactoryResolver }], { place: [{
             type: ViewChild,
             args: ["place", { static: false, read: ViewContainerRef }]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerBodyComponent, { className: "DrawerBodyComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvZHJhd2VyL2RyYXdlci1ib2R5L2RyYXdlci1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2RyYXdlci9kcmF3ZXItYm9keS9kcmF3ZXItYm9keS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjO0FBRWQsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFNBQVMsRUFBOEMsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBYTFDLE1BQU0sT0FBTyxtQkFBbUI7SUFFOUIsWUFBb0IsR0FBNkI7UUFBN0IsUUFBRyxHQUFILEdBQUcsQ0FBMEI7SUFBRyxDQUFDO0lBSXJELGFBQWEsQ0FBQyxJQUFTLEVBQUUsUUFBd0I7UUFDL0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVPLGFBQWEsQ0FBQyxJQUFTLEVBQUUsUUFBd0I7UUFDdkQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRU8sY0FBYyxDQUFDLEdBQWMsRUFBRSxHQUFhO1FBQ2xELE1BQU0sY0FBYyxHQUFHLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3ZELE9BQU8sSUFBSSxjQUFjLENBQUMsR0FBRyxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBQy9DLHVGQUF1RjtJQUN6RixDQUFDO29IQWxCVSxtQkFBbUI7b0VBQW5CLG1CQUFtQjttQ0FJYSxnQkFBZ0I7Ozs7O1lDcEI3RCxpQ0FBZ0Q7WUFDOUMsb0ZBQThDO1lBQ2hELGlCQUFNOztZQUY4Qix1Q0FBVztZQUNoQyxlQUFnQztZQUFoQyxrREFBZ0M7MkpEUWpDO2dCQUNWLE9BQU8sQ0FBQyxZQUFZLEVBQUU7b0JBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFDbkksVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDNUYsQ0FBQzthQUNIOztpRkFFVSxtQkFBbUI7Y0FYL0IsU0FBUzsyQkFDRSxpQkFBaUIsY0FHZjtvQkFDVixPQUFPLENBQUMsWUFBWSxFQUFFO3dCQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7d0JBQ25JLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7cUJBQzVGLENBQUM7aUJBQ0g7eURBTThELEtBQUs7a0JBQW5FLFNBQVM7bUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUU7O2tGQUpsRCxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGZvcm1hdCAqL1xuXG5pbXBvcnQgeyB0cmlnZ2VyLCB0cmFuc2l0aW9uLCBzdHlsZSwgYW5pbWF0ZSB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwsIFBvcnRhbEluamVjdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7IENvbXBvbmVudCwgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLCBJbmplY3RvciwgT25Jbml0LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRHJhd2VyUmVmIH0gZnJvbSBcIi4uL2RyYXdlci1yZWZcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1pcy1kcmF3ZXItYm9keVwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2RyYXdlci1ib2R5LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9kcmF3ZXItYm9keS5jb21wb25lbnQuc2Nzc1wiXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoXCJzbGlkZUluT3V0XCIsIFtcbiAgICAgIHRyYW5zaXRpb24oXCI6ZW50ZXJcIiwgW3N0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMTAwJSlcIiB9KSwgYW5pbWF0ZShcIjIwMG1zIGVhc2Utb3V0XCIsIHN0eWxlKHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMCUpXCIgfSkpXSksXG4gICAgICB0cmFuc2l0aW9uKFwiOmxlYXZlXCIsIFthbmltYXRlKFwiMjAwbXMgZWFzZS1vdXRcIiwgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pKV0pXG4gICAgXSlcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJCb2R5Q29tcG9uZW50IHtcbiAgZHJhd2VyUG9ydGFsOiBDb21wb25lbnRQb3J0YWw8YW55PjtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZnI6IENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcikge31cblxuICBAVmlld0NoaWxkKFwicGxhY2VcIiwgeyBzdGF0aWM6IGZhbHNlLCByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pIHBsYWNlOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIGJpbmRDb21wb25lbnQodHlwZTogYW55LCBpbmplY3RvcjogUG9ydGFsSW5qZWN0b3IpIHtcbiAgICB0aGlzLmluaXRDb21wb25lbnQodHlwZSwgaW5qZWN0b3IpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0Q29tcG9uZW50KHR5cGU6IGFueSwgaW5qZWN0b3I6IFBvcnRhbEluamVjdG9yKSB7XG4gICAgdGhpcy5kcmF3ZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKHR5cGUsIHRoaXMucGxhY2UsIGluamVjdG9yKTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlSW5qZWN0b3IocmVmOiBEcmF3ZXJSZWYsIGluajogSW5qZWN0b3IpOiBQb3J0YWxJbmplY3RvciB7XG4gICAgY29uc3QgaW5qZWN0b3JUb2tlbnMgPSBuZXcgV2Vha01hcChbW0RyYXdlclJlZiwgcmVmXV0pO1xuICAgIHJldHVybiBuZXcgUG9ydGFsSW5qZWN0b3IoaW5qLCBpbmplY3RvclRva2Vucyk7XG4gICAgLy8gcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7IHByb3ZpZGVyczogW3sgcHJvdmlkZTogaW5qLCB1c2VWYWx1ZTogaW5qZWN0b3JUb2tlbnMgfV0gfSk7XG4gIH1cbn1cbiIsIjwhLS0gQGZvcm1hdCAtLT5cblxuPGRpdiBjbGFzcz1cIm1pcy1kcmF3ZXItYm9keVwiICNwbGFjZSBAc2xpZGVJbk91dD5cbiAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwiZHJhd2VyUG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvZHJhd2VyL2RyYXdlci1ib2R5L2RyYXdlci1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2RyYXdlci9kcmF3ZXItYm9keS9kcmF3ZXItYm9keS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjO0FBRWQsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFNBQVMsRUFBOEMsU0FBUyxFQUFFLGdCQUFnQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFDNUssT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFjMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUFvQixHQUE2QjtRQUE3QixRQUFHLEdBQUgsR0FBRyxDQUEwQjtRQUZqRCxpQkFBWSxHQUFnRCxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFckIsQ0FBQztJQUlyRCxhQUFhLENBQUMsSUFBUyxFQUFFLFFBQXdCO1FBQy9DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFTyxhQUFhLENBQUMsSUFBUyxFQUFFLFFBQXdCO1FBQ3ZELElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksZUFBZSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDekUsQ0FBQztJQUVPLGNBQWMsQ0FBQyxHQUFjLEVBQUUsR0FBYTtRQUNsRCxNQUFNLGNBQWMsR0FBRyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN2RCxPQUFPLElBQUksY0FBYyxDQUFDLEdBQUcsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUMvQyx1RkFBdUY7SUFDekYsQ0FBQztvSEFuQlUsbUJBQW1CO29FQUFuQixtQkFBbUI7bUNBS2EsZ0JBQWdCOzs7OztZQ3RCN0QsaUNBQWdEO1lBQzlDLG9GQUFnRDtZQUNsRCxpQkFBTTs7WUFGOEIsdUNBQVc7WUFDaEMsZUFBa0M7WUFBbEMsb0RBQWtDOzJKRFNuQztnQkFDVixPQUFPLENBQUMsWUFBWSxFQUFFO29CQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQ25JLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQzVGLENBQUM7YUFDSDs7aUZBRVUsbUJBQW1CO2NBWi9CLFNBQVM7MkJBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7b0JBQ1YsT0FBTyxDQUFDLFlBQVksRUFBRTt3QkFDcEIsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO3dCQUNuSSxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO3FCQUM1RixDQUFDO2lCQUNIO3lEQU84RCxLQUFLO2tCQUFuRSxTQUFTO21CQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFOztrRkFMbEQsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBmb3JtYXQgKi9cblxuaW1wb3J0IHsgdHJpZ2dlciwgdHJhbnNpdGlvbiwgc3R5bGUsIGFuaW1hdGUgfSBmcm9tIFwiQGFuZ3VsYXIvYW5pbWF0aW9uc1wiO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsLCBQb3J0YWxJbmplY3RvciB9IGZyb20gXCJAYW5ndWxhci9jZGsvcG9ydGFsXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgSW5qZWN0b3IsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgc2lnbmFsLCBTaWduYWwsIFdyaXRhYmxlU2lnbmFsIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IERyYXdlclJlZiB9IGZyb20gXCIuLi9kcmF3ZXItcmVmXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtZHJhd2VyLWJvZHlcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9kcmF3ZXItYm9keS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZHJhd2VyLWJvZHkuY29tcG9uZW50LnNjc3NcIl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcihcInNsaWRlSW5PdXRcIiwgW1xuICAgICAgdHJhbnNpdGlvbihcIjplbnRlclwiLCBbc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0pLCBhbmltYXRlKFwiMjAwbXMgZWFzZS1vdXRcIiwgc3R5bGUoeyB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgwJSlcIiB9KSldKSxcbiAgICAgIHRyYW5zaXRpb24oXCI6bGVhdmVcIiwgW2FuaW1hdGUoXCIyMDBtcyBlYXNlLW91dFwiLCBzdHlsZSh7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIgfSkpXSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckJvZHlDb21wb25lbnQge1xuICBkcmF3ZXJQb3J0YWw6IFdyaXRhYmxlU2lnbmFsPENvbXBvbmVudFBvcnRhbDxhbnk+IHwgbnVsbD4gPSBzaWduYWwobnVsbCk7XG4gIFxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNmcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyKSB7fVxuXG4gIEBWaWV3Q2hpbGQoXCJwbGFjZVwiLCB7IHN0YXRpYzogZmFsc2UsIHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSkgcGxhY2U6IFZpZXdDb250YWluZXJSZWY7XG5cbiAgYmluZENvbXBvbmVudCh0eXBlOiBhbnksIGluamVjdG9yOiBQb3J0YWxJbmplY3Rvcikge1xuICAgIHRoaXMuaW5pdENvbXBvbmVudCh0eXBlLCBpbmplY3Rvcik7XG4gIH1cblxuICBwcml2YXRlIGluaXRDb21wb25lbnQodHlwZTogYW55LCBpbmplY3RvcjogUG9ydGFsSW5qZWN0b3IpIHtcbiAgICB0aGlzLmRyYXdlclBvcnRhbC5zZXQobmV3IENvbXBvbmVudFBvcnRhbCh0eXBlLCB0aGlzLnBsYWNlLCBpbmplY3RvcikpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJbmplY3RvcihyZWY6IERyYXdlclJlZiwgaW5qOiBJbmplY3Rvcik6IFBvcnRhbEluamVjdG9yIHtcbiAgICBjb25zdCBpbmplY3RvclRva2VucyA9IG5ldyBXZWFrTWFwKFtbRHJhd2VyUmVmLCByZWZdXSk7XG4gICAgcmV0dXJuIG5ldyBQb3J0YWxJbmplY3RvcihpbmosIGluamVjdG9yVG9rZW5zKTtcbiAgICAvLyByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHsgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBpbmosIHVzZVZhbHVlOiBpbmplY3RvclRva2VucyB9XSB9KTtcbiAgfVxufVxuIiwiPCEtLSBAZm9ybWF0IC0tPlxuXG48ZGl2IGNsYXNzPVwibWlzLWRyYXdlci1ib2R5XCIgI3BsYWNlIEBzbGlkZUluT3V0PlxuICA8bmctdGVtcGxhdGUgW2Nka1BvcnRhbE91dGxldF09XCJkcmF3ZXJQb3J0YWwoKVwiPjwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

package/esm2022/dropdown/calculate-container-height.directive.mjs

@@ -1,41 +1,44 @@
-import { Directive, Input } from '@angular/core';
+import { computed, Directive, effect, ElementRef, inject, input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class CalculateContainerHeightDirective {
-    constructor(el) {
-        this.el = el;
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
+    constructor() {
+        this.items = input([]);
+        this.visibleItems = input(10);
+        this.el = inject(ElementRef);
+        this.itemHeight = computed(() => {
+            const firstItemElement = this.el.nativeElement.querySelector('.item');
+            return firstItemElement ? firstItemElement.getBoundingClientRect().height : 0;
+        });
+        this.heightEffect = effect(() => {
             this.setContainerHeight();
-        }, 200);
+        });
     }
     setContainerHeight() {
-        const firstItemElement = this.el.nativeElement.querySelector('.item');
-        const firstItemHeight = firstItemElement ? firstItemElement.getBoundingClientRect().height : 0;
-        const numberOfItems = this.items ? this.items.length : 0;
+        const firstItemHeight = this.itemHeight();
+        const numberOfItems = this.items()?.length || 0;
+        if (firstItemHeight === 0) {
+            return;
+        }
         let containerHeight = 0;
-        if (firstItemHeight * numberOfItems > 200) {
-            containerHeight = 200;
+        const maxScrollHeight = 200;
+        if (firstItemHeight * numberOfItems > maxScrollHeight) {
+            containerHeight = maxScrollHeight;
         }
-        else if (numberOfItems <= this.visibleItems) {
+        else if (numberOfItems <= this.visibleItems()) {
             containerHeight = firstItemHeight * numberOfItems;
         }
         else {
-            containerHeight = firstItemHeight * this.visibleItems;
+            containerHeight = firstItemHeight * this.visibleItems();
         }
         this.el.nativeElement.style.height = `${containerHeight}px`;
     }
-    static { this.ɵfac = function CalculateContainerHeightDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CalculateContainerHeightDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CalculateContainerHeightDirective, selectors: [["", "calculateContainerHeight", ""]], inputs: { items: "items", visibleItems: "visibleItems" } }); }
+    static { this.ɵfac = function CalculateContainerHeightDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CalculateContainerHeightDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CalculateContainerHeightDirective, selectors: [["", "calculateContainerHeight", ""]], inputs: { items: [1, "items"], visibleItems: [1, "visibleItems"] } }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CalculateContainerHeightDirective, [{
         type: Directive,
         args: [{
                 selector: '[calculateContainerHeight]'
             }]
-    }], () => [{ type: i0.ElementRef }], { items: [{
-            type: Input
-        }], visibleItems: [{
-            type: Input
-        }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvZHJvcGRvd24vY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLNUUsTUFBTSxPQUFPLGlDQUFpQztJQUk1QyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUNsQyxDQUFDO0lBRUQsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLEVBQUMsR0FBRyxDQUFDLENBQUM7SUFDVCxDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RFLE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUEsQ0FBQyxDQUFDO1FBQzlGLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFekQsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLElBQUksZUFBZSxHQUFHLGFBQWEsR0FBRyxHQUFHLEVBQUUsQ0FBQztZQUMxQyxlQUFlLEdBQUcsR0FBRyxDQUFDO1FBQ3hCLENBQUM7YUFBTSxJQUFJLGFBQWEsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDOUMsZUFBZSxHQUFHLGVBQWUsR0FBRyxhQUFhLENBQUM7UUFDcEQsQ0FBQzthQUFNLENBQUM7WUFDTixlQUFlLEdBQUcsZUFBZSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDeEQsQ0FBQztRQUVELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsR0FBRyxlQUFlLElBQUksQ0FBQztJQUM5RCxDQUFDO2tJQTVCVSxpQ0FBaUM7b0VBQWpDLGlDQUFpQzs7aUZBQWpDLGlDQUFpQztjQUg3QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjthQUN2QzsyQ0FFVSxLQUFLO2tCQUFiLEtBQUs7WUFDRyxZQUFZO2tCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0XSdcbn0pXG5leHBvcnQgY2xhc3MgQ2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0RGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdHtcbiAgQElucHV0KCkgaXRlbXM6IGFueVtdO1xuICBASW5wdXQoKSB2aXNpYmxlSXRlbXM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNldENvbnRhaW5lckhlaWdodCgpO1xuICAgIH0sMjAwKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q29udGFpbmVySGVpZ2h0KCkge1xuICAgIGNvbnN0IGZpcnN0SXRlbUVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLml0ZW0nKTtcbiAgICBjb25zdCBmaXJzdEl0ZW1IZWlnaHQgPSBmaXJzdEl0ZW1FbGVtZW50ID8gZmlyc3RJdGVtRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQgOjA7XG4gICAgY29uc3QgbnVtYmVyT2ZJdGVtcyA9IHRoaXMuaXRlbXMgPyB0aGlzLml0ZW1zLmxlbmd0aCA6IDA7XG4gICAgICAgICAgICAgIFxuICAgIGxldCBjb250YWluZXJIZWlnaHQgPSAwO1xuICAgIGlmIChmaXJzdEl0ZW1IZWlnaHQgKiBudW1iZXJPZkl0ZW1zID4gMjAwKSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSAyMDA7XG4gICAgfSBlbHNlIGlmIChudW1iZXJPZkl0ZW1zIDw9IHRoaXMudmlzaWJsZUl0ZW1zKSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiBudW1iZXJPZkl0ZW1zO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiB0aGlzLnZpc2libGVJdGVtcztcbiAgICB9XG5cbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gYCR7Y29udGFpbmVySGVpZ2h0fXB4YDtcbiAgfVxuXG59XG4iXX0=
+    }], null, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvZHJvcGRvd24vY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7O0FBSzdHLE1BQU0sT0FBTyxpQ0FBaUM7SUFIOUM7UUFJUyxVQUFLLEdBQUcsS0FBSyxDQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLGlCQUFZLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRXZCLE9BQUUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFakMsZUFBVSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDakMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDdEUsT0FBTyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoRixDQUFDLENBQUMsQ0FBQztRQUVLLGlCQUFZLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNqQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztLQXVCSjtJQXJCUyxrQkFBa0I7UUFDeEIsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzFDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxNQUFNLElBQUksQ0FBQyxDQUFDO1FBRWhELElBQUksZUFBZSxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQzFCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sZUFBZSxHQUFHLEdBQUcsQ0FBQztRQUU1QixJQUFJLGVBQWUsR0FBRyxhQUFhLEdBQUcsZUFBZSxFQUFFLENBQUM7WUFDdEQsZUFBZSxHQUFHLGVBQWUsQ0FBQztRQUNwQyxDQUFDO2FBQU0sSUFBSSxhQUFhLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUM7WUFDaEQsZUFBZSxHQUFHLGVBQWUsR0FBRyxhQUFhLENBQUM7UUFDcEQsQ0FBQzthQUFNLENBQUM7WUFDTixlQUFlLEdBQUcsZUFBZSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxRCxDQUFDO1FBRUQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLGVBQWUsSUFBSSxDQUFDO0lBQzlELENBQUM7a0lBbkNVLGlDQUFpQztvRUFBakMsaUNBQWlDOztpRkFBakMsaUNBQWlDO2NBSDdDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsNEJBQTRCO2FBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgY29tcHV0ZWQsIERpcmVjdGl2ZSwgZWZmZWN0LCBFbGVtZW50UmVmLCBpbmplY3QsIGlucHV0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0XSdcbn0pXG5leHBvcnQgY2xhc3MgQ2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0RGlyZWN0aXZlIHtcbiAgcHVibGljIGl0ZW1zID0gaW5wdXQ8YW55W10+KFtdKTtcbiAgcHVibGljIHZpc2libGVJdGVtcyA9IGlucHV0PG51bWJlcj4oMTApO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZWwgPSBpbmplY3QoRWxlbWVudFJlZik7XG5cbiAgcHJpdmF0ZSBpdGVtSGVpZ2h0ID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGZpcnN0SXRlbUVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLml0ZW0nKTtcbiAgICByZXR1cm4gZmlyc3RJdGVtRWxlbWVudCA/IGZpcnN0SXRlbUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0IDogMDtcbiAgfSk7XG5cbiAgcHJpdmF0ZSBoZWlnaHRFZmZlY3QgPSBlZmZlY3QoKCkgPT4ge1xuICAgIHRoaXMuc2V0Q29udGFpbmVySGVpZ2h0KCk7XG4gIH0pO1xuXG4gIHByaXZhdGUgc2V0Q29udGFpbmVySGVpZ2h0KCkge1xuICAgIGNvbnN0IGZpcnN0SXRlbUhlaWdodCA9IHRoaXMuaXRlbUhlaWdodCgpO1xuICAgIGNvbnN0IG51bWJlck9mSXRlbXMgPSB0aGlzLml0ZW1zKCk/Lmxlbmd0aCB8fCAwO1xuICAgIFxuICAgIGlmIChmaXJzdEl0ZW1IZWlnaHQgPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBsZXQgY29udGFpbmVySGVpZ2h0ID0gMDtcbiAgICBjb25zdCBtYXhTY3JvbGxIZWlnaHQgPSAyMDA7XG5cbiAgICBpZiAoZmlyc3RJdGVtSGVpZ2h0ICogbnVtYmVyT2ZJdGVtcyA+IG1heFNjcm9sbEhlaWdodCkge1xuICAgICAgY29udGFpbmVySGVpZ2h0ID0gbWF4U2Nyb2xsSGVpZ2h0O1xuICAgIH0gZWxzZSBpZiAobnVtYmVyT2ZJdGVtcyA8PSB0aGlzLnZpc2libGVJdGVtcygpKSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiBudW1iZXJPZkl0ZW1zO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiB0aGlzLnZpc2libGVJdGVtcygpO1xuICAgIH1cblxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSBgJHtjb250YWluZXJIZWlnaHR9cHhgO1xuICB9XG59XG5cbiJdfQ==