Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
open-source
gridstack.js
Commits
8f31d2ca
Commit
8f31d2ca
authored
Sep 11, 2017
by
Dylan Weiss
Browse files
Fix build by breaking line before 120 characters.
parent
20fc3a36
Changes
9
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
60 additions
and
21 deletions
+60
-21
dist/gridstack-extra.min.css
dist/gridstack-extra.min.css
+1
-1
dist/gridstack.all.js
dist/gridstack.all.js
+23
-3
dist/gridstack.jQueryUI.js
dist/gridstack.jQueryUI.js
+1
-7
dist/gridstack.jQueryUI.min.js
dist/gridstack.jQueryUI.min.js
+5
-1
dist/gridstack.js
dist/gridstack.js
+8
-4
dist/gridstack.min.css
dist/gridstack.min.css
+1
-1
dist/gridstack.min.js
dist/gridstack.min.js
+18
-2
dist/gridstack.min.map
dist/gridstack.min.map
+1
-1
src/gridstack.js
src/gridstack.js
+2
-1
No files found.
dist/gridstack-extra.min.css
View file @
8f31d2ca
This diff is collapsed.
Click to expand it.
dist/gridstack.all.js
View file @
8f31d2ca
This diff is collapsed.
Click to expand it.
dist/gridstack.jQueryUI.js
View file @
8f31d2ca
...
@@ -77,13 +77,7 @@
...
@@ -77,13 +77,7 @@
JQueryUIGridStackDragDropPlugin
.
prototype
.
droppable
=
function
(
el
,
opts
)
{
JQueryUIGridStackDragDropPlugin
.
prototype
.
droppable
=
function
(
el
,
opts
)
{
el
=
$
(
el
);
el
=
$
(
el
);
if
(
opts
===
'
disable
'
||
opts
===
'
enable
'
)
{
el
.
droppable
(
opts
);
el
.
droppable
(
opts
);
}
else
{
el
.
droppable
({
accept
:
opts
.
accept
});
}
return
this
;
return
this
;
};
};
...
...
dist/gridstack.jQueryUI.min.js
View file @
8f31d2ca
...
@@ -5,5 +5,9 @@
...
@@ -5,5 +5,9 @@
* gridstack.js may be freely distributed under the MIT license.
* gridstack.js may be freely distributed under the MIT license.
* @preserve
* @preserve
*/
*/
!
function
(
a
){
if
(
"
function
"
==
typeof
define
&&
define
.
amd
)
define
([
"
jquery
"
,
"
lodash
"
,
"
gridstack
"
,
"
jquery-ui/data
"
,
"
jquery-ui/disable-selection
"
,
"
jquery-ui/focusable
"
,
"
jquery-ui/form
"
,
"
jquery-ui/ie
"
,
"
jquery-ui/keycode
"
,
"
jquery-ui/labels
"
,
"
jquery-ui/jquery-1-7
"
,
"
jquery-ui/plugin
"
,
"
jquery-ui/safe-active-element
"
,
"
jquery-ui/safe-blur
"
,
"
jquery-ui/scroll-parent
"
,
"
jquery-ui/tabbable
"
,
"
jquery-ui/unique-id
"
,
"
jquery-ui/version
"
,
"
jquery-ui/widget
"
,
"
jquery-ui/widgets/mouse
"
,
"
jquery-ui/widgets/draggable
"
,
"
jquery-ui/widgets/droppable
"
,
"
jquery-ui/widgets/resizable
"
],
a
);
else
if
(
"
undefined
"
!=
typeof
exports
){
try
{
jQuery
=
require
(
"
jquery
"
)}
catch
(
a
){}
try
{
_
=
require
(
"
lodash
"
)}
catch
(
a
){}
try
{
GridStackUI
=
require
(
"
gridstack
"
)}
catch
(
a
){}
a
(
jQuery
,
_
,
GridStackUI
)}
else
a
(
jQuery
,
_
,
GridStackUI
)}(
function
(
a
,
b
,
c
){
function
d
(
a
){
c
.
GridStackDragDropPlugin
.
call
(
this
,
a
)}
window
;
return
c
.
GridStackDragDropPlugin
.
registerPlugin
(
d
),
d
.
prototype
=
Object
.
create
(
c
.
GridStackDragDropPlugin
.
prototype
),
d
.
prototype
.
constructor
=
d
,
d
.
prototype
.
resizable
=
function
(
c
,
d
){
if
(
c
=
a
(
c
),
"
disable
"
===
d
||
"
enable
"
===
d
)
c
.
resizable
(
d
);
else
if
(
"
option
"
===
d
){
var
e
=
arguments
[
2
],
f
=
arguments
[
3
];
c
.
resizable
(
d
,
e
,
f
)}
else
{
var
g
=
c
.
data
(
"
gs-resize-handles
"
)?
c
.
data
(
"
gs-resize-handles
"
):
this
.
grid
.
opts
.
resizable
.
handles
;
c
.
resizable
(
b
.
extend
({},
this
.
grid
.
opts
.
resizable
,{
handles
:
g
},{
start
:
d
.
start
||
function
(){},
stop
:
d
.
stop
||
function
(){},
resize
:
d
.
resize
||
function
(){}}))}
return
this
},
d
.
prototype
.
draggable
=
function
(
c
,
d
){
return
c
=
a
(
c
),
"
disable
"
===
d
||
"
enable
"
===
d
?
c
.
draggable
(
d
):
c
.
draggable
(
b
.
extend
({},
this
.
grid
.
opts
.
draggable
,{
containment
:
this
.
grid
.
opts
.
isNested
?
this
.
grid
.
container
.
parent
():
null
,
start
:
d
.
start
||
function
(){},
stop
:
d
.
stop
||
function
(){},
drag
:
d
.
drag
||
function
(){}})),
this
},
d
.
prototype
.
droppable
=
function
(
b
,
c
){
return
b
=
a
(
b
),
"
disable
"
===
c
||
"
enable
"
===
c
?
b
.
droppable
(
c
):
b
.
droppable
({
accept
:
c
.
accept
}),
this
},
d
.
prototype
.
isDroppable
=
function
(
b
,
c
){
return
b
=
a
(
b
),
Boolean
(
b
.
data
(
"
droppable
"
))},
d
.
prototype
.
on
=
function
(
b
,
c
,
d
){
return
a
(
b
).
on
(
c
,
d
),
this
},
d
});
!
function
(
a
){
if
(
"
function
"
==
typeof
define
&&
define
.
amd
)
define
([
"
jquery
"
,
"
lodash
"
,
"
gridstack
"
,
"
jquery-ui/data
"
,
"
jquery-ui/disable-selection
"
,
"
jquery-ui/focusable
"
,
"
jquery-ui/form
"
,
"
jquery-ui/ie
"
,
"
jquery-ui/keycode
"
,
"
jquery-ui/labels
"
,
"
jquery-ui/jquery-1-7
"
,
"
jquery-ui/plugin
"
,
"
jquery-ui/safe-active-element
"
,
"
jquery-ui/safe-blur
"
,
"
jquery-ui/scroll-parent
"
,
"
jquery-ui/tabbable
"
,
"
jquery-ui/unique-id
"
,
"
jquery-ui/version
"
,
"
jquery-ui/widget
"
,
"
jquery-ui/widgets/mouse
"
,
"
jquery-ui/widgets/draggable
"
,
"
jquery-ui/widgets/droppable
"
,
"
jquery-ui/widgets/resizable
"
],
a
);
else
if
(
"
undefined
"
!=
typeof
exports
){
try
{
jQuery
=
require
(
"
jquery
"
)}
catch
(
b
){}
try
{
_
=
require
(
"
lodash
"
)}
catch
(
b
){}
try
{
GridStackUI
=
require
(
"
gridstack
"
)}
catch
(
b
){}
a
(
jQuery
,
_
,
GridStackUI
)}
else
a
(
jQuery
,
_
,
GridStackUI
)}(
function
(
a
,
b
,
c
){
/**
* @class JQueryUIGridStackDragDropPlugin
* jQuery UI implementation of drag'n'drop gridstack plugin.
*/
function
d
(
a
){
c
.
GridStackDragDropPlugin
.
call
(
this
,
a
)}
window
;
return
c
.
GridStackDragDropPlugin
.
registerPlugin
(
d
),
d
.
prototype
=
Object
.
create
(
c
.
GridStackDragDropPlugin
.
prototype
),
d
.
prototype
.
constructor
=
d
,
d
.
prototype
.
resizable
=
function
(
c
,
d
){
if
(
c
=
a
(
c
),
"
disable
"
===
d
||
"
enable
"
===
d
)
c
.
resizable
(
d
);
else
if
(
"
option
"
===
d
){
var
e
=
arguments
[
2
],
f
=
arguments
[
3
];
c
.
resizable
(
d
,
e
,
f
)}
else
{
var
g
=
c
.
data
(
"
gs-resize-handles
"
)?
c
.
data
(
"
gs-resize-handles
"
):
this
.
grid
.
opts
.
resizable
.
handles
;
c
.
resizable
(
b
.
extend
({},
this
.
grid
.
opts
.
resizable
,{
handles
:
g
},{
start
:
d
.
start
||
function
(){},
stop
:
d
.
stop
||
function
(){},
resize
:
d
.
resize
||
function
(){}}))}
return
this
},
d
.
prototype
.
draggable
=
function
(
c
,
d
){
return
c
=
a
(
c
),
"
disable
"
===
d
||
"
enable
"
===
d
?
c
.
draggable
(
d
):
c
.
draggable
(
b
.
extend
({},
this
.
grid
.
opts
.
draggable
,{
containment
:
this
.
grid
.
opts
.
isNested
?
this
.
grid
.
container
.
parent
():
null
,
start
:
d
.
start
||
function
(){},
stop
:
d
.
stop
||
function
(){},
drag
:
d
.
drag
||
function
(){}})),
this
},
d
.
prototype
.
droppable
=
function
(
b
,
c
){
return
b
=
a
(
b
),
b
.
droppable
(
c
),
this
},
d
.
prototype
.
isDroppable
=
function
(
b
,
c
){
return
b
=
a
(
b
),
Boolean
(
b
.
data
(
"
droppable
"
))},
d
.
prototype
.
on
=
function
(
b
,
c
,
d
){
return
a
(
b
).
on
(
c
,
d
),
this
},
d
});
//# sourceMappingURL=gridstack.min.map
//# sourceMappingURL=gridstack.min.map
\ No newline at end of file
dist/gridstack.js
View file @
8f31d2ca
...
@@ -623,6 +623,9 @@
...
@@ -623,6 +623,9 @@
disableResize
:
opts
.
disableResize
||
false
,
disableResize
:
opts
.
disableResize
||
false
,
rtl
:
'
auto
'
,
rtl
:
'
auto
'
,
removable
:
false
,
removable
:
false
,
removableOptions
:
_
.
defaults
(
opts
.
removableOptions
||
{},
{
accept
:
'
.
'
+
opts
.
itemClass
}),
removeTimeout
:
2000
,
removeTimeout
:
2000
,
verticalMarginUnit
:
'
px
'
,
verticalMarginUnit
:
'
px
'
,
cellHeightUnit
:
'
px
'
,
cellHeightUnit
:
'
px
'
,
...
@@ -770,9 +773,7 @@
...
@@ -770,9 +773,7 @@
if
(
!
self
.
opts
.
staticGrid
&&
typeof
self
.
opts
.
removable
===
'
string
'
)
{
if
(
!
self
.
opts
.
staticGrid
&&
typeof
self
.
opts
.
removable
===
'
string
'
)
{
var
trashZone
=
$
(
self
.
opts
.
removable
);
var
trashZone
=
$
(
self
.
opts
.
removable
);
if
(
!
this
.
dd
.
isDroppable
(
trashZone
))
{
if
(
!
this
.
dd
.
isDroppable
(
trashZone
))
{
this
.
dd
.
droppable
(
trashZone
,
{
this
.
dd
.
droppable
(
trashZone
,
self
.
opts
.
removableOptions
);
accept
:
'
.
'
+
self
.
opts
.
itemClass
});
}
}
this
.
dd
this
.
dd
.
on
(
trashZone
,
'
dropover
'
,
function
(
event
,
ui
)
{
.
on
(
trashZone
,
'
dropover
'
,
function
(
event
,
ui
)
{
...
@@ -781,6 +782,7 @@
...
@@ -781,6 +782,7 @@
if
(
node
.
_grid
!==
self
)
{
if
(
node
.
_grid
!==
self
)
{
return
;
return
;
}
}
el
.
data
(
'
inTrashZone
'
,
true
);
self
.
_setupRemovingTimeout
(
el
);
self
.
_setupRemovingTimeout
(
el
);
})
})
.
on
(
trashZone
,
'
dropout
'
,
function
(
event
,
ui
)
{
.
on
(
trashZone
,
'
dropout
'
,
function
(
event
,
ui
)
{
...
@@ -789,6 +791,7 @@
...
@@ -789,6 +791,7 @@
if
(
node
.
_grid
!==
self
)
{
if
(
node
.
_grid
!==
self
)
{
return
;
return
;
}
}
el
.
data
(
'
inTrashZone
'
,
false
);
self
.
_clearRemovingTimeout
(
el
);
self
.
_clearRemovingTimeout
(
el
);
});
});
}
}
...
@@ -1097,7 +1100,8 @@
...
@@ -1097,7 +1100,8 @@
}
}
if
(
event
.
type
==
'
drag
'
)
{
if
(
event
.
type
==
'
drag
'
)
{
if
(
x
<
0
||
x
>=
self
.
grid
.
width
||
y
<
0
||
(
!
self
.
grid
.
float
&&
y
>
self
.
grid
.
getGridHeight
()))
{
if
(
el
.
data
(
'
inTrashZone
'
)
||
x
<
0
||
x
>=
self
.
grid
.
width
||
y
<
0
||
(
!
self
.
grid
.
float
&&
y
>
self
.
grid
.
getGridHeight
()))
{
if
(
!
node
.
_temporaryRemoved
)
{
if
(
!
node
.
_temporaryRemoved
)
{
if
(
self
.
opts
.
removable
===
true
)
{
if
(
self
.
opts
.
removable
===
true
)
{
self
.
_setupRemovingTimeout
(
el
);
self
.
_setupRemovingTimeout
(
el
);
...
...
dist/gridstack.min.css
View file @
8f31d2ca
:root
.grid-stack-item
>
.ui-resizable-handle
{
filter
:
none
}
.grid-stack
{
position
:
relative
}
.grid-stack.grid-stack-rtl
{
direction
:
ltr
}
.grid-stack.grid-stack-rtl
>
.grid-stack-item
{
direction
:
rtl
}
.grid-stack
.grid-stack-placeholder
>
.placeholder-content
{
border
:
1px
dashed
#d3d3d3
;
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
text-align
:
center
}
.grid-stack
>
.grid-stack-item
{
min-width
:
8.3333333333%
;
position
:
absolute
;
padding
:
0
}
.grid-stack
>
.grid-stack-item
>
.grid-stack-item-content
{
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
overflow-x
:
hidden
;
overflow-y
:
auto
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-handle
{
position
:
absolute
;
font-size
:
.1px
;
display
:
block
;
-ms-touch-action
:
none
;
touch-action
:
none
}
.grid-stack
>
.grid-stack-item.ui-resizable-autohide
>
.ui-resizable-handle
,
.grid-stack
>
.grid-stack-item.ui-resizable-disabled
>
.ui-resizable-handle
{
display
:
none
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
,
.grid-stack
>
.grid-stack-item.ui-resizable-resizing
{
z-index
:
100
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
>
.grid-stack-item-content
,
.grid-stack
>
.grid-stack-item.ui-resizable-resizing
>
.grid-stack-item-content
{
box-shadow
:
1px
4px
6px
rgba
(
0
,
0
,
0
,
.2
);
opacity
:
.8
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-se
,
.grid-stack
>
.grid-stack-item
>
.ui-resizable-sw
{
background-image
:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
;
background-repeat
:
no-repeat
;
background-position
:
center
;
-webkit-transform
:
rotate
(
45deg
);
-moz-transform
:
rotate
(
45deg
);
-ms-transform
:
rotate
(
45deg
);
-o-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-se
{
-webkit-transform
:
rotate
(
-45deg
);
-moz-transform
:
rotate
(
-45deg
);
-ms-transform
:
rotate
(
-45deg
);
-o-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
)}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-nw
{
cursor
:
nw-resize
;
width
:
20px
;
height
:
20px
;
left
:
10px
;
top
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-n
{
cursor
:
n-resize
;
height
:
10px
;
top
:
0
;
left
:
25px
;
right
:
25px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-ne
{
cursor
:
ne-resize
;
width
:
20px
;
height
:
20px
;
right
:
10px
;
top
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-e
{
cursor
:
e-resize
;
width
:
10px
;
right
:
10px
;
top
:
15px
;
bottom
:
15px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-se
{
cursor
:
se-resize
;
width
:
20px
;
height
:
20px
;
right
:
10px
;
bottom
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-s
{
cursor
:
s-resize
;
height
:
10px
;
left
:
25px
;
bottom
:
0
;
right
:
25px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-sw
{
cursor
:
sw-resize
;
width
:
20px
;
height
:
20px
;
left
:
10px
;
bottom
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-w
{
cursor
:
w-resize
;
width
:
10px
;
left
:
10px
;
top
:
15px
;
bottom
:
15px
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
>
.ui-resizable-handle
{
display
:
none
!important
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'1'
]
{
width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'1'
]
{
left
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'1'
]
{
min-width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'1'
]
{
max-width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'2'
]
{
width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'2'
]
{
left
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'2'
]
{
min-width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'2'
]
{
max-width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'3'
]
{
width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'3'
]
{
left
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'3'
]
{
min-width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'3'
]
{
max-width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'4'
]
{
width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'4'
]
{
left
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'4'
]
{
min-width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'4'
]
{
max-width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'5'
]
{
width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'5'
]
{
left
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'5'
]
{
min-width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'5'
]
{
max-width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'6'
]
{
width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'6'
]
{
left
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'6'
]
{
min-width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'6'
]
{
max-width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'7'
]
{
width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'7'
]
{
left
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'7'
]
{
min-width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'7'
]
{
max-width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'8'
]
{
width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'8'
]
{
left
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'8'
]
{
min-width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'8'
]
{
max-width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'9'
]
{
width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'9'
]
{
left
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'9'
]
{
min-width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'9'
]
{
max-width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'10'
]
{
width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'10'
]
{
left
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'10'
]
{
min-width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'10'
]
{
max-width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'11'
]
{
width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'11'
]
{
left
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'11'
]
{
min-width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'11'
]
{
max-width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'12'
]
{
width
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'12'
]
{
left
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'12'
]
{
min-width
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'12'
]
{
max-width
:
100%
}
.grid-stack.grid-stack-animate
,
.grid-stack.grid-stack-animate
.grid-stack-item
{
-webkit-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-moz-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-ms-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-o-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
}
.grid-stack.grid-stack-animate
.grid-stack-item.grid-stack-placeholder
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-draggable-dragging
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-resizable-resizing
{
-webkit-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-moz-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-ms-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-o-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
}
.grid-stack.grid-stack-one-column-mode
{
height
:
auto
!important
}
.grid-stack.grid-stack-one-column-mode
>
.grid-stack-item
{
position
:
relative
!important
;
width
:
auto
!important
;
left
:
0
!important
;
top
:
auto
!important
;
margin-bottom
:
20px
;
max-width
:
none
!important
}
.grid-stack.grid-stack-one-column-mode
>
.grid-stack-item
>
.ui-resizable-handle
{
display
:
none
}
:root
.grid-stack-item
>
.ui-resizable-handle
{
filter
:
none
}
.grid-stack
{
position
:
relative
}
.grid-stack.grid-stack-rtl
{
direction
:
ltr
}
.grid-stack.grid-stack-rtl
>
.grid-stack-item
{
direction
:
rtl
}
.grid-stack
.grid-stack-placeholder
>
.placeholder-content
{
border
:
1px
dashed
#d3d3d3
;
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
text-align
:
center
}
.grid-stack
>
.grid-stack-item
{
min-width
:
8.3333333333%
;
position
:
absolute
;
padding
:
0
}
.grid-stack
>
.grid-stack-item
>
.grid-stack-item-content
{
margin
:
0
;
position
:
absolute
;
top
:
0
;
left
:
10px
;
right
:
10px
;
bottom
:
0
;
width
:
auto
;
z-index
:
0
!important
;
overflow-x
:
hidden
;
overflow-y
:
auto
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-handle
{
position
:
absolute
;
font-size
:
.1px
;
display
:
block
;
-ms-touch-action
:
none
;
touch-action
:
none
}
.grid-stack
>
.grid-stack-item.ui-resizable-autohide
>
.ui-resizable-handle
,
.grid-stack
>
.grid-stack-item.ui-resizable-disabled
>
.ui-resizable-handle
{
display
:
none
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
,
.grid-stack
>
.grid-stack-item.ui-resizable-resizing
{
z-index
:
100
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
>
.grid-stack-item-content
,
.grid-stack
>
.grid-stack-item.ui-resizable-resizing
>
.grid-stack-item-content
{
box-shadow
:
1px
4px
6px
rgba
(
0
,
0
,
0
,
.2
);
opacity
:
.8
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-se
,
.grid-stack
>
.grid-stack-item
>
.ui-resizable-sw
{
background-image
:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
;
background-repeat
:
no-repeat
;
background-position
:
center
;
-webkit-transform
:
rotate
(
45deg
);
-moz-transform
:
rotate
(
45deg
);
-ms-transform
:
rotate
(
45deg
);
-o-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-nw
{
cursor
:
nw-resize
;
width
:
20px
;
height
:
20px
;
left
:
10px
;
top
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-n
{
cursor
:
n-resize
;
height
:
10px
;
top
:
0
;
left
:
25px
;
right
:
25px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-ne
{
cursor
:
ne-resize
;
width
:
20px
;
height
:
20px
;
right
:
10px
;
top
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-e
{
cursor
:
e-resize
;
width
:
10px
;
right
:
10px
;
top
:
15px
;
bottom
:
15px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-se
{
-webkit-transform
:
rotate
(
-45deg
);
-moz-transform
:
rotate
(
-45deg
);
-ms-transform
:
rotate
(
-45deg
);
-o-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
cursor
:
se-resize
;
width
:
20px
;
height
:
20px
;
right
:
10px
;
bottom
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-s
{
cursor
:
s-resize
;
height
:
10px
;
left
:
25px
;
bottom
:
0
;
right
:
25px
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-sw
{
cursor
:
sw-resize
;
width
:
20px
;
height
:
20px
;
left
:
10px
;
bottom
:
0
}
.grid-stack
>
.grid-stack-item
>
.ui-resizable-w
{
cursor
:
w-resize
;
width
:
10px
;
left
:
10px
;
top
:
15px
;
bottom
:
15px
}
.grid-stack
>
.grid-stack-item.ui-draggable-dragging
>
.ui-resizable-handle
{
display
:
none
!important
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'1'
]
{
width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'1'
]
{
left
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'1'
]
{
min-width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'1'
]
{
max-width
:
8.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'2'
]
{
width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'2'
]
{
left
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'2'
]
{
min-width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'2'
]
{
max-width
:
16.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'3'
]
{
width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'3'
]
{
left
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'3'
]
{
min-width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'3'
]
{
max-width
:
25%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'4'
]
{
width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'4'
]
{
left
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'4'
]
{
min-width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'4'
]
{
max-width
:
33.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'5'
]
{
width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'5'
]
{
left
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'5'
]
{
min-width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'5'
]
{
max-width
:
41.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'6'
]
{
width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'6'
]
{
left
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'6'
]
{
min-width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'6'
]
{
max-width
:
50%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'7'
]
{
width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'7'
]
{
left
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'7'
]
{
min-width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'7'
]
{
max-width
:
58.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'8'
]
{
width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'8'
]
{
left
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'8'
]
{
min-width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'8'
]
{
max-width
:
66.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'9'
]
{
width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'9'
]
{
left
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'9'
]
{
min-width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'9'
]
{
max-width
:
75%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'10'
]
{
width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'10'
]
{
left
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'10'
]
{
min-width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'10'
]
{
max-width
:
83.3333333333%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'11'
]
{
width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'11'
]
{
left
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'11'
]
{
min-width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'11'
]
{
max-width
:
91.6666666667%
}
.grid-stack
>
.grid-stack-item
[
data-gs-width
=
'12'
]
{
width
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-x
=
'12'
]
{
left
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-min-width
=
'12'
]
{
min-width
:
100%
}
.grid-stack
>
.grid-stack-item
[
data-gs-max-width
=
'12'
]
{
max-width
:
100%
}
.grid-stack.grid-stack-animate
,
.grid-stack.grid-stack-animate
.grid-stack-item
{
-webkit-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-moz-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-ms-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
-o-transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
;
transition
:
left
.3s
,
top
.3s
,
height
.3s
,
width
.3s
}
.grid-stack.grid-stack-animate
.grid-stack-item.grid-stack-placeholder
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-draggable-dragging
,
.grid-stack.grid-stack-animate
.grid-stack-item.ui-resizable-resizing
{
-webkit-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-moz-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-ms-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
-o-transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
;
transition
:
left
0s
,
top
0s
,
height
0s
,
width
0s
}
.grid-stack.grid-stack-one-column-mode
{
height
:
auto
!important
}
.grid-stack.grid-stack-one-column-mode
>
.grid-stack-item
{
position
:
relative
!important
;
width
:
auto
!important
;
left
:
0
!important
;
top
:
auto
!important
;
margin-bottom
:
20px
;
max-width
:
none
!important
}
.grid-stack.grid-stack-one-column-mode
>
.grid-stack-item
>
.ui-resizable-handle
{
display
:
none
}
\ No newline at end of file
\ No newline at end of file
dist/gridstack.min.js
View file @
8f31d2ca
This diff is collapsed.
Click to expand it.
dist/gridstack.min.map
View file @
8f31d2ca
This diff is collapsed.
Click to expand it.
src/gridstack.js
View file @
8f31d2ca
...
@@ -1100,7 +1100,8 @@
...
@@ -1100,7 +1100,8 @@
}
}
if
(
event
.
type
==
'
drag
'
)
{
if
(
event
.
type
==
'
drag
'
)
{
if
(
el
.
data
(
'
inTrashZone
'
)
||
x
<
0
||
x
>=
self
.
grid
.
width
||
y
<
0
||
(
!
self
.
grid
.
float
&&
y
>
self
.
grid
.
getGridHeight
()))
{
if
(
el
.
data
(
'
inTrashZone
'
)
||
x
<
0
||
x
>=
self
.
grid
.
width
||
y
<
0
||
(
!
self
.
grid
.
float
&&
y
>
self
.
grid
.
getGridHeight
()))
{
if
(
!
node
.
_temporaryRemoved
)
{
if
(
!
node
.
_temporaryRemoved
)
{
if
(
self
.
opts
.
removable
===
true
)
{
if
(
self
.
opts
.
removable
===
true
)
{
self
.
_setupRemovingTimeout
(
el
);
self
.
_setupRemovingTimeout
(
el
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment