{"__symbolic":"module","version":4,"metadata":{"StyleMargin":{"__symbolic":"interface"},"LyDrawerContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":43,"character":1},"arguments":[{"selector":"ly-drawer-content"}]}],"members":{"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["style.margin"]}]}],"_lyAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.ly--animation"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":21}]}],"setContentStyle":[{"__symbolic":"method"}]}},"LyDrawerContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":80,"character":1},"arguments":[{"selector":"ly-drawer-container","styles":[":host { display: block; overflow: hidden; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; } :host ::ng-deep > ly-drawer-content { height: 100%; overflow: auto; display: block; } :host ::ng-deep > ly-drawer-content.ly--animation { transition: 375ms cubic-bezier(0.45, 0, 0.25, 1); } .ly-drawer-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .6; z-index: 10; user-select: none; } .ly-drawer-bg-opened { display: block; } .ly-drawer-bg-closed { display: none; } "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":84,"character":4},"arguments":["in",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":85,"character":6},"arguments":["inactive, 0",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":85,"character":28},"arguments":[{"opacity":"0","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":86,"character":6},"arguments":["active, 1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":86,"character":26},"arguments":[{"opacity":".6"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":87,"character":6},"arguments":["* => active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":87,"character":32},"arguments":["375ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":88,"character":6},"arguments":["* => inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":88,"character":34},"arguments":["375ms ease-out"]}]}]]}],"template":"\n  <ng-content select=\"ly-drawer\"></ng-content>\n  <ng-content select=\"ly-drawer-content\"></ng-content>\n  <div\n  #bg\n  [class.ly-drawer-bg-opened]=\"isDrawerBg | async\"\n  [class.ly-drawer-bg-closed]=\"!(isDrawerBg | async)\"\n  [@in]=\"isDrawerBg | async\" class=\"ly-drawer-bg\"\n  bg=\"colorText\"\n  (click)=\"_closeAllSideAndPush()\"\n  ></div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":103,"character":19},"member":"OnPush"},"preserveWhitespaces":false,"exportAs":"lyDrawerContainer"}]}],"members":{"_drawers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":109,"character":3},"arguments":[{"__symbolic":"reference","name":"LyDrawer"}]}]}],"_drawerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":110,"character":3},"arguments":[{"__symbolic":"reference","name":"LyDrawerContent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":52,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":23},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":114,"character":30}]}],"_closeAllSideAndPush":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}]}},"LyDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":137,"character":1},"arguments":[{"selector":"ly-nav, ly-drawer","styles":[":host { display: block; position: fixed; box-sizing: border-box; overflow: auto; z-index: 11; } :host[position=top] { top: 0; transform: translate3d(0, -100%, 0); } :host[position=left] { left: 0; transform: translate3d(-100%, 0, 0); } :host[position=right], :host[position=rtl] { right: 0; transform: translate3d(100%, 0, 0); } :host[position=bottom] { bottom: 0; transform: translate3d(0, 100%, 0); } :host.ly-show-drawer { transform: translate3d(0, 0, 0); } :host.ly-drawer-hidden { visibility: hidden; } "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":141,"character":4},"arguments":["visibilityChanged",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":142,"character":6},"arguments":["true, open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":142,"character":27},"arguments":[{"transform":"translate3d(0, 0, 0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":143,"character":6},"arguments":["* => open, * => close",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":144,"character":8},"arguments":["375ms cubic-bezier(.45, 0, .25, 1)"]}]]}]]}],"template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":149,"character":19},"member":"OnPush"},"preserveWhitespaces":false,"exportAs":"lyDrawer"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":159,"character":3},"arguments":["attr.mode"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":29}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":3},"arguments":["attr.position"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":33}}]}],"isShowDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":161,"character":3},"arguments":["class.ly-show-drawer"]}]}],"isOpenDrawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":162,"character":3},"arguments":["@visibilityChanged"]}]}],"isDrawerHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":164,"character":3},"arguments":["class.ly-drawer-hidden"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"alyle-ui/core","name":"IsBoolean","line":166,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":175,"character":5}}],null],"parameters":[{"__symbolic":"reference","name":"LyDrawerContainer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":23}]}],"updateDrawerMargin":[{"__symbolic":"method"}],"toBoolean":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toogleDrawer":[{"__symbolic":"method"}],"setBgState":[{"__symbolic":"method"}],"resetMargin":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"LyDrawerConfig":{"__symbolic":"interface"},"LyDrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"alyle-ui/core","name":"ThemeModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"LyDrawer"},{"__symbolic":"reference","name":"LyDrawerContainer"},{"__symbolic":"reference","name":"LyDrawerContent"}],"declarations":[{"__symbolic":"reference","name":"LyDrawer"},{"__symbolic":"reference","name":"LyDrawerContainer"},{"__symbolic":"reference","name":"LyDrawerContent"}]}]}],"members":{}}},"origins":{"StyleMargin":"./drawer","LyDrawerContent":"./drawer","LyDrawerContainer":"./drawer","LyDrawer":"./drawer","LyDrawerConfig":"./drawer","LyDrawerModule":"./drawer.module"},"importAs":"alyle-ui/drawer"}