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

package/bundles/mis-crystal-design-system.umd.js

@@ -0,0 +1,31 @@
+(function (factory) {
+	typeof define === 'function' && define.amd ? define('mis-crystal-design-system', factory) :
+	factory();
+}((function () { 'use strict';
+
+	/*
+	 * 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.umd.js.map

package/bundles/mis-crystal-design-system.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system.umd.js","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":";;;;;CAAA;;;CAGA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAEA,iBAAe,EAAE;;CCnBjB;;;;;;;;"}

package/bundles/mis-crystal-design-system.umd.min.js

@@ -0,0 +1,2 @@
+!function(n){"function"==typeof define&&define.amd?define("mis-crystal-design-system",n):n()}((function(){}));
+//# sourceMappingURL=mis-crystal-design-system.umd.min.js.map

package/bundles/mis-crystal-design-system.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/button/button.component.d.ts

@@ -1,5 +1,4 @@
 import { OnInit, EventEmitter } from "@angular/core";
-import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit {
     name: string;
     type: "Solid" | "Outline" | "Text";
@@ -16,6 +15,4 @@ export declare class ButtonComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     onClick(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "mis-button", never, { "name": "name"; "type": "type"; "size": "size"; "width": "width"; "showIcon": "showIcon"; "iconUrl": "iconUrl"; "iconPosition": "iconPosition"; "disabled": "disabled"; "disableLeftBorderRadius": "disableLeftBorderRadius"; "disableRightBorderRadius": "disableRightBorderRadius"; }, { "click": "click"; }, never, never, false>;
 }

package/button/button.directive.d.ts

@@ -1,5 +1,4 @@
 import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
-import * as i0 from "@angular/core";
 export declare class ButtonDirective implements AfterViewInit {
     private el;
     private renderer;
@@ -10,6 +9,4 @@ export declare class ButtonDirective implements AfterViewInit {
     ngAfterViewInit(): void;
     private bindTypeClass;
     private bindSizeClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[mis-button]", never, { "type": "type"; "size": "size"; }, {}, never, never, false>;
 }

package/button/button.module.d.ts

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

package/button/mis-crystal-design-system-button.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/button/mis-crystal-design-system-button.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-button","template":"<button\n  (click)=\"onClick($event)\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{\n    solid: type === 'Solid',\n    outline: type === 'Outline',\n    text: type === 'Text',\n    large: size === 'Large',\n    medium: size === 'Medium',\n    small: size === 'Small',\n    'large-mobile': size === 'Large-M',\n    'small-mobile': size === 'Small-M'\n  }\"\n  [ngStyle]=\"{\n    'border-top-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-bottom-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-top-right-radius': disableRightBorderRadius ? '0px' : '',\n    'border-bottom-right-radius': disableRightBorderRadius ? '0px' : '',\n    width: width\n  }\"\n>\n  <span id=\"left-icon\" *ngIf=\"showIcon && iconPosition === 'Left'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n  {{ name }}\n  <span id=\"right-icon\" *ngIf=\"showIcon && iconPosition === 'Right'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n</button>\n","styles":["button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;letter-spacing:.25px}.large-mobile,.small{font-style:normal;font-size:14px;line-height:20px}.large-mobile{height:44px;padding:12px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disableLeftBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disableRightBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mis-button]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"elementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":56}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"bindTypeClass":[{"__symbolic":"method"}],"bindSizeClass":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ButtonModule"},"providers":[]}}}}},"origins":{"ButtonComponent":"./button.component","ButtonDirective":"./button.directive","ButtonModule":"./button.module"},"importAs":"mis-crystal-design-system/button"}

package/button/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-button.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-button.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-button.js",
+  "esm2015": "../esm2015/button/mis-crystal-design-system-button.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-button.js",
+  "typings": "mis-crystal-design-system-button.d.ts",
+  "metadata": "mis-crystal-design-system-button.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/button"
+}

package/checkbox/checkbox.component.d.ts

@@ -1,6 +1,5 @@
 import { OnInit, EventEmitter, ElementRef } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
-import * as i0 from "@angular/core";
 export declare class CheckboxComponent implements OnInit {
     isError: boolean;
     isIndeterminate: boolean;
@@ -18,6 +17,4 @@ export declare class CheckboxComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     toggleState(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mis-checkbox", never, { "type": "type"; "indeterminate": "indeterminate"; "checked": "checked"; "disabled": "disabled"; "name": "name"; "formControl": "formControl"; }, { "valueChange": "valueChange"; }, never, never, false>;
 }

package/checkbox/checkbox.module.d.ts

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

package/checkbox/mis-crystal-design-system-checkbox.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/checkbox/mis-crystal-design-system-checkbox.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-checkbox","template":"<div\n  class=\"checkbox-container\"\n  [ngStyle]=\"{ cursor: formControl.disabled ? 'not-allowed' : 'pointer' }\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n  <input hidden type=\"checkbox\" [formControl]=\"formControl\" (click)=\"$event.stopPropagation()\" />\n  <span\n    class=\"checkmark\"\n    tabindex=\"0\"\n    *ngIf=\"!isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n  <span\n    class=\"checkmark indeterminate\"\n    tabindex=\"0\"\n    *ngIf=\"isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n</div>\n","styles":[".checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]}]}],"members":{"inputBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["input"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggleState":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"CheckboxComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"CheckboxModule"},"providers":[]}}}}},"origins":{"CheckboxComponent":"./checkbox.component","CheckboxModule":"./checkbox.module"},"importAs":"mis-crystal-design-system/checkbox"}

package/checkbox/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-checkbox.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-checkbox.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-checkbox.js",
+  "esm2015": "../esm2015/checkbox/mis-crystal-design-system-checkbox.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-checkbox.js",
+  "typings": "mis-crystal-design-system-checkbox.d.ts",
+  "metadata": "mis-crystal-design-system-checkbox.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/checkbox"
+}

package/chip/chip.component.d.ts

@@ -1,5 +1,4 @@
 import { OnInit, EventEmitter } from "@angular/core";
-import * as i0 from "@angular/core";
 export declare class ChipComponent implements OnInit {
     label: string;
     value: any;
@@ -10,6 +9,4 @@ export declare class ChipComponent implements OnInit {
     cancel: EventEmitter<any>;
     constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "mis-chip", never, { "label": "label"; "value": "value"; "size": "size"; "iconUrl": "iconUrl"; "count": "count"; "dismissible": "dismissible"; }, { "cancel": "cancel"; }, never, never, false>;
 }

package/chip/chip.module.d.ts

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

package/chip/mis-crystal-design-system-chip.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/chip/mis-crystal-design-system-chip.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-chip","template":"<div\n  id=\"chip-container\"\n  [ngClass]=\"{\n    small: size === 'Small',\n    medium: size === 'Medium',\n    'small-m': size === 'Small-M',\n    'medium-m': size === 'Medium-M'\n  }\"\n>\n  <img *ngIf=\"iconUrl && iconUrl.length > 0\" [src]=\"iconUrl\" alt=\"\" />\n  <span>{{ label }}</span>\n  <div *ngIf=\"count != null || count != undefined\" id=\"count-container\">\n    <div id=\"separator\"></div>\n    <span id=\"count-text\">{{ count }}</span>\n  </div>\n  <span *ngIf=\"dismissible\" id=\"close-icon\" (click)=\"cancel.emit(value)\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </span>\n</div>\n","styles":["#chip-container{display:flex;justify-content:center;align-items:center;font-family:Lato,sans-serif!important;background-color:#e0e0e0;box-sizing:border-box;cursor:default}#chip-container:hover{background:#d7d9de}img{margin-right:4px}#close-icon{margin-left:4px;cursor:pointer}#close-icon,#count-container{display:flex;justify-content:center;align-items:center}#count-container,#separator{height:100%}#separator{width:1px;background-color:#c8cdd3;margin:0 8px}#count-text{font-weight:700;letter-spacing:.25px}.small{height:24px;padding:4px 8px;border-radius:7px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px}.medium,.small{font-style:normal;color:#181f33}.medium{height:32px;padding:6px 12px;border-radius:16px;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px}.small-m{height:20px;padding:4px 8px;border-radius:10px;font-size:11px;line-height:12px;letter-spacing:.1px}.medium-m,.small-m{font-style:normal;font-weight:400;color:#181f33}.medium-m{height:24px;padding:4px 12px;border-radius:12px;font-size:12px;line-height:16px;letter-spacing:.25px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ChipComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ChipModule"},"providers":[]}}}}},"origins":{"ChipComponent":"./chip.component","ChipModule":"./chip.module"},"importAs":"mis-crystal-design-system/chip"}

package/chip/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-chip.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-chip.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-chip.js",
+  "esm2015": "../esm2015/chip/mis-crystal-design-system-chip.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-chip.js",
+  "typings": "mis-crystal-design-system-chip.d.ts",
+  "metadata": "mis-crystal-design-system-chip.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/chip"
+}

package/datepicker_v2/datepicker.module.d.ts

@@ -1,12 +1,2 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./tz-dp-container/tz-dp-container.component";
-import * as i2 from "./tz-datepicker.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "mis-crystal-design-system/toast";
-import * as i6 from "mis-crystal-design-system/button";
 export declare class DatepickerModuleV2 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerModuleV2, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerModuleV2, [typeof i1.TzDpContainerComponent, typeof i2.TzDatepickerDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.ToastModule, typeof i6.ButtonModule], [typeof i1.TzDpContainerComponent, typeof i2.TzDatepickerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerModuleV2>;
 }

package/datepicker_v2/mis-crystal-design-system-datepicker_v2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { CONTAINER_DATA as ɵc } from './datepicker-constants';
+export { IDatePickerData as ɵa } from './models/dp-config.model';
+export { TzDpContainerComponent as ɵb } from './tz-dp-container/tz-dp-container.component';

package/datepicker_v2/mis-crystal-design-system-datepicker_v2.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"interface"},"DatepickerModuleV2":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"TzDatepickerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":26},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastModule","line":10,"character":41},"member":"forRoot"}},{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":10,"character":64}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"TzDatepickerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"TzDatepickerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"input[misTzDp]"}]}],"members":{"dpConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selectedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"datesDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"dateMessages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"offsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"allowBookingOnDisabledDay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":36,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":36,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":21},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":38,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":39,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleDatePicker":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":43,"character":3},"arguments":["click"]}]}],"open":[{"__symbolic":"method"}],"applyDate":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"IDatePickerConfig":{"__symbolic":"interface"},"IDatePickerToastText":{"__symbolic":"interface"},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-tz-dp","template":"<div class=\"datepicker-container\">\n  <div class=\"datepicker-container__header\">\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n      [ngClass]=\"{\n        'disabled-month': isPreviousMonthDisabled\n      }\"\n    >\n      <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n    <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n      [ngClass]=\"{\n        'disabled-month': isNextMonthDisabled\n      }\"\n    >\n      <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n  </div>\n  <div class=\"datepicker-container__body\">\n    <div class=\"datepicker-container__weekdays\">\n      <div class=\"datepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n        <span [ngClass]=\"{ 'current-day': weekDay.isCurrentDay }\">{{ weekDay.label }}</span>\n      </div>\n    </div>\n    <div class=\"datepicker-container__days\">\n      <div\n        class=\"datepicker-container__day\"\n        [ngClass]=\"{\n          'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n          'disabled-day': day.isDisabledDay,\n          'is-valid-date': day.date > 0 && !day.isSelectedDay\n        }\"\n        *ngFor=\"let day of currentMonthDates\"\n        (click)=\"selectDay(day)\"\n      >\n        <span\n          *ngIf=\"day.date > 0\"\n          [ngClass]=\"{\n            'current-day': day.isCurrentDay,\n            'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n            'disabled-day': day.isDisabledDay\n          }\"\n        >\n          {{ day.date }}\n        </span>\n      </div>\n    </div>\n  </div>\n  <div class=\"datepicker-container__footer\" *ngIf=\"data.dpConfig.showApplyButton\">\n    <button mis-button size=\"md\" type=\"'none'\" (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDate()\" [disabled]=\"!(data.date || localSelectedDate)\">Apply</button>\n  </div>\n</div>\n","styles":[".datepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;width:290px}.datepicker-container .datepicker-container__header{display:flex;height:32px;margin:16px;justify-content:space-between;align-items:center;width:258px}.datepicker-container .datepicker-container__header span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:first-child{transform:rotate(180deg)}.datepicker-container .datepicker-container__body{width:258px;height:100%;margin:0 16px 16px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday{width:36px;height:18px;text-align:center}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#c7c7c7}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days{display:flex;flex-wrap:wrap;gap:2px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.selected-day{background-color:#0937b2;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day{cursor:default}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day:hover{background-color:transparent}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover{background-color:#cbddfb;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover span.selected-day{color:#181f33!important}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.selected-day{color:#fff}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.disabled-day{color:#c7c7c7}.datepicker-container .datepicker-container__footer{display:flex;justify-content:flex-end;gap:8px;bottom:0;align-items:center;position:-webkit-sticky;position:sticky;padding:16px;border-top:1px solid #e0e0e0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":29,"character":76}]}],"ngOnInit":[{"__symbolic":"method"}],"currentDateInstance":[{"__symbolic":"method"}],"calculateMinMaxDays":[{"__symbolic":"method"}],"navigateMonth":[{"__symbolic":"method"}],"generateDates":[{"__symbolic":"method"}],"selectDay":[{"__symbolic":"method"}],"applyDate":[{"__symbolic":"method"}],"cancelDatePicker":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":34},"arguments":["CONTAINER_DATA"]}},"origins":{"ɵa":"./models/dp-config.model","DatepickerModuleV2":"./datepicker.module","TzDatepickerDirective":"./tz-datepicker.directive","IDatePickerConfig":"./models/dp-config.model","IDatePickerToastText":"./models/dp-config.model","ɵb":"./tz-dp-container/tz-dp-container.component","ɵc":"./datepicker-constants"},"importAs":"mis-crystal-design-system/datepicker_v2"}

package/datepicker_v2/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-datepicker_v2.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-datepicker_v2.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-datepicker_v2.js",
+  "esm2015": "../esm2015/datepicker_v2/mis-crystal-design-system-datepicker_v2.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-datepicker_v2.js",
+  "typings": "mis-crystal-design-system-datepicker_v2.d.ts",
+  "metadata": "mis-crystal-design-system-datepicker_v2.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/datepicker_v2"
+}

package/datepicker_v2/public_api.d.ts

@@ -1,4 +1,3 @@
 export { DatepickerModuleV2 } from "./datepicker.module";
 export { TzDatepickerDirective } from "./tz-datepicker.directive";
-export { TzDpContainerComponent } from "./tz-dp-container/tz-dp-container.component";
 export { IDatePickerConfig, IDatePickerToastText } from "./models/dp-config.model";

package/datepicker_v2/tz-datepicker.directive.d.ts

@@ -2,7 +2,6 @@ import { Overlay } from "@angular/cdk/overlay";
 import { ElementRef, EventEmitter, OnInit, ViewContainerRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { IDatePickerConfig, IDatePickerToastText } from "./models/dp-config.model";
-import * as i0 from "@angular/core";
 export declare class TzDatepickerDirective implements OnInit {
     private control;
     private element;
@@ -28,6 +27,4 @@ export declare class TzDatepickerDirective implements OnInit {
     private open;
     applyDate(date?: string): void;
     private close;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TzDatepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDatepickerDirective, "input[misTzDp]", never, { "dpConfig": "dpConfig"; "selectedDate": "selectedDate"; "datesDisabled": "datesDisabled"; "dateMessages": "dateMessages"; "positionX": "positionX"; "positionY": "positionY"; "offsetX": "offsetX"; "offsetY": "offsetY"; "allowBookingOnDisabledDay": "allowBookingOnDisabledDay"; }, { "dateChange": "dateChange"; }, never, never, false>;
 }

package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts

@@ -1,7 +1,6 @@
 import { OnInit } from "@angular/core";
 import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay } from "../models/dp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
-import * as i0 from "@angular/core";
 export declare class TzDpContainerComponent implements OnInit {
     private toast;
     data: IDatePickerData;
@@ -26,6 +25,4 @@ export declare class TzDpContainerComponent implements OnInit {
     selectDay(day: ICurrentMonthDates): void;
     applyDate(day?: ICurrentMonthDates): void;
     cancelDatePicker(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TzDpContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TzDpContainerComponent, "mis-tz-dp", never, {}, {}, never, never, false>;
 }

package/daterangepicker_v2/daterangepicker.module.d.ts

@@ -1,12 +1,2 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./tz-drp-container/tz-drp-container.component";
-import * as i2 from "./tz-daterangepicker.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "mis-crystal-design-system/toast";
-import * as i6 from "mis-crystal-design-system/button";
 export declare class DateRangepickerModuleV2 {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangepickerModuleV2, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangepickerModuleV2, [typeof i1.TzDrpContainerComponent, typeof i2.TzDaterangepickerDirective], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.ToastModule, typeof i6.ButtonModule], [typeof i1.TzDrpContainerComponent, typeof i2.TzDaterangepickerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DateRangepickerModuleV2>;
 }

package/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { CONTAINER_DATA as ɵc } from './daterangepicker-constants';
+export { IDatePickerData as ɵa } from './models/drp-config.model';
+export { TzDrpContainerComponent as ɵb } from './tz-drp-container/tz-drp-container.component';

package/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"interface"},"DateRangepickerModuleV2":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"TzDaterangepickerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":26},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastModule","line":10,"character":41},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":10,"character":64},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"TzDaterangepickerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"TzDaterangepickerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"input[misTzDrp]"}]}],"members":{"dpConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selectedDates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"datesDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"dateMessages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"offsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"offsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":39,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":39,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":39,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":21},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":41,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":42,"character":30}]}],"toggleDatePicker":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":45,"character":3},"arguments":["click"]}]}],"open":[{"__symbolic":"method"}],"applyDate":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"IDatePickerConfig":{"__symbolic":"interface"},"IDatePickerToastText":{"__symbolic":"interface"},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-tz-drp","template":"<div class=\"daterangepicker-container\">\n  <div class=\"daterangepicker-container__view\">\n    <div class=\"datepicker__left\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n          [ngClass]=\"{\n            'disabled-month': isPreviousMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of currentMonthDates\"\n            (click)=\"selectDay('LEFT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"datepicker__right\">\n      <div class=\"daterangepicker-container__header__prabu\">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class=\"daterangepicker-container__arrow__icon\"\n          (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n          [ngClass]=\"{\n            'disabled-month': isNextMonthDisabled\n          }\"\n        >\n          <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n              fill=\"#181F33\"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class=\"daterangepicker-container__body\">\n        <div class=\"daterangepicker-container__weekdays\">\n          <div class=\"daterangepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class=\"daterangepicker-container__days\">\n          <div\n            class=\"daterangepicker-container__day\"\n            [ngClass]=\"{\n              'selected-start-day': day.isSelectedStartDay,\n              'selected-end-day': day.isSelectedEndDay,\n              'disabled-day': day.isDisabledDay,\n              'in-range-day': day.inRangeDay,\n              'is-valid-date': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }\"\n            *ngFor=\"let day of nextMonthDates\"\n            (click)=\"selectDay('RIGHT', day)\"\n          >\n            <span *ngIf=\"day.date > 0\">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"daterangepicker__footer\">\n    <button mis-button size=\"md\" type=\"none\" (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n  </div>\n</div>\n","styles":[".daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"mis-crystal-design-system/toast","name":"ToastService","line":33,"character":76}]}],"ngOnInit":[{"__symbolic":"method"}],"currentDateInstance":[{"__symbolic":"method"}],"calculateMinMaxDays":[{"__symbolic":"method"}],"navigateMonth":[{"__symbolic":"method"}],"generateDates":[{"__symbolic":"method"}],"selectDay":[{"__symbolic":"method"}],"applyDates":[{"__symbolic":"method"}],"cancelDatePicker":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":34},"arguments":["CONTAINER_DATA"]}},"origins":{"ɵa":"./models/drp-config.model","DateRangepickerModuleV2":"./daterangepicker.module","TzDaterangepickerDirective":"./tz-daterangepicker.directive","IDatePickerConfig":"./models/drp-config.model","IDatePickerToastText":"./models/drp-config.model","ɵb":"./tz-drp-container/tz-drp-container.component","ɵc":"./daterangepicker-constants"},"importAs":"mis-crystal-design-system/daterangepicker_v2"}

package/daterangepicker_v2/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-daterangepicker_v2.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-daterangepicker_v2.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-daterangepicker_v2.js",
+  "esm2015": "../esm2015/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-daterangepicker_v2.js",
+  "typings": "mis-crystal-design-system-daterangepicker_v2.d.ts",
+  "metadata": "mis-crystal-design-system-daterangepicker_v2.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/daterangepicker_v2"
+}

package/daterangepicker_v2/public_api.d.ts

@@ -1,4 +1,3 @@
 export { DateRangepickerModuleV2 } from "./daterangepicker.module";
 export { TzDaterangepickerDirective } from "./tz-daterangepicker.directive";
-export { TzDrpContainerComponent } from "./tz-drp-container/tz-drp-container.component";
 export { IDatePickerConfig, IDatePickerToastText } from "./models/drp-config.model";

package/daterangepicker_v2/tz-daterangepicker.directive.d.ts

@@ -2,7 +2,6 @@ import { Overlay } from "@angular/cdk/overlay";
 import { ElementRef, EventEmitter, ViewContainerRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from "./models/drp-config.model";
-import * as i0 from "@angular/core";
 export declare class TzDaterangepickerDirective {
     private control;
     private element;
@@ -26,6 +25,4 @@ export declare class TzDaterangepickerDirective {
     private open;
     applyDate(dates: ISelectedDatesConfig): void;
     close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TzDaterangepickerDirective, [{ optional: true; self: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TzDaterangepickerDirective, "input[misTzDrp]", never, { "dpConfig": "dpConfig"; "selectedDates": "selectedDates"; "datesDisabled": "datesDisabled"; "dateMessages": "dateMessages"; "positionX": "positionX"; "positionY": "positionY"; "offsetX": "offsetX"; "offsetY": "offsetY"; }, { "dateChange": "dateChange"; }, never, never, false>;
 }

package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts

@@ -1,7 +1,6 @@
 import { OnInit } from "@angular/core";
 import { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig } from "../models/drp-config.model";
 import { ToastService } from "mis-crystal-design-system/toast";
-import * as i0 from "@angular/core";
 export declare class TzDrpContainerComponent implements OnInit {
     private toast;
     data: IDatePickerData;
@@ -30,6 +29,4 @@ export declare class TzDrpContainerComponent implements OnInit {
     selectDay(from: "LEFT" | "RIGHT", day: ICurrentMonthDates): void;
     applyDates(): void;
     cancelDatePicker(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TzDrpContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TzDrpContainerComponent, "mis-tz-drp", never, {}, {}, never, never, false>;
 }

package/drawer/drawer-body/drawer-body.component.d.ts

@@ -1,6 +1,6 @@
+/** @format */
 import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
 import { ComponentFactoryResolver, ViewContainerRef } from "@angular/core";
-import * as i0 from "@angular/core";
 export declare class DrawerBodyComponent {
     private cfr;
     drawerPortal: ComponentPortal<any>;
@@ -9,6 +9,4 @@ export declare class DrawerBodyComponent {
     bindComponent(type: any, injector: PortalInjector): void;
     private initComponent;
     private createInjector;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerBodyComponent, "mis-drawer-body", never, {}, {}, never, never, false>;
 }

package/drawer/drawer.module.d.ts

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

package/drawer/drawer.service.d.ts

@@ -3,7 +3,6 @@ import { Overlay } from "@angular/cdk/overlay";
 import { ComponentType } from "@angular/cdk/portal";
 import { ComponentRef, Injector } from "@angular/core";
 import { DrawerRef } from "./drawer-ref";
-import * as i0 from "@angular/core";
 export declare class DrawerService {
     private overlay;
     private injector;
@@ -16,6 +15,4 @@ export declare class DrawerService {
     }): DrawerRef;
     hide(): void;
     private createInjector;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DrawerService>;
 }

package/drawer/mis-crystal-design-system-drawer.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+export { DrawerBodyComponent as ɵa } from './drawer-body/drawer-body.component';

package/drawer/mis-crystal-design-system-drawer.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"DrawerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":17,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":58}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"createInjector":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DrawerRef":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":13,"character":30}]}],"close":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}]}},"DRAWER_DATA_VAR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":35},"arguments":["MISDrawerDataInjectionToken"]},"DrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":9,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":9,"character":41}],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DrawerModule"},"providers":[{"__symbolic":"reference","name":"DrawerService"}]}},"forChild":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DrawerModule"},"providers":[{"__symbolic":"reference","name":"DrawerService"}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"mis-drawer-body","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":12,"character":4},"arguments":["slideInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":13,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":28},"arguments":[{"transform":"translateX(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":70},"arguments":["200ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":96},"arguments":[{"transform":"translateX(0%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":14,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":28},"arguments":["200ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":54},"arguments":[{"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%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":20,"character":27}]}],"place":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["place",{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":22,"character":45}}]}]}],"bindComponent":[{"__symbolic":"method"}],"initComponent":[{"__symbolic":"method"}],"createInjector":[{"__symbolic":"method"}]}}},"origins":{"DrawerService":"./drawer.service","DrawerRef":"./drawer-ref","DRAWER_DATA_VAR":"./drawer-constants","DrawerModule":"./drawer.module","ɵa":"./drawer-body/drawer-body.component"},"importAs":"mis-crystal-design-system/drawer"}

package/drawer/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-drawer.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-drawer.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-drawer.js",
+  "esm2015": "../esm2015/drawer/mis-crystal-design-system-drawer.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-drawer.js",
+  "typings": "mis-crystal-design-system-drawer.d.ts",
+  "metadata": "mis-crystal-design-system-drawer.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/drawer"
+}