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

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.directive.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","ButtonDirective","el","renderer","elementClass","ngAfterViewInit","bindTypeClass","bindSizeClass","className","addClass","nativeElement","Directive","ElementRef","Renderer2","HostBinding","ButtonModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","exports"],"mappings":"mfAwBE,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,6BA3BnBE,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,aACVC,SAAA,o7EAICC,EAAAA,oBACAA,EAAAA,oBACAA,EAAAA,qBACAA,EAAAA,wBAEAA,EAAAA,uBACAA,EAAAA,4BACAA,EAAAA,wBAEAA,EAAAA,uCACAA,EAAAA,wCACAA,EAAAA,qBAGAC,EAAAA,2BCZD,SAAAC,EAAoBC,EAAwBC,GAAxB1B,KAAAyB,GAAAA,EAAwBzB,KAAA0B,SAAAA,EAJnC1B,KAAAE,KAAuC,OACvCF,KAAAG,KAA2B,KACdH,KAAA2B,aAAe,iBAIrCH,EAAAX,UAAAe,gBAAA,WACE5B,KAAK6B,gBACL7B,KAAK8B,iBAGCN,EAAAX,UAAAgB,cAAA,WACN,IAAIE,EAAY,GAChB,OAAQ/B,KAAKE,MACX,IAAK,UACH6B,EAAY,cACZ,MACF,IAAK,UACHA,EAAY,cACZ,MACF,QACEA,EAAY,WAEhB/B,KAAK0B,SAASM,SAAShC,KAAKyB,GAAGQ,cAAeF,IAGxCP,EAAAX,UAAAiB,cAAA,WACN,IAAIC,EAAY,GAChB,OAAQ/B,KAAKG,MACX,IAAK,KACH4B,EAAY,aACZ,MACF,IAAK,KACHA,EAAY,aACZ,MACF,QACEA,EAAY,aAEhB/B,KAAK0B,SAASM,SAAShC,KAAKyB,GAAGQ,cAAeF,6BA1CjDG,EAAAA,UAASf,KAAA,CAAC,CACTC,SAAU,4DAHuBe,EAAAA,kBAAgCC,EAAAA,2CAMhEd,EAAAA,oBACAA,EAAAA,4BACAe,EAAAA,YAAWlB,KAAA,CAAC,6BCEf,SAAAmB,YACSA,EAAAC,QAAP,WACE,MAAO,CAAEC,SAAUF,EAAcG,UAAW,8BAP/CC,EAAAA,SAAQvB,KAAA,CAAC,CACRwB,aAAc,CAAC5C,EAAiByB,GAChCoB,QAAS,CAACC,EAAAA,cACVC,QAAS,CAAC/C,EAAiByB","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  @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 { AfterViewInit, Directive, ElementRef, HostBinding, Input, Renderer2 } from \"@angular/core\";\n\n@Directive({\n  selector: \"[mis-button]\"\n})\nexport class ButtonDirective implements AfterViewInit {\n  @Input() type: \"primary\" | \"outline\" | \"none\" = \"none\";\n  @Input() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n  @HostBinding(\"class\") elementClass = \"mis-btn\";\n\n  constructor(private el: ElementRef, private renderer: Renderer2) {}\n\n  ngAfterViewInit(): void {\n    this.bindTypeClass();\n    this.bindSizeClass();\n  }\n\n  private bindTypeClass(): void {\n    let className = \"\";\n    switch (this.type) {\n      case \"primary\":\n        className = \"mis-primary\";\n        break;\n      case \"outline\":\n        className = \"mis-outline\";\n        break;\n      default:\n        className = \"mis-none\";\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n\n  private bindSizeClass(): void {\n    let className = \"\";\n    switch (this.size) {\n      case \"lg\":\n        className = \"mis-btn-lg\";\n        break;\n      case \"sm\":\n        className = \"mis-btn-sm\";\n        break;\n      default:\n        className = \"mis-btn-md\";\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonDirective } from \"./button.directive\";\nimport { ButtonComponent } from \"./button.component\";\n\n@NgModule({\n  declarations: [ButtonComponent, ButtonDirective],\n  imports: [CommonModule],\n  exports: [ButtonComponent, ButtonDirective]\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,127 @@
+(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  [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}"]
+                },] }
+    ];
+    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  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    } 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  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","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { CheckboxComponent } from \"./checkbox.component\";\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":";;;;;;;QA4CE;YAnCO,YAAO,GAAY,KAAK,CAAC;YACzB,oBAAe,GAAY,KAAK,CAAC;YA8B/B,SAAI,GAAW,EAAE,CAAC;YAClB,gBAAW,GAAoB,IAAIA,iBAAW,EAAE,CAAC;YAChD,gBAAW,GAAG,IAAIC,iBAAY,EAAoC,CAAC;SAE7D;QA/BhB,sBAAa,mCAAI;iBAAjB,UAAkB,KAA0B;gBAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;aAClC;;;WAAA;QACD,sBAAa,4CAAa;iBAA1B,UAA2B,KAAc;gBACvC,IAAI,KAAK,EAAE;oBACT,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK,EAAE,IAAI;qBACZ,CAAC,CAAC;iBACJ;qBAAM;oBACL,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;wBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,KAAK,EAAE,KAAK;qBACb,CAAC,CAAC;iBACJ;gBACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;aAC9B;;;WAAA;QACD,sBAAa,sCAAO;iBAApB,UAAqB,KAAc;gBACjC,IAAI,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;oBACtC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACvC;;;WAAA;QACD,sBAAa,uCAAQ;iBAArB,UAAsB,KAAc;gBAClC,IAAI,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;;oBACjC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;aAChC;;;WAAA;QAMD,oCAAQ,GAAR,eAAa;QAEb,uCAAW,GAAX;YACE,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;gBAC7B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aACjC;iBAAM;gBACL,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK;oBAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;;oBACxD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aACtC;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;;;;gBAxDFC,cAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,qvBAAwC;;iBAEzC;;;;2BAKEC,cAAS,SAAC,OAAO;uBACjBC,UAAK;gCAGLA,UAAK;0BAgBLA,UAAK;2BAILA,UAAK;uBAILA,UAAK;8BACLA,UAAK;8BACLC,WAAM;;;;QC/BT;;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;;;ICVD;;;;;;;;;;;;;"}

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  [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}']}]}],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":"+iBA4CE,SAAAA,IAnCOC,KAAAC,SAAmB,EACnBD,KAAAE,iBAA2B,EA8BzBF,KAAAG,KAAe,GACfH,KAAAI,YAA+B,IAAIC,EAAAA,YAClCL,KAAAM,YAAc,IAAIC,EAAAA,oBA7B5BC,OAAAC,eAAaV,EAAAW,UAAA,OAAI,KAAjB,SAAkBC,GAChBX,KAAKC,QAAoB,UAAVU,mCAEjBH,OAAAC,eAAaV,EAAAW,UAAA,gBAAa,KAA1B,SAA2BC,GACrBA,GACFX,KAAKI,YAAYQ,UAAS,GAC1BZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,OAAO,MAGTX,KAAKI,YAAYQ,UAAS,GAC1BZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,OAAO,KAGXX,KAAKE,gBAAkBS,mCAEzBH,OAAAC,eAAaV,EAAAW,UAAA,UAAO,KAApB,SAAqBC,GACfA,EAAOX,KAAKI,YAAYQ,UAAS,GAChCZ,KAAKI,YAAYQ,UAAS,oCAEjCJ,OAAAC,eAAaV,EAAAW,UAAA,WAAQ,KAArB,SAAsBC,GAChBA,EAAOX,KAAKI,YAAYU,UACvBd,KAAKI,YAAYW,0CAOxBhB,EAAAW,UAAAM,SAAA,aAEAjB,EAAAW,UAAAO,YAAA,WACMjB,KAAKE,iBACPF,KAAKE,iBAAkB,EACvBF,KAAKI,YAAYQ,UAAS,IAEtBZ,KAAKI,YAAYO,MAAOX,KAAKI,YAAYQ,UAAS,GACjDZ,KAAKI,YAAYQ,UAAS,GAEjCZ,KAAKM,YAAYO,KAAK,CACpBV,KAAMH,KAAKG,KACXQ,MAAOX,KAAKI,YAAYO,kCAtD7BO,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,urFAOCC,EAAAA,UAASH,KAAA,CAAC,uBACVI,EAAAA,6BAGAA,EAAAA,uBAgBAA,EAAAA,wBAIAA,EAAAA,oBAIAA,EAAAA,2BACAA,EAAAA,2BACAC,EAAAA,2BC/BH,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  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    } 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  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","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { CheckboxComponent } from \"./checkbox.component\";\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,64 @@
+(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\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}"]
+                },] }
+    ];
+    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  @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  ngOnInit() {}\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":";;;;;;;QAgBE;YARS,UAAK,GAAW,EAAE,CAAC;YACnB,UAAK,GAAQ,EAAE,CAAC;YAChB,SAAI,GAAgD,QAAQ,CAAC;YAC7D,YAAO,GAAkB,IAAI,CAAC;YAC9B,UAAK,GAA8B,IAAI,CAAC;YACxC,gBAAW,GAAY,KAAK,CAAC;YAE5B,WAAM,GAAG,IAAIA,iBAAY,EAAO,CAAC;SAC3B;QAChB,gCAAQ,GAAR,eAAa;;;;gBAfdC,cAAS,SAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,00CAAkC;;iBAEnC;;;;wBAEEC,UAAK;wBACLA,UAAK;uBACLA,UAAK;0BACLA,UAAK;wBACLA,UAAK;8BACLA,UAAK;yBAELC,WAAM;;;;QCNT;;QACS,kBAAO,GAAd;YACE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;SAChD;;;;gBARFC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,aAAa,CAAC;iBACzB;;;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\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}"]}]}],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":"+eAgBE,SAAAA,IARSC,KAAAC,MAAgB,GAChBD,KAAAE,MAAa,GACbF,KAAAG,KAAoD,SACpDH,KAAAI,QAAyB,KACzBJ,KAAAK,MAAmC,KACnCL,KAAAM,aAAuB,EAEtBN,KAAAO,OAAS,IAAIC,EAAAA,oBAEvBT,EAAAU,UAAAC,SAAA,sCAfDC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,WACVC,SAAA,s7EAICC,EAAAA,qBACAA,EAAAA,oBACAA,EAAAA,uBACAA,EAAAA,qBACAA,EAAAA,2BACAA,EAAAA,sBAEAC,EAAAA,2BCNH,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CAAEC,SAAUF,EAAYG,UAAW,8BAP7CC,EAAAA,SAAQT,KAAA,CAAC,CACRU,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  @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  ngOnInit() {}\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"]}