{"__symbolic":"module","version":4,"metadata":{"RegularDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n      <ts-drawer\n        [mode]=\"mode\"\n        [position]=\"position\"\n        #drawer\n      >\n      <div>\n        Drawer's content\n      </div>\n      </ts-drawer>\n      <ts-drawer-content>\n        Main content\n      </ts-drawer-content>\n    </ts-drawer-container>\n  "}]}],"members":{}},"SetSizeDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n      <ts-drawer\n        [mode]=\"mode\"\n        [position]=\"position\"\n        [collapsedSize]=\"collapsedSize\"\n        [expandedSize]=\"expandedSize\"\n        #drawer\n        style=\"width:100px\"\n      >\n      <div>\n        Drawer's content\n      </div>\n      </ts-drawer>\n      <ts-drawer-content>\n        Main content\n      </ts-drawer-content>\n    </ts-drawer-container>\n  "}]}],"members":{"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerComponent","line":60,"character":13}]}]}]}},"BasicDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"template":"\n    <ts-drawer-container\n      (backdropClick)=\"backdropClicked()\"\n      [hasBackdrop]=\"hasBackdrop\">\n      <ts-drawer\n         #drawer=\"tsDrawer\"\n         position=\"start\"\n         [collapsedSize]=\"collapsedSize\"\n         (isExpanded)=\"expand()\"\n         (expandedStart)=\"expandStart()\"\n         (closed)=\"collapse()\"\n         (collapsedStart)=\"collapseStart()\">\n        <button #drawerButton>Content</button>\n      </ts-drawer>\n      <button (click)=\"drawer.expand()\" class=\"open\" #openButton></button>\n      <button (click)=\"drawer.collapse()\" class=\"close\" #closeButton></button>\n    </ts-drawer-container>"}]}],"members":{"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":3},"arguments":["drawer"]}]}],"drawerButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":97,"character":3},"arguments":["drawerButton"]}]}],"openButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":3},"arguments":["openButton"]}]}],"closeButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":["closeButton"]}]}],"expand":[{"__symbolic":"method"}],"expandStart":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"collapseStart":[{"__symbolic":"method"}],"backdropClicked":[{"__symbolic":"method"}]}},"OpenOnLoadDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":121,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n      <ts-drawer\n        [mode]=\"mode\"\n        [position]=\"position\"\n        [isExpanded]=\"isExpanded\"\n        #drawer\n      >\n      <div>\n        Drawer's content\n      </div>\n      </ts-drawer>\n      <ts-drawer-content>\n        Main content\n      </ts-drawer-content>\n    </ts-drawer-container>\n  "}]}],"members":{}},"MultipleDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":146,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n      <ts-drawer\n        #drawer1\n        [position]=\"drawer1Position\"\n        [mode]=\"mode\"\n      ></ts-drawer>\n      <ts-drawer\n        #drawer2\n        [position]=\"drawer2Position\"\n        [mode]=\"mode2\"\n      ></ts-drawer>\n      <ts-drawer-content>Content</ts-drawer-content>\n    </ts-drawer-container>"}]}],"members":{"drawerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":167,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerContentComponent","line":167,"character":13}]}]}]}},"MultiDrawerSameSidePush":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":171,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n      <ts-drawer\n        position=\"start\"\n        mode=\"push\"\n      ></ts-drawer>\n      <ts-drawer\n        position=\"start\"\n        mode=\"push\"\n      ></ts-drawer>\n      <ts-drawer-content>Content</ts-drawer-content>\n    </ts-drawer-container>"}]}],"members":{}},"SetMargins":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":189,"character":1},"arguments":[{"template":"\n    <ts-drawer-container >\n      <ts-drawer\n        [mode]=\"mode\"\n        [position]=\"position\"\n        style=\"width:100px\"\n      ></ts-drawer>\n      <ts-drawer-content>Content</ts-drawer-content>\n    </ts-drawer-container>"}]}],"members":{"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":201,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerComponent","line":201,"character":13}]}]}],"drawerContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":203,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerContentComponent","line":203,"character":13}]}]}]}},"ShowShadow":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":210,"character":1},"arguments":[{"template":"\n    <ts-drawer-container >\n      <ts-drawer\n        [hideShadowWhenCollapsed]=\"hideShadowWhenCollapsed\"\n      ></ts-drawer>\n      <ts-drawer-content>Content</ts-drawer-content>\n    </ts-drawer-container>"}]}],"members":{"drawer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":220,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerComponent","line":220,"character":13}]}]}]}},"SimpleDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":226,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n    <ts-drawer\n    [mode]=\"mode\"\n    [position]=\"position\"\n    [collapsedSize]=\"collapsedSize\"\n    [expandedSize]=\"expandedSize\"\n    >Drawer</ts-drawer>\n    </ts-drawer-container>\n  "}]}],"members":{}},"DrawerWithHeaderAndFooter":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":245,"character":1},"arguments":[{"template":"\n    <ts-drawer-container>\n        <ts-drawer>\n            <ts-drawer-header>\n                HEADER\n            </ts-drawer-header>\n            <button>\n                BUTTON\n            </button>\n            <ts-drawer-footer>\n                FOOTER\n            </ts-drawer-footer>\n        </ts-drawer>\n        <ts-drawer-content>\n            CONTENT\n        </ts-drawer-content>\n    </ts-drawer-container>\n  "}]}],"members":{}},"TsDrawerTestComponents":{"__symbolic":"interface"},"TsDrawerContainerTestComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":283,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@terminus/ui/drawer","name":"TsDrawerModule","line":285,"character":4},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonModule","line":286,"character":4}],"declarations":[{"__symbolic":"reference","name":"RegularDrawer"},{"__symbolic":"reference","name":"SetSizeDrawer"},{"__symbolic":"reference","name":"BasicDrawer"},{"__symbolic":"reference","name":"OpenOnLoadDrawer"},{"__symbolic":"reference","name":"MultipleDrawer"},{"__symbolic":"reference","name":"MultiDrawerSameSidePush"},{"__symbolic":"reference","name":"SetMargins"},{"__symbolic":"reference","name":"SimpleDrawer"},{"__symbolic":"reference","name":"DrawerWithHeaderAndFooter"},{"__symbolic":"reference","name":"ShowShadow"}]}]}],"members":{}}},"origins":{"RegularDrawer":"./test-components","SetSizeDrawer":"./test-components","BasicDrawer":"./test-components","OpenOnLoadDrawer":"./test-components","MultipleDrawer":"./test-components","MultiDrawerSameSidePush":"./test-components","SetMargins":"./test-components","ShowShadow":"./test-components","SimpleDrawer":"./test-components","DrawerWithHeaderAndFooter":"./test-components","TsDrawerTestComponents":"./test-components","TsDrawerContainerTestComponentsModule":"./test-components"},"importAs":"@terminus/ui/drawer/testing"}