Wondering what’s next for npm?Check out our public roadmap! »

    joy-resizable
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.2 • Public • Published

    Build Status

    Angular Resizable

    Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular (4 and beyond).

    For version compatible with Angular 2 install 0.1.2.

    Supports the following values of the position CSS property:

    • absolute.
    • relative.

    How to use?

    $ npm i ngresizable --save
    

    API

    Outputs

    • resizeStart: EventEmitter<IResizeEvent> - Resize start event.
    • resizing: EventEmitter<IResizeEvent> - Resizing event.
    • resizeEnd: EventEmitter<IResizeEvent> - Resize end event.

    Inputs

    • width - Width of the element number.
    • height: number - Height of the element.
    • x: number - x coordinate of the element.
    • y: number - y coordinate of the element.
    • maxWidth: number - Maximum width. Default Infinity.
    • minWidth: number - Minimum width. Default 0.
    • maxHeight: number - Maximum height. Default Infinity.
    • minHeight: number - Minimum height. Default 0.
    • disableResize: boolean = false - Disable the resize.
    • directions: string[] - An array which contains the resize directions. Default ['bottom', 'right'].
    • grid: ISize - Resize in a grid. Default { width: 1, height: 1 }.
    • bound: IRectangle - Bound the resize.
    • ratio: number - Resize ratio.

    Integration

    Should work out of the box with webpack, respectively angular-cli. All you need to do is to include NgResizableModule:

    import { NgResizableModule } from 'ngresizable';
    
    @NgModule({
      imports: [NgResizableModule],
      ...
    })
    class AppModule {}

    Angular Seed

    // tools/config/project.ts
    
    ...
    // Add packages (e.g. ngresizable)
    let additionalPackages: ExtendPackages[] = [{
      name: 'ngresizable',
      path: 'node_modules/ngresizable/ngresizable.bundle.js'
    }];
    
    this.addPackagesBundles(additionalPackages);
    ...

    License

    MIT

    Install

    npm i joy-resizable

    DownloadsWeekly Downloads

    0

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    2.21 MB

    Total Files

    26

    Last publish

    Collaborators

    • avatar