ng-zorro-antd/drawer/ng-zorro-antd-drawer.metadata.json

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

{"__symbolic":"module","version":4,"metadata":{"DRAWER_ANIMATE_DURATION":300,"NzDrawerComponent":{"__symbolic":"class","arity":3,"extends":{"__symbolic":"reference","name":"NzDrawerRef"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":47,"character":1},"arguments":[{"selector":"nz-drawer","exportAs":"nzDrawer","template":"\n    <ng-template #drawerTemplate>\n      <div\n        class=\"ant-drawer\"\n        [nzNoAnimation]=\"nzNoAnimation\"\n        [class.ant-drawer-open]=\"isOpen\"\n        [class.ant-drawer-top]=\"nzPlacement === 'top'\"\n        [class.ant-drawer-bottom]=\"nzPlacement === 'bottom'\"\n        [class.ant-drawer-right]=\"nzPlacement === 'right'\"\n        [class.ant-drawer-left]=\"nzPlacement === 'left'\"\n        [style.transform]=\"offsetTransform\"\n        [style.transition]=\"placementChanging ? 'none' : null\"\n        [style.zIndex]=\"nzZIndex\"\n      >\n        <div class=\"ant-drawer-mask\" (click)=\"maskClick()\" *ngIf=\"nzMask\" [ngStyle]=\"nzMaskStyle\"></div>\n        <div\n          class=\"ant-drawer-content-wrapper {{ nzWrapClassName }}\"\n          [style.width]=\"width\"\n          [style.height]=\"height\"\n          [style.transform]=\"transform\"\n          [style.transition]=\"placementChanging ? 'none' : null\"\n        >\n          <div class=\"ant-drawer-content\">\n            <div class=\"ant-drawer-wrapper-body\" [style.height]=\"isLeftOrRight ? '100%' : null\">\n              <div *ngIf=\"nzTitle || nzClosable\" [class.ant-drawer-header]=\"!!nzTitle\" [class.ant-drawer-header-no-title]=\"!nzTitle\">\n                <div *ngIf=\"nzTitle\" class=\"ant-drawer-title\">\n                  <ng-container *nzStringTemplateOutlet=\"nzTitle\"><div [innerHTML]=\"nzTitle\"></div></ng-container>\n                </div>\n                <button *ngIf=\"nzClosable\" (click)=\"closeClick()\" aria-label=\"Close\" class=\"ant-drawer-close\" style=\"--scroll-bar: 0px;\">\n                  <i nz-icon nzType=\"close\"></i>\n                </button>\n              </div>\n              <div class=\"ant-drawer-body\" [ngStyle]=\"nzBodyStyle\">\n                <ng-template cdkPortalOutlet></ng-template>\n                <ng-container *ngIf=\"isTemplateRef(nzContent)\">\n                  <ng-container *ngTemplateOutlet=\"nzContent; context: templateContext\"></ng-container>\n                </ng-container>\n                <ng-content *ngIf=\"!nzContent\"></ng-content>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  ","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":96,"character":19},"member":"OnPush"}}]}],"members":{"nzContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"nzClosable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":107,"character":12}}]}],"nzMaskClosable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":108,"character":12},"arguments":["drawer",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":108,"character":56}}]}],"nzMask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"WithConfig","line":109,"character":12},"arguments":["drawer",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":109,"character":56}}]}],"nzNoAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":110,"character":12}}]}],"nzKeyboard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"ng-zorro-antd/core/util","name":"InputBoolean","line":111,"character":12}}]}],"nzTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"nzPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"nzMaskStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"nzBodyStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"nzWrapClassName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"nzWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"nzHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"nzZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"nzOffsetX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"nzOffsetY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"nzVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"nzOnViewInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"nzOnClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":133,"character":3}}]}],"drawerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":135,"character":3},"arguments":["drawerTemplate",{"static":true}]}]}],"bodyPortalOutlet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":136,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":136,"character":13},{"static":false}]}]}],"isTemplateRef":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":213,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":213,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":213,"character":24}]}],null,null,null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/core/types","name":"NzSafeAny","line":213,"character":52},{"__symbolic":"reference","module":"ng-zorro-antd/core/config","name":"NzConfigService","line":214,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":215,"character":22},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":216,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":217,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":218,"character":31},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":219,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":220,"character":30},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayKeyboardDispatcher","line":221,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getAnimationDuration":[{"__symbolic":"method"}],"triggerPlacementChangeCycleOnce":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"closeClick":[{"__symbolic":"method"}],"maskClick":[{"__symbolic":"method"}],"attachBodyContent":[{"__symbolic":"method"}],"attachOverlay":[{"__symbolic":"method"}],"disposeOverlay":[{"__symbolic":"method"}],"getOverlayConfig":[{"__symbolic":"method"}],"updateOverlayStyle":[{"__symbolic":"method"}],"updateBodyOverflow":[{"__symbolic":"method"}],"savePreviouslyFocusedElement":[{"__symbolic":"method"}],"trapFocus":[{"__symbolic":"method"}],"restoreFocus":[{"__symbolic":"method"}]}},"NzDrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":12},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":21,"character":26},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":21,"character":41},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":21,"character":55},{"__symbolic":"reference","module":"ng-zorro-antd/core/outlet","name":"NzOutletModule","line":21,"character":69},{"__symbolic":"reference","module":"ng-zorro-antd/core/no-animation","name":"NzNoAnimationModule","line":21,"character":85},{"__symbolic":"reference","name":"NzDrawerServiceModule"}],"exports":[{"__symbolic":"reference","name":"NzDrawerComponent"}],"declarations":[{"__symbolic":"reference","name":"NzDrawerComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NzDrawerComponent"}]}]}],"members":{}},"DrawerBuilderForService":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":24,"character":31},{"__symbolic":"reference","name":"NzDrawerOptions"}]}],"getInstance":[{"__symbolic":"method"}],"createDrawer":[{"__symbolic":"method"}],"updateOptions":[{"__symbolic":"method"}]}},"NzDrawerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":68,"character":1},"arguments":[{"providedIn":{"__symbolic":"reference","name":"NzDrawerServiceModule"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":24,"character":31}]}],"create":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NzDrawerServiceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1}}],"members":{}},"NzDrawerPlacement":{"__symbolic":"interface"},"NzDrawerOptionsOfComponent":{"__symbolic":"interface"},"NzDrawerOptions":{"__symbolic":"interface"},"NzDrawerRef":{"__symbolic":"class","arity":1,"members":{"close":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}]}}},"origins":{"DRAWER_ANIMATE_DURATION":"./drawer.component","NzDrawerComponent":"./drawer.component","NzDrawerModule":"./drawer.module","DrawerBuilderForService":"./drawer.service","NzDrawerService":"./drawer.service","NzDrawerServiceModule":"./drawer.service.module","NzDrawerPlacement":"./drawer-options","NzDrawerOptionsOfComponent":"./drawer-options","NzDrawerOptions":"./drawer-options","NzDrawerRef":"./drawer-ref"},"importAs":"ng-zorro-antd/drawer"}