[{"__symbolic":"module","version":4,"metadata":{"FullScreenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"fc-full-screen","template":"<div class=\"full-screen-container\" [class.active]=\"isFullScreen\"> <div *ngIf=\"isFullScreen\" class=\"header-bar\"> <ng-content select=\"[header-bar]\"></ng-content> <span class=\"right block arrow-container\"> <ng-content select=\"[header-toolbar]\"></ng-content> <a class=\"toggle-arrow\" (click)=\"toNormalWindow()\"> <i class=\"fcloud-unfullscreen-chart\"></i> </a> </span> </div> <ng-content class=\"full\" select=\"[full-screen-content]\"></ng-content> </div> ","styles":[".full-screen-container { position: relative; width: 100%; height: 100%; overflow: auto; .full-screen-content{ height: 100%; padding-top: 0px; } } .header-bar { position: relative; height: 1px; background-color: #ffffff; position: fixed; top:0; left: 0; border: none; width: 100%; z-index: 99999; * { visibility: hidden; } } .toggle-arrow { cursor: pointer; i{ font-size: 16px; color: #C4C6CF; } } .right { float: right; } .block { display: inline-block; } .full-screen-container.active { position: fixed; background-color: white; top: 0; left: 0; width: 100%; z-index:1999; .header-bar:hover { background-color: white; min-height: 50px; padding-left: 20px; border: 1px solid #ebedf2; display: flex; justify-content: space-between; align-items: center; * { visibility: visible; } } .full { width: 100%; height: 100%; } } .arrow-container{ margin-right: 20px; } .full-screen-container .header-bar .arrow-container .la.la-expand:before { content: \"\\f1a4\"; } .fcloud-unfullscreen-chart:before{ color: #a0a2ad; } "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":19},"member":"None"}}]}],"members":{"isFullScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"isFullScreenChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":5}}]}],"stateChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"toNormalWindow":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":45}]}],"exitHandler":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"requestFullScreen":[{"__symbolic":"method"}],"adjustCss":[{"__symbolic":"method"}],"restoreCss":[{"__symbolic":"method"}],"exitFullscreen":[{"__symbolic":"method"}]}}}}]