mis-crystal-design-system 2.9.6 → 2.9.7-v14-1

package/fesm2020/mis-crystal-design-system-widgets.mjs

@@ -0,0 +1,128 @@
+import { ReplaySubject, Subject } from 'rxjs';
+import { switchMap, tap } from 'rxjs/operators';
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class BaseWidget {
+    constructor(data, customStates = []) {
+        // Get loader stream
+        this.loader$ = new ReplaySubject(1);
+        this.loader = this.loader$.asObservable();
+        this.state = {};
+        // reset data/stream
+        this.reset$ = new Subject();
+        this.customStates = customStates;
+    }
+    // Toggle loader with value
+    toggleLoader(value) {
+        this.loader$.next(value);
+    }
+    // Trigger widget refresh
+    reset() {
+        this.reset$.next();
+    }
+    updateValue(data) { }
+    updateCustomStates(customStates, value) {
+        if (customStates.length > 0) {
+            customStates.forEach(customState => {
+                this.state = { ...this.state, ...customState(value) };
+            });
+        }
+        else {
+            this.state = {};
+        }
+    }
+}
+
+class SyncWidget extends BaseWidget {
+    // @param dataStream: Stream to subscribe to when widget refreshed
+    constructor(data, customStates = []) {
+        super(data, customStates);
+        if (data) {
+            this.value = data;
+        }
+    }
+    // Change data value
+    updateValue(value) {
+        this.value = value;
+        this.updateCustomStates(this.customStates, value);
+    }
+    reset() {
+        super.reset();
+        this.value = null;
+    }
+}
+
+// Data type that the stream will return
+class AsyncWidget extends BaseWidget {
+    // @param dataStream: Stream to subscribe to when widget refreshed
+    constructor(dataStream, customStates = []) {
+        super(dataStream, customStates);
+        if (dataStream) {
+            this.updateValue(dataStream);
+        }
+    }
+    // Change widget data stream
+    updateValue(dataStream) {
+        this.value = this.reset$.pipe(switchMap(() => {
+            this.toggleLoader(true);
+            return dataStream.pipe(tap(() => {
+                this.toggleLoader(false);
+            }), tap((value) => this.updateCustomStates(this.customStates, value)));
+        }));
+        setTimeout(() => this.reset(), 10);
+    }
+}
+
+class WidgetGroup extends BaseWidget {
+    constructor(widgets) {
+        super();
+        this.items = new Map();
+        Object.keys(widgets).forEach(key => {
+            this.addWidget(key, widgets[key]);
+        });
+    }
+    get value() {
+        const keys = Array.from(this.items.keys());
+        return keys.reduce((acc, key) => {
+            return { ...acc, [key]: this.get(key).value };
+        }, {});
+    }
+    get widgets() {
+        return Array.from(this.items.values());
+    }
+    addWidget(key, widget) {
+        this.items.set(key, widget);
+    }
+    get(key) {
+        return this.items.get(key);
+    }
+    removeWidget(key) {
+        this.items.delete(key);
+    }
+    reset() {
+        this.widgets.forEach(widget => widget.reset());
+    }
+}
+
+class WidgetsModule {
+}
+WidgetsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: WidgetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WidgetsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: WidgetsModule, imports: [CommonModule] });
+WidgetsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: WidgetsModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: WidgetsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AsyncWidget, BaseWidget, SyncWidget, WidgetGroup, WidgetsModule };
+//# sourceMappingURL=mis-crystal-design-system-widgets.mjs.map

package/fesm2020/mis-crystal-design-system-widgets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-widgets.mjs","sources":["../../../projects/mis-components/widgets/classes/base-widget.ts","../../../projects/mis-components/widgets/classes/sync-widget.ts","../../../projects/mis-components/widgets/classes/async-widget.ts","../../../projects/mis-components/widgets/classes/widget-group.ts","../../../projects/mis-components/widgets/widgets.module.ts","../../../projects/mis-components/widgets/mis-crystal-design-system-widgets.ts"],"sourcesContent":["import { ReplaySubject, Subject } from \"rxjs\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\n\nexport class BaseWidget<D> {\n  // Get loader stream\n  private loader$ = new ReplaySubject<boolean>(1);\n  loader = this.loader$.asObservable();\n  protected customStates: Array<CustomState<D>>;\n  state: WidgetStateMap = {};\n\n  constructor(data?: unknown, customStates: Array<CustomState<D>> = []) {\n    this.customStates = customStates;\n  }\n\n  // Toggle loader with value\n  toggleLoader(value: boolean): void {\n    this.loader$.next(value);\n  }\n  // reset data/stream\n  protected reset$ = new Subject<void>();\n\n  // Trigger widget refresh\n  reset(): void {\n    this.reset$.next();\n  }\n\n  updateValue(data: unknown): void {}\n\n  protected updateCustomStates(customStates: Array<CustomState<D>>, value: D): void {\n    if (customStates.length > 0) {\n      customStates.forEach(customState => {\n        this.state = { ...this.state, ...customState(value) };\n      });\n    } else {\n      this.state = {};\n    }\n  }\n}\n","import { CustomState } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n\nexport class SyncWidget<D = any> extends BaseWidget<D> {\n  // DataObject with widget functionalities\n  value: D;\n\n  // @param dataStream: Stream to subscribe to when widget refreshed\n  constructor(data?: D, customStates: Array<CustomState<D>> = []) {\n    super(data, customStates);\n    if (data) {\n      this.value = data;\n    }\n  }\n\n  // Change data value\n  updateValue(value: D): void {\n    this.value = value;\n    this.updateCustomStates(this.customStates, value);\n  }\n\n  reset(): void {\n    super.reset();\n    this.value = null;\n  }\n}\n","import { Observable } from \"rxjs\";\nimport { tap, switchMap } from \"rxjs/operators\";\nimport { CustomState, WidgetStateMap } from \"../interfaces/widgets.model\";\nimport { BaseWidget } from \"./base-widget\";\n// Data type that the stream will return\nexport class AsyncWidget<D = any> extends BaseWidget<D> {\n  // Stream with widget functionalities\n  value: Observable<D>;\n\n  // @param dataStream: Stream to subscribe to when widget refreshed\n  constructor(dataStream?: Observable<D>, customStates: Array<CustomState<D>> = []) {\n    super(dataStream, customStates);\n    if (dataStream) {\n      this.updateValue(dataStream);\n    }\n  }\n\n  // Change widget data stream\n  updateValue(dataStream: Observable<D>): void {\n    this.value = this.reset$.pipe(\n      switchMap(() => {\n        this.toggleLoader(true);\n        return dataStream.pipe(\n          tap(() => {\n            this.toggleLoader(false);\n          }),\n          tap((value: D) => this.updateCustomStates(this.customStates, value))\n        );\n      })\n    );\n    setTimeout(() => this.reset(), 10);\n  }\n}\n","import { BaseWidget } from \"./base-widget\";\nimport { WidgetMap } from \"../interfaces/widgets.model\";\nimport { AsyncWidget } from \"./async-widget\";\nimport { SyncWidget } from \"./sync-widget\";\n\nexport class WidgetGroup extends BaseWidget<any> {\n  private items = new Map<string, SyncWidget | AsyncWidget | WidgetGroup>();\n\n  constructor(widgets: WidgetMap) {\n    super();\n    Object.keys(widgets).forEach(key => {\n      this.addWidget(key, widgets[key]);\n    });\n  }\n\n  get value(): { [key: string]: any } {\n    const keys = Array.from(this.items.keys());\n    return keys.reduce((acc, key) => {\n      return { ...acc, [key]: this.get(key).value };\n    }, {});\n  }\n\n  get widgets() {\n    return Array.from(this.items.values());\n  }\n\n  addWidget(key: string, widget: SyncWidget | AsyncWidget): void {\n    this.items.set(key, widget);\n  }\n\n  get(key: string): SyncWidget | AsyncWidget | WidgetGroup {\n    return this.items.get(key);\n  }\n\n  removeWidget(key: string): void {\n    this.items.delete(key);\n  }\n\n  reset(): void {\n    this.widgets.forEach(widget => widget.reset());\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { WidgetService } from \"./services/widget.service\";\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule],\n  providers: []\n})\nexport class WidgetsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/mis-crystal-design-system.mjs

@@ -0,0 +1,24 @@
+/*
+ * Public API Surface of mis-components
+ */
+// export * from './button';
+// export * from './checkbox';
+// export * from './chip';
+// export * from './drawer';
+// export * from './dropdown';
+// export * from './fab';
+// export * from './loader';
+// export * from './multi-select-dropdown'
+// export * from './nested-multi-select-dropdown'
+// export * from './radio-button'
+// export * from './switch'
+// export * from './table';
+// export * from './toast'
+// export * from './tooltip'
+// export * from './datepicker'
+var publicApi = {};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=mis-crystal-design-system.mjs.map

package/fesm2020/mis-crystal-design-system.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system.mjs","sources":["../../../projects/mis-components/public-api.ts","../../../projects/mis-components/mis-crystal-design-system.ts"],"sourcesContent":["/*\n * Public API Surface of mis-components\n */\n// export * from './button';\n// export * from './checkbox';\n// export * from './chip';\n// export * from './drawer';\n// export * from './dropdown';\n// export * from './fab';\n// export * from './loader';\n// export * from './multi-select-dropdown'\n// export * from './nested-multi-select-dropdown'\n// export * from './radio-button'\n// export * from './switch'\n// export * from './table';\n// export * from './toast'\n// export * from './tooltip'\n// export * from './datepicker'\n\nexport default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,gBAAe,EAAE;;ACnBjB;;AAEG"}

package/input/directives/input/input.directive.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnDestroy, OnInit } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { Subject } from "rxjs";
+import * as i0 from "@angular/core";
 export declare class MisInputDirective implements OnInit, OnDestroy {
     el: ElementRef;
     control: NgControl;
@@ -12,4 +13,6 @@ export declare class MisInputDirective implements OnInit, OnDestroy {
     hasValue: boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MisInputDirective, [null, { optional: true; self: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MisInputDirective, "input[misInput]", never, {}, {}, never, never, false>;
 }

package/input/mis-input.component.d.ts

@@ -2,6 +2,7 @@ import { OnDestroy, OnInit } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
 import { Subscription } from "rxjs";
 import { MisInputDirective } from "./directives/input/input.directive";
+import * as i0 from "@angular/core";
 export declare class MisInputComponent implements OnInit, OnDestroy {
     type: "rounded" | "floating";
     size: "sm" | "md" | "lg";
@@ -15,4 +16,6 @@ export declare class MisInputComponent implements OnInit, OnDestroy {
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MisInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MisInputComponent, "mis-input", never, { "type": "type"; "size": "size"; "placeholder": "placeholder"; "noHints": "noHints"; "hasError": "hasError"; }, {}, ["formInput"], ["[mis-input-icon]", "input", "[mis-input-act]", "[mis-input-hint]", "[mis-input-error]"], false>;
 }

package/input/mis-input.component.scss

@@ -1,6 +1,4 @@
 @import "../styles/mis-color-constants.scss";
-@import '../styles/mis-fonts.scss';
-@import '../styles/mis-icons.scss';
 
 .input-container {
   position: relative;
@@ -17,7 +15,7 @@
     flex-direction: row;
     flex-wrap: nowrap;
     transition: all ease-in 60ms;
-    background-color: $text_white;
+    background-color: #ffffff;
     padding: 3px 16px; // DONE CHANGE
     gap: 16px;
     .mis-input {
@@ -38,7 +36,7 @@
       font-weight: normal;
       font-size: 16px;
       height: 24px;
-      color: $text_black;
+      color: #181f33;
       background-color: transparent;
       width: 100%;
       vertical-align: middle;
@@ -56,13 +54,13 @@
       font-weight: normal;
       font-size: 16px;
       line-height: 24px;
-      color: $text_muted;
+      color: #6a737d;
       z-index: -1;
       transition: all ease-in 150ms;
     }
 
     &:focus-within {
-      background-color: $grey_bg;
+      background-color: #f5f5f5;
     }
     &:focus-within {
       border: 1px solid $pmry_500;
@@ -71,7 +69,7 @@
     [mis-input-icon] {
       width: 18px;
       height: 18px;
-      color: $text_muted;
+      color: #6a737d;
       font-size: 24px;
       line-height: 18px;
     }
@@ -103,19 +101,19 @@
     }
     .input-wrapper {
       border-radius: 4px;
-      border: 1px solid $grey_seperators;
+      border: 1px solid #e0e0e0;
       padding: 0;
       // input:not(:disabled) {
       //   &:hover,
       //   &:focus {
-      //     background-color: $grey_bg;
+      //     background-color: #f5f5f5;
       //   }
       // }
       &:hover {
-        background-color: $grey_bg;
+        background-color: #f5f5f5;
       }
       &:focus-within {
-        border: 1px solid $pmry_500;
+        border: 1px solid #0937b2;
       }
       input:not(:placeholder-shown) + .mis-placeholder {
         color: transparent !important;
@@ -127,7 +125,7 @@
     }
     &.has-error {
       .input-wrapper {
-        border: 1px solid $sem_error !important;
+        border: 1px solid #b00020 !important;
       }
     }
   }
@@ -135,9 +133,9 @@
     .input-wrapper {
       padding-top: 24px;
       padding-bottom: 7px; // DONE CHANGE
-      border-bottom: 1px solid $grey_seperators;
+      border-bottom: 1px solid #e0e0e0;
       input:focus + .mis-placeholder {
-        color: $pmry_500 !important;
+        color: #0937b2 !important;
       }
       input:not(:placeholder-shown) + .mis-placeholder,
       input:focus + .mis-placeholder {
@@ -147,9 +145,9 @@
       }
       &:focus-within {
         border: none;
-        border-bottom: 1px solid $pmry_500;
+        border-bottom: 1px solid #0937b2;
         input::placeholder {
-          color: $text_muted;
+          color: #6a737d;
           opacity: 1;
           font-size: 16px;
         }
@@ -157,9 +155,9 @@
     }
     &.has-error {
       .input-wrapper {
-        border-bottom: 1px solid $sem_error !important;
+        border-bottom: 1px solid #b00020 !important;
         .mis-placeholder {
-          color: $sem_error !important;
+          color: #b00020 !important;
         }
       }
     }
@@ -173,10 +171,10 @@
     line-height: 24px;
     height: 24px;
     font-size: 12px;
-    color: $text_muted;
+    color: #6a737d;
     letter-spacing: 0.2px;
   }
   [mis-input-error] {
-    color: $sem_error;
+    color: #b00020;
   }
 }

package/input/mis-input.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mis-input.component";
+import * as i2 from "./directives/input/input.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
 export declare class MisInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MisInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MisInputModule, [typeof i1.MisInputComponent, typeof i2.MisInputDirective], [typeof i3.CommonModule, typeof i4.FormsModule], [typeof i1.MisInputComponent, typeof i2.MisInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MisInputModule>;
 }

package/loader/loader.component.d.ts

@@ -1,7 +1,10 @@
 import { OnInit } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class LoaderComponent implements OnInit {
     /** Controls loader size */
     mobileView: boolean;
     constructor();
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mis-loader", never, { "mobileView": "mobileView"; }, {}, never, never, false>;
 }

package/loader/loader.module.d.ts

@@ -1,4 +1,10 @@
 import { ModuleWithProviders } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./loader.component";
+import * as i2 from "@angular/common";
 export declare class LoaderModule {
     static forRoot(): ModuleWithProviders<LoaderModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, [typeof i1.LoaderComponent], [typeof i2.CommonModule], [typeof i1.LoaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
 }

package/menu/menu-close.directive.d.ts

@@ -1,6 +1,9 @@
 import { MenuDirective } from "./menu.directive";
+import * as i0 from "@angular/core";
 export declare class MenuCloseDirective {
     menu: MenuDirective;
     constructor();
     closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuCloseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuCloseDirective, "[misMenuClose]", never, { "menu": "misMenuClose"; }, {}, never, never, false>;
 }

package/menu/menu.directive.d.ts

@@ -1,6 +1,7 @@
 /** @format */
 import { Overlay } from "@angular/cdk/overlay";
 import { ElementRef, TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class MenuDirective {
     private overlay;
     private element;
@@ -15,4 +16,6 @@ export declare class MenuDirective {
     onClick(event: any): void;
     private menuShow;
     close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuDirective, "[misMenu]", ["misMenu"], { "menu": "misMenu"; "positionX": "positionX"; "positionY": "positionY"; "offsetX": "offsetX"; "offsetY": "offsetY"; }, {}, never, never, false>;
 }

package/menu/menu.module.d.ts

@@ -1,3 +1,11 @@
-/** @format */
+import * as i0 from "@angular/core";
+import * as i1 from "./menu.directive";
+import * as i2 from "./menu-close.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/portal";
 export declare class MisMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MisMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MisMenuModule, [typeof i1.MenuDirective, typeof i2.MenuCloseDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.PortalModule], [typeof i1.MenuDirective, typeof i2.MenuCloseDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MisMenuModule>;
 }

package/modal/modal.module.d.ts

@@ -1,5 +1,13 @@
 import { ModuleWithProviders } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./module-wrapper/module-wrapper.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@angular/cdk/portal";
 export declare class ModalModule {
     static forRoot(): ModuleWithProviders<ModalModule>;
     static forChild(): ModuleWithProviders<ModalModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.ModuleWrapperComponent], [typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.PortalModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
 }

package/modal/modal.service.d.ts

@@ -1,6 +1,7 @@
 import { ComponentType, Overlay } from "@angular/cdk/overlay";
 import { Injector } from "@angular/core";
 import { ModalRef } from "./modal-ref";
+import * as i0 from "@angular/core";
 interface IModalOptions {
     width?: string;
     height?: string;
@@ -18,5 +19,7 @@ export declare class ModalService {
     show<T, D>(component: ComponentType<T>, data?: D, options?: IModalOptions): ModalRef;
     private createInjector;
     private calculatePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }
 export {};

package/modal/module-wrapper/module-wrapper.component.d.ts

@@ -1,9 +1,12 @@
 import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
 import { ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class ModuleWrapperComponent {
     modalPortal: ComponentPortal<any>;
     constructor();
     place: ViewContainerRef;
     bindComponent(type: any, injector: PortalInjector): void;
     private initComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModuleWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModuleWrapperComponent, "mis-module-wrapper", never, {}, {}, never, never, false>;
 }

package/multi-select-dropdown/multi-select-dropdown.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, NgZone, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
 import { Overlay } from "@angular/cdk/overlay";
+import * as i0 from "@angular/core";
 export declare class MultiSelectDropdownComponent implements OnInit {
     private eRef;
     private overlay;
@@ -44,6 +45,8 @@ export declare class MultiSelectDropdownComponent implements OnInit {
     applyFilters(): void;
     onReset(): void;
     onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "mis-multi-select-dropdown", never, { "data": "data"; "label": "label"; "height": "height"; "width": "width"; "dropdownListHeight": "dropdownListHeight"; "dropdownListWidth": "dropdownListWidth"; "dropdownListPosition": "dropdownListPosition"; "enableSelectAll": "enableSelectAll"; "searchEnabled": "searchEnabled"; "showSelectedCount": "showSelectedCount"; "noDataMessage": "noDataMessage"; "options": "options"; "selectedItems": "selectedItems"; "hideApplyButton": "hideApplyButton"; }, { "onChange": "onChange"; }, never, never, false>;
 }
 export interface MultiSelectDropdownItem {
     label: string;

package/multi-select-dropdown/multi-select-dropdown.module.d.ts

@@ -1,4 +1,14 @@
 import { ModuleWithProviders } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./multi-select-dropdown.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "mis-crystal-design-system/checkbox";
+import * as i6 from "mis-crystal-design-system/button";
 export declare class MultiSelectDropdownModule {
     static forRoot(): ModuleWithProviders<MultiSelectDropdownModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectDropdownModule, [typeof i1.MultiSelectDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.OverlayModule, typeof i5.CheckboxModule, typeof i6.ButtonModule], [typeof i1.MultiSelectDropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectDropdownModule>;
 }

package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts

@@ -1,5 +1,6 @@
 import { Overlay } from "@angular/cdk/overlay";
 import { ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
 export declare class NestedMultiSelectDropdownComponent implements OnInit {
     private eRef;
     private overlay;
@@ -51,6 +52,8 @@ export declare class NestedMultiSelectDropdownComponent implements OnInit {
     applyFilters(): void;
     onReset(): void;
     onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NestedMultiSelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NestedMultiSelectDropdownComponent, "mis-nested-multi-select-dropdown", never, { "data": "data"; "label": "label"; "height": "height"; "width": "width"; "dropdownListHeight": "dropdownListHeight"; "dropdownListWidth": "dropdownListWidth"; "dropdownListPosition": "dropdownListPosition"; "searchEnabled": "searchEnabled"; "showSelectedCount": "showSelectedCount"; "noDataMessage": "noDataMessage"; "selectedItems": "selectedItems"; }, { "onChange": "onChange"; }, never, never, false>;
 }
 export interface NestedMultiSelectDropdownItem {
     label: string;

package/nested-multi-select-dropdown/nested-multi-select-dropdown.module.d.ts

@@ -1,4 +1,14 @@
 import { ModuleWithProviders } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./nested-multi-select-dropdown.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "mis-crystal-design-system/checkbox";
+import * as i6 from "mis-crystal-design-system/button";
 export declare class NestedMultiSelectDropdownModule {
     static forRoot(): ModuleWithProviders<NestedMultiSelectDropdownModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NestedMultiSelectDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NestedMultiSelectDropdownModule, [typeof i1.NestedMultiSelectDropdownComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.OverlayModule, typeof i5.CheckboxModule, typeof i6.ButtonModule], [typeof i1.NestedMultiSelectDropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NestedMultiSelectDropdownModule>;
 }