easy-layout 6.0.322 → 6.0.324
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -6
- package/lib/div/sizeable.js +16 -4
- package/lib/div/splitter.js +4 -4
- package/package.json +4 -4
- package/src/div/sizeable.js +6 -0
- package/src/div/splitter.js +5 -6
package/README.md
CHANGED
|
@@ -2,11 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Layout elements that work with CSS flexbox.
|
|
4
4
|
|
|
5
|
-
There are several elements that can be nested.
|
|
5
|
+
There are several elements that can be nested.
|
|
6
|
+
Broadly speaking there are row and column divs together with sizeable and splitter divs.
|
|
7
|
+
Splitter divs can be dragged with a mouse in order to resize sizeable divs.
|
|
6
8
|
|
|
7
9
|
### JSX support
|
|
8
10
|
|
|
9
|
-
There is now support for JSX in the form of [Juxtapose](https://github.com/djalbat/Juxtapose).
|
|
11
|
+
There is now support for JSX in the form of [Juxtapose](https://github.com/djalbat/Juxtapose).
|
|
12
|
+
What this means is that Easy *will* now help you with the architecture of your large application.
|
|
13
|
+
So although Easy elements will continue to work standalone, their use with Juxtapose is recommended.
|
|
10
14
|
|
|
11
15
|
### Easy projects
|
|
12
16
|
|
|
@@ -42,13 +46,15 @@ The example will then be available at the following URL:
|
|
|
42
46
|
|
|
43
47
|
http://localhost:8888
|
|
44
48
|
|
|
45
|
-
The source for the example can be found in the `src/example.js` file and corresponding`src/example` folder.
|
|
49
|
+
The source for the example can be found in the `src/example.js` file and corresponding`src/example` folder.
|
|
50
|
+
You are encouraged to try the example whilst reading what follows. You can rebuild it on the fly with the following command:
|
|
46
51
|
|
|
47
52
|
npm run watch-debug
|
|
48
53
|
|
|
49
54
|
The development server will reload the page whenever you make changes.
|
|
50
55
|
|
|
51
|
-
One last thing to bear in mind is that this package is included by way of a relative rather than a package import.
|
|
56
|
+
One last thing to bear in mind is that this package is included by way of a relative rather than a package import.
|
|
57
|
+
If you are importing it into your own application, however, then you should use the standard package import.
|
|
52
58
|
|
|
53
59
|
## Usage
|
|
54
60
|
|
|
@@ -95,7 +101,10 @@ Note that he enclosing `View` element has its `display` style set to `flex`.
|
|
|
95
101
|
|
|
96
102
|
## Styles
|
|
97
103
|
|
|
98
|
-
There is a small amount of default styling.
|
|
104
|
+
There is a small amount of default styling.
|
|
105
|
+
All the elements have class names, however, allowing you to override this with CSS.
|
|
106
|
+
Or a better way is to use [Easy with Style](https://github.com/djalbat/easy-with-style).
|
|
107
|
+
For example:
|
|
99
108
|
|
|
100
109
|
```
|
|
101
110
|
import withStyle from "easy-with-style"; ///
|
|
@@ -109,7 +118,8 @@ export default (VerticalSplitter)`
|
|
|
109
118
|
|
|
110
119
|
## Building
|
|
111
120
|
|
|
112
|
-
Automation is done with [npm scripts](https://docs.npmjs.com/misc/scripts), have a look at the `package.json` file.
|
|
121
|
+
Automation is done with [npm scripts](https://docs.npmjs.com/misc/scripts), have a look at the `package.json` file.
|
|
122
|
+
The pertinent commands are:
|
|
113
123
|
|
|
114
124
|
npm run build-debug
|
|
115
125
|
npm run watch-debug
|
package/lib/div/sizeable.js
CHANGED
|
@@ -2,10 +2,18 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get default () {
|
|
8
13
|
return _default;
|
|
14
|
+
},
|
|
15
|
+
get isElementSizeableDiv () {
|
|
16
|
+
return isElementSizeableDiv;
|
|
9
17
|
}
|
|
10
18
|
});
|
|
11
19
|
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
@@ -26,5 +34,9 @@ const _default = (0, _easywithstyle.default)(SizeableDiv)`
|
|
|
26
34
|
display: flex;
|
|
27
35
|
|
|
28
36
|
`;
|
|
37
|
+
function isElementSizeableDiv(element) {
|
|
38
|
+
const elementSizeableDiv = SizeableDiv.prototype.isPrototypeOf(element);
|
|
39
|
+
return elementSizeableDiv;
|
|
40
|
+
}
|
|
29
41
|
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXYvc2l6ZWFibGUuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuXG5jbGFzcyBTaXplYWJsZURpdiBleHRlbmRzIEVsZW1lbnQge1xuICBzdGF0aWMgdGFnTmFtZSA9IFwiZGl2XCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJzaXplYWJsZVwiXG4gIH07XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZShTaXplYWJsZURpdilgXG5cbiAgZGlzcGxheTogZmxleDtcbiAgXG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gaXNFbGVtZW50U2l6ZWFibGVEaXYoZWxlbWVudCkge1xuICBjb25zdCBlbGVtZW50U2l6ZWFibGVEaXYgPSBTaXplYWJsZURpdi5wcm90b3R5cGUuaXNQcm90b3R5cGVPZihlbGVtZW50KTtcblxuICByZXR1cm4gZWxlbWVudFNpemVhYmxlRGl2O1xufSJdLCJuYW1lcyI6WyJpc0VsZW1lbnRTaXplYWJsZURpdiIsIlNpemVhYmxlRGl2IiwiRWxlbWVudCIsInRhZ05hbWUiLCJkZWZhdWx0UHJvcGVydGllcyIsImNsYXNzTmFtZSIsIndpdGhTdHlsZSIsImVsZW1lbnQiLCJlbGVtZW50U2l6ZWFibGVEaXYiLCJwcm90b3R5cGUiLCJpc1Byb3RvdHlwZU9mIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7UUFjQTtlQUFBOztRQU1nQkE7ZUFBQUE7OztzRUFsQk07c0JBRUU7Ozs7OztBQUV4QixNQUFNQyxvQkFBb0JDLGFBQU87SUFDL0IsT0FBT0MsVUFBVSxNQUFNO0lBRXZCLE9BQU9DLG9CQUFvQjtRQUN6QkMsV0FBVztJQUNiLEVBQUU7QUFDSjtNQUVBLFdBQWVDLElBQUFBLHNCQUFTLEVBQUNMLFlBQVksQ0FBQzs7OztBQUl0QyxDQUFDO0FBRU0sU0FBU0QscUJBQXFCTyxPQUFPO0lBQzFDLE1BQU1DLHFCQUFxQlAsWUFBWVEsU0FBUyxDQUFDQyxhQUFhLENBQUNIO0lBRS9ELE9BQU9DO0FBQ1QifQ==
|
package/lib/div/splitter.js
CHANGED
|
@@ -11,8 +11,8 @@ Object.defineProperty(exports, "default", {
|
|
|
11
11
|
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
12
|
const _easy = require("easy");
|
|
13
13
|
const _easydraganddrop = require("easy-drag-and-drop");
|
|
14
|
-
const _sizeable = /*#__PURE__*/ _interop_require_default(require("../div/sizeable"));
|
|
15
14
|
const _cursor = require("../cursor");
|
|
15
|
+
const _sizeable = require("../div/sizeable");
|
|
16
16
|
function _interop_require_default(obj) {
|
|
17
17
|
return obj && obj.__esModule ? obj : {
|
|
18
18
|
default: obj
|
|
@@ -28,7 +28,7 @@ class SplitterDiv extends _easy.Element {
|
|
|
28
28
|
};
|
|
29
29
|
getSizeableDiv() {
|
|
30
30
|
let sizeableDiv;
|
|
31
|
-
const nextSiblingElement = this.getNextSiblingElement(), previousSiblingElement = this.getPreviousSiblingElement(), nextSiblingElementSizeableDiv =
|
|
31
|
+
const nextSiblingElement = this.getNextSiblingElement(), previousSiblingElement = this.getPreviousSiblingElement(), nextSiblingElementSizeableDiv = (0, _sizeable.isElementSizeableDiv)(nextSiblingElement), previousSiblingElementSizeableDiv = (0, _sizeable.isElementSizeableDiv)(previousSiblingElement);
|
|
32
32
|
if (nextSiblingElementSizeableDiv) {
|
|
33
33
|
sizeableDiv = nextSiblingElement; ///
|
|
34
34
|
}
|
|
@@ -39,7 +39,7 @@ class SplitterDiv extends _easy.Element {
|
|
|
39
39
|
}
|
|
40
40
|
getDirection() {
|
|
41
41
|
let direction;
|
|
42
|
-
const nextSiblingElement = this.getNextSiblingElement(), previousSiblingElement = this.getPreviousSiblingElement(), nextSiblingElementSizeableDiv =
|
|
42
|
+
const nextSiblingElement = this.getNextSiblingElement(), previousSiblingElement = this.getPreviousSiblingElement(), nextSiblingElementSizeableDiv = (0, _sizeable.isElementSizeableDiv)(nextSiblingElement), previousSiblingElementSizeableDiv = (0, _sizeable.isElementSizeableDiv)(previousSiblingElement);
|
|
43
43
|
if (nextSiblingElementSizeableDiv) {
|
|
44
44
|
direction = +1;
|
|
45
45
|
}
|
|
@@ -108,4 +108,4 @@ const _default = (0, _easywithstyle.default)(SplitterDiv)`
|
|
|
108
108
|
|
|
109
109
|
`;
|
|
110
110
|
|
|
111
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXYvc3BsaXR0ZXIuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgZHJhZ01peGlucyB9IGZyb20gXCJlYXN5LWRyYWctYW5kLWRyb3BcIjtcblxuaW1wb3J0IHsgcmVzZXRDdXJzb3IgfSBmcm9tIFwiLi4vY3Vyc29yXCI7XG5pbXBvcnQgeyBpc0VsZW1lbnRTaXplYWJsZURpdiB9IGZyb20gXCIuLi9kaXYvc2l6ZWFibGVcIjtcblxuY2xhc3MgU3BsaXR0ZXJEaXYgZXh0ZW5kcyBFbGVtZW50IHtcbiAgc3RvcERyYWdDdXN0b21IYW5kbGVyID0gKGV2ZW50LCBlbGVtZW50LCBkcm9wRWxlbWVudCwgYWJvcnRlZCwgZG9uZSkgPT4ge1xuICAgIHJlc2V0Q3Vyc29yKCk7XG5cbiAgICBkb25lKCk7XG4gIH1cblxuICBtb3VzZU91dEhhbmRsZXIgPSAoZXZlbnQsIGVsZW1lbnQpID0+IHtcbiAgICByZXNldEN1cnNvcigpO1xuICB9XG5cbiAgZ2V0U2l6ZWFibGVEaXYoKSB7XG4gICAgbGV0IHNpemVhYmxlRGl2O1xuXG4gICAgY29uc3QgbmV4dFNpYmxpbmdFbGVtZW50ID0gdGhpcy5nZXROZXh0U2libGluZ0VsZW1lbnQoKSxcbiAgICAgICAgICBwcmV2aW91c1NpYmxpbmdFbGVtZW50ID0gdGhpcy5nZXRQcmV2aW91c1NpYmxpbmdFbGVtZW50KCksXG4gICAgICAgICAgbmV4dFNpYmxpbmdFbGVtZW50U2l6ZWFibGVEaXYgPSBpc0VsZW1lbnRTaXplYWJsZURpdihuZXh0U2libGluZ0VsZW1lbnQpLFxuICAgICAgICAgIHByZXZpb3VzU2libGluZ0VsZW1lbnRTaXplYWJsZURpdiA9IGlzRWxlbWVudFNpemVhYmxlRGl2KHByZXZpb3VzU2libGluZ0VsZW1lbnQpO1xuXG4gICAgaWYgKG5leHRTaWJsaW5nRWxlbWVudFNpemVhYmxlRGl2KSB7XG4gICAgICBzaXplYWJsZURpdiA9IG5leHRTaWJsaW5nRWxlbWVudDsgLy8vXG4gICAgfVxuXG4gICAgaWYgKHByZXZpb3VzU2libGluZ0VsZW1lbnRTaXplYWJsZURpdikge1xuICAgICAgc2l6ZWFibGVEaXYgPSBwcmV2aW91c1NpYmxpbmdFbGVtZW50OyAvLy9cbiAgICB9XG5cbiAgICByZXR1cm4gc2l6ZWFibGVEaXY7XG4gIH1cblxuICBnZXREaXJlY3Rpb24oKSB7XG4gICAgbGV0IGRpcmVjdGlvbjtcblxuICAgIGNvbnN0IG5leHRTaWJsaW5nRWxlbWVudCA9IHRoaXMuZ2V0TmV4dFNpYmxpbmdFbGVtZW50KCksXG4gICAgICAgICAgcHJldmlvdXNTaWJsaW5nRWxlbWVudCA9IHRoaXMuZ2V0UHJldmlvdXNTaWJsaW5nRWxlbWVudCgpLFxuICAgICAgICAgIG5leHRTaWJsaW5nRWxlbWVudFNpemVhYmxlRGl2ID0gaXNFbGVtZW50U2l6ZWFibGVEaXYobmV4dFNpYmxpbmdFbGVtZW50KSxcbiAgICAgICAgICBwcmV2aW91c1NpYmxpbmdFbGVtZW50U2l6ZWFibGVEaXYgPSBpc0VsZW1lbnRTaXplYWJsZURpdihwcmV2aW91c1NpYmxpbmdFbGVtZW50KTtcblxuICAgIGlmIChuZXh0U2libGluZ0VsZW1lbnRTaXplYWJsZURpdikge1xuICAgICAgZGlyZWN0aW9uID0gKzE7XG4gICAgfVxuXG4gICAgaWYgKHByZXZpb3VzU2libGluZ0VsZW1lbnRTaXplYWJsZURpdikge1xuICAgICAgZGlyZWN0aW9uID0gLTE7XG4gICAgfVxuXG4gICAgcmV0dXJuIGRpcmVjdGlvbjtcbiAgfVxuXG4gIGdldFJlZmVyZW5jZXMoKSB7XG4gICAgY29uc3QgcmVmZXJlbmNlcyA9IFtdO1xuXG4gICAgcmV0dXJuIHJlZmVyZW5jZXM7XG4gIH1cblxuICBlbmFibGUoKSB7XG4gICAgY29uc3QgZHJhZ0VuYWJsZWQgPSB0aGlzLmlzRHJhZ0VuYWJsZWQoKTtcblxuICAgIGlmICghZHJhZ0VuYWJsZWQpIHtcbiAgICAgIHRoaXMuZW5hYmxlRHJhZygpO1xuXG4gICAgICB0aGlzLm9uQ3VzdG9tRHJhZyh0aGlzLmRyYWdDdXN0b21IYW5kbGVyKTtcblxuICAgICAgdGhpcy5vbkN1c3RvbVN0b3BEcmFnKHRoaXMuc3RvcERyYWdDdXN0b21IYW5kbGVyKTtcblxuICAgICAgdGhpcy5vbkN1c3RvbVN0YXJ0RHJhZyh0aGlzLnN0YXJ0RHJhZ0N1c3RvbUhhbmRsZXIpO1xuICAgIH1cbiAgfVxuXG4gIGRpc2FibGUoKSB7XG4gICAgY29uc3QgZHJhZ0VuYWJsZWQgPSB0aGlzLmlzRHJhZ0VuYWJsZWQoKTtcblxuICAgIGlmIChkcmFnRW5hYmxlZCkge1xuICAgICAgdGhpcy5vZmZDdXN0b21TdGFydERyYWcodGhpcy5zdGFydERyYWdDdXN0b21IYW5kbGVyKTtcblxuICAgICAgdGhpcy5vZmZDdXN0b21TdG9wRHJhZyh0aGlzLnN0b3BEcmFnQ3VzdG9tSGFuZGxlcik7XG5cbiAgICAgIHRoaXMub2ZmQ3VzdG9tRHJhZyh0aGlzLmRyYWdDdXN0b21IYW5kbGVyKTtcblxuICAgICAgdGhpcy5kaXNhYmxlRHJhZygpO1xuICAgIH1cbiAgfVxuXG4gIGlzRGlzYWJsZWQoKSB7XG4gICAgY29uc3QgZHJhZ0VuYWJsZWQgPSB0aGlzLmlzRHJhZ0VuYWJsZWQoKSxcbiAgICAgICAgICBkaXNhYmxlZCA9ICFkcmFnRW5hYmxlZDtcblxuICAgIHJldHVybiBkaXNhYmxlZDtcbiAgfVxuXG4gIGRpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQgPSBmYWxzZSB9ID0gdGhpcy5wcm9wZXJ0aWVzO1xuXG4gICAgaWYgKCFkaXNhYmxlZCkge1xuICAgICAgdGhpcy5lbmFibGUoKTtcbiAgICB9XG5cbiAgICB0aGlzLm9uTW91c2VPdmVyKHRoaXMubW91c2VPdmVySGFuZGxlcik7XG5cbiAgICB0aGlzLm9uTW91c2VPdXQodGhpcy5tb3VzZU91dEhhbmRsZXIpO1xuICB9XG5cbiAgd2lsbFVubW91bnQoKSB7XG4gICAgY29uc3QgZGlzYWJsZWQgPSB0aGlzLmlzRGlzYWJsZWQoKTtcblxuICAgIHRoaXMub2ZmTW91c2VPdXQodGhpcy5tb3VzZU91dEhhbmRsZXIpO1xuXG4gICAgdGhpcy5vZmZNb3VzZU92ZXIodGhpcy5tb3VzZU92ZXJIYW5kbGVyKTtcblxuICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIGluaXRpYWxpc2UoKSB7XG4gICAgdGhpcy5zZXRJbml0aWFsU3RhdGUoKTtcbiAgfVxuXG4gIHN0YXRpYyB0YWdOYW1lID0gXCJkaXZcIjtcblxuICBzdGF0aWMgaWdub3JlZFByb3BlcnRpZXMgPSBbXG4gICAgXCJkaXNhYmxlZFwiXG4gIF07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJzcGxpdHRlclwiXG4gIH07XG59XG5cbk9iamVjdC5hc3NpZ24oU3BsaXR0ZXJEaXYucHJvdG90eXBlLCBkcmFnTWl4aW5zKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFNwbGl0dGVyRGl2KWBcblxuICBmbGV4LXNocmluazogMDtcblxuYDtcbiJdLCJuYW1lcyI6WyJTcGxpdHRlckRpdiIsIkVsZW1lbnQiLCJzdG9wRHJhZ0N1c3RvbUhhbmRsZXIiLCJldmVudCIsImVsZW1lbnQiLCJkcm9wRWxlbWVudCIsImFib3J0ZWQiLCJkb25lIiwicmVzZXRDdXJzb3IiLCJtb3VzZU91dEhhbmRsZXIiLCJnZXRTaXplYWJsZURpdiIsInNpemVhYmxlRGl2IiwibmV4dFNpYmxpbmdFbGVtZW50IiwiZ2V0TmV4dFNpYmxpbmdFbGVtZW50IiwicHJldmlvdXNTaWJsaW5nRWxlbWVudCIsImdldFByZXZpb3VzU2libGluZ0VsZW1lbnQiLCJuZXh0U2libGluZ0VsZW1lbnRTaXplYWJsZURpdiIsImlzRWxlbWVudFNpemVhYmxlRGl2IiwicHJldmlvdXNTaWJsaW5nRWxlbWVudFNpemVhYmxlRGl2IiwiZ2V0RGlyZWN0aW9uIiwiZGlyZWN0aW9uIiwiZ2V0UmVmZXJlbmNlcyIsInJlZmVyZW5jZXMiLCJlbmFibGUiLCJkcmFnRW5hYmxlZCIsImlzRHJhZ0VuYWJsZWQiLCJlbmFibGVEcmFnIiwib25DdXN0b21EcmFnIiwiZHJhZ0N1c3RvbUhhbmRsZXIiLCJvbkN1c3RvbVN0b3BEcmFnIiwib25DdXN0b21TdGFydERyYWciLCJzdGFydERyYWdDdXN0b21IYW5kbGVyIiwiZGlzYWJsZSIsIm9mZkN1c3RvbVN0YXJ0RHJhZyIsIm9mZkN1c3RvbVN0b3BEcmFnIiwib2ZmQ3VzdG9tRHJhZyIsImRpc2FibGVEcmFnIiwiaXNEaXNhYmxlZCIsImRpc2FibGVkIiwiZGlkTW91bnQiLCJwcm9wZXJ0aWVzIiwib25Nb3VzZU92ZXIiLCJtb3VzZU92ZXJIYW5kbGVyIiwib25Nb3VzZU91dCIsIndpbGxVbm1vdW50Iiwib2ZmTW91c2VPdXQiLCJvZmZNb3VzZU92ZXIiLCJpbml0aWFsaXNlIiwic2V0SW5pdGlhbFN0YXRlIiwidGFnTmFtZSIsImlnbm9yZWRQcm9wZXJ0aWVzIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJPYmplY3QiLCJhc3NpZ24iLCJwcm90b3R5cGUiLCJkcmFnTWl4aW5zIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkE2SUE7OztlQUFBOzs7c0VBM0lzQjtzQkFFRTtpQ0FDRzt3QkFFQzswQkFDUzs7Ozs7O0FBRXJDLE1BQU1BLG9CQUFvQkMsYUFBTztJQUMvQkMsd0JBQXdCLENBQUNDLE9BQU9DLFNBQVNDLGFBQWFDLFNBQVNDO1FBQzdEQyxJQUFBQSxtQkFBVztRQUVYRDtJQUNGLEVBQUM7SUFFREUsa0JBQWtCLENBQUNOLE9BQU9DO1FBQ3hCSSxJQUFBQSxtQkFBVztJQUNiLEVBQUM7SUFFREUsaUJBQWlCO1FBQ2YsSUFBSUM7UUFFSixNQUFNQyxxQkFBcUIsSUFBSSxDQUFD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
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "easy-layout",
|
|
3
3
|
"author": "James Smith",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.324",
|
|
5
5
|
"license": "MIT, Anti-996",
|
|
6
6
|
"homepage": "https://github.com/djalbat/easy-layout",
|
|
7
7
|
"description": "Layout elements that work with CSS flexbox.",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"url": "https://github.com/djalbat/easy-layout"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"easy": "^25.0.
|
|
14
|
-
"easy-drag-and-drop": "^1.3.
|
|
15
|
-
"easy-with-style": "^3.0.
|
|
13
|
+
"easy": "^25.0.8",
|
|
14
|
+
"easy-drag-and-drop": "^1.3.341",
|
|
15
|
+
"easy-with-style": "^3.0.569"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"@swc/core": "1.13.20",
|
package/src/div/sizeable.js
CHANGED
package/src/div/splitter.js
CHANGED
|
@@ -5,9 +5,8 @@ import withStyle from "easy-with-style"; ///
|
|
|
5
5
|
import { Element } from "easy";
|
|
6
6
|
import { dragMixins } from "easy-drag-and-drop";
|
|
7
7
|
|
|
8
|
-
import SizeableDiv from "../div/sizeable";
|
|
9
|
-
|
|
10
8
|
import { resetCursor } from "../cursor";
|
|
9
|
+
import { isElementSizeableDiv } from "../div/sizeable";
|
|
11
10
|
|
|
12
11
|
class SplitterDiv extends Element {
|
|
13
12
|
stopDragCustomHandler = (event, element, dropElement, aborted, done) => {
|
|
@@ -25,8 +24,8 @@ class SplitterDiv extends Element {
|
|
|
25
24
|
|
|
26
25
|
const nextSiblingElement = this.getNextSiblingElement(),
|
|
27
26
|
previousSiblingElement = this.getPreviousSiblingElement(),
|
|
28
|
-
nextSiblingElementSizeableDiv = (nextSiblingElement
|
|
29
|
-
previousSiblingElementSizeableDiv = (previousSiblingElement
|
|
27
|
+
nextSiblingElementSizeableDiv = isElementSizeableDiv(nextSiblingElement),
|
|
28
|
+
previousSiblingElementSizeableDiv = isElementSizeableDiv(previousSiblingElement);
|
|
30
29
|
|
|
31
30
|
if (nextSiblingElementSizeableDiv) {
|
|
32
31
|
sizeableDiv = nextSiblingElement; ///
|
|
@@ -44,8 +43,8 @@ class SplitterDiv extends Element {
|
|
|
44
43
|
|
|
45
44
|
const nextSiblingElement = this.getNextSiblingElement(),
|
|
46
45
|
previousSiblingElement = this.getPreviousSiblingElement(),
|
|
47
|
-
nextSiblingElementSizeableDiv = (nextSiblingElement
|
|
48
|
-
previousSiblingElementSizeableDiv = (previousSiblingElement
|
|
46
|
+
nextSiblingElementSizeableDiv = isElementSizeableDiv(nextSiblingElement),
|
|
47
|
+
previousSiblingElementSizeableDiv = isElementSizeableDiv(previousSiblingElement);
|
|
49
48
|
|
|
50
49
|
if (nextSiblingElementSizeableDiv) {
|
|
51
50
|
direction = +1;
|