easy-layout 6.0.290 → 6.0.292
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/lib/constants.js +2 -2
- package/lib/cursor.js +20 -20
- package/lib/cursors.js +5 -5
- package/lib/div/column.js +13 -151
- package/lib/div/columns.js +14 -151
- package/lib/div/row.js +13 -151
- package/lib/div/rows.js +14 -151
- package/lib/div/sizeable.js +12 -151
- package/lib/div/splitter/horizontal.js +43 -163
- package/lib/div/splitter/vertical.js +43 -163
- package/lib/div/splitter.js +86 -275
- package/lib/example/div/bottomLeft.js +11 -25
- package/lib/example/div/column/middle.js +11 -104
- package/lib/example/div/row/blue.js +11 -104
- package/lib/example/div/row/yellow.js +11 -104
- package/lib/example/div/sizeable/bottom.js +11 -104
- package/lib/example/div/sizeable/left.js +13 -104
- package/lib/example/div/sizeable/right.js +12 -104
- package/lib/example/div/splitter/horizontal/main.js +11 -104
- package/lib/example/div/splitter/pseudo.js +12 -25
- package/lib/example/div/splitter/vertical/left.js +11 -104
- package/lib/example/div/splitter/vertical/right.js +11 -104
- package/lib/example/preamble.js +2 -2
- package/lib/example/section/text.js +13 -25
- package/lib/example/view.js +29 -42
- package/lib/example.js +6 -6
- package/lib/index.js +10 -10
- package/package.json +5 -1
- package/.swcrc +0 -11
- package/bin/main.js +0 -15
- package/example.js +0 -37321
- package/index.html +0 -46
|
@@ -8,115 +8,22 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
function _assert_this_initialized(self) {
|
|
14
|
-
if (self === void 0) {
|
|
15
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
16
|
-
}
|
|
17
|
-
return self;
|
|
18
|
-
}
|
|
19
|
-
function _call_super(_this, derived, args) {
|
|
20
|
-
derived = _get_prototype_of(derived);
|
|
21
|
-
return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
|
|
22
|
-
}
|
|
23
|
-
function _class_call_check(instance, Constructor) {
|
|
24
|
-
if (!(instance instanceof Constructor)) {
|
|
25
|
-
throw new TypeError("Cannot call a class as a function");
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
function _define_property(obj, key, value) {
|
|
29
|
-
if (key in obj) {
|
|
30
|
-
Object.defineProperty(obj, key, {
|
|
31
|
-
value: value,
|
|
32
|
-
enumerable: true,
|
|
33
|
-
configurable: true,
|
|
34
|
-
writable: true
|
|
35
|
-
});
|
|
36
|
-
} else {
|
|
37
|
-
obj[key] = value;
|
|
38
|
-
}
|
|
39
|
-
return obj;
|
|
40
|
-
}
|
|
41
|
-
function _get_prototype_of(o) {
|
|
42
|
-
_get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
|
|
43
|
-
return o.__proto__ || Object.getPrototypeOf(o);
|
|
44
|
-
};
|
|
45
|
-
return _get_prototype_of(o);
|
|
46
|
-
}
|
|
47
|
-
function _inherits(subClass, superClass) {
|
|
48
|
-
if (typeof superClass !== "function" && superClass !== null) {
|
|
49
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
50
|
-
}
|
|
51
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
52
|
-
constructor: {
|
|
53
|
-
value: subClass,
|
|
54
|
-
writable: true,
|
|
55
|
-
configurable: true
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
if (superClass) _set_prototype_of(subClass, superClass);
|
|
59
|
-
}
|
|
11
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
|
+
const _index = require("../../../../index");
|
|
60
13
|
function _interop_require_default(obj) {
|
|
61
14
|
return obj && obj.__esModule ? obj : {
|
|
62
15
|
default: obj
|
|
63
16
|
};
|
|
64
17
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
return _assert_this_initialized(self);
|
|
70
|
-
}
|
|
71
|
-
function _set_prototype_of(o, p) {
|
|
72
|
-
_set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
|
|
73
|
-
o.__proto__ = p;
|
|
74
|
-
return o;
|
|
18
|
+
class RightVerticalSplitterDiv extends _index.VerticalSplitterDiv {
|
|
19
|
+
static defaultProperties = {
|
|
20
|
+
className: "right"
|
|
75
21
|
};
|
|
76
|
-
return _set_prototype_of(o, p);
|
|
77
|
-
}
|
|
78
|
-
function _tagged_template_literal(strings, raw) {
|
|
79
|
-
if (!raw) {
|
|
80
|
-
raw = strings.slice(0);
|
|
81
|
-
}
|
|
82
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
83
|
-
raw: {
|
|
84
|
-
value: Object.freeze(raw)
|
|
85
|
-
}
|
|
86
|
-
}));
|
|
87
22
|
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
try {
|
|
94
|
-
var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
|
|
95
|
-
} catch (_) {}
|
|
96
|
-
return (_is_native_reflect_construct = function() {
|
|
97
|
-
return !!result;
|
|
98
|
-
})();
|
|
99
|
-
}
|
|
100
|
-
function _templateObject() {
|
|
101
|
-
var data = _tagged_template_literal([
|
|
102
|
-
"\n\n background-color: black;\n\n"
|
|
103
|
-
]);
|
|
104
|
-
_templateObject = function _templateObject() {
|
|
105
|
-
return data;
|
|
106
|
-
};
|
|
107
|
-
return data;
|
|
108
|
-
}
|
|
109
|
-
var RightVerticalSplitterDiv = /*#__PURE__*/ function(VerticalSplitterDiv) {
|
|
110
|
-
_inherits(RightVerticalSplitterDiv, VerticalSplitterDiv);
|
|
111
|
-
function RightVerticalSplitterDiv() {
|
|
112
|
-
_class_call_check(this, RightVerticalSplitterDiv);
|
|
113
|
-
return _call_super(this, RightVerticalSplitterDiv, arguments);
|
|
114
|
-
}
|
|
115
|
-
return RightVerticalSplitterDiv;
|
|
116
|
-
}(_index.VerticalSplitterDiv);
|
|
117
|
-
_define_property(RightVerticalSplitterDiv, "defaultProperties", {
|
|
118
|
-
className: "right"
|
|
119
|
-
});
|
|
120
|
-
var _default = (0, _easywithstyle.default)(RightVerticalSplitterDiv)(_templateObject());
|
|
23
|
+
const _default = (0, _easywithstyle.default)(RightVerticalSplitterDiv)`
|
|
24
|
+
|
|
25
|
+
background-color: black;
|
|
26
|
+
|
|
27
|
+
`;
|
|
121
28
|
|
|
122
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFZQTs7O2VBQUE7OztzRUFWc0I7dUJBRWM7Ozs7OztBQUVwQyxNQUFNQSxpQ0FBaUNDLDBCQUFtQjtJQUN4RCxPQUFPQyxvQkFBb0I7UUFDekJDLFdBQVc7SUFDYixFQUFFO0FBQ0o7TUFFQSxXQUFlQyxJQUFBQSxzQkFBUyxFQUFDSix5QkFBeUIsQ0FBQzs7OztBQUluRCxDQUFDIn0=
|
package/lib/example/preamble.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
5
|
+
const _easy = require("easy");
|
|
6
6
|
Object.assign(globalThis, {
|
|
7
7
|
React: _easy.React
|
|
8
8
|
});
|
|
9
9
|
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ByZWFtYmxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBSZWFjdCB9IGZyb20gXCJlYXN5XCI7XG5cbk9iamVjdC5hc3NpZ24oZ2xvYmFsVGhpcywge1xuICBSZWFjdFxufSk7XG4iXSwibmFtZXMiOlsiT2JqZWN0IiwiYXNzaWduIiwiZ2xvYmFsVGhpcyIsIlJlYWN0Il0sIm1hcHBpbmdzIjoiQUFBQTs7OztzQkFFc0I7QUFFdEJBLE9BQU9DLE1BQU0sQ0FBQ0MsWUFBWTtJQUN4QkMsT0FBQUEsV0FBSztBQUNQIn0=
|
|
@@ -8,37 +8,25 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
11
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
12
|
function _interop_require_default(obj) {
|
|
13
13
|
return obj && obj.__esModule ? obj : {
|
|
14
14
|
default: obj
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
raw = strings.slice(0);
|
|
20
|
-
}
|
|
21
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
22
|
-
raw: {
|
|
23
|
-
value: Object.freeze(raw)
|
|
24
|
-
}
|
|
25
|
-
}));
|
|
26
|
-
}
|
|
27
|
-
function _templateObject() {
|
|
28
|
-
var data = _tagged_template_literal([
|
|
29
|
-
"\n\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: absolute;\n \n"
|
|
30
|
-
]);
|
|
31
|
-
_templateObject = function _templateObject() {
|
|
32
|
-
return data;
|
|
33
|
-
};
|
|
34
|
-
return data;
|
|
35
|
-
}
|
|
36
|
-
var TextSection = function(properties) {
|
|
37
|
-
var className = properties.className;
|
|
17
|
+
const TextSection = (properties)=>{
|
|
18
|
+
const { className } = properties;
|
|
38
19
|
return /*#__PURE__*/ React.createElement("section", {
|
|
39
|
-
className:
|
|
20
|
+
className: `${className} text`
|
|
40
21
|
}, /*#__PURE__*/ React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum mauris vitae sem ultrices commodo. Pellentesque dui justo, fermentum quis vestibulum id, molestie vel leo. Maecenas vel consequat sem. Sed a maximus enim. Aenean quis mi sit amet quam sodales consequat. Aliquam justo arcu, lacinia et ultrices sit amet, rutrum id nisi. Suspendisse nec consectetur ante, sed hendrerit augue. Morbi viverra metus id turpis porttitor pellentesque. Donec pretium ex eget urna molestie, eget semper lacus dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam pharetra nunc ac mauris tristique sagittis."), /*#__PURE__*/ React.createElement("p", null, "Curabitur blandit interdum dolor sed ultrices. Nunc pellentesque aliquet maximus. Suspendisse pellentesque dapibus accumsan. Sed at ipsum eget dolor consectetur vehicula. Quisque ornare eros id tincidunt interdum. Sed pulvinar, turpis sodales volutpat gravida, purus magna hendrerit purus, nec maximus arcu dui ac nisl. Quisque ac pellentesque risus."), /*#__PURE__*/ React.createElement("p", null, "Nulla ut justo ut nunc eleifend ultricies volutpat vel ex. Fusce quis velit lacus. Proin sagittis semper erat. Duis ut magna eget justo vulputate facilisis. Phasellus ultrices eleifend justo, ut faucibus lectus rutrum id. In pretium porta faucibus. Praesent vehicula ornare justo, sed mattis risus cursus at."), /*#__PURE__*/ React.createElement("p", null, "Fusce at bibendum nunc, eleifend consectetur sem. Fusce at elit augue. Sed lectus odio, pulvinar sed pharetra et, pharetra sed dolor. Morbi sodales sem odio, a venenatis odio commodo aliquam. Cras id volutpat metus, a maximus orci. Nullam ac rhoncus lorem. Nam scelerisque risus et elit egestas elementum. Fusce nec arcu at enim porttitor aliquam vel vitae est. Maecenas gravida, quam iaculis pellentesque vehicula, risus diam interdum nunc, vitae lobortis elit ante vitae turpis. Nam viverra, felis et faucibus luctus, ex sapien egestas lectus, vestibulum pulvinar turpis risus et nisi. Sed vitae suscipit libero, eu ultricies metus. Proin nibh arcu, blandit in sem vel, scelerisque vulputate arcu. Duis ultrices orci felis, maximus vulputate neque rutrum sit amet."), /*#__PURE__*/ React.createElement("p", null, "Ut lectus lacus, tempor ut pharetra eget, tempus eget dui. Nunc purus nisl, malesuada vel malesuada a, faucibus in dolor. Integer dictum lobortis est sed maximus. Aliquam ut lorem elementum velit consectetur commodo. Cras et est quis augue pellentesque iaculis. In tincidunt, arcu lobortis hendrerit ultricies, turpis orci vestibulum lacus, id dapibus sapien nibh vel urna. Nam blandit tellus id massa semper pharetra."));
|
|
41
22
|
};
|
|
42
|
-
|
|
23
|
+
const _default = (0, _easywithstyle.default)(TextSection)`
|
|
24
|
+
|
|
25
|
+
width: 100%;
|
|
26
|
+
height: 100%;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
position: absolute;
|
|
29
|
+
|
|
30
|
+
`;
|
|
43
31
|
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9leGFtcGxlL3NlY3Rpb24vdGV4dC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuY29uc3QgVGV4dFNlY3Rpb24gPSAocHJvcGVydGllcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSB9ID0gcHJvcGVydGllcztcblxuICByZXR1cm4gKFxuXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9IHRleHRgfT5cbiAgICAgIDxwPlxuICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBFdGlhbSBmZXJtZW50dW0gbWF1cmlzIHZpdGFlIHNlbSB1bHRyaWNlcyBjb21tb2RvLiBQZWxsZW50ZXNxdWUgZHVpIGp1c3RvLCBmZXJtZW50dW0gcXVpcyB2ZXN0aWJ1bHVtIGlkLCBtb2xlc3RpZSB2ZWwgbGVvLiBNYWVjZW5hcyB2ZWwgY29uc2VxdWF0IHNlbS4gU2VkIGEgbWF4aW11cyBlbmltLiBBZW5lYW4gcXVpcyBtaSBzaXQgYW1ldCBxdWFtIHNvZGFsZXMgY29uc2VxdWF0LiBBbGlxdWFtIGp1c3RvIGFyY3UsIGxhY2luaWEgZXQgdWx0cmljZXMgc2l0IGFtZXQsIHJ1dHJ1bSBpZCBuaXNpLiBTdXNwZW5kaXNzZSBuZWMgY29uc2VjdGV0dXIgYW50ZSwgc2VkIGhlbmRyZXJpdCBhdWd1ZS4gTW9yYmkgdml2ZXJyYSBtZXR1cyBpZCB0dXJwaXMgcG9ydHRpdG9yIHBlbGxlbnRlc3F1ZS4gRG9uZWMgcHJldGl1bSBleCBlZ2V0IHVybmEgbW9sZXN0aWUsIGVnZXQgc2VtcGVyIGxhY3VzIGRpZ25pc3NpbS4gQ2xhc3MgYXB0ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJhLCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBOdWxsYW0gcGhhcmV0cmEgbnVuYyBhYyBtYXVyaXMgdHJpc3RpcXVlIHNhZ2l0dGlzLlxuICAgICAgPC9wPlxuICAgICAgPHA+XG4gICAgICAgIEN1cmFiaXR1ciBibGFuZGl0IGludGVyZHVtIGRvbG9yIHNlZCB1bHRyaWNlcy4gTnVuYyBwZWxsZW50ZXNxdWUgYWxpcXVldCBtYXhpbXVzLiBTdXNwZW5kaXNzZSBwZWxsZW50ZXNxdWUgZGFwaWJ1cyBhY2N1bXNhbi4gU2VkIGF0IGlwc3VtIGVnZXQgZG9sb3IgY29uc2VjdGV0dXIgdmVoaWN1bGEuIFF1aXNxdWUgb3JuYXJlIGVyb3MgaWQgdGluY2lkdW50IGludGVyZHVtLiBTZWQgcHVsdmluYXIsIHR1cnBpcyBzb2RhbGVzIHZvbHV0cGF0IGdyYXZpZGEsIHB1cnVzIG1hZ25hIGhlbmRyZXJpdCBwdXJ1cywgbmVjIG1heGltdXMgYXJjdSBkdWkgYWMgbmlzbC4gUXVpc3F1ZSBhYyBwZWxsZW50ZXNxdWUgcmlzdXMuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgTnVsbGEgdXQganVzdG8gdXQgbnVuYyBlbGVpZmVuZCB1bHRyaWNpZXMgdm9sdXRwYXQgdmVsIGV4LiBGdXNjZSBxdWlzIHZlbGl0IGxhY3VzLiBQcm9pbiBzYWdpdHRpcyBzZW1wZXIgZXJhdC4gRHVpcyB1dCBtYWduYSBlZ2V0IGp1c3RvIHZ1bHB1dGF0ZSBmYWNpbGlzaXMuIFBoYXNlbGx1cyB1bHRyaWNlcyBlbGVpZmVuZCBqdXN0bywgdXQgZmF1Y2lidXMgbGVjdHVzIHJ1dHJ1bSBpZC4gSW4gcHJldGl1bSBwb3J0YSBmYXVjaWJ1cy4gUHJhZXNlbnQgdmVoaWN1bGEgb3JuYXJlIGp1c3RvLCBzZWQgbWF0dGlzIHJpc3VzIGN1cnN1cyBhdC5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICBGdXNjZSBhdCBiaWJlbmR1bSBudW5jLCBlbGVpZmVuZCBjb25zZWN0ZXR1ciBzZW0uIEZ1c2NlIGF0IGVsaXQgYXVndWUuIFNlZCBsZWN0dXMgb2RpbywgcHVsdmluYXIgc2VkIHBoYXJldHJhIGV0LCBwaGFyZXRyYSBzZWQgZG9sb3IuIE1vcmJpIHNvZGFsZXMgc2VtIG9kaW8sIGEgdmVuZW5hdGlzIG9kaW8gY29tbW9kbyBhbGlxdWFtLiBDcmFzIGlkIHZvbHV0cGF0IG1ldHVzLCBhIG1heGltdXMgb3JjaS4gTnVsbGFtIGFjIHJob25jdXMgbG9yZW0uIE5hbSBzY2VsZXJpc3F1ZSByaXN1cyBldCBlbGl0IGVnZXN0YXMgZWxlbWVudHVtLiBGdXNjZSBuZWMgYXJjdSBhdCBlbmltIHBvcnR0aXRvciBhbGlxdWFtIHZlbCB2aXRhZSBlc3QuIE1hZWNlbmFzIGdyYXZpZGEsIHF1YW0gaWFjdWxpcyBwZWxsZW50ZXNxdWUgdmVoaWN1bGEsIHJpc3VzIGRpYW0gaW50ZXJkdW0gbnVuYywgdml0YWUgbG9ib3J0aXMgZWxpdCBhbnRlIHZpdGFlIHR1cnBpcy4gTmFtIHZpdmVycmEsIGZlbGlzIGV0IGZhdWNpYnVzIGx1Y3R1cywgZXggc2FwaWVuIGVnZXN0YXMgbGVjdHVzLCB2ZXN0aWJ1bHVtIHB1bHZpbmFyIHR1cnBpcyByaXN1cyBldCBuaXNpLiBTZWQgdml0YWUgc3VzY2lwaXQgbGliZXJvLCBldSB1bHRyaWNpZXMgbWV0dXMuIFByb2luIG5pYmggYXJjdSwgYmxhbmRpdCBpbiBzZW0gdmVsLCBzY2VsZXJpc3F1ZSB2dWxwdXRhdGUgYXJjdS4gRHVpcyB1bHRyaWNlcyBvcmNpIGZlbGlzLCBtYXhpbXVzIHZ1bHB1dGF0ZSBuZXF1ZSBydXRydW0gc2l0IGFtZXQuXG4gICAgICA8L3A+
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9leGFtcGxlL3NlY3Rpb24vdGV4dC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuY29uc3QgVGV4dFNlY3Rpb24gPSAocHJvcGVydGllcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSB9ID0gcHJvcGVydGllcztcblxuICByZXR1cm4gKFxuXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9IHRleHRgfT5cbiAgICAgIDxwPlxuICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBFdGlhbSBmZXJtZW50dW0gbWF1cmlzIHZpdGFlIHNlbSB1bHRyaWNlcyBjb21tb2RvLiBQZWxsZW50ZXNxdWUgZHVpIGp1c3RvLCBmZXJtZW50dW0gcXVpcyB2ZXN0aWJ1bHVtIGlkLCBtb2xlc3RpZSB2ZWwgbGVvLiBNYWVjZW5hcyB2ZWwgY29uc2VxdWF0IHNlbS4gU2VkIGEgbWF4aW11cyBlbmltLiBBZW5lYW4gcXVpcyBtaSBzaXQgYW1ldCBxdWFtIHNvZGFsZXMgY29uc2VxdWF0LiBBbGlxdWFtIGp1c3RvIGFyY3UsIGxhY2luaWEgZXQgdWx0cmljZXMgc2l0IGFtZXQsIHJ1dHJ1bSBpZCBuaXNpLiBTdXNwZW5kaXNzZSBuZWMgY29uc2VjdGV0dXIgYW50ZSwgc2VkIGhlbmRyZXJpdCBhdWd1ZS4gTW9yYmkgdml2ZXJyYSBtZXR1cyBpZCB0dXJwaXMgcG9ydHRpdG9yIHBlbGxlbnRlc3F1ZS4gRG9uZWMgcHJldGl1bSBleCBlZ2V0IHVybmEgbW9sZXN0aWUsIGVnZXQgc2VtcGVyIGxhY3VzIGRpZ25pc3NpbS4gQ2xhc3MgYXB0ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJhLCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBOdWxsYW0gcGhhcmV0cmEgbnVuYyBhYyBtYXVyaXMgdHJpc3RpcXVlIHNhZ2l0dGlzLlxuICAgICAgPC9wPlxuICAgICAgPHA+XG4gICAgICAgIEN1cmFiaXR1ciBibGFuZGl0IGludGVyZHVtIGRvbG9yIHNlZCB1bHRyaWNlcy4gTnVuYyBwZWxsZW50ZXNxdWUgYWxpcXVldCBtYXhpbXVzLiBTdXNwZW5kaXNzZSBwZWxsZW50ZXNxdWUgZGFwaWJ1cyBhY2N1bXNhbi4gU2VkIGF0IGlwc3VtIGVnZXQgZG9sb3IgY29uc2VjdGV0dXIgdmVoaWN1bGEuIFF1aXNxdWUgb3JuYXJlIGVyb3MgaWQgdGluY2lkdW50IGludGVyZHVtLiBTZWQgcHVsdmluYXIsIHR1cnBpcyBzb2RhbGVzIHZvbHV0cGF0IGdyYXZpZGEsIHB1cnVzIG1hZ25hIGhlbmRyZXJpdCBwdXJ1cywgbmVjIG1heGltdXMgYXJjdSBkdWkgYWMgbmlzbC4gUXVpc3F1ZSBhYyBwZWxsZW50ZXNxdWUgcmlzdXMuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgTnVsbGEgdXQganVzdG8gdXQgbnVuYyBlbGVpZmVuZCB1bHRyaWNpZXMgdm9sdXRwYXQgdmVsIGV4LiBGdXNjZSBxdWlzIHZlbGl0IGxhY3VzLiBQcm9pbiBzYWdpdHRpcyBzZW1wZXIgZXJhdC4gRHVpcyB1dCBtYWduYSBlZ2V0IGp1c3RvIHZ1bHB1dGF0ZSBmYWNpbGlzaXMuIFBoYXNlbGx1cyB1bHRyaWNlcyBlbGVpZmVuZCBqdXN0bywgdXQgZmF1Y2lidXMgbGVjdHVzIHJ1dHJ1bSBpZC4gSW4gcHJldGl1bSBwb3J0YSBmYXVjaWJ1cy4gUHJhZXNlbnQgdmVoaWN1bGEgb3JuYXJlIGp1c3RvLCBzZWQgbWF0dGlzIHJpc3VzIGN1cnN1cyBhdC5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICBGdXNjZSBhdCBiaWJlbmR1bSBudW5jLCBlbGVpZmVuZCBjb25zZWN0ZXR1ciBzZW0uIEZ1c2NlIGF0IGVsaXQgYXVndWUuIFNlZCBsZWN0dXMgb2RpbywgcHVsdmluYXIgc2VkIHBoYXJldHJhIGV0LCBwaGFyZXRyYSBzZWQgZG9sb3IuIE1vcmJpIHNvZGFsZXMgc2VtIG9kaW8sIGEgdmVuZW5hdGlzIG9kaW8gY29tbW9kbyBhbGlxdWFtLiBDcmFzIGlkIHZvbHV0cGF0IG1ldHVzLCBhIG1heGltdXMgb3JjaS4gTnVsbGFtIGFjIHJob25jdXMgbG9yZW0uIE5hbSBzY2VsZXJpc3F1ZSByaXN1cyBldCBlbGl0IGVnZXN0YXMgZWxlbWVudHVtLiBGdXNjZSBuZWMgYXJjdSBhdCBlbmltIHBvcnR0aXRvciBhbGlxdWFtIHZlbCB2aXRhZSBlc3QuIE1hZWNlbmFzIGdyYXZpZGEsIHF1YW0gaWFjdWxpcyBwZWxsZW50ZXNxdWUgdmVoaWN1bGEsIHJpc3VzIGRpYW0gaW50ZXJkdW0gbnVuYywgdml0YWUgbG9ib3J0aXMgZWxpdCBhbnRlIHZpdGFlIHR1cnBpcy4gTmFtIHZpdmVycmEsIGZlbGlzIGV0IGZhdWNpYnVzIGx1Y3R1cywgZXggc2FwaWVuIGVnZXN0YXMgbGVjdHVzLCB2ZXN0aWJ1bHVtIHB1bHZpbmFyIHR1cnBpcyByaXN1cyBldCBuaXNpLiBTZWQgdml0YWUgc3VzY2lwaXQgbGliZXJvLCBldSB1bHRyaWNpZXMgbWV0dXMuIFByb2luIG5pYmggYXJjdSwgYmxhbmRpdCBpbiBzZW0gdmVsLCBzY2VsZXJpc3F1ZSB2dWxwdXRhdGUgYXJjdS4gRHVpcyB1bHRyaWNlcyBvcmNpIGZlbGlzLCBtYXhpbXVzIHZ1bHB1dGF0ZSBuZXF1ZSBydXRydW0gc2l0IGFtZXQuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgVXQgbGVjdHVzIGxhY3VzLCB0ZW1wb3IgdXQgcGhhcmV0cmEgZWdldCwgdGVtcHVzIGVnZXQgZHVpLiBOdW5jIHB1cnVzIG5pc2wsIG1hbGVzdWFkYSB2ZWwgbWFsZXN1YWRhIGEsIGZhdWNpYnVzIGluIGRvbG9yLiBJbnRlZ2VyIGRpY3R1bSBsb2JvcnRpcyBlc3Qgc2VkIG1heGltdXMuIEFsaXF1YW0gdXQgbG9yZW0gZWxlbWVudHVtIHZlbGl0IGNvbnNlY3RldHVyIGNvbW1vZG8uIENyYXMgZXQgZXN0IHF1aXMgYXVndWUgcGVsbGVudGVzcXVlIGlhY3VsaXMuIEluIHRpbmNpZHVudCwgYXJjdSBsb2JvcnRpcyBoZW5kcmVyaXQgdWx0cmljaWVzLCB0dXJwaXMgb3JjaSB2ZXN0aWJ1bHVtIGxhY3VzLCBpZCBkYXBpYnVzIHNhcGllbiBuaWJoIHZlbCB1cm5hLiBOYW0gYmxhbmRpdCB0ZWxsdXMgaWQgbWFzc2Egc2VtcGVyIHBoYXJldHJhLlxuICAgICAgPC9wPlxuICAgIDwvc2VjdGlvbj5cblxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFRleHRTZWN0aW9uKWBcblxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJUZXh0U2VjdGlvbiIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJzZWN0aW9uIiwicCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBOEJBOzs7ZUFBQTs7O3NFQTVCc0I7Ozs7OztBQUV0QixNQUFNQSxjQUFjLENBQUNDO0lBQ25CLE1BQU0sRUFBRUMsU0FBUyxFQUFFLEdBQUdEO0lBRXRCLHFCQUVFLG9CQUFDRTtRQUFRRCxXQUFXLEdBQUdBLFVBQVUsS0FBSyxDQUFDO3FCQUNyQyxvQkFBQ0UsV0FBRSxzcUJBR0gsb0JBQUNBLFdBQUUsaVhBR0gsb0JBQUNBLFdBQUUsdVVBR0gsb0JBQUNBLFdBQUUsaXhCQUdILG9CQUFDQSxXQUFFO0FBTVQ7TUFFQSxXQUFlQyxJQUFBQSxzQkFBUyxFQUFDTCxZQUFZLENBQUM7Ozs7Ozs7QUFPdEMsQ0FBQyJ9
|
package/lib/example/view.js
CHANGED
|
@@ -8,61 +8,48 @@ Object.defineProperty(exports, "default", {
|
|
|
8
8
|
return _default;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
11
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
12
|
+
const _index = require("../index");
|
|
13
|
+
const _blue = /*#__PURE__*/ _interop_require_default(require("./div/row/blue"));
|
|
14
|
+
const _text = /*#__PURE__*/ _interop_require_default(require("./section/text"));
|
|
15
|
+
const _yellow = /*#__PURE__*/ _interop_require_default(require("./div/row/yellow"));
|
|
16
|
+
const _bottomLeft = /*#__PURE__*/ _interop_require_default(require("./div/bottomLeft"));
|
|
17
|
+
const _middle = /*#__PURE__*/ _interop_require_default(require("./div/column/middle"));
|
|
18
|
+
const _left = /*#__PURE__*/ _interop_require_default(require("./div/sizeable/left"));
|
|
19
|
+
const _right = /*#__PURE__*/ _interop_require_default(require("./div/sizeable/right"));
|
|
20
|
+
const _pseudo = /*#__PURE__*/ _interop_require_default(require("./div/splitter/pseudo"));
|
|
21
|
+
const _bottom = /*#__PURE__*/ _interop_require_default(require("./div/sizeable/bottom"));
|
|
22
|
+
const _left1 = /*#__PURE__*/ _interop_require_default(require("./div/splitter/vertical/left"));
|
|
23
|
+
const _right1 = /*#__PURE__*/ _interop_require_default(require("./div/splitter/vertical/right"));
|
|
24
|
+
const _main = /*#__PURE__*/ _interop_require_default(require("./div/splitter/horizontal/main"));
|
|
25
25
|
function _interop_require_default(obj) {
|
|
26
26
|
return obj && obj.__esModule ? obj : {
|
|
27
27
|
default: obj
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
35
|
-
raw: {
|
|
36
|
-
value: Object.freeze(raw)
|
|
37
|
-
}
|
|
38
|
-
}));
|
|
39
|
-
}
|
|
40
|
-
function _templateObject() {
|
|
41
|
-
var data = _tagged_template_literal([
|
|
42
|
-
"\n\n width: 64rem;\n height: 64rem;\n display: flex;\n \n"
|
|
43
|
-
]);
|
|
44
|
-
_templateObject = function _templateObject() {
|
|
45
|
-
return data;
|
|
46
|
-
};
|
|
47
|
-
return data;
|
|
48
|
-
}
|
|
49
|
-
var View = function(properties) {
|
|
50
|
-
var className = properties.className, bottomLeftDiv = /*#__PURE__*/ React.createElement(_bottomLeft.default, null), bottomSizeableDiv = /*#__PURE__*/ React.createElement(_bottom.default, null);
|
|
51
|
-
var bottomSizeableDivHeight;
|
|
30
|
+
const View = (properties)=>{
|
|
31
|
+
const { className } = properties, bottomLeftDiv = /*#__PURE__*/ React.createElement(_bottomLeft.default, null), bottomSizeableDiv = /*#__PURE__*/ React.createElement(_bottom.default, null);
|
|
32
|
+
let bottomSizeableDivHeight;
|
|
52
33
|
return /*#__PURE__*/ React.createElement("div", {
|
|
53
|
-
className:
|
|
34
|
+
className: `${className} view`
|
|
54
35
|
}, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_left.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_yellow.default, null), /*#__PURE__*/ React.createElement(_pseudo.default, null), bottomLeftDiv)), /*#__PURE__*/ React.createElement(_left1.default, null), /*#__PURE__*/ React.createElement(_index.ColumnDiv, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_index.RowDiv, null, /*#__PURE__*/ React.createElement(_index.ColumnsDiv, null, /*#__PURE__*/ React.createElement(_middle.default, null, /*#__PURE__*/ React.createElement(_text.default, null)), /*#__PURE__*/ React.createElement(_right1.default, {
|
|
55
36
|
disabled: true
|
|
56
37
|
}), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
|
|
57
|
-
onCustomStartDrag:
|
|
38
|
+
onCustomStartDrag: (event, element)=>{
|
|
58
39
|
bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
|
|
59
40
|
},
|
|
60
|
-
onCustomDrag:
|
|
61
|
-
|
|
41
|
+
onCustomDrag: (event, element, relativeMouseTop, relativeMouseLeft)=>{
|
|
42
|
+
const height = bottomSizeableDivHeight - relativeMouseTop;
|
|
62
43
|
bottomLeftDiv.setHeight(height);
|
|
63
44
|
}
|
|
64
45
|
}), bottomSizeableDiv))));
|
|
65
46
|
};
|
|
66
|
-
|
|
47
|
+
const _default = (0, _easywithstyle.default)(View)`
|
|
48
|
+
|
|
49
|
+
width: 64rem;
|
|
50
|
+
height: 64rem;
|
|
51
|
+
display: flex;
|
|
52
|
+
|
|
53
|
+
`;
|
|
67
54
|
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8TWlkZGxlQ29sdW1uRGl2PlxuICAgICAgICAgICAgICAgICAgPFRleHRTZWN0aW9uLz5cbiAgICAgICAgICAgICAgICA8L01pZGRsZUNvbHVtbkRpdj5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGRpc2FibGVkIC8+XG4gICAgICAgICAgICAgICAgPFJpZ2h0U2l6ZWFibGVEaXY+XG4gICAgICAgICAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPEJsdWVSb3dEaXYvPlxuICAgICAgICAgICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICAgICAgICAgIDwvUmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgPC9Db2x1bW5zRGl2PlxuICAgICAgICAgICAgPC9Sb3dEaXY+XG4gICAgICAgICAgICA8TWFpbkhvcml6b250YWxTcGxpdHRlckRpdiBvbkN1c3RvbVN0YXJ0RHJhZz17KGV2ZW50LCBlbGVtZW50KSA9PiB7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tU2l6ZWFibGVEaXZIZWlnaHQgPSBib3R0b21TaXplYWJsZURpdi5nZXRIZWlnaHQoKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ3VzdG9tRHJhZz17KGV2ZW50LCBlbGVtZW50LCByZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8TWlkZGxlQ29sdW1uRGl2PlxuICAgICAgICAgICAgICAgICAgPFRleHRTZWN0aW9uLz5cbiAgICAgICAgICAgICAgICA8L01pZGRsZUNvbHVtbkRpdj5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGRpc2FibGVkIC8+XG4gICAgICAgICAgICAgICAgPFJpZ2h0U2l6ZWFibGVEaXY+XG4gICAgICAgICAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPEJsdWVSb3dEaXYvPlxuICAgICAgICAgICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICAgICAgICAgIDwvUmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgPC9Db2x1bW5zRGl2PlxuICAgICAgICAgICAgPC9Sb3dEaXY+XG4gICAgICAgICAgICA8TWFpbkhvcml6b250YWxTcGxpdHRlckRpdiBvbkN1c3RvbVN0YXJ0RHJhZz17KGV2ZW50LCBlbGVtZW50KSA9PiB7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYm90dG9tU2l6ZWFibGVEaXZIZWlnaHQgPSBib3R0b21TaXplYWJsZURpdi5nZXRIZWlnaHQoKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ3VzdG9tRHJhZz17KGV2ZW50LCBlbGVtZW50LCByZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIk1pZGRsZUNvbHVtbkRpdiIsIlRleHRTZWN0aW9uIiwiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiZGlzYWJsZWQiLCJSaWdodFNpemVhYmxlRGl2IiwiQmx1ZVJvd0RpdiIsIk1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYiLCJvbkN1c3RvbVN0YXJ0RHJhZyIsImV2ZW50IiwiZWxlbWVudCIsImdldEhlaWdodCIsIm9uQ3VzdG9tRHJhZyIsInJlbGF0aXZlTW91c2VUb3AiLCJyZWxhdGl2ZU1vdXNlTGVmdCIsImhlaWdodCIsInNldEhlaWdodCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7K0JBbUZBOzs7ZUFBQTs7O3NFQWpGc0I7dUJBRWlDOzZEQUVoQzs2REFDQzsrREFDQzttRUFDQzsrREFDRTs2REFDQTs4REFDQzsrREFDQzsrREFDQTs4REFDTTsrREFDQzs2REFDQzs7Ozs7O0FBRXRDLE1BQU1BLE9BQU8sQ0FBQ0M7SUFDWixNQUFNLEVBQUVDLFNBQVMsRUFBRSxHQUFHRCxZQUNoQkUsOEJBRUUsb0JBQUNDLG1CQUFhLFNBR2hCQyxrQ0FFRSxvQkFBQ0MsZUFBaUI7SUFJMUIsSUFBSUM7SUFFSixxQkFFRSxvQkFBQ0M7UUFBSU4sV0FBVyxHQUFHQSxVQUFVLEtBQUssQ0FBQztxQkFDakMsb0JBQUNPLGlCQUFVLHNCQUNULG9CQUFDQyxhQUFlLHNCQUNkLG9CQUFDQyxjQUFPLHNCQUNOLG9CQUFDQyxlQUFZLHVCQUNiLG9CQUFDQyxlQUFpQixTQUNqQlYsK0JBR0wsb0JBQUNXLGNBQXVCLHVCQUN4QixvQkFBQ0MsZ0JBQVMsc0JBQ1Isb0JBQUNKLGNBQU8sc0JBQ04sb0JBQUNLLGFBQU0sc0JBQ0wsb0JBQUNQLGlCQUFVLHNCQUNULG9CQUFDUSxlQUFlLHNCQUNkLG9CQUFDQyxhQUFXLHdCQUVkLG9CQUFDQyxlQUF3QjtRQUFDQyxVQUFBQTtzQkFDMUIsb0JBQUNDLGNBQWdCLHNCQUNmLG9CQUFDVixjQUFPLHNCQUNOLG9CQUFDVyxhQUFVLDJCQUtuQixvQkFBQ0MsYUFBeUI7UUFBQ0MsbUJBQW1CLENBQUNDLE9BQU9DO1lBRXpCbkIsMEJBQTBCRixrQkFBa0JzQixTQUFTO1FBRXZEO1FBQ0FDLGNBQWMsQ0FBQ0gsT0FBT0MsU0FBU0csa0JBQWtCQztZQUUvQyxNQUFNQyxTQUFTeEIsMEJBQTBCc0I7WUFFekMxQixjQUFjNkIsU0FBUyxDQUFDRDtRQUUxQjtRQUUxQjFCO0FBT2I7TUFFQSxXQUFlNEIsSUFBQUEsc0JBQVMsRUFBQ2pDLEtBQUssQ0FBQzs7Ozs7O0FBTS9CLENBQUMifQ==
|
package/lib/example.js
CHANGED
|
@@ -3,17 +3,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
require("./example/preamble");
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const _easywithstyle = /*#__PURE__*/ _interop_require_default(require("easy-with-style"));
|
|
7
|
+
const _easy = require("easy");
|
|
8
|
+
const _view = /*#__PURE__*/ _interop_require_default(require("./example/view"));
|
|
9
9
|
function _interop_require_default(obj) {
|
|
10
10
|
return obj && obj.__esModule ? obj : {
|
|
11
11
|
default: obj
|
|
12
12
|
};
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
const { renderStyles } = _easywithstyle.default;
|
|
15
|
+
const body = new _easy.Body();
|
|
16
16
|
renderStyles();
|
|
17
17
|
body.mount(/*#__PURE__*/ React.createElement(_view.default, null));
|
|
18
18
|
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9leGFtcGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgXCIuL2V4YW1wbGUvcHJlYW1ibGVcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgQm9keSB9IGZyb20gXCJlYXN5XCI7XG5cbmltcG9ydCBWaWV3IGZyb20gXCIuL2V4YW1wbGUvdmlld1wiO1xuXG5jb25zdCB7IHJlbmRlclN0eWxlcyB9ID0gd2l0aFN0eWxlO1xuXG5jb25zdCBib2R5ID0gbmV3IEJvZHkoKTtcblxucmVuZGVyU3R5bGVzKCk7XG5cbmJvZHkubW91bnQoXG5cbiAgPFZpZXcvPlxuXG4pO1xuIl0sIm5hbWVzIjpbInJlbmRlclN0eWxlcyIsIndpdGhTdHlsZSIsImJvZHkiLCJCb2R5IiwibW91bnQiLCJWaWV3Il0sIm1hcHBpbmdzIjoiQUFBQTs7OztRQUVPO3NFQUVlO3NCQUVEOzZEQUVKOzs7Ozs7QUFFakIsTUFBTSxFQUFFQSxZQUFZLEVBQUUsR0FBR0Msc0JBQVM7QUFFbEMsTUFBTUMsT0FBTyxJQUFJQyxVQUFJO0FBRXJCSDtBQUVBRSxLQUFLRSxLQUFLLGVBRVIsb0JBQUNDLGFBQUkifQ==
|
package/lib/index.js
CHANGED
|
@@ -37,19 +37,19 @@ _export(exports, {
|
|
|
37
37
|
return _cursor.default;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
const _cursor = /*#__PURE__*/ _interop_require_default(require("./cursor"));
|
|
41
|
+
const _row = /*#__PURE__*/ _interop_require_default(require("./div/row"));
|
|
42
|
+
const _rows = /*#__PURE__*/ _interop_require_default(require("./div/rows"));
|
|
43
|
+
const _column = /*#__PURE__*/ _interop_require_default(require("./div/column"));
|
|
44
|
+
const _columns = /*#__PURE__*/ _interop_require_default(require("./div/columns"));
|
|
45
|
+
const _splitter = /*#__PURE__*/ _interop_require_default(require("./div/splitter"));
|
|
46
|
+
const _sizeable = /*#__PURE__*/ _interop_require_default(require("./div/sizeable"));
|
|
47
|
+
const _vertical = /*#__PURE__*/ _interop_require_default(require("./div/splitter/vertical"));
|
|
48
|
+
const _horizontal = /*#__PURE__*/ _interop_require_default(require("./div/splitter/horizontal"));
|
|
49
49
|
function _interop_require_default(obj) {
|
|
50
50
|
return obj && obj.__esModule ? obj : {
|
|
51
51
|
default: obj
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgY3Vyc29yIH0gZnJvbSBcIi4vY3Vyc29yXCI7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgUm93RGl2IH0gZnJvbSBcIi4vZGl2L3Jvd1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBSb3dzRGl2IH0gZnJvbSBcIi4vZGl2L3Jvd3NcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgQ29sdW1uRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtblwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBDb2x1bW5zRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtbnNcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXJcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVEaXYgfSBmcm9tIFwiLi9kaXYvc2l6ZWFibGVcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbFwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBIb3Jpem9udGFsU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvaG9yaXpvbnRhbFwiO1xuIl0sIm5hbWVzIjpbIkNvbHVtbkRpdiIsIkNvbHVtbnNEaXYiLCJIb3Jpem9udGFsU3BsaXR0ZXJEaXYiLCJSb3dEaXYiLCJSb3dzRGl2IiwiU2l6ZWFibGVEaXYiLCJTcGxpdHRlckRpdiIsIlZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJjdXJzb3IiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7OztRQU1vQkE7ZUFBQUEsZUFBUzs7UUFDVEM7ZUFBQUEsZ0JBQVU7O1FBSVZDO2VBQUFBLG1CQUFxQjs7UUFQckJDO2VBQUFBLFlBQU07O1FBQ05DO2VBQUFBLGFBQU87O1FBSVBDO2VBQUFBLGlCQUFXOztRQURYQztlQUFBQSxpQkFBVzs7UUFFWEM7ZUFBQUEsaUJBQW1COztRQVJuQkM7ZUFBQUEsZUFBTTs7OytEQUFROzREQUVBOzZEQUNDOytEQUNFO2dFQUNDO2lFQUNDO2lFQUNBO2lFQUNRO21FQUNFIn0=
|
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.292",
|
|
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.",
|
|
@@ -34,5 +34,9 @@
|
|
|
34
34
|
"watch": "npm run clean && npm run batch && npm run incremental",
|
|
35
35
|
"watch-debug": "npm run clean && npm run batch-debug && npm run incremental-debug"
|
|
36
36
|
},
|
|
37
|
+
"files": [
|
|
38
|
+
"src",
|
|
39
|
+
"lib"
|
|
40
|
+
],
|
|
37
41
|
"main": "./lib/index.js"
|
|
38
42
|
}
|
package/.swcrc
DELETED
package/bin/main.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
const express = require("express");
|
|
4
|
-
|
|
5
|
-
const { createLiveReloadHandler } = require("lively-cli");
|
|
6
|
-
|
|
7
|
-
const server = express(), ///
|
|
8
|
-
staticRouter = express.static("."),
|
|
9
|
-
liveReloadHandler = createLiveReloadHandler("./example.js");
|
|
10
|
-
|
|
11
|
-
server.use(staticRouter);
|
|
12
|
-
|
|
13
|
-
server.get("/live-reload", liveReloadHandler);
|
|
14
|
-
|
|
15
|
-
server.listen(8888);
|