UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

2 lines 7.91 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/observers"),require("@angular/common"),require("@angular/cdk/a11y"),require("@angular/core"),require("@angular/forms"),require("ng-zorro-antd/core")):"function"==typeof define&&define.amd?define("ng-zorro-antd/checkbox",["exports","@angular/cdk/observers","@angular/common","@angular/cdk/a11y","@angular/core","@angular/forms","ng-zorro-antd/core"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].checkbox={}),e.ng.cdk.observers,e.ng.common,e.ng.cdk.a11y,e.ng.core,e.ng.forms,e["ng-zorro-antd"].core)}(this,function(e,t,n,o,i,r,c){"use strict";function s(e,t,n,o){var r,i=arguments.length,c=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;0<=s;s--)(r=e[s])&&(c=(i<3?r(c):3<i?r(t,n,c):r(t,n))||c);return 3<i&&c&&Object.defineProperty(t,n,c),c}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var a=(h.prototype.addCheckbox=function(e){this.checkboxList.push(e)},h.prototype.removeCheckbox=function(e){this.checkboxList.splice(this.checkboxList.indexOf(e),1)},h.prototype.outputValue=function(){return this.checkboxList.filter(function(e){return e.nzChecked}).map(function(e){return e.nzValue})},h.prototype.onChange=function(){this.nzOnChange.emit(this.outputValue())},h.decorators=[{type:i.Component,args:[{selector:"nz-checkbox-wrapper",exportAs:"nzCheckboxWrapper",preserveWhitespaces:!1,changeDetection:i.ChangeDetectionStrategy.OnPush,encapsulation:i.ViewEncapsulation.None,template:"<ng-content></ng-content>"}]}],h.ctorParameters=function(){return[{type:i.Renderer2},{type:i.ElementRef}]},h.propDecorators={nzOnChange:[{type:i.Output}]},h);function h(e,t){this.nzOnChange=new i.EventEmitter,this.checkboxList=[],e.addClass(t.nativeElement,"ant-checkbox-group")}var u=(l.prototype.hostClick=function(e){e.preventDefault(),this.focus(),this.innerCheckedChange(!this.nzChecked)},l.prototype.innerCheckedChange=function(e){this.nzDisabled||(this.nzChecked=e,this.onChange(this.nzChecked),this.nzCheckedChange.emit(this.nzChecked),this.nzCheckboxWrapperComponent&&this.nzCheckboxWrapperComponent.onChange())},l.prototype.updateAutoFocus=function(){this.inputElement&&this.nzAutoFocus?this.renderer.setAttribute(this.inputElement.nativeElement,"autofocus","autofocus"):this.renderer.removeAttribute(this.inputElement.nativeElement,"autofocus")},l.prototype.writeValue=function(e){this.nzChecked=e,this.cdr.markForCheck()},l.prototype.registerOnChange=function(e){this.onChange=e},l.prototype.registerOnTouched=function(e){this.onTouched=e},l.prototype.setDisabledState=function(e){this.nzDisabled=e,this.cdr.markForCheck()},l.prototype.focus=function(){this.focusMonitor.focusVia(this.inputElement,"keyboard")},l.prototype.blur=function(){this.inputElement.nativeElement.blur()},l.prototype.checkContent=function(){c.isEmpty(this.contentElement.nativeElement)?this.renderer.setStyle(this.contentElement.nativeElement,"display","none"):this.renderer.removeStyle(this.contentElement.nativeElement,"display")},l.prototype.ngOnInit=function(){var t=this;this.focusMonitor.monitor(this.elementRef,!0).subscribe(function(e){e||Promise.resolve().then(function(){return t.onTouched()})}),this.nzCheckboxWrapperComponent&&this.nzCheckboxWrapperComponent.addCheckbox(this)},l.prototype.ngOnChanges=function(e){e.nzAutoFocus&&this.updateAutoFocus()},l.prototype.ngAfterViewInit=function(){this.updateAutoFocus(),this.checkContent()},l.prototype.ngOnDestroy=function(){this.focusMonitor.stopMonitoring(this.elementRef),this.nzCheckboxWrapperComponent&&this.nzCheckboxWrapperComponent.removeCheckbox(this)},l.decorators=[{type:i.Component,args:[{selector:"[nz-checkbox]",exportAs:"nzCheckbox",preserveWhitespaces:!1,changeDetection:i.ChangeDetectionStrategy.OnPush,encapsulation:i.ViewEncapsulation.None,template:'<span class="ant-checkbox"\n [class.ant-checkbox-checked]="nzChecked && !nzIndeterminate"\n [class.ant-checkbox-disabled]="nzDisabled"\n [class.ant-checkbox-indeterminate]="nzIndeterminate">\n <input #inputElement [checked]="nzChecked" [ngModel]="nzChecked" [disabled]="nzDisabled" (ngModelChange)="innerCheckedChange($event)" (click)="$event.stopPropagation();" type="checkbox" class="ant-checkbox-input">\n <span class="ant-checkbox-inner"></span>\n</span>\n<span #contentElement (cdkObserveContent)="checkContent()"><ng-content></ng-content></span>',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:i.forwardRef(function(){return l}),multi:!0}],host:{"(click)":"hostClick($event)"}}]}],l.ctorParameters=function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:a,decorators:[{type:i.Optional}]},{type:i.ChangeDetectorRef},{type:o.FocusMonitor}]},l.propDecorators={inputElement:[{type:i.ViewChild,args:["inputElement"]}],contentElement:[{type:i.ViewChild,args:["contentElement"]}],nzCheckedChange:[{type:i.Output}],nzValue:[{type:i.Input}],nzAutoFocus:[{type:i.Input}],nzDisabled:[{type:i.Input}],nzIndeterminate:[{type:i.Input}],nzChecked:[{type:i.Input}]},s([c.InputBoolean(),p("design:type",Object)],l.prototype,"nzAutoFocus",void 0),s([c.InputBoolean(),p("design:type",Object)],l.prototype,"nzDisabled",void 0),s([c.InputBoolean(),p("design:type",Object)],l.prototype,"nzIndeterminate",void 0),s([c.InputBoolean(),p("design:type",Object)],l.prototype,"nzChecked",void 0),l);function l(e,t,n,o,r){this.elementRef=e,this.renderer=t,this.nzCheckboxWrapperComponent=n,this.cdr=o,this.focusMonitor=r,this.onChange=function(){return null},this.onTouched=function(){return null},this.nzCheckedChange=new i.EventEmitter,this.nzAutoFocus=!1,this.nzDisabled=!1,this.nzIndeterminate=!1,this.nzChecked=!1,t.addClass(e.nativeElement,"ant-checkbox-wrapper")}var d=(f.prototype.onOptionChange=function(){this.onChange(this.options)},f.prototype.trackByOption=function(e,t){return t.value},f.prototype.ngOnInit=function(){var t=this;this.focusMonitor.monitor(this.elementRef,!0).subscribe(function(e){e||Promise.resolve().then(function(){return t.onTouched()})})},f.prototype.ngOnDestroy=function(){this.focusMonitor.stopMonitoring(this.elementRef)},f.prototype.writeValue=function(e){this.options=e,this.cdr.markForCheck()},f.prototype.registerOnChange=function(e){this.onChange=e},f.prototype.registerOnTouched=function(e){this.onTouched=e},f.prototype.setDisabledState=function(e){this.nzDisabled=e,this.cdr.markForCheck()},f.decorators=[{type:i.Component,args:[{selector:"nz-checkbox-group",exportAs:"nzCheckboxGroup",preserveWhitespaces:!1,encapsulation:i.ViewEncapsulation.None,template:'<label nz-checkbox\n *ngFor="let option of options; trackBy:trackByOption"\n [nzDisabled]="option.disabled || nzDisabled"\n [(nzChecked)]="option.checked"\n (nzCheckedChange)="onOptionChange()">\n <span>{{ option.label }}</span>\n</label>',providers:[{provide:r.NG_VALUE_ACCESSOR,useExisting:i.forwardRef(function(){return f}),multi:!0}]}]}],f.ctorParameters=function(){return[{type:i.ElementRef},{type:o.FocusMonitor},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},f.propDecorators={nzDisabled:[{type:i.Input}]},s([c.InputBoolean(),p("design:type",Object)],f.prototype,"nzDisabled",void 0),f);function f(e,t,n,o){this.elementRef=e,this.focusMonitor=t,this.cdr=n,this.onChange=function(){return null},this.onTouched=function(){return null},this.options=[],this.nzDisabled=!1,o.addClass(e.nativeElement,"ant-checkbox-group")}var C=(g.decorators=[{type:i.NgModule,args:[{imports:[n.CommonModule,r.FormsModule,t.ObserversModule],declarations:[u,d,a],exports:[u,d,a]}]}],g);function g(){}e.NzCheckboxComponent=u,e.NzCheckboxModule=C,e.NzCheckboxGroupComponent=d,e.NzCheckboxWrapperComponent=a,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-checkbox.umd.min.js.map