angular-resizable-element documentation

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

7.0.2 (2022-12-13)

Bug Fixes

  • check onMouseDown event is cancelable before calling event.preventDefault() (#133) (4438bab)

7.0.1 (2022-12-12)

Bug Fixes

  • check if event is cancelable before calling preventDefault (#132) (10bfc51)

7.0.0 (2022-12-11)

⚠ BREAKING CHANGES

  • angular 15 or higher is now required to use this package

build

6.0.2 (2022-12-11)

Bug Fixes

  • resizable: correct type for resizeCursors input to make all properties optional (c973e74)

6.0.1 (2022-12-11)

Bug Fixes

  • expose ResizeCursors interface as part of the public api (767bd1b)

6.0.0 (2022-08-02)

⚠ BREAKING CHANGES

  • angular 14 or higher is now required to use this package

build

5.0.0 (2021-12-11)

⚠ BREAKING CHANGES

  • angular 12 or higher is now required to use this package

Features

  • publish package in ivy partial compilation mode (d9ad08c)

4.0.0 (2021-08-30)

⚠ BREAKING CHANGES

  • mwlResizable: the resizeEdges and resizeCursorPrecision inputs have been removed from the mwlResizable directive.

To migrate, please use the mwlResizeHandle directive instead (see the readme for a full example)

  • angular 10 or higher is now required to use this package

Features

  • mwlResizable: remove deprecated resizeEdges and resizeCursorPrecision inputs (58c954e)

Bug Fixes

  • copy canvas when using enableGhostResize (#129) (d65c257)

build

3.4.0 (2021-06-02)

Features

  • mwlResizeHandle: add resizableContainer input (862249f)

3.3.5 (2021-02-02)

Performance Improvements

  • listen to touch events only on touch devices (#126) (c85a28d)

3.3.4 (2020-11-21)

Performance Improvements

  • only trigger change detection if there are output subscribers (930de54)

3.3.3 (2020-07-24)

Bug Fixes

  • handle existing negative css transforms on resizable elements (edf56db)

3.3.2 (2020-05-22)

Bug Fixes

  • allow any angular version above 6 (66f2289)

3.3.1 (2020-05-22)

Bug Fixes

  • handle translate3d transforms on resizable elements (534bdf6), closes #100

3.3.0 (2020-01-14)

Features

3.2.6 (2019-10-11)

Bug Fixes

  • allow angular 9 peer dependency (86e366c)

3.2.5 (2019-10-07)

Performance Improvements

  • lazily initialise all mousemove listeners until needed (81134ee)

3.2.4 (2019-02-28)

Bug Fixes

  • restore compatibility with universal (210decc), closes #83

3.2.3 (2019-02-05)

Bug Fixes

  • allow angular 8 peer dependency (94dc48d)
  • deprecate the top level resizeEdges option in favour of resize handles (2f6ac2d)

Performance Improvements

  • remove mouse move listeners when only using resize handles (1185f3a)

3.2.2 (2018-08-10)

Bug Fixes

  • don't throw errors when immediately destroying the host component (56e463b)

3.2.1 (2018-08-03)

Bug Fixes

  • ensure all resizing events are always emitted (25d6fa3)

3.2.0 (2018-07-23)

Features

  • allow negative resizing of elements (560bcb1)

3.1.0 (2018-06-19)

Features

  • improve default resize cursors (37fc88e)

3.0.0 (2018-05-09)

Features

BREAKING CHANGES

  • angular 6 and rxjs 6 or higher are now required to use this package

2.0.0 (2017-12-26)

Features

  • export directives with Directive suffix (0440bbd)
  • upgrade to angular 5 (5d6a576)
  • use lettable rxjs operators (af7abf7)
  • use ng-packagr for bundling the package (c4519a1), closes #79 #80

BREAKING CHANGES

  • the global observable prototype is now no longer modified by this package, you must import rxjs operators yourself. Also rxjs 5.5 or higher is now required to use this library
  • The UMD entry point has changed from angular-resizable-element/dist/umd/angular-resizable-element.js to angular-resizable-element/bundles/angular-resizable-element.umd.js

System.js users will need to update their configs

  • angular 5 or higher is now required to use this package
  • The Resizable import is now ResizableDirective and ResizeHandle is now ResizeHandleDirective

1.2.5 (2017-12-26)

Bug Fixes

  • resizeHandle: allow handles to be dynamically shown (34342aa), closes #68
  • resize elements that have css transforms (f24a746), closes #72
  • set the resize cursor globally when resizing (71d5a05), closes #70

1.2.4 (2017-10-21)

Bug Fixes

  • allow angular 5 peer dependency (25cfe50)

1.2.3 (2017-09-28)

Bug Fixes

  • Add startingRect scroll position to cloned node. (#66) (a056154)

1.2.2 (2017-08-28)

Bug Fixes

  • ensure mouse event handlers are triggers outside of the angular zone (23fc6e5), closes #65

1.2.1 (2017-08-06)

Bug Fixes

  • cursor: change the cursor back to default on IE11 (a0323e9), closes #62

1.2.0 (2017-06-12)

Features

  • export Edges and BoundingRectangle interfaces for use within applications (10051cd)

1.1.2 (2017-06-10)

Bug Fixes

  • dragHandle: fix drag handles on firefox (1d15bb4), closes #54

1.1.1 (2017-05-21)

Bug Fixes

  • set ghost element width and height on resize start (be5d727), closes #53

1.1.0 (2017-05-12)

Features

  • add a class to the ghost element (54be6b7)

1.0.0 (2017-03-24)

Features

  • ng4: upgrade to angular 4 (4c665d2)

BREAKING CHANGES

  • ng4: angular 4.0 or higher is now required to use this library. The upgrade should be seamless for most users.

0.8.1 (2017-03-23)

Performance Improvements

  • throttle mousemove listener events (05f7f7e)
  • use shared mouse event listeners across all resizable instances (2a4b102)

0.8.0 (2017-03-16)

Features

  • ghostElementPositioning: allow ghost element positioning to be configured (b77c9fc)
  • expose Resizable and ResizeHandle directives (3633040)

0.7.2 (2017-03-04)

Bug Fixes

  • relax peer dependency warning to allow angular 4 (8232e66)

Performance Improvements

  • run all rezize events outside the angular zone (820612e)
  • resizable: only register mouse move events when a rezize is active (a74f9e2)
  • resizeHandle: dynamically register mouse move event listener (4b20cde)

0.7.0 (2017-02-28)

Features

  • cssClasses: Gives classes to main element depend on state (8e3f108)
  • cursorPrecision: allow cursor precision value to be edited (3ce508d)

0.6.1 (2017-02-11)

Bug Fixes

  • universal: remove MouseEvent reference (520abce), closes #41

0.6.0 (2017-02-04)

Features

  • resizeCursors: allow resize cursors to be customised (99d2f66), closes #40

0.5.7 (2017-01-30)

Bug Fixes

  • use correct touch event properties (0ab7d40), closes #39

0.5.6 (2017-01-25)

Bug Fixes

  • element should resize on touch events (aa169c7), closes #36

0.5.5 (2017-01-11)

Bug Fixes

  • add width and height to cloned node (75ce122), closes #31
  • keep cursor while resizing (93a5c4e), closes #33

0.5.4 (2016-12-11)

Bug Fixes

  • cursor: reset the cursor instead of changing it to auto (514851f)

0.5.3 (2016-11-19)

Bug Fixes

  • unsubscribe all observables when the component is destroyed (d5ea756), closes #27

0.5.2 (2016-11-05)

Bug Fixes

0.5.1 (2016-11-03)

Bug Fixes

  • dont change the cursor when resizing an element (697c52c), closes #24

0.5.0 (2016-10-29)

Bug Fixes

  • fix resizing via a drag handle (5f7f468)
  • prevent text from being selected when resizing an element (5571069), closes #22

Features

  • rename the library from angular2-resizable to angular-resizable-element (927235e), closes #21
  • rename the resize output to resizing (9597986), closes #20

BREAKING CHANGES

  • The library has been renamed to angular-resizable-element.

The UMD entry point has changed to

node_modules/angular-resizable-element/dist/umd/angular-resizable-element.js
  • Before
(resize)="onResize($event)"

After:

(resizing)="onResizing($event)"

0.4.1 (2016-09-28)

Bug Fixes

  • typings: dont include reference to core-js (68dc84f)

0.4.0 (2016-09-25)

Features

  • build: support offline template compilation (f3fe12a)

BREAKING CHANGES

  • build: For System.js users the path to the UMD files has changed:

Before:

node_modules/angular2-resizable/angular2-resizable.js

After:

node_modules/angular2-resizable/dist/umd/angular2-resizable.js

0.3.3 (2016-09-13)

Bug Fixes

  • peerDependencies: allow any versions of angular post RC5 (cbe088f)

0.3.2 (2016-09-03)

Features

0.3.1 (2016-08-25)

Bug Fixes

  • rxjs: use correct rxjs operator imports in dist (858b3f8), closes #16

0.3.0 (2016-08-12)

Features

  • events: rename all outputs to drop the on prefix (9c76aac)
  • directive selectors are now camel case instead of dash case (ffad2ca)
  • upgrade to angular RC5 (9557c0a)

BREAKING CHANGES

  • mwl-resizable is now mwlResizable and mwl-resize-handle is now mwlResizeHandle
  • Angular RC5 is now required

The Resizable and ResizeHandle directives are now no longer exported. Instead you must use the ResizableModule. See the readme or the demo app for an example of how to do this.

  • events: The onResizeStart output has been renamed to resizeStart

The onResize output has been renamed to resize

The onResizeEnd output has been renamed to resizeEnd

0.2.1 (2016-07-15)

Bug Fixes

0.2.0 (2016-07-15)

Bug Fixes

  • create a clone of the ghost element instead of applying styling to the host (fa73345), closes #15
  • only resize when the cursor is within the bounding rectangle (dedc3bb)

BREAKING CHANGES

  • enableResizeStyling has been renamed to enableGhostResize

0.1.0 (2016-06-26)

Bug Fixes

  • mousedrag: cancel the previous mousedrag observable when starting a new drag (149c1a4), closes #9
  • onResizeEnd: call with co-ordinates of last valid resize rather than where the mouse up event w (eb314fd)
  • onResizeStart: ensure the starting rectangle is a POJO rather than a bounding rectangle (81fe0b4)
  • cancel mousedrag event when either a mouseup or mousedown event fires (c76be59)
  • disable dragging effects on resizable elements on webkit browsers (59078e2)
  • renamed directive selector from mwl-resizeable to mwl-resizable (c60b3f5)

Features

  • disableResize: support completely disabling resizing an element (9f9c54a), closes #13
  • expose the amount each edge was resized on resize events (d664038), closes #11
  • enableResizeStyling: make temporary resizing of the element opt-in by default so users can con (4c59b05), closes #5
  • resizeEdges: allow the resize edges to be customised (60c2e08), closes #8
  • resizeHandles: add support for nesting resize handles inside the element (1af705a), closes #10
  • resizeSnapGrid: allow resizing to fit to a snap grid (74424ba), closes #3
  • validate: provide a way for resize events to be validated (4da938d), closes #12

BREAKING CHANGES

  • enableResizeStyling: the element will no longer have its styles changed by default when dragging and resizing. You can now re-enable it by setting [enableResizeStyling]="true" on the element.
  • the $event.edges object values now contain numbers instead of booleans
    • rename the directive from mwl-resizeable to mwl-resizable
  • resizeEdges: by default the element is no longer resizable.

You must specify [resizeEdges]={top: true, bottom: true, left: true, right: true} to get the old behaviour back

0.0.3 (2016-06-13)

Bug Fixes

  • import missing rxjs operators (300ac10)

0.0.2 (2016-06-13)

Bug Fixes

  • types: export Edges and BoundingRectangle types (fe49114)
  • dont bundle rxjs with the library (7b1280e)

0.0.1 (2016-06-13)

Bug Fixes

  • allow the element to be resized multiple times (bf497d2)
  • drag: disable user dragging (053fb0e)
  • reset element styles on mousedown if there was a previous uncancelled resize (a8e5cd3)
  • outputs: make outputs sync to prevent ui flicker (032ea5a)
  • typescript: add missing types (e722a86)

Features

  • improve transforms, add resize events (0959a12)
  • initial WIP resizable implementation (22af52f)
  • show the cursor when mousing over the edge of the element (f440c87)
  • support resizing from corners (bac87e3), closes #4

results matching ""

    No results matching ""