wisemapping-frontend/packages/mindplot/src/components/layout/Node.js
Matias Arriola cb2ca74a20 Merged in web2d-coreJS-solutions (pull request #5)
Core-js, web2d and mindplot working baseline

* fix .eslintignore
remove Raphael dependency

* Fix to avoid crashes in  _plotPrediction whitout Raphael

* Fix minplot basic code inspections

* Fix last inspections errors

* Inital refactor copying files

* Clean up.

* Fix web2d cyclic dependencies
remove only-warn eslint plugin
set import/no-extraneous-dependencies to warn (incorrectly complaining about root package)

* Fix web2d Point references (no need to assign it to core)
Fix web2d imports in mindplot and update Point refs

* Merge 'feature/mindplot_tests' into web2d-coreJS-solutions

* mindplot fixes and add viewmode.html playground

setup playground config to run the map-render examples
fix mindplot components export
mootools Static was not working so refactored it
fix some references to _peer
fix messages __bundle undefined
add web2d missing export: Image
downgrade cypress to avoid SIGSEGV error


Approved-by: Paulo Veiga
2021-12-02 00:41:56 +00:00

249 lines
6.1 KiB
JavaScript

/*
* Copyright [2015] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const Node = new Class(
/** @lends Node */ {
/**
* @constructs
* @param id
* @param size
* @param position
* @param sorter
* @throws will throw an error if id is not a finite number or is null or undefined
* @throws will throw an error if size is null or undefined
* @throws will throw an error if position is null or undefined
* @throws will throw an error if sorter is null or undefined
*/
initialize(id, size, position, sorter) {
$assert(typeof id === 'number' && isFinite(id), 'id can not be null');
$assert(size, 'size can not be null');
$assert(position, 'position can not be null');
$assert(sorter, 'sorter can not be null');
this._id = id;
this._sorter = sorter;
this._properties = {};
this.setSize(size);
this.setPosition(position);
this.setShrunken(false);
},
/** */
getId() {
return this._id;
},
/** */
setFree(value) {
this._setProperty('free', value);
},
/** */
isFree() {
return this._getProperty('free');
},
/** */
hasFreeChanged() {
return this._isPropertyChanged('free');
},
/** */
hasFreeDisplacementChanged() {
return this._isPropertyChanged('freeDisplacement');
},
/** */
setShrunken(value) {
this._setProperty('shrink', value);
},
/** */
areChildrenShrunken() {
return this._getProperty('shrink');
},
/** */
setOrder(order) {
$assert(
typeof order === 'number' && isFinite(order),
`Order can not be null. Value:${order}`,
);
this._setProperty('order', order);
},
/** */
resetPositionState() {
const prop = this._properties.position;
if (prop) {
prop.hasChanged = false;
}
},
/** */
resetOrderState() {
const prop = this._properties.order;
if (prop) {
prop.hasChanged = false;
}
},
/** */
resetFreeState() {
const prop = this._properties.freeDisplacement;
if (prop) {
prop.hasChanged = false;
}
},
/** */
getOrder() {
return this._getProperty('order');
},
/** */
hasOrderChanged() {
return this._isPropertyChanged('order');
},
/** */
hasPositionChanged() {
return this._isPropertyChanged('position');
},
/** */
hasSizeChanged() {
return this._isPropertyChanged('size');
},
/** */
getPosition() {
return this._getProperty('position');
},
/** */
setSize(size) {
$assert($defined(size), 'Size can not be null');
this._setProperty('size', Object.clone(size));
},
/** */
getSize() {
return this._getProperty('size');
},
/** */
setFreeDisplacement(displacement) {
$assert($defined(displacement), 'Position can not be null');
$assert($defined(displacement.x), 'x can not be null');
$assert($defined(displacement.y), 'y can not be null');
const oldDisplacement = this.getFreeDisplacement();
const newDisplacement = {
x: oldDisplacement.x + displacement.x,
y: oldDisplacement.y + displacement.y,
};
this._setProperty('freeDisplacement', Object.clone(newDisplacement));
},
/** */
resetFreeDisplacement() {
this._setProperty('freeDisplacement', { x: 0, y: 0 });
},
/** */
getFreeDisplacement() {
const freeDisplacement = this._getProperty('freeDisplacement');
return freeDisplacement || { x: 0, y: 0 };
},
/** */
setPosition(position) {
$assert($defined(position), 'Position can not be null');
$assert($defined(position.x), 'x can not be null');
$assert($defined(position.y), 'y can not be null');
// This is a performance improvement to avoid movements that really could be avoided.
const currentPos = this.getPosition();
if (
currentPos == null
|| Math.abs(currentPos.x - position.x) > 2
|| Math.abs(currentPos.y - position.y) > 2
) this._setProperty('position', position);
},
_setProperty(key, value) {
let prop = this._properties[key];
if (!prop) {
prop = {
hasChanged: false,
value: null,
oldValue: null,
};
}
// Only update if the property has changed ...
if (JSON.stringify(prop.value) != JSON.stringify(value)) {
prop.oldValue = prop.value;
prop.value = value;
prop.hasChanged = true;
}
this._properties[key] = prop;
},
_getProperty(key) {
const prop = this._properties[key];
return $defined(prop) ? prop.value : null;
},
_isPropertyChanged(key) {
const prop = this._properties[key];
return prop ? prop.hasChanged : false;
},
/** */
getSorter() {
return this._sorter;
},
/** @return {String} returns id, order, position, size and shrink information */
toString() {
return (
`[id:${
this.getId()
}, order:${
this.getOrder()
}, position: {${
this.getPosition().x
},${
this.getPosition().y
}}, size: {${
this.getSize().width
},${
this.getSize().height
}}, shrink:${
this.areChildrenShrunken()
}]`
);
},
},
);
export default Node;