mis-crystal-design-system 2.5.0 → 2.5.3

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

@@ -1,2 +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(e,t){this.el=e,this.renderer=t,this.type="none",this.size="md",this.elementClass="mis-btn"}return e.prototype.ngAfterViewInit=function(){this.bindTypeClass(),this.bindSizeClass()},e.prototype.bindTypeClass=function(){var e="";switch(this.type){case"primary":e="mis-primary";break;case"outline":e="mis-outline";break;default:e="mis-none"}this.renderer.addClass(this.el.nativeElement,e)},e.prototype.bindSizeClass=function(){var e="";switch(this.size){case"lg":e="mis-btn-lg";break;case"sm":e="mis-btn-sm";break;default:e="mis-btn-md"}this.renderer.addClass(this.el.nativeElement,e)},e}();o.decorators=[{type:t.Directive,args:[{selector:"[mis-button]"}]}],o.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},o.propDecorators={type:[{type:t.Input}],size:[{type:t.Input}],elementClass:[{type:t.HostBinding,args:["class"]}]};var r=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();r.decorators=[{type:t.NgModule,args:[{declarations:[i,o],imports:[n.CommonModule],exports:[i,o]}]}],e.ButtonComponent=i,e.ButtonModule=r,e.ɵa=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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(e,t){this.el=e,this.renderer=t,this.type="none",this.size="md",this.elementClass="mis-btn"}return e.prototype.ngAfterViewInit=function(){this.bindTypeClass(),this.bindSizeClass()},e.prototype.bindTypeClass=function(){var e="";switch(this.type){case"primary":e="mis-primary";break;case"outline":e="mis-outline";break;default:e="mis-none"}this.renderer.addClass(this.el.nativeElement,e)},e.prototype.bindSizeClass=function(){var e="";switch(this.size){case"lg":e="mis-btn-lg";break;case"sm":e="mis-btn-sm";break;default:e="mis-btn-md"}this.renderer.addClass(this.el.nativeElement,e)},e}();o.decorators=[{type:t.Directive,args:[{selector:"[mis-button]"}]}],o.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},o.propDecorators={type:[{type:t.Input}],size:[{type:t.Input}],elementClass:[{type:t.HostBinding,args:["class"]}]};var r=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[]}},e}();r.decorators=[{type:t.NgModule,args:[{declarations:[i,o],imports:[n.CommonModule],exports:[i,o]}]}],e.ButtonComponent=i,e.ButtonModule=r,e.ɵa=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

@@ -1 +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":"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,2BCND,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,4DAPVe,EAAAA,kBAGAC,EAAAA,2CAOCd,EAAAA,oBACAA,EAAAA,4BACAe,EAAAA,YAAWlB,KAAA,CAAC,6BCLf,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\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 {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  Renderer2,\n} 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"]}
+{"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

@@ -8,13 +8,13 @@
         function CheckboxComponent() {
             this.isError = false;
             this.isIndeterminate = false;
-            this.name = '';
+            this.name = "";
             this.formControl = new forms.FormControl();
             this.valueChange = new core.EventEmitter();
         }
         Object.defineProperty(CheckboxComponent.prototype, "type", {
             set: function (value) {
-                this.isError = value === 'Error';
+                this.isError = value === "Error";
             },
             enumerable: false,
             configurable: true
@@ -60,8 +60,7 @@
             enumerable: false,
             configurable: true
         });
-        CheckboxComponent.prototype.ngOnInit = function () {
-        };
+        CheckboxComponent.prototype.ngOnInit = function () { };
         CheckboxComponent.prototype.toggleState = function () {
             if (this.isIndeterminate) {
                 this.isIndeterminate = false;
@@ -82,14 +81,14 @@
     }());
     CheckboxComponent.decorators = [
         { type: core.Component, args: [{
-                    selector: 'mis-checkbox',
+                    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',] }],
+        inputBox: [{ type: core.ViewChild, args: ["input",] }],
         type: [{ type: core.Input }],
         indeterminate: [{ type: core.Input }],
         checked: [{ type: core.Input }],

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

@@ -1 +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;;;;;;;;;;;;;"}
+{"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.map

@@ -1 +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,urFAQCC,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"]}
+{"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

@@ -6,22 +6,21 @@
 
     var ChipComponent = /** @class */ (function () {
         function ChipComponent() {
-            this.label = '';
-            this.value = '';
-            this.size = 'Medium';
+            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 () {
-        };
+        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",
+                    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}"]
                 },] }
     ];

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

@@ -1 +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;;;;;;;;;;;;;"}
+{"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

@@ -1,2 +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})}));
+!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

@@ -1 +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"]}
+{"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"]}

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('moment-timezone'), require('mis-crystal-design-system/toast'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/forms'), require('rxjs/operators'), require('mis-crystal-design-system/utils'), require('mis-crystal-design-system/button')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/datepicker_v2', ['exports', '@angular/core', '@angular/common', 'moment-timezone', 'mis-crystal-design-system/toast', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/forms', 'rxjs/operators', 'mis-crystal-design-system/utils', 'mis-crystal-design-system/button'], 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_v2 = {}), global.ng.core, global.ng.common, global.momentTimezone, global['mis-crystal-design-system'].toast, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.forms, global.rxjs.operators, global['mis-crystal-design-system'].utils, global['mis-crystal-design-system'].button));
-}(this, (function (exports, core, common, momentTimezone, toast, overlay, portal, forms, operators, utils, button) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/cdk/overlay'), require('moment-timezone'), require('mis-crystal-design-system/toast'), require('@angular/cdk/portal'), require('@angular/forms'), require('rxjs/operators'), require('mis-crystal-design-system/utils'), require('mis-crystal-design-system/button')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/datepicker_v2', ['exports', '@angular/core', '@angular/common', '@angular/cdk/overlay', 'moment-timezone', 'mis-crystal-design-system/toast', '@angular/cdk/portal', '@angular/forms', 'rxjs/operators', 'mis-crystal-design-system/utils', 'mis-crystal-design-system/button'], 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_v2 = {}), global.ng.core, global.ng.common, global.ng.cdk.overlay, global.momentTimezone, global['mis-crystal-design-system'].toast, global.ng.cdk.portal, global.ng.forms, global.rxjs.operators, global['mis-crystal-design-system'].utils, global['mis-crystal-design-system'].button));
+}(this, (function (exports, core, common, overlay, momentTimezone, toast, portal, forms, operators, utils, button) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -323,47 +323,47 @@
     }
 
     /** @format */
-    var CONTAINER_DATA = new core.InjectionToken('CONTAINER_DATA');
+    var CONTAINER_DATA = new core.InjectionToken("CONTAINER_DATA");
     var DATE_FORMAT = "DD-MM-YYYY";
 
     var getMonth = function (index) {
         var month;
         switch (index) {
             case 0:
-                month = 'January';
+                month = "January";
                 break;
             case 1:
-                month = 'February';
+                month = "February";
                 break;
             case 2:
-                month = 'March';
+                month = "March";
                 break;
             case 3:
-                month = 'April';
+                month = "April";
                 break;
             case 4:
-                month = 'May';
+                month = "May";
                 break;
             case 5:
-                month = 'June';
+                month = "June";
                 break;
             case 6:
-                month = 'July';
+                month = "July";
                 break;
             case 7:
-                month = 'August';
+                month = "August";
                 break;
             case 8:
-                month = 'September';
+                month = "September";
                 break;
             case 9:
-                month = 'October';
+                month = "October";
                 break;
             case 10:
-                month = 'November';
+                month = "November";
                 break;
             case 11:
-                month = 'December';
+                month = "December";
                 break;
             default:
                 break;
@@ -403,7 +403,7 @@
             this.currentYearNumber = this.parseZoneInstance().year();
             this.weekDays = this.rawWeekDays.map(function (day, index) { return ({
                 label: "" + day[0] + day.slice(1).toLowerCase(),
-                isCurrentDay: _this.parseZoneInstance().day() === index,
+                isCurrentDay: _this.parseZoneInstance().day() === index
             }); });
             if (!((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.dpConfig) === null || _d === void 0 ? void 0 : _d.format)) {
                 this.data.dpConfig = Object.assign(Object.assign({}, this.data.dpConfig), { format: DATE_FORMAT });
@@ -471,7 +471,7 @@
                         this_1.parseZoneInstance().format(this_1.data.dpConfig.format),
                     isSelectedDay: !isDisabledDay && date.format(this_1.data.dpConfig.format) === this_1.data.date,
                     toastMessage: ((_a = this_1.data.messages.find(function (q) { return date.format(_this.data.dpConfig.format) === q.date; })) === null || _a === void 0 ? void 0 : _a.message) || "",
-                    isDisabledDay: isDisabledDay,
+                    isDisabledDay: isDisabledDay
                 });
             };
             var this_1 = this;
@@ -498,22 +498,25 @@
         };
         TzDpContainerComponent.prototype.applyDate = function (day) {
             if (day || this.localSelectedDate) {
-                this.data.dateChange(momentTimezone.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber)
-                    .date(day ? day.date : this.localSelectedDate.date).format(this.data.dpConfig.format));
+                this.data.dateChange(momentTimezone.parseZone()
+                    .year(this.currentYearNumber)
+                    .month(this.currentMonthNumber)
+                    .date(day ? day.date : this.localSelectedDate.date)
+                    .format(this.data.dpConfig.format));
             }
             else {
                 this.cancelDatePicker();
             }
         };
         TzDpContainerComponent.prototype.cancelDatePicker = function () {
-            this.data.dateChange('');
+            this.data.dateChange("");
         };
         return TzDpContainerComponent;
     }());
     TzDpContainerComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "mis-tz-dp",
-                    template: "<div class=\"datepicker-container\">\n  <div class=\"datepicker-container__header\">\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n      [ngClass]=\"{\n        'disabled-month': isPreviousMonthDisabled\n      }\"\n    >\n      <svg\n        width=\"20\"\n        height=\"16\"\n        viewBox=\"0 0 20 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n    <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n      [ngClass]=\"{\n        'disabled-month': isNextMonthDisabled\n      }\"\n    >\n      <svg\n        width=\"20\"\n        height=\"16\"\n        viewBox=\"0 0 20 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n  </div>\n  <div class=\"datepicker-container__body\">\n    <div class=\"datepicker-container__weekdays\">\n      <div\n        class=\"datepicker-container__weekday\"\n        *ngFor=\"let weekDay of weekDays\"\n      >\n        <span [ngClass]=\"{ 'current-day': weekDay.isCurrentDay }\">{{\n          weekDay.label\n        }}</span>\n      </div>\n    </div>\n    <div class=\"datepicker-container__days\">\n      <div\n        class=\"datepicker-container__day\"\n        [ngClass]=\"{\n          'selected-day': !localSelectedDate\n            ? day.isSelectedDay\n            : day === localSelectedDate,\n          'disabled-day': day.isDisabledDay,\n          'is-valid-date': day.date > 0 && !day.isSelectedDay\n        }\"\n        *ngFor=\"let day of currentMonthDates\"\n        (click)=\"selectDay(day)\"\n      >\n        <span\n          *ngIf=\"day.date > 0\"\n          [ngClass]=\"{\n            'current-day': day.isCurrentDay,\n            'selected-day': !localSelectedDate\n              ? day.isSelectedDay\n              : day === localSelectedDate,\n            'disabled-day': day.isDisabledDay\n          }\"\n        >\n          {{ day.date }}\n        </span>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"datepicker-container__footer\"\n    *ngIf=\"data.dpConfig.showApplyButton\"\n  >\n    <button mis-button size=\"md\" type=\"'none'\" (click)=\"cancelDatePicker()\">\n      Cancel\n    </button>\n    <button\n      mis-button\n      size=\"md\"\n      type=\"primary\"\n      (click)=\"applyDate()\"\n      [disabled]=\"!(data.date || localSelectedDate)\"\n    >\n      Apply\n    </button>\n  </div>\n</div>\n",
+                    template: "<div class=\"datepicker-container\">\n  <div class=\"datepicker-container__header\">\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isPreviousMonthDisabled && navigateMonth('PREVIOUS')\"\n      [ngClass]=\"{\n        'disabled-month': isPreviousMonthDisabled\n      }\"\n    >\n      <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n    <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n    <div\n      class=\"datepicker-container__arrow__icon\"\n      (click)=\"!isNextMonthDisabled && navigateMonth('NEXT')\"\n      [ngClass]=\"{\n        'disabled-month': isNextMonthDisabled\n      }\"\n    >\n      <svg width=\"20\" height=\"16\" viewBox=\"0 0 20 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z\"\n          fill=\"#181F33\"\n        ></path>\n      </svg>\n    </div>\n  </div>\n  <div class=\"datepicker-container__body\">\n    <div class=\"datepicker-container__weekdays\">\n      <div class=\"datepicker-container__weekday\" *ngFor=\"let weekDay of weekDays\">\n        <span [ngClass]=\"{ 'current-day': weekDay.isCurrentDay }\">{{ weekDay.label }}</span>\n      </div>\n    </div>\n    <div class=\"datepicker-container__days\">\n      <div\n        class=\"datepicker-container__day\"\n        [ngClass]=\"{\n          'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n          'disabled-day': day.isDisabledDay,\n          'is-valid-date': day.date > 0 && !day.isSelectedDay\n        }\"\n        *ngFor=\"let day of currentMonthDates\"\n        (click)=\"selectDay(day)\"\n      >\n        <span\n          *ngIf=\"day.date > 0\"\n          [ngClass]=\"{\n            'current-day': day.isCurrentDay,\n            'selected-day': !localSelectedDate ? day.isSelectedDay : day === localSelectedDate,\n            'disabled-day': day.isDisabledDay\n          }\"\n        >\n          {{ day.date }}\n        </span>\n      </div>\n    </div>\n  </div>\n  <div class=\"datepicker-container__footer\" *ngIf=\"data.dpConfig.showApplyButton\">\n    <button mis-button size=\"md\" type=\"'none'\" (click)=\"cancelDatePicker()\">Cancel</button>\n    <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDate()\" [disabled]=\"!(data.date || localSelectedDate)\">Apply</button>\n  </div>\n</div>\n",
                     styles: [".datepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;width:290px}.datepicker-container .datepicker-container__header{display:flex;height:32px;margin:16px;justify-content:space-between;align-items:center;width:258px}.datepicker-container .datepicker-container__header span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.datepicker-container .datepicker-container__header .datepicker-container__arrow__icon:first-child{transform:rotate(180deg)}.datepicker-container .datepicker-container__body{width:258px;height:100%;margin:0 16px 16px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday{width:36px;height:18px;text-align:center}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#c7c7c7}.datepicker-container .datepicker-container__body .datepicker-container__weekdays .datepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days{display:flex;flex-wrap:wrap;gap:2px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.selected-day{background-color:#0937b2;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day{cursor:default}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.disabled-day:hover{background-color:transparent}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover{background-color:#cbddfb;cursor:pointer}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-day):hover span.selected-day{color:#181f33!important}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.selected-day{color:#fff}.datepicker-container .datepicker-container__body .datepicker-container__days .datepicker-container__day span.disabled-day{color:#c7c7c7}.datepicker-container .datepicker-container__footer{display:flex;justify-content:flex-end;gap:8px;bottom:0;align-items:center;position:-webkit-sticky;position:sticky;padding:16px;border-top:1px solid #e0e0e0}"]
                 },] }
     ];
@@ -657,7 +660,7 @@
     DatepickerModuleV2.decorators = [
         { type: core.NgModule, args: [{
                     declarations: [TzDpContainerComponent, TzDatepickerDirective],
-                    imports: [common.CommonModule, toast.ToastModule.forRoot(), button.ButtonModule],
+                    imports: [common.CommonModule, overlay.OverlayModule, toast.ToastModule.forRoot(), button.ButtonModule],
                     exports: [TzDpContainerComponent, TzDatepickerDirective],
                     entryComponents: [TzDpContainerComponent]
                 },] }