UNPKG

ng-zorro-antd

Version:

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

1 lines 6.17 kB
{"__symbolic":"module","version":4,"metadata":{"NzSwitchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"nz-switch","exportAs":"nzSwitch","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":41,"character":15},"useExisting":{"__symbolic":"reference","name":"NzSwitchComponent"},"multi":true}],"template":"\n <button\n nz-wave\n type=\"button\"\n class=\"ant-switch\"\n #switchElement\n [disabled]=\"nzDisabled\"\n [class.ant-switch-checked]=\"isChecked\"\n [class.ant-switch-loading]=\"nzLoading\"\n [class.ant-switch-disabled]=\"nzDisabled\"\n [class.ant-switch-small]=\"nzSize === 'small'\"\n [class.ant-switch-rtl]=\"dir === 'rtl'\"\n [nzWaveExtraNode]=\"true\"\n (keydown)=\"onKeyDown($event)\"\n >\n <span class=\"ant-switch-handle\">\n <i *ngIf=\"nzLoading\" nz-icon nzType=\"loading\" class=\"ant-switch-loading-icon\"></i>\n </span>\n <span class=\"ant-switch-inner\">\n <ng-container *ngIf=\"isChecked; else uncheckTemplate\">\n <ng-container *nzStringTemplateOutlet=\"nzCheckedChildren\">{{ nzCheckedChildren }}</ng-container>\n </ng-container>\n <ng-template #uncheckTemplate>\n <ng-container *nzStringTemplateOutlet=\"nzUnCheckedChildren\">{{ nzUnCheckedChildren }}</ng-container>\n </ng-template>\n </span>\n <div class=\"ant-click-animating-node\"></div>\n </button>\n ","host":{"(click)":"onHostClick($event)","$quoted$":["(click)"]}}]}],"members":{"switchElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":["switchElement",{"static":true}]}]}],"nzLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":90,"character":12}}]}],"nzDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":91,"character":12}}]}],"nzControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":92,"character":12}}]}],"nzCheckedChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"nzUnCheckedChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":95,"character":12}}]}],"onHostClick":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":139,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":140,"character":17},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":141,"character":26},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":142,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"NzSwitchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"NzSwitchComponent"}],"declarations":[{"__symbolic":"reference","name":"NzSwitchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":16,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":24},{"__symbolic":"reference","module":"ng-zorro-antd/core/wave","name":"NzWaveModule","line":16,"character":38},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":16,"character":52},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":16,"character":66}]}]}],"members":{}}},"origins":{"NzSwitchComponent":"./switch.component","NzSwitchModule":"./switch.module"},"importAs":"ng-zorro-antd/switch"}