{"__symbolic":"module","version":4,"metadata":{"AngularBottomSheetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AngularBottomSheetComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"AngularBottomSheetComponent"}],"providers":[],"bootstrap":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"AngularBottomSheetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"angular-bottom-sheet","animations":[{"__symbolic":"reference","name":"ɵa"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":21},"member":"OnPush"},"template":"<div class=\"bottom-sheet-bg-overlay\" *ngIf=\"flags.isBottomSheetEnabled\" (click)=\"close()\"></div>\r\n<div class=\"bottom-sheet-container\" [ngClass]=\"{'bg-dark': options?.darkTheme}\" *ngIf=\"flags.isBottomSheetEnabled\"\r\n  [style.backgroundColor]=\"options?.backgroundColor\" [style.color]=\"options?.fontColor\" [@slideUpToggle]>\r\n  <div>\r\n    <div class=\"bottom-sheet-header\" [ngClass]=\"{'bg-dark-header': options?.darkTheme}\">\r\n      <h4 class=\"title\">{{options?.title}}</h4>\r\n    </div>\r\n    <div class=\"bottom-sheet-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"bottom-sheet-footer\" [ngClass]=\"{'bg-dark-footer': options?.darkTheme}\" (click)=\"close()\" *ngIf=\"flags.isCloseButtonEnabled\">\r\n      {{options.closeButtonTitle}}\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".bottom-sheet-bg-overlay{background:rgba(0,0,0,.32);position:absolute;top:0;bottom:0;left:0;right:0}.bottom-sheet-container{background:#fff;position:fixed;bottom:0;border-radius:8px 8px 0 0;left:50%;margin-left:-35%;width:75%;z-index:4;color:#363636;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);font-family:Roboto,sans-serif}.bg-dark{color:rgba(255,255,255,.9);background:#363636}.bottom-sheet-header h4.title{display:inline-block;font-weight:500;margin:0;font-size:1rem}.bottom-sheet-header{border-bottom:1px solid rgba(0,0,0,.16);padding:16px}.bg-dark-header{border-bottom:1px solid rgba(255,255,255,.16)}.bottom-sheet-footer{text-align:center;padding:16px;border-top:1px solid rgba(0,0,0,.16);background:rgba(0,0,0,.02);cursor:pointer}.bg-dark-footer{border-top:1px solid rgba(255,255,255,.16)}.bottom-sheet-content{max-height:300px;overflow-y:auto;padding:16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#bdbdbd}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#5c5c5c}@media (max-width:992px){.bottom-sheet-container{width:100%;position:fixed;bottom:0;left:0;right:0;margin-left:0}}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":22,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"toggleCloseButton":[{"__symbolic":"method"}],"toggleDarkTheme":[{"__symbolic":"method"}]}},"AngularBottomSheetConfig":{"__symbolic":"interface"},"ɵa":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":3,"character":4},"arguments":["slideUpToggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":4,"character":8},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":5,"character":12},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":6,"character":12},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":6,"character":37},"arguments":[{"transform":"translateY(0%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":8},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":12},"arguments":["200ms ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":37},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-root","template":"<div class=\"button-container\">\n  <button type=\"button\" class=\"btn btn-outline-primary  btn-sm\" (click)=\"open()\">Open</button>\n  <button type=\"button\" class=\"btn btn-outline-danger btn-sm\" (click)=\"close()\">Close</button>\n  <button type=\"button\" class=\"btn btn-outline-primary btn-sm\" (click)=\"toggle()\">Toggle</button>\n  <button type=\"button\" class=\"btn btn-outline-dark btn-sm\" (click)=\"toggleDarkTheme()\">Toggle Dark Theme</button>\n  <button type=\"button\" class=\"btn btn-outline-primary btn-sm\" (click)=\"toggleCloseButton()\">Toggle Close Button</button>\n</div>\n\n<angular-bottom-sheet #test [options]=\"options\">\n  <p>What is Lorem Ipsum?</p>\n</angular-bottom-sheet>\n","styles":[".button-container{z-index:9999;position:absolute;background:#fff;right:0;left:0;text-align:center}.button-container button{margin:8px}"]}]}],"members":{"testing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["test"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggleDarkTheme":[{"__symbolic":"method"}],"toggleCloseButton":[{"__symbolic":"method"}]}}},"origins":{"AngularBottomSheetModule":"./app/angular-bottom-sheet.module","AngularBottomSheetComponent":"./app/component/angular-bottom-sheet.component","AngularBottomSheetConfig":"./app/utility/angular-bottom-sheet.interface","ɵa":"./app/utility/angular-bottom-sheet.animation","ɵb":"./app/testing/testing.component"},"importAs":"angular-bottom-sheet"}