ninja-splitter/ninja-splitter.metadata.json

Convenient and easy to use splitter component for Angular 9+

{"__symbolic":"module","version":4,"metadata":{"PositionService":{"__symbolic":"class","members":{},"statics":{"window":{"__symbolic":"error","message":"Variable not initialized","line":44,"character":21},"document":{"__symbolic":"error","message":"Variable not initialized","line":48,"character":21},"isStaticPositioned":{"__symbolic":"function","parameters":["nativeEl"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"error","message":"Expression form not supported","line":65,"character":12,"module":"./lib/position.service"},"right":"static"},"right":"static"}}}},"HorizontalNinjaSplitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NinjaSplitterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"horizontal-ninja","styles":[":host {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-flow: column;\n  }\n\n  .ninja-com {\n    height: calc(50% - 4px);\n  }"],"template":"\n    <div\n      #primaryComponent\n      [hidden]=\"primaryToggledOff\"\n      class=\"upper ninja-com\">\n      <ng-content select=\".ninja-content-primary\"></ng-content>\n    </div>\n    <ninja-separator\n      #separator\n      [hidden]=\"primaryToggledOff || secondaryToggledOff\"\n      [thickness]=\"separatorThickness\"\n      (notifyWillChangeSize)=\"notifyWillChangeSize($event)\">\n    </ninja-separator>\n    <div\n      #secondaryComponent\n      [hidden]=\"secondaryToggledOff\"\n      class=\"lower ninja-com\">\n      <ng-content select=\".ninja-content-secondary\"></ng-content>\n    </div>\n  "}]}],"members":{"getPrimarySize":[{"__symbolic":"method"}],"getSecondarySize":[{"__symbolic":"method"}],"dividerPosition":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":54,"character":3},"arguments":["mousemove",["$event"]]}]}]}},"NinjaSeparatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ninja-separator","template":"\n    <div class=\"handle\"></div>\n  ","styles":[":host{background-color:var(--ninja-separator-background-color, #fff);position:relative}:host.vertical{border-left:1px solid #ddd;cursor:var(--ninja-separator-vcursor, ew-resize)}:host.horizontal{border-top:1px solid #ddd;cursor:var(--ninja-separator-hcursor, ns-resize)}:host:hover{background-color:var(--ninja-separator-hover-background-color, #fafafa)}.handle{background-color:#eee}.handle.horizontal{margin:auto;width:35px;height:100%}.handle.vertical{position:absolute;top:calc(50% - 17px);width:100%;height:35px}\n"]}]}],"members":{"thickness":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"horizontal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":11,"character":12},"arguments":["class.horizontal"]}]}],"notifyWillChangeSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"vertical":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.vertical"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":18,"character":3},"arguments":["style.width"]}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onMousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":37,"character":3},"arguments":["mousedown"]}]}]}},"delayedInit":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NinjaSplitterModule"},"providers":[]}},"NinjaSplitterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12}],"declarations":[{"__symbolic":"reference","name":"HorizontalNinjaSplitterComponent"},{"__symbolic":"reference","name":"VerticalNinjaSplitterComponent"},{"__symbolic":"reference","name":"NinjaSeparatorComponent"},{"__symbolic":"reference","name":"NinjaSplitterComponent"}],"exports":[{"__symbolic":"reference","name":"HorizontalNinjaSplitterComponent"},{"__symbolic":"reference","name":"VerticalNinjaSplitterComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"delayedInit"}}}},"NinjaSplitterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ninja-splitter","template":"","styles":["\n      :host {\n        height: 100%;\n      }\n    "]}]}],"members":{"primaryComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["primaryComponent",{"static":true}]}]}],"secondaryComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["secondaryComponent",{"static":true}]}]}],"initialRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["primary-component-initialratio"]}]}],"primaryMinSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["primary-minsize"]}]}],"secondaryMinSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["secondary-minsize"]}]}],"separatorThickness":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3},"arguments":["separator-width-px"]}]}],"primaryToggledOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3},"arguments":["primary-component-toggle"]}]}],"secondaryToggledOff":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["secondary-component-toggle"]}]}],"localStorageKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3},"arguments":["local-storage-key"]}]}],"notifySizeDidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3},"arguments":["on-change"]}]}],"notifyBeginResizing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3},"arguments":["on-begin-resizing"]}]}],"notifyEndedResizing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3},"arguments":["on-ended-resizing"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":48,"character":15}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":38}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getPrimarySize":[{"__symbolic":"method"}],"getSecondarySize":[{"__symbolic":"method"}],"dividerPosition":[{"__symbolic":"method"}],"getAvailableSize":[{"__symbolic":"method"}],"applySizeChange":[{"__symbolic":"method"}],"notifyWillChangeSize":[{"__symbolic":"method"}],"checkValidBounds":[{"__symbolic":"method"}],"checkBothToggledOff":[{"__symbolic":"method"}],"stopResizing":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":180,"character":3},"arguments":["mouseup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":181,"character":3},"arguments":["touchend"]}]}],"onDocumentLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":188,"character":3},"arguments":["document:mouseout",["$event"]]}]}]}},"VerticalNinjaSplitterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NinjaSplitterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"vertical-ninja","styles":[":host {\n    height: 100%;\n    width: 100%;\n    display: flex;\n  }\n\n  .ninja-com {\n    width: calc(50% - 4px);\n  }"],"template":"\n    <div\n      #primaryComponent\n      [hidden]=\"primaryToggledOff\"\n      class=\"left ninja-com\">\n      <ng-content select=\".ninja-content-primary\"></ng-content>\n    </div>\n    <ninja-separator\n      [horizontal]=\"false\"\n      #separator\n      [hidden]=\"primaryToggledOff || secondaryToggledOff\"\n      [thickness]=\"separatorThickness\"\n      (notifyWillChangeSize)=\"notifyWillChangeSize($event)\">\n    </ninja-separator>\n    <div\n      #secondaryComponent\n      [hidden]=\"secondaryToggledOff\"\n      class=\"right ninja-com\">\n      <ng-content select=\".ninja-content-secondary\"></ng-content>\n    </div>\n  "}]}],"members":{"outerContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":["outer",{"static":true}]}]}],"getPrimarySize":[{"__symbolic":"method"}],"getSecondarySize":[{"__symbolic":"method"}],"dividerPosition":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"character":3},"arguments":["mousemove",["$event"]]}]}]}}},"origins":{"PositionService":"./lib/position.service","HorizontalNinjaSplitterComponent":"./lib/horizontal-ninja.component","NinjaSeparatorComponent":"./lib/ninja-separator.component","delayedInit":"./lib/ninja-splitter","NinjaSplitterModule":"./lib/ninja-splitter","NinjaSplitterComponent":"./lib/ninja-splitter.component","VerticalNinjaSplitterComponent":"./lib/vertical-ninja.component"},"importAs":"ninja-splitter"}