[{"__symbolic":"module","version":3,"metadata":{"NgResizableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[ngResizable]","providers":[{"__symbolic":"reference","module":"./ngresizable.store","name":"Store"}],"template":"\n    <ng-content></ng-content>\n    <div *ngFor=\"let dir of directions\"\n      class=\"ngr-grabber\" [ngClass]=\"'ngr-' + dir\"\n      (mousedown)=\"onMouseDown($event, dir)\"\n      (touchstart)=\"onMouseDown($event, dir)\">\n    </div>\n  ","styles":[".ngr-grabber {\n  position: absolute;\n}\n\n.ngr-grabber.ngr-top, .ngr-grabber.ngr-bottom {\n  cursor: ns-resize;\n  width: 100%;\n  height: 14px;\n}\n\n.ngr-grabber.ngr-left, .ngr-grabber.ngr-right {\n  cursor: ew-resize;\n  width: 14px;\n  height: 100%;\n}\n\n.ngr-grabber.ngr-top::after, .ngr-grabber.ngr-bottom::after,\n.ngr-grabber.ngr-left::after, .ngr-grabber.ngr-right::after,\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before,\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n}\n\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before,\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  border-radius: 7px;\n  width: 7px;\n  height: 7px;\n}\n\n.ngr-grabber.ngr-top::after, .ngr-grabber.ngr-bottom::after {\n  width: 100%;\n  height: 2px;\n  top: 50%;\n  left: 0;\n}\n\n.ngr-grabber.ngr-left::after, .ngr-grabber.ngr-right::after {\n  width: 2px;\n  height: 100%;\n  left: 50%;\n}\n\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before {\n  left: 50%;\n  top: 4px;\n  transform: translateX(-50%);\n}\n\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  top: 50%;\n  left: 4px;\n  transform: translateY(-50%);\n}\n\n.ngr-grabber.ngr-top,\n.ngr-grabber.ngr-bottom {\n  left: 0;\n}\n\n.ngr-grabber.ngr-top {\n  top: -7px;\n}\n\n.ngr-grabber.ngr-bottom {\n  bottom: -7px;\n}\n\n.ngr-grabber.ngr-left,\n.ngr-grabber.ngr-right {\n  top: 0;\n}\n\n.ngr-grabber.ngr-left {\n  left: -7px;\n}\n\n.ngr-grabber.ngr-right {\n  right: -7px;\n}\n\n.ngr-grabber.ngr-top-left, .ngr-grabber.ngr-top-right,\n.ngr-grabber.ngr-bottom-left, .ngr-grabber.ngr-bottom-right {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-radius: 4px;\n  z-index: 1;\n}\n\n.ngr-grabber.ngr-top-left {\n  cursor: nwse-resize;\n  top: -5px;\n  left: -5px;\n}\n\n.ngr-grabber.ngr-top-right {\n  cursor: nesw-resize;\n  top: -5px;\n  right: -5px;\n}\n\n.ngr-grabber.ngr-bottom-left {\n  cursor: nesw-resize;\n  bottom: -5px;\n  left: -5px;\n}\n\n.ngr-grabber.ngr-bottom-right {\n  cursor: nwse-resize;\n  bottom: -5px;\n  right: -5px;\n}\n"],"host":{"(document: mouseup)":"onMouseUp($event)","(document: touchend)":"onMouseUp($event)","(document: mousemove)":"onMouseMove($event)","(document: touchmove)":"onMouseMove($event)","$quoted$":["(document: mouseup)","(document: touchend)","(document: mousemove)","(document: touchmove)"]}}]}],"members":{"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"x":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"directions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ratio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./ngresizable.store","name":"Store"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method"}],"emitAction":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NgResizableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[ngResizable]","providers":[{"__symbolic":"reference","module":"./ngresizable.store","name":"Store"}],"template":"\n    <ng-content></ng-content>\n    <div *ngFor=\"let dir of directions\"\n      class=\"ngr-grabber\" [ngClass]=\"'ngr-' + dir\"\n      (mousedown)=\"onMouseDown($event, dir)\"\n      (touchstart)=\"onMouseDown($event, dir)\">\n    </div>\n  ","styles":[".ngr-grabber {\n  position: absolute;\n}\n\n.ngr-grabber.ngr-top, .ngr-grabber.ngr-bottom {\n  cursor: ns-resize;\n  width: 100%;\n  height: 14px;\n}\n\n.ngr-grabber.ngr-left, .ngr-grabber.ngr-right {\n  cursor: ew-resize;\n  width: 14px;\n  height: 100%;\n}\n\n.ngr-grabber.ngr-top::after, .ngr-grabber.ngr-bottom::after,\n.ngr-grabber.ngr-left::after, .ngr-grabber.ngr-right::after,\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before,\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n}\n\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before,\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  border-radius: 7px;\n  width: 7px;\n  height: 7px;\n}\n\n.ngr-grabber.ngr-top::after, .ngr-grabber.ngr-bottom::after {\n  width: 100%;\n  height: 2px;\n  top: 50%;\n  left: 0;\n}\n\n.ngr-grabber.ngr-left::after, .ngr-grabber.ngr-right::after {\n  width: 2px;\n  height: 100%;\n  left: 50%;\n}\n\n.ngr-grabber.ngr-top::before, .ngr-grabber.ngr-bottom::before {\n  left: 50%;\n  top: 4px;\n  transform: translateX(-50%);\n}\n\n.ngr-grabber.ngr-left::before, .ngr-grabber.ngr-right::before {\n  top: 50%;\n  left: 4px;\n  transform: translateY(-50%);\n}\n\n.ngr-grabber.ngr-top,\n.ngr-grabber.ngr-bottom {\n  left: 0;\n}\n\n.ngr-grabber.ngr-top {\n  top: -7px;\n}\n\n.ngr-grabber.ngr-bottom {\n  bottom: -7px;\n}\n\n.ngr-grabber.ngr-left,\n.ngr-grabber.ngr-right {\n  top: 0;\n}\n\n.ngr-grabber.ngr-left {\n  left: -7px;\n}\n\n.ngr-grabber.ngr-right {\n  right: -7px;\n}\n\n.ngr-grabber.ngr-top-left, .ngr-grabber.ngr-top-right,\n.ngr-grabber.ngr-bottom-left, .ngr-grabber.ngr-bottom-right {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-radius: 4px;\n  z-index: 1;\n}\n\n.ngr-grabber.ngr-top-left {\n  cursor: nwse-resize;\n  top: -5px;\n  left: -5px;\n}\n\n.ngr-grabber.ngr-top-right {\n  cursor: nesw-resize;\n  top: -5px;\n  right: -5px;\n}\n\n.ngr-grabber.ngr-bottom-left {\n  cursor: nesw-resize;\n  bottom: -5px;\n  left: -5px;\n}\n\n.ngr-grabber.ngr-bottom-right {\n  cursor: nwse-resize;\n  bottom: -5px;\n  right: -5px;\n}\n"],"host":{"(document: mouseup)":"onMouseUp($event)","(document: touchend)":"onMouseUp($event)","(document: mousemove)":"onMouseMove($event)","(document: touchmove)":"onMouseMove($event)"}}]}],"members":{"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"x":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"directions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ratio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./ngresizable.store","name":"Store"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onMouseMove":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method"}],"emitAction":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"setSize":[{"__symbolic":"method"}]}}}}]