https://github.com/dmytro-parfenov/ngx-drag-resize

The project contains Angular library that provides opportunity to use drag and resize functionality on HTML element
https://github.com/dmytro-parfenov/ngx-drag-resize

angular drag ngx resize

Last synced: 17 days ago
JSON representation

The project contains Angular library that provides opportunity to use drag and resize functionality on HTML element

• Host: GitHub
• URL: https://github.com/dmytro-parfenov/ngx-drag-resize
• Owner: dmytro-parfenov
• License: mit
• Created: 2020-11-27T16:26:45.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-11-20T22:33:28.000Z (22 days ago)
• Last Synced: 2024-11-20T22:39:01.311Z (22 days ago)
• Topics: angular, drag, ngx, resize
• Language: TypeScript
• Homepage: https://dmytro-parfenov.github.io/ngx-drag-resize/
• Size: 2.18 MB
• Stars: 6
• Watchers: 1
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

• fucking-awesome-angular - ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements. (Table of contents / Third Party Components)
• awesome-angular - ngx-drag-resize - This Angular library provides directives that add drag and resize functionality to HTML elements. (Table of contents / Third Party Components)

README

        
# ngx-drag-resize

The project contains Angular library [ngx-drag-resize](https://www.npmjs.com/package/ngx-drag-resize) that provides opportunity to use drag and resize functionality on HTML element

[![CircleCI](https://img.shields.io/circleci/build/github/dmytro-parfenov/ngx-drag-resize)](https://app.circleci.com/pipelines/github/dmytro-parfenov/ngx-drag-resize?branch=master)

# Getting Started

## Structure

Repository contains two projects

 - [ngx-drag-resize](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize) - library source code

 - [ngx-drag-resize-demo](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize-demo) - used for testing the library and provides demo application 

## Development

Run `npm run start:lib` for a build library. The library will automatically rebuild if you change any of the source files from [ngx-drag-resize](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize).

Run `npm run start:demo` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files from [ngx-drag-resize-demo](https://github.com/dmytro-parfenov/ngx-drag-resize/tree/master/projects/ngx-drag-resize-demo).

It is necessary to run `npm run start:lib` before `npm run start:demo` to ensure that library has already built before the demo application will run.

## Running unit tests

Run `npm run test:lib` to execute the unit tests via [Karma](https://karma-runner.github.io) for the library.

Run `npm run test:demo` to execute the unit tests via [Karma](https://karma-runner.github.io) for the demo application.

## Build

Run `npm run build:lib:prod` to make a production build of the library. The build artifacts will be stored in the `dist/ngx-drag-resize` directory.

Run `npm run build:demo:prod` to make a production build of the demo application. The build artifacts will be stored in the `dist/ngx-drag-resize-demo` directory.

## Documentation

Run `npm run docs:lib` to build the documentation for the library. The build artifacts will be stored in the `docs` directory.

## Contributing

[Contributing guideline](https://github.com/dmytro-parfenov/ngx-drag-resize/blob/master/CONTRIBUTING.md)

## Further help

To get more help mail to [[email protected]](mailto:[email protected]?subject=[GitHub]%20ngx-drag-resize)