mis-crystal-design-system 4.0.37 → 4.0.39-test-1

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

@@ -83,7 +83,7 @@
         { 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;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}"]
+                    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 []; };

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

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

@@ -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":"+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,kqFAOCC,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"]}
+{"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"]}