forked from extern/egroupware
781 lines
29 KiB
JavaScript
781 lines
29 KiB
JavaScript
/*
|
|
DynAPI Distribution
|
|
SnapX Class by Leif Westerlind <warp-9.9 (at) usa (dot) net>
|
|
|
|
The DynAPI Distribution is distributed under the terms of the GNU LGPL license.
|
|
|
|
requires: DynLayer
|
|
*/
|
|
|
|
SnapX = {}; // used by dynapi.library
|
|
|
|
var p = DynLayer.prototype;
|
|
p._snapSetLocation = p.setLocation;
|
|
p.setLocation = function(x,y){
|
|
this._snapSetLocation(x,y);
|
|
|
|
if (this.isSnapEnabled){
|
|
var dirX = '', dirY = '';
|
|
|
|
// get direction
|
|
if (this._snapX != this.x){
|
|
if (this._snapX < this.x){
|
|
dirX="E";
|
|
}
|
|
else {
|
|
dirX="W";
|
|
}
|
|
}
|
|
|
|
if (this._snapY != this.y){
|
|
if (this._snapY < this.y){
|
|
dirY="S";
|
|
}
|
|
else {
|
|
dirY="N";
|
|
}
|
|
}
|
|
|
|
this._snapX = this.x;
|
|
this._snapY = this.y;
|
|
this._snapDirection = dirY + dirX;
|
|
this._checkForSnap();
|
|
}
|
|
};
|
|
|
|
p.getSnapDirection = function (){
|
|
return(this._snapDirection);
|
|
};
|
|
|
|
/*
|
|
INPUT:
|
|
|
|
0 args: use defaults
|
|
1 arg : snap type [normal|null|sticky|grid]
|
|
2 args: snap type [normal|null|sticky|grid],
|
|
boundary type [inner|outer|both]
|
|
3 args: snap type [normal|null|sticky|grid],
|
|
boundary type [inner|outer|both],
|
|
boundary
|
|
4 args: snap type [normal|null|sticky|grid],
|
|
boundary type [inner|outer|both],
|
|
boundary,
|
|
grid size (if applicable)
|
|
*/
|
|
p.enableSnap = function (){
|
|
var a = arguments;
|
|
var snapBoundaryDefault = DynLayer._snapBoundaryDefault;
|
|
|
|
this.isSnapEnabled = true;
|
|
this._snapX = this.x;
|
|
this._snapY = this.y;
|
|
|
|
if ( a.length >= 0 ){
|
|
this.setSnapBoundary();
|
|
this.setSnapBoundaryType();
|
|
}
|
|
|
|
if ( a.length >= 1 ){
|
|
if ( a[0] == 'sticky' || a[0] == 'grid' ){
|
|
this.setSnapType(a[0]);
|
|
}
|
|
else if ( a[0] == 'normal' || a[0] == null ){
|
|
this.setSnapType();
|
|
}
|
|
}
|
|
|
|
if ( a.length >= 2 ){
|
|
if ( a[1] == 'inner' || a[1] == 'outer' || a[1] == 'both' ){
|
|
this.setSnapBoundaryType(a[1]);
|
|
}
|
|
else {
|
|
this.setSnapBoundaryType();
|
|
}
|
|
}
|
|
|
|
if ( a.length >= 3 ){
|
|
if ( typeof(a[2]) == 'number' ){
|
|
this.setSnapBoundary(a[1],a[2]);
|
|
}
|
|
else {
|
|
this.setSnapBoundary(a[1],snapBoundaryDefault);
|
|
}
|
|
}
|
|
|
|
if ( a.length >= 4 ){
|
|
if ( typeof(a[3]) == 'number' ){
|
|
this.setGridSnapSize(a[3]);
|
|
}
|
|
else {
|
|
this.setGridSnapSize();
|
|
}
|
|
}
|
|
};
|
|
p.disableSnap = function(){
|
|
this.isSnapEnabled = false;
|
|
};
|
|
|
|
p.setSnapType = function(t){
|
|
var a = arguments;
|
|
|
|
if (a.length == 0){
|
|
this._snapType = 'normal';
|
|
}
|
|
else if (a.length == 1 ){
|
|
if ( a[0] == 'sticky' ){
|
|
this._snapType = a[0];
|
|
this.enableStickySnap();
|
|
} else if ( a[0] == 'grid' ){
|
|
this._snapType = a[0];
|
|
this.enableGridSnap();
|
|
}
|
|
else {
|
|
this._snapType = 'normal';
|
|
}
|
|
}
|
|
}
|
|
|
|
p.enableStickySnap = function(){
|
|
if (arguments.length == 0){
|
|
this.isStickySnapEnabled = true;
|
|
}
|
|
else if (arguments.length == 1 ){
|
|
if (arguments[0] === true){
|
|
this.isStickySnapEnabled = true;
|
|
}
|
|
else if (arguments[0] === false){
|
|
this.isStickySnapEnabled = false;
|
|
}
|
|
}
|
|
};
|
|
p.disableStickySnap = function(){
|
|
this.isStickySnapEnabled = false;
|
|
};
|
|
|
|
p.enableGridSnap = function(){
|
|
this.isGridSnapEnabled = true;
|
|
this.setGridSnapSize();
|
|
this._snapGridX = null;
|
|
this._snapGridY = null;
|
|
};
|
|
p.disableGridSnap = function(){
|
|
this.isGridSnapEnabled = false;
|
|
};
|
|
|
|
DynLayer._snapBoundaryTypeDefault = 'outer';
|
|
p.setSnapBoundaryTypeDefault = function(snapBoundaryType){
|
|
if (typeof(snapBoundaryType) == 'string') DynLayer._snapBoundaryTypeDefault = snapBoundaryType;
|
|
}
|
|
p.getSnapBoundaryTypeDefault = function(){
|
|
return(DynLayer._snapBoundaryTypeDefault);
|
|
}
|
|
p.setSnapBoundaryType = function(snapBoundaryType){
|
|
if (arguments.length == 0){
|
|
this._snapBoundaryType = DynLayer._snapBoundaryTypeDefault;
|
|
}
|
|
else if (typeof(snapBoundaryType) == 'string'){
|
|
this._snapBoundaryType = snapBoundaryType;
|
|
}
|
|
};
|
|
p.getSnapBoundaryType = function(){
|
|
return(this._snapBoundaryType);
|
|
};
|
|
|
|
DynLayer._snapBoundaryDefault = 25;
|
|
p.setSnapBoundaryDefault = function(snapBoundary){
|
|
if(typeof(snapBoundary) == 'number') DynLayer._snapBoundaryDefault = snapBoundary;
|
|
}
|
|
p.getSnapBoundaryDefault = function(){
|
|
return(DynLayer._snapBoundaryDefault);
|
|
}
|
|
|
|
DynLayer._snapGridSizeDefault = 10;
|
|
p.setGridSnapSizeDefault = function(s){
|
|
DynLayer._snapGridSizeDefault = s;
|
|
}
|
|
p.getGridSnapSizeDefault = function(){
|
|
return(DynLayer._snapGridSizeDefault);
|
|
}
|
|
p.setGridSnapSize = function(){
|
|
if (arguments.length == 0){
|
|
this._snapGridSize = DynLayer._snapGridSizeDefault;
|
|
}
|
|
else if (arguments.length == 1 ){
|
|
this._snapGridSize = arguments[0];
|
|
}
|
|
};
|
|
|
|
/*
|
|
INPUT:
|
|
0 args: set snapBoundaryType to snapBoundaryTypeDefault,
|
|
set boundary to snapBoundaryDefault
|
|
1 arg : if snapBoundaryType, set boundary to snapBoundaryDefault,
|
|
if boundary, set all sides to boundary
|
|
and snapBoundaryType to snapBoundaryTypeDefault
|
|
2 args: if snapBoundaryType,boundary, set type and boundary for all sides
|
|
if N1,N2 set inner to N1 and outer to N2 and
|
|
set snapBoundaryType to both
|
|
5 args: snapBoundaryType, t, r, b, l
|
|
8 args: ti, ri, bi, li, to, ro, bo, lo
|
|
*/
|
|
|
|
p.setSnapBoundary = function(){
|
|
var a = arguments;
|
|
var snapBoundaryDefault = DynLayer._snapBoundaryDefault;
|
|
|
|
if (a.length == 0){
|
|
this.setSnapBoundaryType();
|
|
this._snapBndTi = snapBoundaryDefault;
|
|
this._snapBndRi = snapBoundaryDefault;
|
|
this._snapBndBi = snapBoundaryDefault;
|
|
this._snapBndLi = snapBoundaryDefault;
|
|
this._snapBndTo = snapBoundaryDefault;
|
|
this._snapBndRo = snapBoundaryDefault;
|
|
this._snapBndBo = snapBoundaryDefault;
|
|
this._snapBndLo = snapBoundaryDefault;
|
|
}
|
|
if (a.length == 1){
|
|
if(a[0] == 'inner' || a[0] == 'outer' || a[0] == 'both'){
|
|
this.setSnapBoundaryType(a[0]);
|
|
this._snapBndTi = snapBoundaryDefault;
|
|
this._snapBndRi = snapBoundaryDefault;
|
|
this._snapBndBi = snapBoundaryDefault;
|
|
this._snapBndLi = snapBoundaryDefault;
|
|
this._snapBndTo = snapBoundaryDefault;
|
|
this._snapBndRo = snapBoundaryDefault;
|
|
this._snapBndBo = snapBoundaryDefault;
|
|
this._snapBndLo = snapBoundaryDefault;
|
|
}
|
|
else {
|
|
this.setSnapBoundaryType();
|
|
this._snapBndTi = a[0];
|
|
this._snapBndRi = a[0];
|
|
this._snapBndBi = a[0];
|
|
this._snapBndLi = a[0];
|
|
this._snapBndTo = a[0];
|
|
this._snapBndRo = a[0];
|
|
this._snapBndBo = a[0];
|
|
this._snapBndLo = a[0];
|
|
}
|
|
}
|
|
else if (a.length == 2){
|
|
if (a[0] == 'inner'){
|
|
this.setSnapBoundaryType(a[0]);
|
|
this._snapBndTi = a[1];
|
|
this._snapBndRi = a[1];
|
|
this._snapBndBi = a[1];
|
|
this._snapBndLi = a[1];
|
|
}
|
|
else if (a[0] == 'outer'){
|
|
this.setSnapBoundaryType(a[0]);
|
|
this._snapBndTo = a[1];
|
|
this._snapBndRo = a[1];
|
|
this._snapBndBo = a[1];
|
|
this._snapBndLo = a[1];
|
|
}
|
|
else if (a[0] == 'both' || a[0] == null){
|
|
this.setSnapBoundaryType('both');
|
|
this._snapBndTi = a[1];
|
|
this._snapBndRi = a[1];
|
|
this._snapBndBi = a[1];
|
|
this._snapBndLi = a[1];
|
|
this._snapBndTo = a[1];
|
|
this._snapBndRo = a[1];
|
|
this._snapBndBo = a[1];
|
|
this._snapBndLo = a[1];
|
|
}
|
|
else if (typeof(a[0]) == 'number' && typeof(a[1]) == 'number'){
|
|
this.setSnapBoundaryType('both');
|
|
this._snapBndTi = a[0];
|
|
this._snapBndRi = a[0];
|
|
this._snapBndBi = a[0];
|
|
this._snapBndLi = a[0];
|
|
this._snapBndTo = a[1];
|
|
this._snapBndRo = a[1];
|
|
this._snapBndBo = a[1];
|
|
this._snapBndLo = a[1];
|
|
}
|
|
}
|
|
else if (a.length == 5){
|
|
if(a[0] == 'inner' || a[0] == 'outer' || a[0] == 'both'){
|
|
this.setSnapBoundaryType(a[0]);
|
|
}
|
|
|
|
if (this._snapBoundaryType == 'inner'){
|
|
this._snapBndTi = a[1];
|
|
this._snapBndRi = a[2];
|
|
this._snapBndBi = a[3];
|
|
this._snapBndLi = a[4];
|
|
}
|
|
else if (this._snapBoundaryType == 'outer'){
|
|
this._snapBndTo = a[1];
|
|
this._snapBndRo = a[2];
|
|
this._snapBndBo = a[3];
|
|
this._snapBndLo = a[4];
|
|
}
|
|
else if (this._snapBoundaryType == 'both'){
|
|
this._snapBndTi = a[1];
|
|
this._snapBndRi = a[2];
|
|
this._snapBndBi = a[3];
|
|
this._snapBndLi = a[4];
|
|
this._snapBndTo = a[1];
|
|
this._snapBndRo = a[2];
|
|
this._snapBndBo = a[3];
|
|
this._snapBndLo = a[4];
|
|
}
|
|
}
|
|
else if (a.length == 8){
|
|
this.setSnapBoundaryType('both');
|
|
this._snapBndTi = a[0];
|
|
this._snapBndRi = a[1];
|
|
this._snapBndBi = a[2];
|
|
this._snapBndLi = a[3];
|
|
this._snapBndTo = a[4];
|
|
this._snapBndRo = a[5];
|
|
this._snapBndBo = a[6];
|
|
this._snapBndLo = a[7];
|
|
}
|
|
else {
|
|
this.setSnapBoundaryType();
|
|
this._snapBndTi = snapBoundaryDefault;
|
|
this._snapBndRi = snapBoundaryDefault;
|
|
this._snapBndBi = snapBoundaryDefault;
|
|
this._snapBndLi = snapBoundaryDefault;
|
|
this._snapBndTo = snapBoundaryDefault;
|
|
this._snapBndRo = snapBoundaryDefault;
|
|
this._snapBndBo = snapBoundaryDefault;
|
|
this._snapBndLo = snapBoundaryDefault;
|
|
}
|
|
};
|
|
p.getSnapBoundary = function(t){
|
|
var To,Ro,Bo,Lo,Ti,Ri,Bi,Li,bndAry,X,Y,W,H;
|
|
|
|
X = this.x;
|
|
Y = this.y;
|
|
W = this.w;
|
|
H = this.h;
|
|
|
|
Ti = Y + this._snapBndTi;
|
|
Ri = X + W - this._snapBndRi;
|
|
Bi = Y + H - this._snapBndBi;
|
|
Li = X + this._snapBndLi;
|
|
|
|
To = Y - this._snapBndTo;
|
|
Ro = X + W + this._snapBndRo;
|
|
Bo = Y + H + this._snapBndBo;
|
|
Lo = X - this._snapBndLo;
|
|
|
|
if (t==null) bndAry = [Ti,Ri,Bi,Li,To,Ro,Bo,Lo];
|
|
else {
|
|
if (t=='inner') bndAry = [Ti,Ri,Bi,Li];
|
|
else if (t=='outer') bndAry = [To,Ro,Bo,Lo];
|
|
else if (t=='both') bndAry = [Ti,Ri,Bi,Li,To,Ro,Bo,Lo];
|
|
}
|
|
return(bndAry);
|
|
};
|
|
|
|
p._checkForSnap = function(){
|
|
switch (this._snapBoundaryType) {
|
|
case 'outer' :
|
|
this._checkForSnapOuter();
|
|
break;
|
|
case 'inner' :
|
|
this._checkForSnapInner();
|
|
break;
|
|
case 'both' :
|
|
this._checkForSnapInner();
|
|
this._checkForSnapOuter();
|
|
break;
|
|
default:
|
|
return(false);
|
|
}
|
|
};
|
|
|
|
p._checkForSnapInner = function(){
|
|
if (!this.parent.children.length>0) return(false);
|
|
if (!this.isSnapEnabled==true) return(false);
|
|
|
|
var ch,chX1,chY1,chX2,chY2,
|
|
chBiX1,chBiY1,chBiX2,chBiY2,
|
|
sX1,sY1,sX2,sY2,
|
|
chBndAry,sDir,
|
|
B1,B2a,B2b,B3,B4a,B4b,B5,B6a,B6b,B7,B8a,B8b,
|
|
D1,D2a,D2b,D3,D4a,D4b,D5,D6a,D6b,D7,D8a,D8b,
|
|
C1,C2a,C2b,C3,C4a,C4b,C5,C6a,C6b,C7,C8a,C8b;
|
|
|
|
sX1 = this.x;
|
|
sY1 = this.y;
|
|
sW = this.w;
|
|
sH = this.h;
|
|
sX2 = sX1 + sW;
|
|
sY2 = sY1 + sH;
|
|
sDir = this.getSnapDirection();
|
|
|
|
for (var i in this.parent.children){
|
|
ch = this.parent.children[i];
|
|
if (ch != this && ch.isSnapEnabled == true){
|
|
chX1 = ch.x;
|
|
chY1 = ch.y;
|
|
chX2 = chX1 + ch.w;
|
|
chY2 = chY1 + ch.h;
|
|
chBndAry = ch.getSnapBoundary('inner');
|
|
chBiX1 = chBndAry[3];
|
|
chBiY1 = chBndAry[0];
|
|
chBiX2 = chBndAry[1];
|
|
chBiY2 = chBndAry[2];
|
|
|
|
// Cases B1 - B8 test TRUE if source corner is in snap border.
|
|
// Cases D1 - D8 test TRUE if the corresponding direction of
|
|
// movement of the corner is towards the boundary.
|
|
// Cases C1 - C8 test TRUE if the corresponding B and D cases
|
|
// are true for standard or sticky snap.
|
|
|
|
// inner top-left corner, source top-left, move N, NW, W
|
|
B1 = (sX1 <= chBiX1 && sX1 > chX1 && sY1 <= chBiY1 && sY1 > chY1);
|
|
D1 = (sDir == 'N' || sDir == 'NW' || sDir == 'W');
|
|
C1 = (B1 && (D1 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner top-middle side, source top-left, move NE, N, NW
|
|
B2a = (sX1 > chBiX1 && sX1 < chBiX2 && sY1 <= chBiY1 && sY1 > chY1);
|
|
D2a = (sDir == 'NE' || sDir == 'N' || sDir == 'NW');
|
|
C2a = (B2a && (D2a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner top-middle side, source top-right, move NE, N, NW
|
|
B2b = (sX2 > chBiX1 && sX2 < chBiX2 && sY1 <= chBiY1 && sY1 > chY1);
|
|
D2b = (sDir == 'NE' || sDir == 'N' || sDir == 'NW');
|
|
C2b = (B2b && (D2b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner top-right corner, source top-right, move E, NE, N
|
|
B3 = (sX2 >= chBiX2 && sX2 < chX2 && sY1 <= chBiY1 && sY1 > chY1);
|
|
D3 = (sDir == 'E' || sDir == 'NE' || sDir == 'N');
|
|
C3 = (B3 && (D3 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner right-middle side, source top-right, move SE, E, NE
|
|
B4a = (sX2 >= chBiX2 && sX2 < chX2 && sY1 > chBiY1 && sY1 < chBiY2);
|
|
D4a = (sDir == 'SE' || sDir == 'E' || sDir == 'NE');
|
|
C4a = (B4a && (D4a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner right-middle side, source bottom-right, move SE, E, NE
|
|
B4b = (sX2 >= chBiX2 && sX2 < chX2 && sY2 > chBiY1 && sY2 < chBiY2);
|
|
D4b = (sDir == 'SE' || sDir == 'E' || sDir == 'NE');
|
|
C4b = (B4b && (D4b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner bottom-right corner, source lower-right, move dir E, SE, S
|
|
B5 = (sX2 >= chBiX2 && sX2 < chX2 && sY2 >= chBiY2 && sY2 < chY2);
|
|
D5 = (sDir == 'E' || sDir == 'SE' || sDir == 'S');
|
|
C5 = (B5 && (D5 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner bottom-middle side, source lower-left, move SW, S, SE
|
|
B6a = (sX1 > chBiX1 && sX1 < chBiX2 && sY2 >= chBiY2 && sY2 < chY2);
|
|
D6a = (sDir == 'SW' || sDir == 'S' || sDir == 'SE');
|
|
C6a = (B6a && (D6a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner bottom-middle side, source lower-right, move SW, S, SE
|
|
B6b = (sX2 > chBiX1 && sX2 < chBiX2 && sY2 >= chBiY2 && sY2 < chY2);
|
|
D6b = (sDir == 'SW' || sDir == 'S' || sDir == 'SE');
|
|
C6b = (B6b && (D6b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner bottom-left corner, source lower-left, move W, SW, S
|
|
B7 = (sX1 <= chBiX1 && sX1 > chX1 && sY2 >= chBiY2 && sY2 < chY2);
|
|
D7 = (sDir == 'W' || sDir == 'SW' || sDir == 'S');
|
|
C7 = (B7 && (D7 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner left-middle side, source top-left, move NW, W, SW
|
|
B8a = (sX1 <= chBiX1 && sX1 > chX1 && sY1 > chBiY1 && sY1 < chBiY2);
|
|
D8a = (sDir == 'NW' || sDir == 'W' || sDir == 'SW');
|
|
C8a = (B8a && (D8a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// inner left-middle side, source bottom-left, move NW, W, SW
|
|
B8b = (sX1 <= chBiX1 && sX1 > chX1 && sY2 > chBiY1 && sY2 < chBiY2);
|
|
D8b = (sDir == 'NW' || sDir == 'W' || sDir == 'SW');
|
|
C8b = (B8b && (D8b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
if (C1){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1, chY1);
|
|
}
|
|
}
|
|
else if (C3){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX2 - ( Math.floor( ( chX2 - sX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2-sW, chY1);
|
|
}
|
|
}
|
|
else if (C5){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX2 - ( Math.floor( ( chX2 - sX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY2 - sH - ( Math.floor( ( chY2 - sY2 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2-sW, chY2-sH);
|
|
}
|
|
}
|
|
else if (C7){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY2 - sH - ( Math.floor( ( chY2 - sY2 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1, chY2-sH);
|
|
}
|
|
}
|
|
else if (C2a || C2b){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, chY1);
|
|
}
|
|
else {
|
|
this._snapSetLocation(sX1, chY1);
|
|
}
|
|
}
|
|
else if (C4a || C4b){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(chX2-sW, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2-sW, sY1);
|
|
}
|
|
}
|
|
else if (C6a || C6b){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, chY2-sH);
|
|
}
|
|
else {
|
|
this._snapSetLocation(sX1, chY2-sH);
|
|
}
|
|
}
|
|
else if (C8a || C8b){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(chX1 , tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1 , sY1);
|
|
}
|
|
}
|
|
|
|
if (C1 || C2a || C2b || C3 || C4a || C4b || C5 || C6a || C6b || C7 || C8a || C8b){
|
|
this._snapObject=ch;
|
|
this.invokeEvent("snap");
|
|
ch._snapObject=this;
|
|
ch.invokeEvent("snap");
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
p._checkForSnapOuter = function(){
|
|
if (! this.parent.children.length > 0) return(false);
|
|
if (! this.isSnapEnabled == true) return(false);
|
|
|
|
var ch,chX1,chY1,chX2,chY2,
|
|
chBoX1,chBoY1,chBoX2,chBoY2,
|
|
sX1,sY1,sX2,sY2,
|
|
chBndAry,sDir,
|
|
B1,B2a,B2b,B3,B4a,B4b,B5,B6a,B6b,B7,B8a,B8b,
|
|
D1,D2a,D2b,D3,D4a,D4b,D5,D6a,D6b,D7,D8a,D8b,
|
|
C1,C2a,C2b,C3,C4a,C4b,C5,C6a,C6b,C7,C8a,C8b;
|
|
|
|
/*
|
|
if(this.isGridSnapEnabled){
|
|
if( Math.abs( this._snapX - this._snapGridX ) > this._snapGridSize ) this._snapGridX=null;
|
|
if( Math.abs( this._snapY - this._snapGridY ) > this._snapGridSize ) this._snapGridY=null;
|
|
this._snapSetLocation( this._snapGridX || this._snapX, this._snapGridY || this._snapY );
|
|
}
|
|
*/
|
|
|
|
sX1 = this.x;
|
|
sY1 = this.y;
|
|
sW = this.w;
|
|
sH = this.h;
|
|
sX2 = sX1 + sW;
|
|
sY2 = sY1 + sH;
|
|
sDir = this.getSnapDirection();
|
|
|
|
for (var i in this.parent.children){
|
|
ch = this.parent.children[i];
|
|
if (ch != this && ch.isSnapEnabled == true){
|
|
chX1 = ch.x;
|
|
chY1 = ch.y;
|
|
chX2 = chX1 + ch.w;
|
|
chY2 = chY1 + ch.h;
|
|
chBndAry = ch.getSnapBoundary('outer');
|
|
chBoX1 = chBndAry[3];
|
|
chBoY1 = chBndAry[0];
|
|
chBoX2 = chBndAry[1];
|
|
chBoY2 = chBndAry[2];
|
|
|
|
// Cases B1 - B8 test TRUE if source corner is in snap border.
|
|
// Cases D1 - D8 test TRUE if the corresponding direction of
|
|
// movement of the corner is towards the boundary.
|
|
// Cases C1 - C8 test TRUE if the corresponding B and D cases
|
|
// are true for standard, sticky or grid snap.
|
|
|
|
// outer top-left corner, source lower-right, move dir E, SE, S
|
|
B1 = (sX2 >= chBoX1 && sX2 < chX1 && sY2 >= chBoY1 && sY2 < chY1);
|
|
D1 = (sDir == 'E' || sDir == 'SE' || sDir == 'S');
|
|
C1 = (B1 && (D1 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer top-middle side, source lower-left, move SW, S, SE
|
|
B2a = (sX1 >= chX1 && sX1 <= chX2 && sY2 >= chBoY1 && sY2 < chY1);
|
|
D2a = (sDir == 'SW' || sDir == 'S' || sDir == 'SE');
|
|
C2a = (B2a && (D2a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer top-middle side, source lower-right, move SW, S, SE
|
|
B2b = (sX2 >= chX1 && sX2 <= chX2 && sY2 >= chBoY1 && sY2 < chY1);
|
|
D2b = (sDir == 'SW' || sDir == 'S' || sDir == 'SE');
|
|
C2b = (B2b && (D2b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer top-right corner, source lower-left, move W, SW, S
|
|
B3 = (sX1 <= chBoX2 && sX1 > chX2 && sY2 >= chBoY1 && sY2 < chY1);
|
|
D3 = (sDir == 'W' || sDir == 'SW' || sDir == 'S');
|
|
C3 = (B3 && (D3 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer right-middle side, source top-left, move NW, W, SW
|
|
B4a = (sX1 <= chBoX2 && sX1 > chX2 && sY1 >= chY1 && sY1 <= chY2);
|
|
D4a = (sDir == 'NW' || sDir == 'W' || sDir == 'SW');
|
|
C4a = (B4a && (D4a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer right-middle side, source bottom-left, move NW, W, SW
|
|
B4b = (sX1 <= chBoX2 && sX1 > chX2 && sY2 >= chY1 && sY2 <= chY2);
|
|
D4b = (sDir == 'NW' || sDir == 'W' || sDir == 'SW');
|
|
C4b = (B4b && (D4b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer bottom-right corner, source top-left, move N, NW, W
|
|
B5 = (sX1 <= chBoX2 && sX1 > chX2 && sY1 <= chBoY2 && sY1 > chY2);
|
|
D5 = (sDir == 'N' || sDir == 'NW' || sDir == 'W');
|
|
C5 = (B5 && (D5 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer bottom-middle side, source top-left, move NE, N, NW
|
|
B6a = (sX1 >= chX1 && sX1 <= chX2 && sY1 <= chBoY2 && sY1 > chY2);
|
|
D6a = (sDir == 'NE' || sDir == 'N' || sDir == 'NW');
|
|
C6a = (B6a && (D6a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer bottom-middle side, source top-right, move NE, N, NW
|
|
B6b = (sX2 >= chX1 && sX2 <= chX2 && sY1 <= chBoY2 && sY1 > chY2);
|
|
D6b = (sDir == 'NE' || sDir == 'N' || sDir == 'NW');
|
|
C6b = (B6b && (D6b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer bottom-left corner, source top-right, move E, NE, N
|
|
B7 = (sX2 >= chBoX1 && sX2 < chX1 && sY1 <= chBoY2 && sY1 > chY2);
|
|
D7 = (sDir == 'E' || sDir == 'NE' || sDir == 'N');
|
|
C7 = (B7 && (D7 || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer left-middle side, source top-right, move SE, E, NE
|
|
B8a = (sX2 >= chBoX1 && sX2 < chX1 && sY1 >= chY1 && sY1 <= chY2);
|
|
D8a = (sDir == 'SE' || sDir == 'E' || sDir == 'NE');
|
|
C8a = (B8a && (D8a || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
// outer left-middle side, source bottom-right, move SE, E, NE
|
|
B8b = (sX2 >= chBoX1 && sX2 < chX1 && sY2 >= chY1 && sY2 <= chY2);
|
|
D8b = (sDir == 'SE' || sDir == 'E' || sDir == 'NE');
|
|
C8b = (B8b && (D8b || ch.isStickySnapEnabled || ch.isGridSnapEnabled));
|
|
|
|
if (C1){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 - ( Math.floor( ( chX1 - sX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 - ( Math.floor( ( chY1 - sY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1-sW, chY1-sH);
|
|
}
|
|
}
|
|
else if (C3){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 - ( Math.floor( ( chY1 - sY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2, chY1-sH);
|
|
}
|
|
}
|
|
else if (C5){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 + ( Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2, chY2);
|
|
}
|
|
}
|
|
else if (C7){
|
|
if (this.isGridSnapEnabled){
|
|
var tmpX = chX1 - ( Math.floor( ( chX1 - sX1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
var tmpY = chY1 + ( Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1-sW, chY2);
|
|
}
|
|
}
|
|
else if (C2a || C2b){
|
|
if (this.isGridSnapEnabled){
|
|
//if(!this._snapGridY) this._snapGridY=chY1-sH;
|
|
//this._snapSetLocation(sX1 , this._snapGridY);
|
|
var tmpX = chX1 + Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX , chY1-sH);
|
|
}
|
|
else {
|
|
this._snapSetLocation(sX1, chY1-sH);
|
|
}
|
|
}
|
|
else if (C4a || C4b){
|
|
if (this.isGridSnapEnabled){
|
|
//if(!this._snapGridX) this._snapGridX=chX2;
|
|
//this._snapSetLocation(this._snapGridX, sY1);
|
|
var tmpY = chY1 + Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) * this._snapGridSize;
|
|
this._snapSetLocation(chX2, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX2, sY1);
|
|
}
|
|
}
|
|
else if (C6a || C6b){
|
|
if (this.isGridSnapEnabled){
|
|
//if(!this._snapGridY) this._snapGridY=chY2;
|
|
//this._snapSetLocation(sX1 , this._snapGridY);
|
|
var tmpX = chX1 + Math.floor( ( sX1 - chX1 ) / this._snapGridSize ) * this._snapGridSize;
|
|
this._snapSetLocation(tmpX , chY2);
|
|
}
|
|
else {
|
|
this._snapSetLocation(sX1, chY2);
|
|
}
|
|
}
|
|
else if (C8a || C8b){
|
|
if (this.isGridSnapEnabled){
|
|
//if(!this._snapGridX) this._snapGridX=chX1-sW;
|
|
//this._snapSetLocation(chX1-sW , sY1);
|
|
var tmpY = chY1 + Math.floor( ( sY1 - chY1 ) / this._snapGridSize ) * this._snapGridSize;
|
|
this._snapSetLocation(chX1-sW, tmpY);
|
|
}
|
|
else {
|
|
this._snapSetLocation(chX1-sW, sY1);
|
|
}
|
|
}
|
|
|
|
if (C1 || C2a || C2b || C3 || C4a || C4b || C5 || C6a || C6b || C7 || C8a || C8b){
|
|
this._snapObject=ch;
|
|
this.invokeEvent("snap");
|
|
ch._snapObject=this;
|
|
ch.invokeEvent("snap");
|
|
}
|
|
}
|
|
}
|
|
};
|