{"__symbolic":"module","version":4,"metadata":{"DrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":13,"character":4},{"__symbolic":"reference","module":"ng-devui/portal","name":"PortalModule","line":14,"character":4},{"__symbolic":"reference","module":"ng-devui/overlay-container","name":"OverlayContainerModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"DrawerComponent"}],"declarations":[{"__symbolic":"reference","name":"DrawerComponent"},{"__symbolic":"reference","name":"DrawerContentDirective"}],"providers":[{"__symbolic":"reference","name":"DrawerService"}],"entryComponents":[{"__symbolic":"reference","name":"DrawerComponent"}]}]}],"members":{}},"DrawerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-devui/overlay-container","name":"OverlayContainerRef","line":9,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":10,"character":38}]}],"open":[{"__symbolic":"method"}]}},"IDrawerOptions":{"__symbolic":"interface"},"IDrawerOpenResult":{"__symbolic":"interface"},"DrawerContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[dDrawerContentHost]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":39}]}]}},"DrawerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"d-drawer","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":20,"character":4},"arguments":["fadeInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":21,"character":6},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":20},"arguments":[{"display":"block","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":22,"character":6},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":18},"arguments":[{"display":"block","opacity":0.6}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":23,"character":6},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":23,"character":27},"arguments":["300ms ease"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":25,"character":4},"arguments":["flyInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":26,"character":6},"arguments":["left-void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":25},"arguments":[{"transform":"translateX(-100%)","left":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":27,"character":6},"arguments":["left-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":23},"arguments":[{"transform":"none","left":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":28,"character":6},"arguments":["right-void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":26},"arguments":[{"transform":"translateX(100%)","right":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":6},"arguments":["right-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":24},"arguments":[{"transform":"none","right":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":30,"character":6},"arguments":["* => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":27},"arguments":["300ms ease"]}]}]]}],"template":"<div\r\n  class=\"drawer\"\r\n  [attr.id]=\"id\"\r\n  [ngClass]=\"{ 'display-width': _isCover && animateState === 'in' }\"\r\n  [style.left]=\"position === 'left' ? 0 : null\"\r\n  [style.right]=\"position === 'right' ? 0 : null\"\r\n>\r\n  <div\r\n    class=\"overlay-wrapper\"\r\n    [ngClass]=\"{ 'display-width': _isCover && animateState === 'in' }\"\r\n    [style.left]=\"position === 'left' ? 0 : null\"\r\n    [style.right]=\"position === 'right' ? 0 : null\"\r\n  >\r\n    <div class=\"overlay-backdrop\" [@fadeInOut]=\"animateState\" (click)=\"backdropCloseable && hide()\"></div>\r\n    <div\r\n      class=\"drawer-nav\"\r\n      [ngStyle]=\"{ width: _width }\"\r\n      [@flyInOut]=\"position + '-' + animateState\"\r\n      (@flyInOut.done)=\"animationDone.next($event)\"\r\n      [style.left]=\"position === 'left' ? 0 : null\"\r\n      [style.right]=\"position === 'right' ? 0 : null\"\r\n    >\r\n      <div class=\"drawer-content\" cdkScrollable>\r\n        <ng-template dDrawerContentHost></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".drawer{position:fixed;top:0;bottom:0;z-index:1000}.overlay-wrapper{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;bottom:0;z-index:1000}.display-width{left:0;right:0}.overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(41,48,64,.2);width:100%;height:100%}.drawer-nav{position:absolute;top:0;bottom:0;background:#fff}.drawer-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;box-shadow:0 1px 20px -5px rgba(41,48,64,.2)}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"isCover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"fullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"drawerContentHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"DrawerContentDirective"},{"static":true}]}]}],"backdropCloseable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"escKeyCloseable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"beforeHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"clickDoms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"afterOpened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"bodyScrollable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":59,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"setWidth":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"keydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":94,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"onAnimationEnd":[{"__symbolic":"method"}],"onHidden":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"isHaveDialogOrUpload":[{"__symbolic":"method"}],"canHideModel":[{"__symbolic":"method"}],"_setFullScreen":[{"__symbolic":"method"}],"toggleFullScreen":[{"__symbolic":"method"}],"setFullScreen":[{"__symbolic":"method"}]}}},"origins":{"DrawerModule":"./drawer.moudule","DrawerService":"./drawer.service","IDrawerOptions":"./drawer.types","IDrawerOpenResult":"./drawer.types","DrawerContentDirective":"./drawer.component","DrawerComponent":"./drawer.component"},"importAs":"ng-devui/drawer"}