- Bug: Use
devicePixelRatio
to make dragging value effective on HiDPI screen and browsers with zoom !== 100%, thanks to tkglaser and HondaHiroyuki.
- Performances: Put all event listeners inside
ngZone.runOutsideAngular()
to avoid triggering change detection during drag, thanks to klemenoslaj.
- Bug: Call
cdRef.markForCheck()
in several setters insideSplitComponent
to force repaint if modified from TS class (instead of the template).
- Feature: Add RTL support. Previously on 'right to the left' pages, dragging went opposite side, issue here. Now just add
dir="ltr"
on<split>
component and that's fix. - Bug: Fix small bug when updating
[gutterSize]
withuseTransition="true"
, now gutter's size got transition too and it's visually better.
- Bug: When updating
[disabled]
,[direction]
,[width]
,[height]
,.. keep size values got after gutter being dragged instead of reset to user provided values. - Bug: When
[useTransition]="true"
, no more transition at component initialisation.
- gutterSize: Default value from
10
to11
because of a small discrepancy in the shown dots position pointed there. - Custom gutters style: You can now use properties
[gutterColor]="'#ff0000'"
,[gutterImageH]="'url(xxx)'"
and[gutterImageV]="'url(xxx)'"
.
- Feature: Emit
(gutterClick)
event even if[disabled]="true"
to specific usecase. - Bug: Fix bug occuring on split with
direction="vertical"
initialization, container height was wrong becauseHostBinding
wasn't applied yet.
- Renaming:
[visibleTransition]
property renamed to[useTransition]
and work with[visible]
&[size]
. - Renaming:
(visibleTransitionEnd)
event renamed to(transitionEnd)
and now triggered from[visible]
&[size]
property.
- SemVer compatibility: Copy of
0.2.3
to avoid breaking semantic versionning (I screwed up with0.2.5
&0.2.6
which needed angular >=5). Apps using angular 4.x having"angular-split": "^0.2.2"
inside theirpackage.json
shoudn't break anymore.
- Bug: Code rewrite to calculate new
flex-basis
values to avoid unwanted size flickering on areas not linked to dragged gutter. - Comment: Add an explanation comment on
split.component.ts
top.
- Feature: Accept number & boolean params as string to allow template syntax like
<split gutterSize="12" disabled="true">...</split>
or<split-area order="4" size="40" visible="true">...</split-area>
. - Feature: Add a
(gutterClick)
event for usecases like toggling area between 0% & X%. Now all drag events and gutterSize return{gutterNum: number, sizes: Array<number>}
.
- Bug: Fix bug when dragging gutter with previous area with
[visible]="false"
(bug there since the[visible]
feature was added.. :( ). - Component access from JS/TS class: You can now access
SplitComponent
andSplitAreaDirective
asViewChild
/ViewChildren
directly from your class to interact with.
Complete refactor, more robust, will be used as new base to add frequently asked features like [minSize]
(pixel or percent) and custom style.
- Allow area size init or drag to zero: Refactor way to calcul area size
flex-basis: calc( X% - Ypx );
(seems easy at first sight but a bit painfull to implement). For example, you can now have 4 areas (with[visible]="true"
), so 3 gutters, with sizes [0,0,0,100]. This was impossible before (size couldn't go down to 5%). - No more css
/deep/
use: Could have used::ng-deep
but I prefer to avoid it too. - Renderer2: Use
Renderer2
instead ofRenderer
which is deprecated.
- UMD module fix: Rollup config file wasn't correct.
- New files organisation: Complete reorganisation of the github repository and files published on npm forked from this library starter.
- New bundles generation: Now you have umd bundles, flat ES module, and ES2015 flat ESM format.
- Add tests: This is what motivated me to change organisation, I will add others one soon
npm test
.
- Update package.json: Moves dependencies to peerDependencies to be compatible with angular 5.x pr59.
- UMD bundle: Add UMD bundle export thanks to BenjaminDobler.
- license: Add an Apache license.
- dependencies: Update
rxjs
version insidepackage.json
.
- ng upgrade: upgrade to angular
^4.0.0
, replace<template>
by<ng-template>
and rebuild dist folder.
- wording: add mention about CSS flexbox layout use, so
angular-split
is not compatible on browser not supporting it (like ios8).
- visibility toggle transition: add transition (optionnal:
<split [visibleTransition]="true">
) when toggling visibility andvisibleTransitionEnd
event ` pr11.
- gutter height on Safari: fix a weird bug about anormal gutter height when direction is 'vertical' on Safari only issue5. Note that
angular-split
isn't working on browser without flexbox support, so not working on ios older than 9.
- visibility toggle: fix a bug I introduced in 0.1.17 while merging pr10.
- visibility toggle: add possibility to show/hide areas using
<split-area [visible]="boolean">
without removing them from the DOM, useful for specific case like with router. Thanks to jitsmaster (pr8 / pr10)