{"_id":"angular-resizable","_rev":"7-6b3a6bc8e1cc95288beb32c35bcc7af3","name":"angular-resizable","description":"A directive for creating resizable containers in angular.","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"angular-resizable","version":"1.0.0","description":"A directive for creating resizable containers.","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Reklino/angular-resizable.git"},"author":{"name":"Reklino"},"license":"MIT","bugs":{"url":"https://github.com/Reklino/angular-resizable/issues"},"homepage":"https://github.com/Reklino/angular-resizable","gitHead":"a806b853e9f549c4fe88c595b1fd06831079b18b","_id":"angular-resizable@1.0.0","_shasum":"e5c9b25e532975bfc943c2f3634883a8b786a9e1","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"reklino","email":"yakub89@gmail.com"},"maintainers":[{"name":"reklino","email":"yakub89@gmail.com"}],"dist":{"shasum":"e5c9b25e532975bfc943c2f3634883a8b786a9e1","tarball":"https://registry.npmjs.org/angular-resizable/-/angular-resizable-1.0.0.tgz","integrity":"sha512-xdHh/dc2ZibFPJZeuUHSUtQ2XNUmLsZ4sB+ZlJB+5AcUQ5C/eMv+yeVdSrx67JUs4u2Pa+AzofHLZfIuHeVhFA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIqiuCXBE/6xertzWL0hS09OiujvqKKngecIDwwnpOxQIgAy+GYsu995Wgx6AOpq2o4EYbgfYHg+ZPtb+LDQNbrwY="}]}},"1.0.1":{"name":"angular-resizable","version":"1.0.1","description":"A directive for creating resizable containers in angular.","keywords":["angular","angular-js","angularjs","resize","resizable","directive","container","lightweight"],"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Reklino/angular-resizable.git"},"author":{"name":"Reklino"},"license":"MIT","bugs":{"url":"https://github.com/Reklino/angular-resizable/issues"},"homepage":"https://github.com/Reklino/angular-resizable","gitHead":"9119e0d62bb7c5a09a6ab6b6ffbb31edbc026fb7","_id":"angular-resizable@1.0.1","_shasum":"52577d517f43b13bac16cadf29da90bd9aeb43de","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"reklino","email":"yakub89@gmail.com"},"maintainers":[{"name":"reklino","email":"yakub89@gmail.com"}],"dist":{"shasum":"52577d517f43b13bac16cadf29da90bd9aeb43de","tarball":"https://registry.npmjs.org/angular-resizable/-/angular-resizable-1.0.1.tgz","integrity":"sha512-TpEtd1EuRONCe962WjnAu4tnNSZ7+Yom5gDKJPG0WENYKS38Pg3oFmPRddQyRJXYZamioAiC+XK8wi3zT4kAcA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXlJDqMjkCaoeGmslapPuyYtOjINv3alZKX+VGx66E7wIhAPiKbbwOXJt2paMDgK9txA+M4kUKOsDGLywn7eyOKHC1"}]}},"1.1.0":{"name":"angular-resizable","version":"1.1.0","description":"A directive for creating resizable containers in angular.","keywords":["angular","angular-js","angularjs","resize","resizable","directive","container","lightweight"],"main":"src/angular-resizable.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Reklino/angular-resizable.git"},"author":{"name":"Reklino"},"license":"MIT","bugs":{"url":"https://github.com/Reklino/angular-resizable/issues"},"homepage":"https://github.com/Reklino/angular-resizable","devDependencies":{"gulp":"^3.8.11","gulp-minify-css":"^1.1.1","gulp-rename":"^1.2.2","gulp-uglify":"^1.2.0"},"gitHead":"7c778dc15e7be8a67387f4e5dfdee214f44474d1","_id":"angular-resizable@1.1.0","_shasum":"6edb35dff4f27ae2a6614783ed31a724bdd6ed12","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.2","_npmUser":{"name":"reklino","email":"yakub89@gmail.com"},"maintainers":[{"name":"reklino","email":"yakub89@gmail.com"}],"dist":{"shasum":"6edb35dff4f27ae2a6614783ed31a724bdd6ed12","tarball":"https://registry.npmjs.org/angular-resizable/-/angular-resizable-1.1.0.tgz","integrity":"sha512-C6XbQUImdN3dGBVgOLzViZtmDtLXUb7esSPmV6ooAqRrHjWOWpMWVPn3jEvqGmVh5PiaVoE1tPFzzX9EDiVr4Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFgnkqZmHkuM3befEbAcGoUuODOMaILSUpEXpb9/6+dAIgOXCmuqdLEupeZM84wh06H9zQJgzjNmkdZU//RGbAyB8="}]}},"1.2.0":{"name":"angular-resizable","version":"1.2.0","description":"A directive for creating resizable containers in angular.","keywords":["angular","angular-js","angularjs","resize","resizable","directive","container","lightweight"],"main":"src/angular-resizable.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/Reklino/angular-resizable.git"},"author":{"name":"Reklino"},"license":"MIT","bugs":{"url":"https://github.com/Reklino/angular-resizable/issues"},"homepage":"https://github.com/Reklino/angular-resizable","devDependencies":{"gulp":"^3.8.11","gulp-minify-css":"^1.1.1","gulp-rename":"^1.2.2","gulp-uglify":"^1.2.0"},"gitHead":"4cd4272ae1ec1f0a825769fdd59f77d5495e009b","_id":"angular-resizable@1.2.0","_shasum":"9dd29af008f8b54abfc051bd269a8f0b4fe43f1a","_from":".","_npmVersion":"2.7.4","_nodeVersion":"0.12.2","_npmUser":{"name":"reklino","email":"yakub89@gmail.com"},"dist":{"shasum":"9dd29af008f8b54abfc051bd269a8f0b4fe43f1a","tarball":"https://registry.npmjs.org/angular-resizable/-/angular-resizable-1.2.0.tgz","integrity":"sha512-5x5lXIURnJy8A5IcILQEeydv2KEYirDtvC6SIMejB/l5HrrccNKolFwiRezlkEiFzf9YItlBDpHD1juQZv9rGg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHJE54ZDQTrXfTVpjSLPWxHfKshIyTZRxq3pmRc2K9DAIgYHipEXmSgrsvJnIb4KLtl8u1PqKlZHCo5+/JHapIRRk="}]},"maintainers":[{"name":"reklino","email":"yakub89@gmail.com"}]}},"readme":"# angular-resizable\r\nA directive for creating resizable containers.\r\n\r\n## Why?\r\nAll other resizable directive concepts I came across include layout logic in the directive. I wanted a directive that only handled the resize logic. This way, the layout logic is quarantined to the CSS.\r\n\r\n## Usage\r\n\r\n1. `npm install angular-resizable` or `bower install angular-resizable` or clone/download this repo\r\n2. Include `angular-resizable.min.js` in your project.\r\n3. Include `angular-resizable.min.css` in your project as well (this provides default styling for the resize handles).\r\n4. Then include the module in your app: `angular.module('app', ['angularResizable'])`\r\n5. Use it: `<section resizable r-directions=\"['bottom', 'right']\" r-flex=\"true\">`\r\n\r\nInclude any sides you want to be resizable in an array inside `r-directions`. Accepts 'top','right','bottom', and 'left'. You can style the handles however you want. Just override the styles in the css in your own stylesheet.\r\n\r\n## Options\r\n\r\nAttributes  | Default | Accepts | Description\r\n--- | --- | --- | ---\r\nrDirections | ['right'] | ['top', 'right', 'bottom', 'left',] | Determines which sides of the element are resizable.\r\nrFlex | false | boolean | Set as true if you are using flexbox. [See this codepen](http://codepen.io/Reklino/pen/raRaXq).\r\nrCenteredX | false | boolean | If set as true, the velocity of horizontal resizing will be doubled.\r\nrCenteredY | false | boolean | If set as true, the velocity of vertical resizing will be doubled.\r\nrWidth | false | integer or $scope variable | If set, the resizable element will be rendered with a predefined width relative to this value in pixels and a watcher will be set on the 'rWidth' attribute. [See this codepen](http://codepen.io/Reklino/pen/EjKXqg).\r\nrHeight | false | integer or $scope variable | If set, the resizable element will be rendered with a predefined height relative to this value in pixels and a watcher will be set on the 'rHeight' attribute. [See this codepen](http://codepen.io/Reklino/pen/EjKXqg).\r\nrGrabber | `<span></span>` | string | Defines custom inner html for the grabber.\r\n\r\n## Events\r\n\r\nFor an example using the events, [see this codepen](http://codepen.io/Reklino/pen/EjKXqg).\r\n\r\n### angular-resizable.resizeStart\r\n\r\nThis event is emitted at the beginning of a resize with the following info object:\r\n- `info.width` : The width of the directive at time of resize start. **Will be false if resizing vertically\r\n- `info.height` : The height of the directive at time of resize start. **Will be false if resizing horizontally\r\n- `info.id` : The id of the directive. **Will be false if there is no id set.\r\n- `info.evt` : original mouse event object\r\n\r\n### angular-resizable.resizing\r\n\r\nThis event is emitted during the resizing of the element with the following object as an argument:\r\n- `info.width` : The width of the directive at time of resize end. **Will be false if resizing vertically\r\n- `info.height` : The height of the directive at time of resize end. **Will be false if resizing horizontally\r\n- `info.id` : The id of the directive. **Will be false if there is no id set.\r\n- `info.evt` : original mouse event object\r\n\r\n### angular-resizable.resizeEnd\r\n\r\nThis event is emitted at the end of a resize with the following object as an argument:\r\n- `info.width` : The width of the directive at time of resize end. **Will be false if resizing vertically\r\n- `info.height` : The height of the directive at time of resize end. **Will be false if resizing horizontally\r\n- `info.id` : The id of the directive. **Will be false if there is no id set.\r\n- `info.evt` : original mouse event object\r\n\r\n## version notes\r\n\r\n### 1.2.0\r\n- Add angular-resizable.resizing event (see pull request #7)\r\n- Add attribute for providing custom inner html to the grabber element (see pull request #7)\r\n\r\n## License\r\n\r\nMIT\r\n","maintainers":[{"name":"reklino","email":"yakub89@gmail.com"}],"time":{"modified":"2022-06-13T02:56:58.935Z","created":"2015-04-29T20:46:43.023Z","1.0.0":"2015-04-29T20:46:43.023Z","1.0.1":"2015-04-29T21:13:57.619Z","1.1.0":"2015-05-18T16:33:21.299Z","1.2.0":"2015-10-26T21:28:34.530Z"},"homepage":"https://github.com/Reklino/angular-resizable","repository":{"type":"git","url":"https://github.com/Reklino/angular-resizable.git"},"author":{"name":"Reklino"},"bugs":{"url":"https://github.com/Reklino/angular-resizable/issues"},"license":"MIT","readmeFilename":"README.md","keywords":["angular","angular-js","angularjs","resize","resizable","directive","container","lightweight"],"users":{"jonabasque":true}}