ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
1 lines • 17.6 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NzDropdownContextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"nz-dropdown-context","exportAs":"nzDropdownContext","animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"slideMotion","line":28,"character":15}],"preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":31,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"NzMenuDropdownService"}],"styles":["\n nz-dropdown-context {\n display: block;\n }\n\n .ant-dropdown {\n top: 100%;\n left: 0;\n position: relative;\n width: 100%;\n margin-top: 4px;\n margin-bottom: 4px;\n }\n "],"template":"<div *ngIf=\"open\"\n class=\"ant-dropdown ant-dropdown-placement-bottomLeft\"\n [@slideMotion]=\"dropDownPosition\"\n (@slideMotion.done)=\"afterAnimation()\">\n <ng-template [ngTemplateOutlet]=\"templateRef\"></ng-template>\n</div>"}]}],"members":{"init":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"afterAnimation":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":84,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NzPlacement":{"__symbolic":"interface"},"menuServiceFactory":{"__symbolic":"function","parameters":["injector"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"injector"},"member":"get"},"arguments":[{"__symbolic":"reference","name":"NzMenuDropdownService"}]}},"NzDropDownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":52,"character":1},"arguments":[{"selector":"nz-dropdown","exportAs":"nzDropdown","preserveWhitespaces":false,"providers":[{"__symbolic":"reference","name":"NzMenuDropdownService"},{"provide":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzDropdownHigherOrderServiceToken","line":59,"character":15},"useFactory":{"__symbolic":"reference","name":"menuServiceFactory"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":61,"character":18}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":61,"character":26}]]}],"animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"slideMotion","line":64,"character":15}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":65,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":66,"character":19},"member":"OnPush"},"styles":["\n .ant-dropdown {\n top: 100%;\n left: 0;\n position: relative;\n width: 100%;\n margin-top: 4px;\n margin-bottom: 4px;\n }\n "],"template":"<ng-content select=\"[nz-dropdown]\"></ng-content>\n<ng-template\n cdkConnectedOverlay\n nzConnectedOverlay\n [cdkConnectedOverlayHasBackdrop]=\"nzTrigger === 'click'\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayOrigin]=\"nzDropDownDirective\"\n [cdkConnectedOverlayMinWidth]=\"triggerWidth\"\n [cdkConnectedOverlayOpen]=\"nzVisible\"\n (backdropClick)=\"setVisibleStateWhen(false)\"\n (detach)=\"setVisibleStateWhen(false)\"\n (positionChange)=\"onPositionChange($event)\">\n <div class=\"{{'ant-dropdown ant-dropdown-placement-'+nzPlacement}}\"\n [ngClass]=\"nzOverlayClassName\"\n [ngStyle]=\"nzOverlayStyle\"\n [@slideMotion]=\"dropDownPosition\"\n [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n [style.minWidth.px]=\"triggerWidth\"\n (mouseenter)=\"setVisibleStateWhen(true,'hover')\"\n (mouseleave)=\"setVisibleStateWhen(false,'hover')\">\n <div [class.ant-table-filter-dropdown]=\"nzTableFilter\">\n <ng-content select=\"[nz-menu]\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>"}]}],"members":{"nzDropDownDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"NzDropDownDirective"}]}]}],"nzMenuDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":88,"character":3},"arguments":[{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuDirective","line":88,"character":16}]}]}],"cdkConnectedOverlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"CdkConnectedOverlay","line":89,"character":13}]}]}],"nzTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"nzOverlayClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"nzOverlayStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"nzPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"nzClickHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":94,"character":12}}]}],"nzDisabled":[{"__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","name":"InputBoolean","line":95,"character":12}}]}],"nzVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":96,"character":12}}]}],"nzTableFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"InputBoolean","line":97,"character":12}}]}],"nzVisibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"setVisibleStateWhen":[{"__symbolic":"method"}],"onPositionChange":[{"__symbolic":"method"}],"startSubscribe":[{"__symbolic":"method"}],"updateDisabledState":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":139,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":139,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":137,"character":19},{"__symbolic":"reference","name":"NzMenuDropdownService"},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzNoAnimationDirective","line":139,"character":45}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"NzDropDownDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[nz-dropdown]","exportAs":"nzDropdown"}]}],"members":{"setDisabled":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":35,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":35,"character":63}]}]}},"NzDropdownService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":26,"character":31}]}],"create":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}},"NzDropDownButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NzDropDownComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"nz-dropdown-button","exportAs":"nzDropdownButton","preserveWhitespaces":false,"animations":[{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"slideMotion","line":36,"character":15}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":37,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","name":"NzMenuDropdownService"},{"provide":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzDropdownHigherOrderServiceToken","line":42,"character":15},"useFactory":{"__symbolic":"reference","name":"menuServiceFactory"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":44,"character":18}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":44,"character":26}]]}],"styles":["\n nz-dropdown-button {\n position: relative;\n display: inline-block;\n }\n\n .ant-dropdown {\n top: 100%;\n left: 0;\n position: relative;\n width: 100%;\n margin-top: 4px;\n margin-bottom: 4px;\n }\n "],"template":"<div class=\"ant-btn-group ant-dropdown-button\" nz-dropdown>\n <button nz-button\n type=\"button\"\n [disabled]=\"nzDisabled\"\n [nzType]=\"nzType\"\n [nzSize]=\"nzSize\"\n (click)=\"nzClick.emit($event)\">\n <span><ng-content></ng-content></span>\n </button>\n <button nz-button\n type=\"button\"\n class=\"ant-dropdown-trigger\"\n [nzType]=\"nzType\"\n [nzSize]=\"nzSize\"\n [disabled]=\"nzDisabled\"\n (click)=\"setVisibleStateWhen(true,'click')\"\n (mouseenter)=\"setVisibleStateWhen(true,'hover')\"\n (mouseleave)=\"setVisibleStateWhen(false,'hover')\">\n <i nz-icon type=\"ellipsis\"></i>\n </button>\n</div>\n<ng-template\n cdkConnectedOverlay\n nzConnectedOverlay\n [cdkConnectedOverlayHasBackdrop]=\"nzTrigger === 'click'\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayOrigin]=\"nzDropDownDirective\"\n (backdropClick)=\"setVisibleStateWhen(false)\"\n (detach)=\"setVisibleStateWhen(false)\"\n [cdkConnectedOverlayMinWidth]=\"triggerWidth\"\n (positionChange)=\"onPositionChange($event)\"\n [cdkConnectedOverlayOpen]=\"nzVisible\">\n <div class=\"{{'ant-dropdown ant-dropdown-placement-'+nzPlacement}}\"\n [nzNoAnimation]=\"noAnimation?.nzNoAnimation\"\n [@slideMotion]=\"dropDownPosition\"\n (mouseenter)=\"setVisibleStateWhen(true,'hover')\"\n (mouseleave)=\"setVisibleStateWhen(false,'hover')\"\n [style.minWidth.px]=\"triggerWidth\">\n <ng-content select=\"[nz-menu]\"></ng-content>\n </div>\n</ng-template>"}]}],"members":{"nzSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"nzType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"nzClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"nzDropDownDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","name":"NzDropDownDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":75,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":9},{"__symbolic":"reference","name":"NzMenuDropdownService"},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzNoAnimationDirective","line":75,"character":45}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"NzDropDownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":30,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuModule","line":31,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":32,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzNoAnimationModule","line":33,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzOverlayModule","line":34,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"NzDropdownContextComponent"}],"declarations":[{"__symbolic":"reference","name":"NzDropDownComponent"},{"__symbolic":"reference","name":"NzDropDownButtonComponent"},{"__symbolic":"reference","name":"NzDropDownDirective"},{"__symbolic":"reference","name":"NzDropDownADirective"},{"__symbolic":"reference","name":"NzDropdownContextComponent"}],"exports":[{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuModule","line":44,"character":12},{"__symbolic":"reference","name":"NzDropDownComponent"},{"__symbolic":"reference","name":"NzDropDownButtonComponent"},{"__symbolic":"reference","name":"NzDropDownDirective"},{"__symbolic":"reference","name":"NzDropDownADirective"}],"providers":[{"__symbolic":"reference","name":"NzDropdownService"}]}]}],"members":{}},"NzMenuDropdownService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ng-zorro-antd/core","name":"NzMenuBaseService","line":13,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{}},"NzDropDownADirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"a[nz-dropdown]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":14,"character":64}]}]}}},"origins":{"NzDropdownContextComponent":"./nz-dropdown-context.component","NzPlacement":"./nz-dropdown.component","menuServiceFactory":"./nz-dropdown.component","NzDropDownComponent":"./nz-dropdown.component","NzDropDownDirective":"./nz-dropdown.directive","NzDropdownService":"./nz-dropdown.service","NzDropDownButtonComponent":"./nz-dropdown-button.component","NzDropDownModule":"./nz-dropdown.module","NzMenuDropdownService":"./nz-menu-dropdown.service","NzDropDownADirective":"./nz-dropdown-a.directive"},"importAs":"ng-zorro-antd/dropdown"}