{"id":13481141,"url":"https://github.com/mgechev/ngresizable","last_synced_at":"2025-05-09T00:04:48.409Z","repository":{"id":15784456,"uuid":"78759201","full_name":"mgechev/ngresizable","owner":"mgechev","description":"Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (2 and beyond).","archived":false,"fork":false,"pushed_at":"2022-01-27T12:18:33.000Z","size":1029,"stargazers_count":116,"open_issues_count":2,"forks_count":23,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-09T00:04:42.986Z","etag":null,"topics":["angular","resizable","widget"],"latest_commit_sha":null,"homepage":"https://mgechev.github.io/ngresizable/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mgechev.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-12T15:30:41.000Z","updated_at":"2024-06-27T12:32:40.000Z","dependencies_parsed_at":"2022-07-20T22:54:46.355Z","dependency_job_id":null,"html_url":"https://github.com/mgechev/ngresizable","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fngresizable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fngresizable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fngresizable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mgechev%2Fngresizable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mgechev","download_url":"https://codeload.github.com/mgechev/ngresizable/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253166514,"owners_count":21864475,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","resizable","widget"],"created_at":"2024-07-31T17:00:49.096Z","updated_at":"2025-05-09T00:04:48.365Z","avatar_url":"https://github.com/mgechev.png","language":"TypeScript","readme":"[![Build Status](https://travis-ci.org/mgechev/ngresizable.svg?branch=master)](https://travis-ci.org/mgechev/ngresizable)\n\n# Angular Resizable\n\nSimple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (4 and beyond).\n\nFor version compatible with Angular 2 install `0.1.2`.\n\nSupports the following values of the `position` CSS property:\n\n- `absolute`.\n- `relative`.\n\n# How to use?\n\n```\n$ npm i ngresizable --save\n```\n\n# API\n\n## Outputs\n\n  - `resizeStart: EventEmitter\u003cIResizeEvent\u003e` - Resize start event.\n  - `resizing: EventEmitter\u003cIResizeEvent\u003e` - Resizing event.\n  - `resizeEnd: EventEmitter\u003cIResizeEvent\u003e` - Resize end event.\n\n## Inputs\n\n  - `width` - Width of the element number.\n  - `height: number` - Height of the element.\n  - `x: number` - x coordinate of the element.\n  - `y: number` - y coordinate of the element.\n  - `maxWidth: number` - Maximum width. Default `Infinity`.\n  - `minWidth: number` - Minimum width. Default `0`.\n  - `maxHeight: number` - Maximum height. Default `Infinity`.\n  - `minHeight: number` - Minimum height. Default `0`.\n  - `disableResize: boolean = false` - Disable the resize.\n  - `directions: string[]` - An array which contains the resize directions. Default `['bottom', 'right']`.\n  - `grid: ISize` - Resize in a grid. Default `{ width: 1, height: 1 }`.\n  - `bound: IRectangle` - Bound the resize.\n  - `ratio: number` - Resize ratio.\n\n# Integration\n\nShould work out of the box with webpack, respectively angular-cli. All you need to do is to include `NgResizableModule`:\n\n```ts\nimport { NgResizableModule } from 'ngresizable';\n\n@NgModule({\n  imports: [NgResizableModule],\n  ...\n})\nclass AppModule {}\n```\n\n## Angular Seed\n\n```ts\n// tools/config/project.ts\n\n...\n// Add packages (e.g. ngresizable)\nlet additionalPackages: ExtendPackages[] = [{\n  name: 'ngresizable',\n  path: 'node_modules/ngresizable/ngresizable.bundle.js'\n}];\n\nthis.addPackagesBundles(additionalPackages);\n...\n```\n\n# License\n\nMIT\n\n","funding_links":[],"categories":["Uncategorized","TypeScript","Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)"],"sub_categories":["Uncategorized","Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmgechev%2Fngresizable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmgechev%2Fngresizable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmgechev%2Fngresizable/lists"}