[{"__symbolic":"module","version":4,"metadata":{"LayoutPanelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"layout-panel","template":"\n        <div #panel #ngResizable class=\"layout-panel\"\n            [ngResizable]=\"split\" [attr.region]=\"region\"\n            [rzHandles]=\"rzHandler\"\n            [rzMinWidth]=\"minWidth\"\n            [rzMaxWidth]=\"maxWidth\"\n            [rzMinHeight]=\"minHeight\"\n            [rzMaxHeight]=\"maxHeight\"\n            (rzResizing)=\"onReizing($event)\"\n            (rzStop) = \"onResized($event)\"\n            (rzStart) =\"onResizeStart($event)\" >\n\n            <layout-panel-title *ngIf=\"title\" [title]=\"title\"></layout-panel-title>\n\n            <ng-content></ng-content>\n        <div>\n    ","styles":[".layout-border { border: 1px solid #f2f2f2} .layout-panel {background: white; } .ng-resizeable-bar{ position: relative; } .ng-resizable-w>.ng-resizeable-bar { right: 1px; height: 100%; width: 5px; } .ng-resizable-e>.ng-resizeable-bar { left: 3px; height: 100%; width: 5px; } .ng-resizable-s>.ng-resizeable-bar { top: 3px; width: 100%; height: 5px; } .ng-resizable-n>.ng-resizeable-bar { bottom: 0px; width: 100%; height: 5px; } .ng-resizable-handle:hover>.ng-resizeable-bar { background-color: #bababa; } .ng-resizable-handle:active>.ng-resizeable-bar { background-color: #5b5b5b; } :host { padding: 0; } "]}]}],"members":{"region":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"iconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"split":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"showBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"resizing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"resized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":5}}]}],"panel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":5},"arguments":["panel"]}]}],"ngResizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":5},"arguments":[{"__symbolic":"reference","module":"./../../../draggable/angular-resizeable.directive","name":"AngularResizableDirective","line":56,"character":15}]}]}],"setStyles":[{"__symbolic":"method"}],"getrzHandler":[{"__symbolic":"method"}],"isCenterPanel":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":110,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":110,"character":56},{"__symbolic":"reference","module":"./../layout.component","name":"LayoutComponent","line":110,"character":83}]}],"ngOnChanges":[{"__symbolic":"method"}],"getBsClass":[{"__symbolic":"method"}],"hasBsClass":[{"__symbolic":"method"}],"initSize":[{"__symbolic":"method"}],"initClass":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onResizeStart":[{"__symbolic":"method"}],"resetFlex":[{"__symbolic":"method"}],"resize":[{"__symbolic":"method"}],"onReizing":[{"__symbolic":"method"}],"updatePanelSize":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}]}},"LayoutPanelTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":215,"character":1},"arguments":[{"selector":"layout-panel-title","template":"\n        <div class=\"d-flex flex-row\" style=\"height: 28px; line-height: 28px\">\n            <div class=\"layout-panel-title\">\n                <span *ngIf=\"iconCls\" [class]=\"iconCls\"></span>\n                {{ title }}\n            </div>\n            <div class=\"layout-panel-title-tools flex-fill\">\n\n            </div>\n        </div>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":230,"character":5}}]}],"iconCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":5}}]}]}}}}]