imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

don't expose direction, handleIndex to distributor ctor

Browse source
This commit is contained in:
Bruno Windels 2018-10-16 16:25:00 +02:00
parent 30003d8f91
commit 650e19ff77
2 changed files with 25 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/resizer/resizer.js
View file

@ -58,20 +58,17 @@ export class Resizer {
const resizeHandle = event.target;
const vertical = resizeHandle.classList.contains(this.classNames.vertical);
const reverse = resizeHandle.classList.contains(this.classNames.reverse);
const direction = reverse ? 0 : -1;
const sizer = new this.sizerCtor(this.container, vertical, reverse);
const items = Array.from(this.container.children).filter(el => {
return !this._isResizeHandle(el) && (
this._isResizeHandle(el.previousElementSibling) ||
this._isResizeHandle(el.nextElementSibling));
});
const items = this._getResizableItems();
const prevItem = resizeHandle.previousElementSibling;
const handleIndex = items.indexOf(prevItem) + 1;
// if reverse, resize the item after the handle, so + 1
const itemIndex = items.indexOf(prevItem) + (reverse ? 1 : 0);
const item = items[itemIndex];
const distributor = new this.distributorCtor(
this.container, items, handleIndex,
direction, sizer, this.distributorCfg);
sizer, item, this.distributorCfg,
items, this.container);
const onMouseMove = (event) => {
const offset = sizer.offsetFromEvent(event);
@ -91,4 +88,12 @@ export class Resizer {
body.addEventListener("mouseup", onMouseUp, false);
body.addEventListener("mousemove", onMouseMove, false);
}
_getResizableItems() {
return Array.from(this.container.children).filter(el => {
return !this._isResizeHandle(el) && (
this._isResizeHandle(el.previousElementSibling) ||
this._isResizeHandle(el.nextElementSibling));
});
}
}