{"__symbolic":"module","version":4,"metadata":{"LayoutsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"CenterDirective"},{"__symbolic":"reference","name":"LayoutComponent"},{"__symbolic":"reference","name":"PanelConfigDirective"},{"__symbolic":"reference","name":"PanelDirective"},{"__symbolic":"reference","name":"PanelOrderDirective"},{"__symbolic":"reference","name":"PanelOverlayDirective"},{"__symbolic":"reference","name":"PanelPullDirective"},{"__symbolic":"reference","name":"PanelPushDirective"},{"__symbolic":"reference","name":"PanelSizeDirective"}],"exports":[{"__symbolic":"reference","name":"CenterDirective"},{"__symbolic":"reference","name":"LayoutComponent"},{"__symbolic":"reference","name":"PanelConfigDirective"},{"__symbolic":"reference","name":"PanelDirective"},{"__symbolic":"reference","name":"PanelOrderDirective"},{"__symbolic":"reference","name":"PanelOverlayDirective"},{"__symbolic":"reference","name":"PanelPullDirective"},{"__symbolic":"reference","name":"PanelPushDirective"},{"__symbolic":"reference","name":"PanelSizeDirective"}]}]}],"members":{}},"CenterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[rgCenter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LayoutComponent"},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"PanelContext"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PanelIfElse":{"__symbolic":"function"},"PanelPartialResize":{"__symbolic":"function"},"PanelPartialReveal":{"__symbolic":"function"},"PanelSlide":{"__symbolic":"function"},"PanelStatic":{"__symbolic":"function"},"LayoutModel":{"__symbolic":"interface"},"LayoutComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@canvasgfx/stateful","name":"Stateful","line":35,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"rg-layout","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":21},"member":"OnPush"},"exportAs":"rgLayout","template":"<rg-panel-split [panels]=\"panels$ | async | panelOrder | panelValid\"\r\n                [center]=\"center$ | async\"></rg-panel-split>\r\n","styles":[":host{display:flex;height:100%;position:relative;width:100%}"]}]}],"members":{"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":49}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"dispatch":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"panel":[{"__symbolic":"method"}],"panelAdd":[{"__symbolic":"method"}],"panelRemove":[{"__symbolic":"method"}],"panelUpdate":[{"__symbolic":"method"}],"setCenter":[{"__symbolic":"method"}],"_panelsReduce":[{"__symbolic":"method"}]}},"LayoutEvent":{"__symbolic":"interface"},"LayoutOverlayEvent":{"__symbolic":"interface"},"isLayoutOverlayEvent":{"__symbolic":"error","message":"Lambda not supported","line":12,"character":36,"module":"./lib/layouts/layout-events/layout-events"},"LayoutTransitionEvent":{"__symbolic":"interface"},"isLayoutTransitionEvent":{"__symbolic":"error","message":"Lambda not supported","line":24,"character":39,"module":"./lib/layouts/layout-events/layout-events"},"PanelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[rgPanel]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"PanelContext"}]},{"__symbolic":"reference","name":"LayoutComponent"}]}],"dock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5},"arguments":["rgPanel"]}]}],"getPanel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"patch":[{"__symbolic":"method"}]}},"PanelConfigDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[rgPanelConfig]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["rgPanelConfig"]}]}]}},"PanelOrderDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[rgPanelOrder]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["rgPanelOrder"]}]}]}},"PanelOverlayDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[rgPanelOverlay]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["rgPanelOverlay"]}]}]}},"PanelPullDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[rgPanelPull]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"pull":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["rgPanelPull"]}]}]}},"PanelPushDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[rgPanelPush]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"push":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["rgPanelPush"]}]}]}},"PanelSizeDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵf"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[rgPanelSize]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["rgPanelSize"]}]}]}},"LayoutConfig":{"__symbolic":"interface"},"LayoutDock":{"__symbolic":"interface"},"DEFAULT_PANEL_ORDER":{"top":0,"left":1,"right":2,"bottom":3},"PanelConfig":{"__symbolic":"interface"},"PanelContext":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"panelOrder","pure":true}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"rg-panel-overlay","template":"","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":21},"member":"OnPush"},"host":{"[@fadeInOut]":"fadeInOut","(click)":"close()","[class.rg-panel-overlay]":"true","$quoted$":["[@fadeInOut]","(click)","[class.rg-panel-overlay]"]},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":8},"arguments":["fadeInOut",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":20,"character":12},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":16},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":16},"arguments":["{{animation}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":41},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":24,"character":12},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":16},"arguments":["{{animation}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":41},"arguments":[{"opacity":0}]}]}]]}]]}],"styles":["rg-panel-overlay{background-color:rgba(0,0,0,.15);bottom:0;display:block;left:0;position:absolute;right:0;top:0}"]}]}],"members":{"dock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LayoutComponent"}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"close":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@canvasgfx/destroyable","name":"Destroyable","line":31,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"rg-panel-split","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":19},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":21},"member":"OnPush"},"host":{"[class.rg-has-overlay]":"hasOverlay","[class.rg-horizontal]":"isHorizontal","[class.rg-vertical]":"!isHorizontal","$quoted$":["[class.rg-has-overlay]","[class.rg-horizontal]","[class.rg-vertical]"]},"template":"<!--suppress AngularUndefinedBinding -->\r\n<ng-container *ngIf=\"panel\">\r\n    <div class=\"rg-panel-content\"\r\n         #divPanelContent\r\n         [style.padding-top.px]=\"panel.dock === 'top' ? pushed(panel) : undefined\"\r\n         [style.padding-bottom.px]=\"panel.dock === 'bottom' ? pushed(panel) : undefined\"\r\n         [style.padding-left.px]=\"panel.dock === 'left' ? pushed(panel) : undefined\"\r\n         [style.padding-right.px]=\"panel.dock === 'right' ? pushed(panel) : undefined\"\r\n         [style.transition]=\"transitionPanelContent$ | async\"\r\n         (transitionstart)=\"transitionEvent($event, divPanelContent)\"\r\n         (transitioncancel)=\"transitionEvent($event, divPanelContent)\"\r\n         (transitionend)=\"transitionEvent($event, divPanelContent)\">\r\n        <rg-panel-split *ngIf=\"children?.length; else panelCenter\"\r\n                        [panels]=\"children\"\r\n                        [center]=\"center\"></rg-panel-split>\r\n        <rg-panel-overlay *ngIf=\"panel.overlay\"\r\n                          [dock]=\"panel.dock\"></rg-panel-overlay>\r\n    </div>\r\n    <div class=\"rg-panel\"\r\n         #divPanel\r\n         [class.rg-panel-horizontal]=\"isHorizontal\"\r\n         [class.rg-panel-vertical]=\"!isHorizontal\"\r\n         [class.rg-panel-top]=\"panel.dock === 'top'\"\r\n         [class.rg-panel-bottom]=\"panel.dock === 'bottom'\"\r\n         [class.rg-panel-left]=\"panel.dock === 'left'\"\r\n         [class.rg-panel-right]=\"panel.dock === 'right'\"\r\n         [style.height.px]=\"isHorizontal ? panel.size : undefined\"\r\n         [style.width.px]=\"!isHorizontal ? panel.size : undefined\"\r\n         [style.margin-top.px]=\"panel.dock === 'top' ? pulled(panel) : undefined\"\r\n         [style.margin-bottom.px]=\"panel.dock === 'bottom' ? pulled(panel) : undefined\"\r\n         [style.margin-left.px]=\"panel.dock === 'left' ? pulled(panel) : undefined\"\r\n         [style.margin-right.px]=\"panel.dock === 'right' ? pulled(panel) : undefined\"\r\n         [style.transition]=\"transitionPanel$ | async\"\r\n         (transitionstart)=\"transitionEvent($event, divPanel)\"\r\n         (transitioncancel)=\"transitionEvent($event, divPanel)\"\r\n         (transitionend)=\"transitionEvent($event, divPanel)\">\r\n        <ng-container *ngTemplateOutlet=\"panel.template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n<ng-template #panelCenter>\r\n    <ng-container *ngTemplateOutlet=\"center\"></ng-container>\r\n</ng-template>\r\n","styles":["rg-panel-split{display:block;height:100%;overflow:hidden;position:relative;width:100%}rg-panel-split .rg-panel{display:block;position:absolute}rg-panel-split .rg-panel.rg-panel-horizontal{left:0;right:0}rg-panel-split .rg-panel.rg-panel-vertical{bottom:0;top:0}rg-panel-split .rg-panel.rg-panel-top{top:0}rg-panel-split .rg-panel.rg-panel-bottom{bottom:0}rg-panel-split .rg-panel.rg-panel-left{left:0}rg-panel-split .rg-panel.rg-panel-right{right:0}rg-panel-split .rg-panel-content{display:block;height:100%;position:relative;width:100%}"]}]}],"members":{"center":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"LayoutComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":57,"character":34}]}],"panels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"_setChildren":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"pulled":[{"__symbolic":"method"}],"pushed":[{"__symbolic":"method"}],"transitionEvent":[{"__symbolic":"method"}],"_setPanel":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"panelValid","pure":true}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PanelDirective"}]}],"patch":[{"__symbolic":"method"}]}}},"origins":{"LayoutsModule":"./lib/layouts/layouts.module","CenterDirective":"./lib/layouts/center/center.directive","PanelIfElse":"./lib/layouts/presents/panel-if-else","PanelPartialResize":"./lib/layouts/presents/panel-partial-resize","PanelPartialReveal":"./lib/layouts/presents/panel-partial-reveal","PanelSlide":"./lib/layouts/presents/panel-slide","PanelStatic":"./lib/layouts/presents/panel-static","LayoutModel":"./lib/layouts/layout/layout.component","LayoutComponent":"./lib/layouts/layout/layout.component","LayoutEvent":"./lib/layouts/layout-events/layout-events","LayoutOverlayEvent":"./lib/layouts/layout-events/layout-events","isLayoutOverlayEvent":"./lib/layouts/layout-events/layout-events","LayoutTransitionEvent":"./lib/layouts/layout-events/layout-events","isLayoutTransitionEvent":"./lib/layouts/layout-events/layout-events","PanelDirective":"./lib/layouts/panel/panel.directive","PanelConfigDirective":"./lib/layouts/panel/panel-config.directive","PanelOrderDirective":"./lib/layouts/panel/panel-order.directive","PanelOverlayDirective":"./lib/layouts/panel/panel-overlay.directive","PanelPullDirective":"./lib/layouts/panel/panel-pull.directive","PanelPushDirective":"./lib/layouts/panel/panel-push.directive","PanelSizeDirective":"./lib/layouts/panel/panel-size.directive","LayoutConfig":"./lib/layouts/types/layout-config","LayoutDock":"./lib/layouts/types/layout-dock","DEFAULT_PANEL_ORDER":"./lib/layouts/types/panel-config","PanelConfig":"./lib/layouts/types/panel-config","PanelContext":"./lib/layouts/types/panel-context","ɵa":"./lib/internal/internal.module","ɵb":"./lib/internal/panel-order/panel-order.pipe","ɵc":"./lib/internal/panel-overlay/panel-overlay.component","ɵd":"./lib/internal/panel-split/panel-split.component","ɵe":"./lib/internal/panel-valid/panel-valid.pipe","ɵf":"./lib/layouts/panel/panel-change.directive"},"importAs":"@canvasgfx/layouts"}