mis-crystal-design-system 4.0.51 → 14.0.1

package/esm2020/drawer/drawer.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { DrawerService } from "./drawer.service";
+import { OverlayModule } from "@angular/cdk/overlay";
+import { DrawerBodyComponent } from "./drawer-body/drawer-body.component";
+import { PortalModule } from "@angular/cdk/portal";
+import * as i0 from "@angular/core";
+export class DrawerModule {
+    static forRoot() {
+        return {
+            ngModule: DrawerModule,
+            providers: [DrawerService]
+        };
+    }
+    static forChild() {
+        return {
+            ngModule: DrawerModule,
+            providers: [DrawerService]
+        };
+    }
+}
+DrawerModule.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); };
+DrawerModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DrawerModule });
+DrawerModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, PortalModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [DrawerBodyComponent],
+                imports: [CommonModule, OverlayModule, PortalModule]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { declarations: [DrawerBodyComponent], imports: [CommonModule, OverlayModule, PortalModule] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2RyYXdlci9kcmF3ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFNbkQsTUFBTSxPQUFPLFlBQVk7SUFDdkIsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLFlBQVk7WUFDdEIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO1NBQzNCLENBQUM7SUFDSixDQUFDO0lBRUQsTUFBTSxDQUFDLFFBQVE7UUFDYixPQUFPO1lBQ0wsUUFBUSxFQUFFLFlBQVk7WUFDdEIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO1NBQzNCLENBQUM7SUFDSixDQUFDOzt3RUFiVSxZQUFZOzhEQUFaLFlBQVk7a0VBRlgsWUFBWSxFQUFFLGFBQWEsRUFBRSxZQUFZO3VGQUUxQyxZQUFZO2NBSnhCLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxZQUFZLENBQUM7YUFDdkQ7O3dGQUNZLFlBQVksbUJBSE4sbUJBQW1CLGFBQ3hCLFlBQVksRUFBRSxhQUFhLEVBQUUsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IERyYXdlclNlcnZpY2UgfSBmcm9tIFwiLi9kcmF3ZXIuc2VydmljZVwiO1xuaW1wb3J0IHsgT3ZlcmxheU1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0IHsgRHJhd2VyQm9keUNvbXBvbmVudCB9IGZyb20gXCIuL2RyYXdlci1ib2R5L2RyYXdlci1ib2R5LmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgUG9ydGFsTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtEcmF3ZXJCb2R5Q29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBPdmVybGF5TW9kdWxlLCBQb3J0YWxNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlck1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8RHJhd2VyTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBEcmF3ZXJNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtEcmF3ZXJTZXJ2aWNlXVxuICAgIH07XG4gIH1cblxuICBzdGF0aWMgZm9yQ2hpbGQoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxEcmF3ZXJNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IERyYXdlck1vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW0RyYXdlclNlcnZpY2VdXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2020/drawer/drawer.service.mjs

@@ -0,0 +1,56 @@
+/** @format */
+import { OverlayConfig } from "@angular/cdk/overlay";
+import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
+import { Injectable } from "@angular/core";
+import { take } from "rxjs/operators";
+import { DrawerBodyComponent } from "./drawer-body/drawer-body.component";
+import { DrawerRef } from "./drawer-ref";
+import { DRAWER_DATA_VAR } from "./drawer-constants";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class DrawerService {
+    constructor(overlay, injector) {
+        this.overlay = overlay;
+        this.injector = injector;
+    }
+    show(component, data, options) {
+        const positionStrategy = this.overlay.position().global().top("0px").right("0px");
+        const { width = "422px", height = "100%" } = options || {};
+        const config = new OverlayConfig({
+            hasBackdrop: true,
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.noop(),
+            width: width,
+            height,
+            panelClass: "mis-drawer",
+            backdropClass: "mis-drawer-overlay"
+        });
+        const overlayRef = this.overlay.create(config);
+        this.drawerRef = new DrawerRef(overlayRef);
+        const injector = this.createInjector(this.drawerRef, this.injector, data);
+        const portal = new ComponentPortal(DrawerBodyComponent, null);
+        this.componentInstance = overlayRef.attach(portal);
+        this.componentInstance.instance.bindComponent(component, injector);
+        overlayRef.backdropClick().pipe(take(1)).subscribe(this.hide.bind(this));
+        return this.drawerRef;
+    }
+    hide() {
+        this.drawerRef?.close();
+    }
+    createInjector(ref, inj, data) {
+        const injectorTokens = new WeakMap();
+        injectorTokens.set(DrawerRef, ref);
+        injectorTokens.set(DRAWER_DATA_VAR, data);
+        return new PortalInjector(inj, injectorTokens);
+        // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });
+    }
+}
+DrawerService.ɵfac = function DrawerService_Factory(t) { return new (t || DrawerService)(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i0.Injector)); };
+DrawerService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DrawerService, factory: DrawerService.ɵfac, providedIn: "root" });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerService, [{
+        type: Injectable,
+        args: [{
+                providedIn: "root"
+            }]
+    }], function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9kcmF3ZXIvZHJhd2VyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYztBQUVkLE9BQU8sRUFBVyxhQUFhLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFpQixjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRixPQUFPLEVBQWdCLFVBQVUsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUtyRCxNQUFNLE9BQU8sYUFBYTtJQUl4QixZQUFvQixPQUFnQixFQUFVLFFBQWtCO1FBQTVDLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFVO0lBQUcsQ0FBQztJQUVwRSxJQUFJLENBQU8sU0FBMkIsRUFBRSxJQUFRLEVBQUUsT0FBNkM7UUFDN0YsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEYsTUFBTSxFQUFFLEtBQUssR0FBRyxPQUFPLEVBQUUsTUFBTSxHQUFHLE1BQU0sRUFBRSxHQUFHLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDM0QsTUFBTSxNQUFNLEdBQUcsSUFBSSxhQUFhLENBQUM7WUFDL0IsV0FBVyxFQUFFLElBQUk7WUFDakIsZ0JBQWdCO1lBQ2hCLGNBQWMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRTtZQUNwRCxLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU07WUFDTixVQUFVLEVBQUUsWUFBWTtZQUN4QixhQUFhLEVBQUUsb0JBQW9CO1NBQ3BDLENBQUMsQ0FBQztRQUNILE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQy9DLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDM0MsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDMUUsTUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ25FLFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDekUsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sY0FBYyxDQUFJLEdBQWMsRUFBRSxHQUFhLEVBQUUsSUFBUTtRQUMvRCxNQUFNLGNBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ3JDLGNBQWMsQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ25DLGNBQWMsQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQzFDLE9BQU8sSUFBSSxjQUFjLENBQUMsR0FBRyxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBQy9DLHVGQUF1RjtJQUN6RixDQUFDOzswRUF0Q1UsYUFBYTttRUFBYixhQUFhLFdBQWIsYUFBYSxtQkFGWixNQUFNO3VGQUVQLGFBQWE7Y0FIekIsVUFBVTtlQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBmb3JtYXQgKi9cblxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgT3ZlcmxheVJlZiB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsLCBDb21wb25lbnRUeXBlLCBQb3J0YWxJbmplY3RvciB9IGZyb20gXCJAYW5ndWxhci9jZGsvcG9ydGFsXCI7XG5pbXBvcnQgeyBDb21wb25lbnRSZWYsIEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHRha2UgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcbmltcG9ydCB7IERyYXdlckJvZHlDb21wb25lbnQgfSBmcm9tIFwiLi9kcmF3ZXItYm9keS9kcmF3ZXItYm9keS5jb21wb25lbnRcIjtcbmltcG9ydCB7IERyYXdlclJlZiB9IGZyb20gXCIuL2RyYXdlci1yZWZcIjtcbmltcG9ydCB7IERSQVdFUl9EQVRBX1ZBUiB9IGZyb20gXCIuL2RyYXdlci1jb25zdGFudHNcIjtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJTZXJ2aWNlIHtcbiAgZHJhd2VyUmVmOiBEcmF3ZXJSZWY7XG4gIGNvbXBvbmVudEluc3RhbmNlOiBDb21wb25lbnRSZWY8YW55PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXksIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7fVxuXG4gIHNob3c8VCwgRD4oY29tcG9uZW50OiBDb21wb25lbnRUeXBlPFQ+LCBkYXRhPzogRCwgb3B0aW9ucz86IHsgd2lkdGg/OiBzdHJpbmc7IGhlaWdodD86IHN0cmluZyB9KTogRHJhd2VyUmVmIHtcbiAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkudG9wKFwiMHB4XCIpLnJpZ2h0KFwiMHB4XCIpO1xuICAgIGNvbnN0IHsgd2lkdGggPSBcIjQyMnB4XCIsIGhlaWdodCA9IFwiMTAwJVwiIH0gPSBvcHRpb25zIHx8IHt9O1xuICAgIGNvbnN0IGNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcbiAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxuICAgICAgcG9zaXRpb25TdHJhdGVneSxcbiAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5ub29wKCksXG4gICAgICB3aWR0aDogd2lkdGgsXG4gICAgICBoZWlnaHQsXG4gICAgICBwYW5lbENsYXNzOiBcIm1pcy1kcmF3ZXJcIixcbiAgICAgIGJhY2tkcm9wQ2xhc3M6IFwibWlzLWRyYXdlci1vdmVybGF5XCJcbiAgICB9KTtcbiAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZShjb25maWcpO1xuICAgIHRoaXMuZHJhd2VyUmVmID0gbmV3IERyYXdlclJlZihvdmVybGF5UmVmKTtcbiAgICBjb25zdCBpbmplY3RvciA9IHRoaXMuY3JlYXRlSW5qZWN0b3IodGhpcy5kcmF3ZXJSZWYsIHRoaXMuaW5qZWN0b3IsIGRhdGEpO1xuICAgIGNvbnN0IHBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoRHJhd2VyQm9keUNvbXBvbmVudCwgbnVsbCk7XG4gICAgdGhpcy5jb21wb25lbnRJbnN0YW5jZSA9IG92ZXJsYXlSZWYuYXR0YWNoKHBvcnRhbCk7XG4gICAgdGhpcy5jb21wb25lbnRJbnN0YW5jZS5pbnN0YW5jZS5iaW5kQ29tcG9uZW50KGNvbXBvbmVudCwgaW5qZWN0b3IpO1xuICAgIG92ZXJsYXlSZWYuYmFja2Ryb3BDbGljaygpLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKHRoaXMuaGlkZS5iaW5kKHRoaXMpKTtcbiAgICByZXR1cm4gdGhpcy5kcmF3ZXJSZWY7XG4gIH1cblxuICBoaWRlKCk6IHZvaWQge1xuICAgIHRoaXMuZHJhd2VyUmVmPy5jbG9zZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJbmplY3RvcjxEPihyZWY6IERyYXdlclJlZiwgaW5qOiBJbmplY3RvciwgZGF0YT86IEQpOiBQb3J0YWxJbmplY3RvciB7XG4gICAgY29uc3QgaW5qZWN0b3JUb2tlbnMgPSBuZXcgV2Vha01hcCgpO1xuICAgIGluamVjdG9yVG9rZW5zLnNldChEcmF3ZXJSZWYsIHJlZik7XG4gICAgaW5qZWN0b3JUb2tlbnMuc2V0KERSQVdFUl9EQVRBX1ZBUiwgZGF0YSk7XG4gICAgcmV0dXJuIG5ldyBQb3J0YWxJbmplY3RvcihpbmosIGluamVjdG9yVG9rZW5zKTtcbiAgICAvLyByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHsgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBpbmosIHVzZVZhbHVlOiBpbmplY3RvclRva2VucyB9XSB9KTtcbiAgfVxufVxuIl19

package/esm2020/drawer/mis-crystal-design-system-drawer.mjs

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

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

@@ -0,0 +1,41 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CalculateContainerHeightDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            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;
+        let containerHeight = 0;
+        if (firstItemHeight * numberOfItems > 200) {
+            containerHeight = 200;
+        }
+        else if (numberOfItems <= this.visibleItems) {
+            containerHeight = firstItemHeight * numberOfItems;
+        }
+        else {
+            containerHeight = firstItemHeight * this.visibleItems;
+        }
+        this.el.nativeElement.style.height = `${containerHeight}px`;
+    }
+}
+CalculateContainerHeightDirective.ɵfac = function CalculateContainerHeightDirective_Factory(t) { return new (t || CalculateContainerHeightDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
+CalculateContainerHeightDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CalculateContainerHeightDirective, selectors: [["", "calculateContainerHeight", ""]], inputs: { items: "items", visibleItems: "visibleItems" } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CalculateContainerHeightDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[calculateContainerHeight]'
+            }]
+    }], function () { return [{ type: i0.ElementRef }]; }, { items: [{
+            type: Input
+        }], visibleItems: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvZHJvcGRvd24vY2FsY3VsYXRlLWNvbnRhaW5lci1oZWlnaHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLNUUsTUFBTSxPQUFPLGlDQUFpQztJQUk1QyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUNsQyxDQUFDO0lBRUQsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDLEVBQUMsR0FBRyxDQUFDLENBQUM7SUFDVCxDQUFDO0lBRU8sa0JBQWtCO1FBQ3hCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RFLE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUEsQ0FBQyxDQUFDO1FBQzlGLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFekQsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLElBQUksZUFBZSxHQUFHLGFBQWEsR0FBRyxHQUFHLEVBQUU7WUFDekMsZUFBZSxHQUFHLEdBQUcsQ0FBQztTQUN2QjthQUFNLElBQUksYUFBYSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDN0MsZUFBZSxHQUFHLGVBQWUsR0FBRyxhQUFhLENBQUM7U0FDbkQ7YUFBTTtZQUNMLGVBQWUsR0FBRyxlQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUN2RDtRQUVELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsR0FBRyxlQUFlLElBQUksQ0FBQztJQUM5RCxDQUFDOztrSEE1QlUsaUNBQWlDO29GQUFqQyxpQ0FBaUM7dUZBQWpDLGlDQUFpQztjQUg3QyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjthQUN2Qzs2REFFVSxLQUFLO2tCQUFiLEtBQUs7WUFDRyxZQUFZO2tCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbY2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0XSdcbn0pXG5leHBvcnQgY2xhc3MgQ2FsY3VsYXRlQ29udGFpbmVySGVpZ2h0RGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdHtcbiAgQElucHV0KCkgaXRlbXM6IGFueVtdO1xuICBASW5wdXQoKSB2aXNpYmxlSXRlbXM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNldENvbnRhaW5lckhlaWdodCgpO1xuICAgIH0sMjAwKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q29udGFpbmVySGVpZ2h0KCkge1xuICAgIGNvbnN0IGZpcnN0SXRlbUVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLml0ZW0nKTtcbiAgICBjb25zdCBmaXJzdEl0ZW1IZWlnaHQgPSBmaXJzdEl0ZW1FbGVtZW50ID8gZmlyc3RJdGVtRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5oZWlnaHQgOjA7XG4gICAgY29uc3QgbnVtYmVyT2ZJdGVtcyA9IHRoaXMuaXRlbXMgPyB0aGlzLml0ZW1zLmxlbmd0aCA6IDA7XG4gICAgICAgICAgICAgIFxuICAgIGxldCBjb250YWluZXJIZWlnaHQgPSAwO1xuICAgIGlmIChmaXJzdEl0ZW1IZWlnaHQgKiBudW1iZXJPZkl0ZW1zID4gMjAwKSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSAyMDA7XG4gICAgfSBlbHNlIGlmIChudW1iZXJPZkl0ZW1zIDw9IHRoaXMudmlzaWJsZUl0ZW1zKSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiBudW1iZXJPZkl0ZW1zO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJIZWlnaHQgPSBmaXJzdEl0ZW1IZWlnaHQgKiB0aGlzLnZpc2libGVJdGVtcztcbiAgICB9XG5cbiAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gYCR7Y29udGFpbmVySGVpZ2h0fXB4YDtcbiAgfVxuXG59XG4iXX0=