mis-crystal-design-system 2.0.2 → 2.1.2

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

@@ -0,0 +1,76 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/button', ['exports', '@angular/core', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].button = {}), global.ng.core, global.ng.common));
+}(this, (function (exports, core, common) { 'use strict';
+
+    var ButtonComponent = /** @class */ (function () {
+        function ButtonComponent() {
+            this.name = 'Enabled';
+            this.type = 'Solid';
+            this.size = 'Medium';
+            this.width = '';
+            this.showIcon = false;
+            this.iconUrl = '';
+            this.iconPosition = 'Left';
+            this.disabled = false;
+            this.disableLeftBorderRadius = false;
+            this.disableRightBorderRadius = false;
+            /** Emits event when button is clicked */
+            this.click = new core.EventEmitter();
+        }
+        ButtonComponent.prototype.ngOnInit = function () { };
+        ButtonComponent.prototype.onClick = function (event) {
+            this.click.emit(event);
+        };
+        return ButtonComponent;
+    }());
+    ButtonComponent.decorators = [
+        { type: core.Component, args: [{
+                    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}"]
+                },] }
+    ];
+    ButtonComponent.ctorParameters = function () { return []; };
+    ButtonComponent.propDecorators = {
+        name: [{ type: core.Input }],
+        type: [{ type: core.Input }],
+        size: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        showIcon: [{ type: core.Input }],
+        iconUrl: [{ type: core.Input }],
+        iconPosition: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        disableLeftBorderRadius: [{ type: core.Input }],
+        disableRightBorderRadius: [{ type: core.Input }],
+        click: [{ type: core.Output }]
+    };
+
+    var ButtonModule = /** @class */ (function () {
+        function ButtonModule() {
+        }
+        ButtonModule.forRoot = function () {
+            return { ngModule: ButtonModule, providers: [] };
+        };
+        return ButtonModule;
+    }());
+    ButtonModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [ButtonComponent],
+                    imports: [common.CommonModule],
+                    exports: [ButtonComponent]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ButtonComponent = ButtonComponent;
+    exports.ButtonModule = ButtonModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=mis-crystal-design-system-button.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-button.umd.js","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef} from '@angular/core';\n\n@Component({\n  selector: 'mis-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit{\n\n  @Input() name: string = 'Enabled'\n  @Input() type: 'Solid' | 'Outline' | 'Text' = 'Solid'\n  @Input() size: 'Small' | 'Medium' | 'Large' | 'Small-M' | 'Large-M' = 'Medium'\n  @Input() width: string = ''\n\n  @Input() showIcon: boolean = false\n  @Input() iconUrl: string = ''\n  @Input() iconPosition: 'Left' | 'Right' = 'Left'\n\n  @Input() disabled: boolean = false\n  @Input() disableLeftBorderRadius: boolean = false\n  @Input() disableRightBorderRadius: boolean = false\n\n  /** Emits event when button is clicked */\n  @Output() click = new EventEmitter<any>()\n\n  constructor(){}\n\n  ngOnInit(){}\n\n  onClick(event){\n    this.click.emit(event)\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  imports: [CommonModule],\n  exports: [ButtonComponent]\n})\nexport class ButtonModule {\n  static forRoot(): ModuleWithProviders<ButtonModule> {\n    return { ngModule: ButtonModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAyBE;YAhBS,SAAI,GAAW,SAAS,CAAA;YACxB,SAAI,GAAiC,OAAO,CAAA;YAC5C,SAAI,GAAyD,QAAQ,CAAA;YACrE,UAAK,GAAW,EAAE,CAAA;YAElB,aAAQ,GAAY,KAAK,CAAA;YACzB,YAAO,GAAW,EAAE,CAAA;YACpB,iBAAY,GAAqB,MAAM,CAAA;YAEvC,aAAQ,GAAY,KAAK,CAAA;YACzB,4BAAuB,GAAY,KAAK,CAAA;YACxC,6BAAwB,GAAY,KAAK,CAAA;;YAGxC,UAAK,GAAG,IAAIA,iBAAY,EAAO,CAAA;SAE1B;QAEf,kCAAQ,GAAR,eAAY;QAEZ,iCAAO,GAAP,UAAQ,KAAK;YACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SACvB;;;;gBA7BFC,cAAS,SAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,m9BAAsC;;iBAEvC;;;;uBAGEC,UAAK;uBACLA,UAAK;uBACLA,UAAK;wBACLA,UAAK;2BAELA,UAAK;0BACLA,UAAK;+BACLA,UAAK;2BAELA,UAAK;0CACLA,UAAK;2CACLA,UAAK;wBAGLC,WAAM;;;;QCbT;;QACS,oBAAO,GAAd;YACE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SAClD;;;;gBARFC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B;;;ICTD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/button",["exports","@angular/core","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].button={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.name="Enabled",this.type="Solid",this.size="Medium",this.width="",this.showIcon=!1,this.iconUrl="",this.iconPosition="Left",this.disabled=!1,this.disableLeftBorderRadius=!1,this.disableRightBorderRadius=!1,this.click=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.onClick=function(e){this.click.emit(e)},e}();i.decorators=[{type:t.Component,args:[{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}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={name:[{type:t.Input}],type:[{type:t.Input}],size:[{type:t.Input}],width:[{type:t.Input}],showIcon:[{type:t.Input}],iconUrl:[{type:t.Input}],iconPosition:[{type:t.Input}],disabled:[{type:t.Input}],disableLeftBorderRadius:[{type:t.Input}],disableRightBorderRadius:[{type:t.Input}],click:[{type:t.Output}]};var o=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();o.decorators=[{type:t.NgModule,args:[{declarations:[i],imports:[n.CommonModule],exports:[i]}]}],e.ButtonComponent=i,e.ButtonModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=mis-crystal-design-system-button.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.module.ts"],"names":["ButtonComponent","this","name","type","size","width","showIcon","iconUrl","iconPosition","disabled","disableLeftBorderRadius","disableRightBorderRadius","click","EventEmitter","prototype","ngOnInit","onClick","event","emit","Component","args","selector","template","Input","Output","ButtonModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","exports"],"mappings":"mfAyBE,SAAAA,IAhBSC,KAAAC,KAAe,UACfD,KAAAE,KAAqC,QACrCF,KAAAG,KAA6D,SAC7DH,KAAAI,MAAgB,GAEhBJ,KAAAK,UAAoB,EACpBL,KAAAM,QAAkB,GAClBN,KAAAO,aAAiC,OAEjCP,KAAAQ,UAAoB,EACpBR,KAAAS,yBAAmC,EACnCT,KAAAU,0BAAoC,EAGnCV,KAAAW,MAAQ,IAAIC,EAAAA,oBAItBb,EAAAc,UAAAC,SAAA,aAEAf,EAAAc,UAAAE,QAAA,SAAQC,GACNhB,KAAKW,MAAMM,KAAKD,6BA5BnBE,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,aACVC,SAAA,y7EAKCC,EAAAA,oBACAA,EAAAA,oBACAA,EAAAA,qBACAA,EAAAA,wBAEAA,EAAAA,uBACAA,EAAAA,4BACAA,EAAAA,wBAEAA,EAAAA,uCACAA,EAAAA,wCACAA,EAAAA,qBAGAC,EAAAA,2BCbH,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CAAEC,SAAUF,EAAcG,UAAW,8BAP/CC,EAAAA,SAAQT,KAAA,CAAC,CACRU,aAAc,CAAC9B,GACf+B,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACjC","sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef} from '@angular/core';\n\n@Component({\n  selector: 'mis-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit{\n\n  @Input() name: string = 'Enabled'\n  @Input() type: 'Solid' | 'Outline' | 'Text' = 'Solid'\n  @Input() size: 'Small' | 'Medium' | 'Large' | 'Small-M' | 'Large-M' = 'Medium'\n  @Input() width: string = ''\n\n  @Input() showIcon: boolean = false\n  @Input() iconUrl: string = ''\n  @Input() iconPosition: 'Left' | 'Right' = 'Left'\n\n  @Input() disabled: boolean = false\n  @Input() disableLeftBorderRadius: boolean = false\n  @Input() disableRightBorderRadius: boolean = false\n\n  /** Emits event when button is clicked */\n  @Output() click = new EventEmitter<any>()\n\n  constructor(){}\n\n  ngOnInit(){}\n\n  onClick(event){\n    this.click.emit(event)\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  imports: [CommonModule],\n  exports: [ButtonComponent]\n})\nexport class ButtonModule {\n  static forRoot(): ModuleWithProviders<ButtonModule> {\n    return { ngModule: ButtonModule, providers: [] };\n  }\n}\n"]}

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

@@ -0,0 +1,128 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/checkbox', ['exports', '@angular/core', '@angular/forms', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].checkbox = {}), global.ng.core, global.ng.forms, global.ng.common));
+}(this, (function (exports, core, forms, common) { 'use strict';
+
+    var CheckboxComponent = /** @class */ (function () {
+        function CheckboxComponent() {
+            this.isError = false;
+            this.isIndeterminate = false;
+            this.name = '';
+            this.formControl = new forms.FormControl();
+            this.valueChange = new core.EventEmitter();
+        }
+        Object.defineProperty(CheckboxComponent.prototype, "type", {
+            set: function (value) {
+                this.isError = value === 'Error';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxComponent.prototype, "indeterminate", {
+            set: function (value) {
+                if (value) {
+                    this.formControl.setValue(true);
+                    this.valueChange.emit({
+                        name: this.name,
+                        value: true
+                    });
+                }
+                else {
+                    this.formControl.setValue(false);
+                    this.valueChange.emit({
+                        name: this.name,
+                        value: false
+                    });
+                }
+                this.isIndeterminate = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxComponent.prototype, "checked", {
+            set: function (value) {
+                if (value)
+                    this.formControl.setValue(true);
+                else
+                    this.formControl.setValue(false);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CheckboxComponent.prototype, "disabled", {
+            set: function (value) {
+                if (value)
+                    this.formControl.disable();
+                else
+                    this.formControl.enable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CheckboxComponent.prototype.ngOnInit = function () {
+        };
+        CheckboxComponent.prototype.toggleState = function () {
+            if (this.isIndeterminate) {
+                this.isIndeterminate = false;
+                this.formControl.setValue(true);
+            }
+            else {
+                if (this.formControl.value)
+                    this.formControl.setValue(false);
+                else
+                    this.formControl.setValue(true);
+            }
+            this.valueChange.emit({
+                name: this.name,
+                value: this.formControl.value
+            });
+        };
+        return CheckboxComponent;
+    }());
+    CheckboxComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mis-checkbox',
+                    template: "<div\n  class=\"checkbox-container\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n    <input\n        hidden\n        type=\"checkbox\"\n        [formControl]=\"formControl\"\n        (click)=\"$event.stopPropagation()\"\n    >\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}"]
+                },] }
+    ];
+    CheckboxComponent.ctorParameters = function () { return []; };
+    CheckboxComponent.propDecorators = {
+        inputBox: [{ type: core.ViewChild, args: ['input',] }],
+        type: [{ type: core.Input }],
+        indeterminate: [{ type: core.Input }],
+        checked: [{ type: core.Input }],
+        disabled: [{ type: core.Input }],
+        name: [{ type: core.Input }],
+        formControl: [{ type: core.Input }],
+        valueChange: [{ type: core.Output }]
+    };
+
+    var CheckboxModule = /** @class */ (function () {
+        function CheckboxModule() {
+        }
+        CheckboxModule.forRoot = function () {
+            return { ngModule: CheckboxModule, providers: [] };
+        };
+        return CheckboxModule;
+    }());
+    CheckboxModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [CheckboxComponent],
+                    imports: [common.CommonModule, forms.ReactiveFormsModule],
+                    exports: [CheckboxComponent]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.CheckboxComponent = CheckboxComponent;
+    exports.CheckboxModule = CheckboxModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=mis-crystal-design-system-checkbox.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-checkbox.umd.js","sources":["../../../projects/mis-components/checkbox/checkbox.component.ts","../../../projects/mis-components/checkbox/checkbox.module.ts","../../../projects/mis-components/checkbox/mis-crystal-design-system-checkbox.ts"],"sourcesContent":["import {Component, OnInit, EventEmitter, Input, Output, ViewChild, ElementRef, Renderer2} from '@angular/core';\nimport {AbstractControl, FormControl} from '@angular/forms';\n\n@Component({\n  selector: 'mis-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss']\n})\nexport class CheckboxComponent implements OnInit {\n\n  public isError: boolean = false\n  public isIndeterminate: boolean = false\n\n  @ViewChild('input') inputBox: ElementRef\n  @Input() set type(value: 'Default' | 'Error') {\n    this.isError = value === 'Error';\n  }\n  @Input() set indeterminate(value: boolean){\n    if(value) {\n      this.formControl.setValue(true)\n      this.valueChange.emit({\n        name: this.name,\n        value: true\n      })\n    }\n    else{\n      this.formControl.setValue(false)\n      this.valueChange.emit({\n        name: this.name,\n        value: false\n      })\n    }\n    this.isIndeterminate = value\n  }\n  @Input() set checked(value: boolean){\n    if(value)this.formControl.setValue(true)\n    else this.formControl.setValue(false)\n  }\n  @Input() set disabled(value: boolean){\n    if(value) this.formControl.disable()\n    else this.formControl.enable()\n  }\n  @Input() name: string = ''\n  @Input() formControl: AbstractControl = new FormControl()\n  @Output() valueChange = new EventEmitter<{name: string, value: boolean}>()\n\n  constructor() {}\n  ngOnInit() {\n  }\n\n  toggleState() {\n    if(this.isIndeterminate) {\n      this.isIndeterminate = false;\n      this.formControl.setValue(true)\n    } else {\n      if(this.formControl.value) this.formControl.setValue(false)\n      else this.formControl.setValue(true)\n    }\n    this.valueChange.emit({\n      name: this.name,\n      value: this.formControl.value\n    });\n  }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n\n@NgModule({\n  declarations: [CheckboxComponent],\n  imports: [CommonModule, ReactiveFormsModule],\n  exports: [CheckboxComponent]\n})\nexport class CheckboxModule {\n  static forRoot(): ModuleWithProviders<CheckboxModule> {\n    return { ngModule: CheckboxModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","EventEmitter","Component","ViewChild","Input","Output","NgModule","CommonModule","ReactiveFormsModule"],"mappings":";;;;;;;QA8CE;YApCO,YAAO,GAAY,KAAK,CAAA;YACxB,oBAAe,GAAY,KAAK,CAAA;YA+B9B,SAAI,GAAW,EAAE,CAAA;YACjB,gBAAW,GAAoB,IAAIA,iBAAW,EAAE,CAAA;YAC/C,gBAAW,GAAG,IAAIC,iBAAY,EAAkC,CAAA;SAE1D;QAhChB,sBAAa,mCAAI;iBAAjB,UAAkB,KAA0B;gBAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;aAClC;;;WAAA;QACD,sBAAa,4CAAa;iBAA1B,UAA2B,KAAc;gBACvC,IAAG,KAAK,EAAE;oBACR,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;oBAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK,EAAE,IAAI;qBACZ,CAAC,CAAA;iBACH;qBACG;oBACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oBAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK,EAAE,KAAK;qBACb,CAAC,CAAA;iBACH;gBACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;aAC7B;;;WAAA;QACD,sBAAa,sCAAO;iBAApB,UAAqB,KAAc;gBACjC,IAAG,KAAK;oBAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;;oBACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACtC;;;WAAA;QACD,sBAAa,uCAAQ;iBAArB,UAAsB,KAAc;gBAClC,IAAG,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAA;;oBAC/B,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAA;aAC/B;;;WAAA;QAMD,oCAAQ,GAAR;SACC;QAED,uCAAW,GAAX;YACE,IAAG,IAAI,CAAC,eAAe,EAAE;gBACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;gBAC7B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;aAChC;iBAAM;gBACL,IAAG,IAAI,CAAC,WAAW,CAAC,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;;oBACtD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;aACrC;YACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;aAC9B,CAAC,CAAC;SACJ;;;;gBA3DFC,cAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,qvBAAwC;;iBAEzC;;;;2BAMEC,cAAS,SAAC,OAAO;uBACjBC,UAAK;gCAGLA,UAAK;0BAiBLA,UAAK;2BAILA,UAAK;uBAILA,UAAK;8BACLA,UAAK;8BACLC,WAAM;;;;QChCT;;QACS,sBAAO,GAAd;YACE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SACpD;;;;gBARFC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAACC,mBAAY,EAAEC,yBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B;;;ICXD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/checkbox",["exports","@angular/core","@angular/forms","@angular/common"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].checkbox={}),e.ng.core,e.ng.forms,e.ng.common)}(this,(function(e,o,r,t){"use strict";var n=function(){function e(){this.isError=!1,this.isIndeterminate=!1,this.name="",this.formControl=new r.FormControl,this.valueChange=new o.EventEmitter}return Object.defineProperty(e.prototype,"type",{set:function(e){this.isError="Error"===e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{set:function(e){e?(this.formControl.setValue(!0),this.valueChange.emit({name:this.name,value:!0})):(this.formControl.setValue(!1),this.valueChange.emit({name:this.name,value:!1})),this.isIndeterminate=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"checked",{set:function(e){e?this.formControl.setValue(!0):this.formControl.setValue(!1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{set:function(e){e?this.formControl.disable():this.formControl.enable()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.toggleState=function(){this.isIndeterminate?(this.isIndeterminate=!1,this.formControl.setValue(!0)):this.formControl.value?this.formControl.setValue(!1):this.formControl.setValue(!0),this.valueChange.emit({name:this.name,value:this.formControl.value})},e}();n.decorators=[{type:o.Component,args:[{selector:"mis-checkbox",template:'<div\n  class="checkbox-container"\n  (click)="!formControl.disabled && toggleState()"\n>\n    <input\n        hidden\n        type="checkbox"\n        [formControl]="formControl"\n        (click)="$event.stopPropagation()"\n    >\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}']}]}],n.ctorParameters=function(){return[]},n.propDecorators={inputBox:[{type:o.ViewChild,args:["input"]}],type:[{type:o.Input}],indeterminate:[{type:o.Input}],checked:[{type:o.Input}],disabled:[{type:o.Input}],name:[{type:o.Input}],formControl:[{type:o.Input}],valueChange:[{type:o.Output}]};var i=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();i.decorators=[{type:o.NgModule,args:[{declarations:[n],imports:[t.CommonModule,r.ReactiveFormsModule],exports:[n]}]}],e.CheckboxComponent=n,e.CheckboxModule=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=mis-crystal-design-system-checkbox.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/mis-components/checkbox/checkbox.component.ts","../../../projects/mis-components/checkbox/checkbox.module.ts"],"names":["CheckboxComponent","this","isError","isIndeterminate","name","formControl","FormControl","valueChange","EventEmitter","Object","defineProperty","prototype","value","setValue","emit","disable","enable","ngOnInit","toggleState","Component","args","selector","template","ViewChild","Input","Output","CheckboxModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","ReactiveFormsModule","exports"],"mappings":"+iBA8CE,SAAAA,IApCOC,KAAAC,SAAmB,EACnBD,KAAAE,iBAA2B,EA+BzBF,KAAAG,KAAe,GACfH,KAAAI,YAA+B,IAAIC,EAAAA,YAClCL,KAAAM,YAAc,IAAIC,EAAAA,oBA9B5BC,OAAAC,eAAaV,EAAAW,UAAA,OAAI,KAAjB,SAAkBC,GAChBX,KAAKC,QAAoB,UAAVU,mCAEjBH,OAAAC,eAAaV,EAAAW,UAAA,gBAAa,KAA1B,SAA2BC,GACtBA,GACDX,KAAKI,YAAYQ,UAAS,GAC1BZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,OAAO,MAITX,KAAKI,YAAYQ,UAAS,GAC1BZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,OAAO,KAGXX,KAAKE,gBAAkBS,mCAEzBH,OAAAC,eAAaV,EAAAW,UAAA,UAAO,KAApB,SAAqBC,GAChBA,EAAMX,KAAKI,YAAYQ,UAAS,GAC9BZ,KAAKI,YAAYQ,UAAS,oCAEjCJ,OAAAC,eAAaV,EAAAW,UAAA,WAAQ,KAArB,SAAsBC,GACjBA,EAAOX,KAAKI,YAAYU,UACtBd,KAAKI,YAAYW,0CAOxBhB,EAAAW,UAAAM,SAAA,aAGAjB,EAAAW,UAAAO,YAAA,WACKjB,KAAKE,iBACNF,KAAKE,iBAAkB,EACvBF,KAAKI,YAAYQ,UAAS,IAEvBZ,KAAKI,YAAYO,MAAOX,KAAKI,YAAYQ,UAAS,GAChDZ,KAAKI,YAAYQ,UAAS,GAEjCZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,MAAOX,KAAKI,YAAYO,kCAzD7BO,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,yrFAQCC,EAAAA,UAASH,KAAA,CAAC,uBACVI,EAAAA,6BAGAA,EAAAA,uBAiBAA,EAAAA,wBAIAA,EAAAA,oBAIAA,EAAAA,2BACAA,EAAAA,2BACAC,EAAAA,2BChCH,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CAAEC,SAAUF,EAAgBG,UAAW,8BAPjDC,EAAAA,SAAQV,KAAA,CAAC,CACRW,aAAc,CAAC/B,GACfgC,QAAS,CAACC,EAAAA,aAAcC,EAAAA,qBACxBC,QAAS,CAACnC","sourcesContent":["import {Component, OnInit, EventEmitter, Input, Output, ViewChild, ElementRef, Renderer2} from '@angular/core';\nimport {AbstractControl, FormControl} from '@angular/forms';\n\n@Component({\n  selector: 'mis-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss']\n})\nexport class CheckboxComponent implements OnInit {\n\n  public isError: boolean = false\n  public isIndeterminate: boolean = false\n\n  @ViewChild('input') inputBox: ElementRef\n  @Input() set type(value: 'Default' | 'Error') {\n    this.isError = value === 'Error';\n  }\n  @Input() set indeterminate(value: boolean){\n    if(value) {\n      this.formControl.setValue(true)\n      this.valueChange.emit({\n        name: this.name,\n        value: true\n      })\n    }\n    else{\n      this.formControl.setValue(false)\n      this.valueChange.emit({\n        name: this.name,\n        value: false\n      })\n    }\n    this.isIndeterminate = value\n  }\n  @Input() set checked(value: boolean){\n    if(value)this.formControl.setValue(true)\n    else this.formControl.setValue(false)\n  }\n  @Input() set disabled(value: boolean){\n    if(value) this.formControl.disable()\n    else this.formControl.enable()\n  }\n  @Input() name: string = ''\n  @Input() formControl: AbstractControl = new FormControl()\n  @Output() valueChange = new EventEmitter<{name: string, value: boolean}>()\n\n  constructor() {}\n  ngOnInit() {\n  }\n\n  toggleState() {\n    if(this.isIndeterminate) {\n      this.isIndeterminate = false;\n      this.formControl.setValue(true)\n    } else {\n      if(this.formControl.value) this.formControl.setValue(false)\n      else this.formControl.setValue(true)\n    }\n    this.valueChange.emit({\n      name: this.name,\n      value: this.formControl.value\n    });\n  }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport {ReactiveFormsModule} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\n\nimport { CheckboxComponent } from './checkbox.component';\n\n\n@NgModule({\n  declarations: [CheckboxComponent],\n  imports: [CommonModule, ReactiveFormsModule],\n  exports: [CheckboxComponent]\n})\nexport class CheckboxModule {\n  static forRoot(): ModuleWithProviders<CheckboxModule> {\n    return { ngModule: CheckboxModule, providers: [] };\n  }\n}\n"]}

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

@@ -0,0 +1,65 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/chip', ['exports', '@angular/core', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].chip = {}), global.ng.core, global.ng.common));
+}(this, (function (exports, core, common) { 'use strict';
+
+    var ChipComponent = /** @class */ (function () {
+        function ChipComponent() {
+            this.label = '';
+            this.value = '';
+            this.size = 'Medium';
+            this.iconUrl = null;
+            this.count = null;
+            this.dismissible = false;
+            this.cancel = new core.EventEmitter();
+        }
+        ChipComponent.prototype.ngOnInit = function () {
+        };
+        return ChipComponent;
+    }());
+    ChipComponent.decorators = [
+        { type: core.Component, args: [{
+                    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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" 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\" fill=\"#181F33\"/>\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}"]
+                },] }
+    ];
+    ChipComponent.ctorParameters = function () { return []; };
+    ChipComponent.propDecorators = {
+        label: [{ type: core.Input }],
+        value: [{ type: core.Input }],
+        size: [{ type: core.Input }],
+        iconUrl: [{ type: core.Input }],
+        count: [{ type: core.Input }],
+        dismissible: [{ type: core.Input }],
+        cancel: [{ type: core.Output }]
+    };
+
+    var ChipModule = /** @class */ (function () {
+        function ChipModule() {
+        }
+        ChipModule.forRoot = function () {
+            return { ngModule: ChipModule, providers: [] };
+        };
+        return ChipModule;
+    }());
+    ChipModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [ChipComponent],
+                    imports: [common.CommonModule],
+                    exports: [ChipComponent]
+                },] }
+    ];
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.ChipComponent = ChipComponent;
+    exports.ChipModule = ChipModule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=mis-crystal-design-system-chip.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mis-crystal-design-system-chip.umd.js","sources":["../../../projects/mis-components/chip/chip.component.ts","../../../projects/mis-components/chip/chip.module.ts","../../../projects/mis-components/chip/mis-crystal-design-system-chip.ts"],"sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter} from '@angular/core';\n\n@Component({\n    selector: 'mis-chip',\n    templateUrl: 'chip.component.html',\n    styleUrls: ['chip.component.scss']\n})\nexport class ChipComponent implements OnInit{\n\n    @Input() label: string = ''\n    @Input() value: any = ''\n    @Input() size: 'Small' | 'Medium' | 'Small-M' | 'Medium-M' = 'Medium'\n    @Input() iconUrl: string | null = null\n    @Input() count: number | null | undefined = null\n    @Input() dismissible: boolean = false\n\n    @Output() cancel = new EventEmitter<any>()\n    constructor() {\n    }\n    ngOnInit() {\n    }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipComponent } from './chip.component';\n\n@NgModule({\n    declarations: [ChipComponent],\n    imports: [CommonModule],\n    exports: [ChipComponent]\n})\nexport class ChipModule {\n    static forRoot(): ModuleWithProviders<ChipModule> {\n        return { ngModule: ChipModule, providers: [] };\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAiBI;YARS,UAAK,GAAW,EAAE,CAAA;YAClB,UAAK,GAAQ,EAAE,CAAA;YACf,SAAI,GAAgD,QAAQ,CAAA;YAC5D,YAAO,GAAkB,IAAI,CAAA;YAC7B,UAAK,GAA8B,IAAI,CAAA;YACvC,gBAAW,GAAY,KAAK,CAAA;YAE3B,WAAM,GAAG,IAAIA,iBAAY,EAAO,CAAA;SAEzC;QACD,gCAAQ,GAAR;SACC;;;;gBAlBJC,cAAS,SAAC;oBACP,QAAQ,EAAE,UAAU;oBACpB,o1CAAkC;;iBAErC;;;;wBAGIC,UAAK;wBACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;wBACLA,UAAK;8BACLA,UAAK;yBAELC,WAAM;;;;QCPX;;QACW,kBAAO,GAAd;YACI,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SAClD;;;;gBARJC,aAAQ,SAAC;oBACN,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,aAAa,CAAC;iBAC3B;;;ICRD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/chip",["exports","@angular/core","@angular/common"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].chip={}),e.ng.core,e.ng.common)}(this,(function(e,n,t){"use strict";var i=function(){function e(){this.label="",this.value="",this.size="Medium",this.iconUrl=null,this.count=null,this.dismissible=!1,this.cancel=new n.EventEmitter}return e.prototype.ngOnInit=function(){},e}();i.decorators=[{type:n.Component,args:[{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 fill-rule="evenodd" clip-rule="evenodd" 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" fill="#181F33"/>\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}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={label:[{type:n.Input}],value:[{type:n.Input}],size:[{type:n.Input}],iconUrl:[{type:n.Input}],count:[{type:n.Input}],dismissible:[{type:n.Input}],cancel:[{type:n.Output}]};var o=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();o.decorators=[{type:n.NgModule,args:[{declarations:[i],imports:[t.CommonModule],exports:[i]}]}],e.ChipComponent=i,e.ChipModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=mis-crystal-design-system-chip.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../projects/mis-components/chip/chip.component.ts","../../../projects/mis-components/chip/chip.module.ts"],"names":["ChipComponent","this","label","value","size","iconUrl","count","dismissible","cancel","EventEmitter","prototype","ngOnInit","Component","args","selector","template","Input","Output","ChipModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","exports"],"mappings":"+eAiBI,SAAAA,IARSC,KAAAC,MAAgB,GAChBD,KAAAE,MAAa,GACbF,KAAAG,KAAoD,SACpDH,KAAAI,QAAyB,KACzBJ,KAAAK,MAAmC,KACnCL,KAAAM,aAAuB,EAEtBN,KAAAO,OAAS,IAAIC,EAAAA,oBAGvBT,EAAAU,UAAAC,SAAA,sCAjBHC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,WACVC,SAAA,o8EAKCC,EAAAA,qBACAA,EAAAA,oBACAA,EAAAA,uBACAA,EAAAA,qBACAA,EAAAA,2BACAA,EAAAA,sBAEAC,EAAAA,2BCPL,SAAAC,YACWA,EAAAC,QAAP,WACI,MAAO,CAAEC,SAAUF,EAAYG,UAAW,8BAPjDC,EAAAA,SAAQT,KAAA,CAAC,CACNU,aAAc,CAACvB,GACfwB,QAAS,CAACC,EAAAA,cACVC,QAAS,CAAC1B","sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter} from '@angular/core';\n\n@Component({\n    selector: 'mis-chip',\n    templateUrl: 'chip.component.html',\n    styleUrls: ['chip.component.scss']\n})\nexport class ChipComponent implements OnInit{\n\n    @Input() label: string = ''\n    @Input() value: any = ''\n    @Input() size: 'Small' | 'Medium' | 'Small-M' | 'Medium-M' = 'Medium'\n    @Input() iconUrl: string | null = null\n    @Input() count: number | null | undefined = null\n    @Input() dismissible: boolean = false\n\n    @Output() cancel = new EventEmitter<any>()\n    constructor() {\n    }\n    ngOnInit() {\n    }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipComponent } from './chip.component';\n\n@NgModule({\n    declarations: [ChipComponent],\n    imports: [CommonModule],\n    exports: [ChipComponent]\n})\nexport class ChipModule {\n    static forRoot(): ModuleWithProviders<ChipModule> {\n        return { ngModule: ChipModule, providers: [] };\n    }\n}\n"]}

package/bundles/{mis-crystal-design-system-src-datepicker.umd.js → mis-crystal-design-system-datepicker.umd.js}

@@ -1,7 +1,7 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs/operators'), require('@angular/common'), require('rxjs'), require('@angular/animations'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/src/datepicker', ['exports', '@angular/core', 'rxjs/operators', '@angular/common', 'rxjs', '@angular/animations', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].src = global['mis-crystal-design-system'].src || {}, global['mis-crystal-design-system'].src.datepicker = {}), global.ng.core, global.rxjs.operators, global.ng.common, global.rxjs, global.ng.animations, global.ng.forms));
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/datepicker', ['exports', '@angular/core', 'rxjs/operators', '@angular/common', 'rxjs', '@angular/animations', '@angular/forms'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].datepicker = {}), global.ng.core, global.rxjs.operators, global.ng.common, global.rxjs, global.ng.animations, global.ng.forms));
 }(this, (function (exports, i0, operators, common, rxjs, animations, forms$1) { 'use strict';
 
     /**
@@ -13911,4 +13911,4 @@
     Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
-//# sourceMappingURL=mis-crystal-design-system-src-datepicker.umd.js.map
+//# sourceMappingURL=mis-crystal-design-system-datepicker.umd.js.map