angular-duo-pane/angular-duo-pane.metadata.json

A library for Angular projects to easily add a two pane view for desktops, foldables and dual screen devices.

{"__symbolic":"module","version":4,"metadata":{"AngularDuoPaneModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"DuoPaneDirective"}],"imports":[],"exports":[{"__symbolic":"reference","name":"DuoPaneDirective"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"DuoPaneDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[duoPane]"}]}],"members":{"primaryPanePercentageSingleSegment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":46,"character":38},{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":48,"character":27},{"__symbolic":"reference","name":"ɵb"}]}],"secondaryPaneVisibilityHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"secondaryPane":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"destroySecondaryPaneRef":[{"__symbolic":"method"}],"destroyPrimaryPaneRef":[{"__symbolic":"method"}],"ensureSecondaryPaneVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"twoPaneMinWidthSingleSegment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"twoPaneMinHeightSingleSegment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"twoPaneSpanningModeSingleSegment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"emitSecondaryPaneVisibility":[{"__symbolic":"method"}],"updateView":[{"__symbolic":"method"}],"renderBothPanes":[{"__symbolic":"method"}],"renderDualPanes":[{"__symbolic":"method"}],"renderPrimaryPane":[{"__symbolic":"method"}],"renderSecondaryPane":[{"__symbolic":"method"}]}},"ISegment":{"__symbolic":"interface"},"Segment":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"SpanningMode":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"duo-pane","template":"<div class=\"dual-screen-view-pane\" [style.left]=\"segment.left + 'px'\" [style.top]=\"segment.top + 'px'\" [style.height]=\"segment.height + 'px'\" [style.width]=\"segment.width + 'px'\">\n    <ng-container #viewContainer></ng-container>\n</div>\n","styles":[".dual-screen-view-pane{position:absolute;overflow:auto}"]}]}],"members":{"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["viewContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":11,"character":38},"static":true}]}]}],"segment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"contentTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":41}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"renderView":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"addEventListener":[{"__symbolic":"method"}],"removeEventListener":[{"__symbolic":"method"}],"dispatchEvent":[{"__symbolic":"method"}],"getTwoLargestSegments":[{"__symbolic":"method"}],"debounce":[{"__symbolic":"method"}],"invalidate":[{"__symbolic":"method"}]},"statics":{"ns":"__foldables__","ɵprov":{}}}},"origins":{"AngularDuoPaneModule":"./lib/angular-duo-pane.module","DuoPaneDirective":"./lib/directives/duo-pane.directive","ISegment":"./lib/models/ISegment","Segment":"./lib/models/Segment","SpanningMode":"./lib/models/SpanningMode","ɵa":"./lib/components/duo-pane/duo-pane.component","ɵb":"./lib/services/duo-pane-information.service"},"importAs":"angular-duo-pane"}