easy-layout 5.1.31 → 6.0.1

package/lib/example/div/splitter/vertical/left.js

@@ -132,4 +132,4 @@ _defineProperty(LeftVerticalSplitterDiv, "defaultProperties", {
 });
 var _default = (0, _easyWithStyle.default)(LeftVerticalSplitterDiv)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcImxlZnRcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYpYFxuXG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkxlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBWWIsU0FJRTs7O2VBSkYsUUFJRTs7O2tFQWRvQixpQkFBaUI7cUJBRUgsbUJBQW1COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsdUJBQXVCLGlCQU0xQixBQU5IOzs7YUFBTUEsdUJBQXVCOzs7OztDQUk1QixDQUpxQ0MsTUFBbUIsb0JBQUEsQ0FJeEQ7QUFIQyxnQkFESUQsdUJBQXVCLEVBQ3BCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE1BQU07Q0FDbEIsQ0FBQztJQUdKLFFBSUUsR0FKYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNKLHVCQUF1QixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0LmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgd2l0aFN0eWxlIGZyb20gXCJlYXN5LXdpdGgtc3R5bGVcIjsgIC8vL1xuXG5pbXBvcnQgeyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2luZGV4XCI7IC8vL1xuXG5jbGFzcyBMZWZ0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcImxlZnRcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoTGVmdFZlcnRpY2FsU3BsaXR0ZXJEaXYpYFxuXG4gIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXG5gO1xuIl0sIm5hbWVzIjpbIkxlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBWWIsU0FJRTs7O2VBSkYsUUFJRTs7O2tFQWRvQixpQkFBaUI7cUJBRUgsbUJBQW1COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsdUJBQXVCLGlCQU0xQixBQU5IO2NBQU1BLHVCQUF1Qjs4QkFBdkJBLHVCQUF1QjthQUF2QkEsdUJBQXVCOzhCQUF2QkEsdUJBQXVCOzs7V0FBdkJBLHVCQUF1QjtDQUk1QixDQUpxQ0MsTUFBbUIsb0JBQUEsQ0FJeEQ7QUFIQyxnQkFESUQsdUJBQXVCLEVBQ3BCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE1BQU07Q0FDbEIsQ0FBQztJQUdKLFFBSUUsR0FKYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNKLHVCQUF1QixDQUFDIn0=

package/lib/example/div/splitter/vertical/right.js

@@ -132,4 +132,4 @@ _defineProperty(RightVerticalSplitterDiv, "defaultProperties", {
 });
 var _default = (0, _easyWithStyle.default)(RightVerticalSplitterDiv)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBWWIsU0FJRTs7O2VBSkYsUUFJRTs7O2tFQWRvQixpQkFBaUI7cUJBRUgsbUJBQW1COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsd0JBQXdCLGlCQU0zQixBQU5IOzs7YUFBTUEsd0JBQXdCOzs7OztDQUk3QixDQUpzQ0MsTUFBbUIsb0JBQUEsQ0FJekQ7QUFIQyxnQkFESUQsd0JBQXdCLEVBQ3JCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE9BQU87Q0FDbkIsQ0FBQztJQUdKLFFBSUUsR0FKYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNKLHdCQUF3QixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9leGFtcGxlL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuaW1wb3J0IHsgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiOyAgLy8vXG5cbmNsYXNzIFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiBleHRlbmRzIFZlcnRpY2FsU3BsaXR0ZXJEaXYge1xuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInJpZ2h0XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFJpZ2h0VmVydGljYWxTcGxpdHRlckRpdilgXG5cbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5cbmA7XG4iXSwibmFtZXMiOlsiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiVmVydGljYWxTcGxpdHRlckRpdiIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBWWIsU0FJRTs7O2VBSkYsUUFJRTs7O2tFQWRvQixpQkFBaUI7cUJBRUgsbUJBQW1COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXZELElBQUEsQUFBTUEsd0JBQXdCLGlCQU0zQixBQU5IO2NBQU1BLHdCQUF3Qjs4QkFBeEJBLHdCQUF3QjthQUF4QkEsd0JBQXdCOzhCQUF4QkEsd0JBQXdCOzs7V0FBeEJBLHdCQUF3QjtDQUk3QixDQUpzQ0MsTUFBbUIsb0JBQUEsQ0FJekQ7QUFIQyxnQkFESUQsd0JBQXdCLEVBQ3JCRSxtQkFBaUIsRUFBRztJQUN6QkMsU0FBUyxFQUFFLE9BQU87Q0FDbkIsQ0FBQztJQUdKLFFBSUUsR0FKYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNKLHdCQUF3QixDQUFDIn0=

package/lib/example/section/text.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: absolute;\n  \n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var TextSection = function(properties) {
+    var className = properties.className;
+    return /*#__PURE__*/ React.createElement("section", {
+        className: "".concat(className, " text")
+    }, /*#__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."));
+};
+var _default = (0, _easyWithStyle.default)(TextSection)(_templateObject());
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9leGFtcGxlL3NlY3Rpb24vdGV4dC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHdpdGhTdHlsZSBmcm9tIFwiZWFzeS13aXRoLXN0eWxlXCI7ICAvLy9cblxuY29uc3QgVGV4dFNlY3Rpb24gPSAocHJvcGVydGllcykgPT4ge1xuICBjb25zdCB7IGNsYXNzTmFtZSB9ID0gcHJvcGVydGllcztcblxuICByZXR1cm4gKFxuXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9IHRleHRgfT5cbiAgICAgIDxwPlxuICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBFdGlhbSBmZXJtZW50dW0gbWF1cmlzIHZpdGFlIHNlbSB1bHRyaWNlcyBjb21tb2RvLiBQZWxsZW50ZXNxdWUgZHVpIGp1c3RvLCBmZXJtZW50dW0gcXVpcyB2ZXN0aWJ1bHVtIGlkLCBtb2xlc3RpZSB2ZWwgbGVvLiBNYWVjZW5hcyB2ZWwgY29uc2VxdWF0IHNlbS4gU2VkIGEgbWF4aW11cyBlbmltLiBBZW5lYW4gcXVpcyBtaSBzaXQgYW1ldCBxdWFtIHNvZGFsZXMgY29uc2VxdWF0LiBBbGlxdWFtIGp1c3RvIGFyY3UsIGxhY2luaWEgZXQgdWx0cmljZXMgc2l0IGFtZXQsIHJ1dHJ1bSBpZCBuaXNpLiBTdXNwZW5kaXNzZSBuZWMgY29uc2VjdGV0dXIgYW50ZSwgc2VkIGhlbmRyZXJpdCBhdWd1ZS4gTW9yYmkgdml2ZXJyYSBtZXR1cyBpZCB0dXJwaXMgcG9ydHRpdG9yIHBlbGxlbnRlc3F1ZS4gRG9uZWMgcHJldGl1bSBleCBlZ2V0IHVybmEgbW9sZXN0aWUsIGVnZXQgc2VtcGVyIGxhY3VzIGRpZ25pc3NpbS4gQ2xhc3MgYXB0ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJhLCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBOdWxsYW0gcGhhcmV0cmEgbnVuYyBhYyBtYXVyaXMgdHJpc3RpcXVlIHNhZ2l0dGlzLlxuICAgICAgPC9wPlxuICAgICAgPHA+XG4gICAgICAgIEN1cmFiaXR1ciBibGFuZGl0IGludGVyZHVtIGRvbG9yIHNlZCB1bHRyaWNlcy4gTnVuYyBwZWxsZW50ZXNxdWUgYWxpcXVldCBtYXhpbXVzLiBTdXNwZW5kaXNzZSBwZWxsZW50ZXNxdWUgZGFwaWJ1cyBhY2N1bXNhbi4gU2VkIGF0IGlwc3VtIGVnZXQgZG9sb3IgY29uc2VjdGV0dXIgdmVoaWN1bGEuIFF1aXNxdWUgb3JuYXJlIGVyb3MgaWQgdGluY2lkdW50IGludGVyZHVtLiBTZWQgcHVsdmluYXIsIHR1cnBpcyBzb2RhbGVzIHZvbHV0cGF0IGdyYXZpZGEsIHB1cnVzIG1hZ25hIGhlbmRyZXJpdCBwdXJ1cywgbmVjIG1heGltdXMgYXJjdSBkdWkgYWMgbmlzbC4gUXVpc3F1ZSBhYyBwZWxsZW50ZXNxdWUgcmlzdXMuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgTnVsbGEgdXQganVzdG8gdXQgbnVuYyBlbGVpZmVuZCB1bHRyaWNpZXMgdm9sdXRwYXQgdmVsIGV4LiBGdXNjZSBxdWlzIHZlbGl0IGxhY3VzLiBQcm9pbiBzYWdpdHRpcyBzZW1wZXIgZXJhdC4gRHVpcyB1dCBtYWduYSBlZ2V0IGp1c3RvIHZ1bHB1dGF0ZSBmYWNpbGlzaXMuIFBoYXNlbGx1cyB1bHRyaWNlcyBlbGVpZmVuZCBqdXN0bywgdXQgZmF1Y2lidXMgbGVjdHVzIHJ1dHJ1bSBpZC4gSW4gcHJldGl1bSBwb3J0YSBmYXVjaWJ1cy4gUHJhZXNlbnQgdmVoaWN1bGEgb3JuYXJlIGp1c3RvLCBzZWQgbWF0dGlzIHJpc3VzIGN1cnN1cyBhdC5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICBGdXNjZSBhdCBiaWJlbmR1bSBudW5jLCBlbGVpZmVuZCBjb25zZWN0ZXR1ciBzZW0uIEZ1c2NlIGF0IGVsaXQgYXVndWUuIFNlZCBsZWN0dXMgb2RpbywgcHVsdmluYXIgc2VkIHBoYXJldHJhIGV0LCBwaGFyZXRyYSBzZWQgZG9sb3IuIE1vcmJpIHNvZGFsZXMgc2VtIG9kaW8sIGEgdmVuZW5hdGlzIG9kaW8gY29tbW9kbyBhbGlxdWFtLiBDcmFzIGlkIHZvbHV0cGF0IG1ldHVzLCBhIG1heGltdXMgb3JjaS4gTnVsbGFtIGFjIHJob25jdXMgbG9yZW0uIE5hbSBzY2VsZXJpc3F1ZSByaXN1cyBldCBlbGl0IGVnZXN0YXMgZWxlbWVudHVtLiBGdXNjZSBuZWMgYXJjdSBhdCBlbmltIHBvcnR0aXRvciBhbGlxdWFtIHZlbCB2aXRhZSBlc3QuIE1hZWNlbmFzIGdyYXZpZGEsIHF1YW0gaWFjdWxpcyBwZWxsZW50ZXNxdWUgdmVoaWN1bGEsIHJpc3VzIGRpYW0gaW50ZXJkdW0gbnVuYywgdml0YWUgbG9ib3J0aXMgZWxpdCBhbnRlIHZpdGFlIHR1cnBpcy4gTmFtIHZpdmVycmEsIGZlbGlzIGV0IGZhdWNpYnVzIGx1Y3R1cywgZXggc2FwaWVuIGVnZXN0YXMgbGVjdHVzLCB2ZXN0aWJ1bHVtIHB1bHZpbmFyIHR1cnBpcyByaXN1cyBldCBuaXNpLiBTZWQgdml0YWUgc3VzY2lwaXQgbGliZXJvLCBldSB1bHRyaWNpZXMgbWV0dXMuIFByb2luIG5pYmggYXJjdSwgYmxhbmRpdCBpbiBzZW0gdmVsLCBzY2VsZXJpc3F1ZSB2dWxwdXRhdGUgYXJjdS4gRHVpcyB1bHRyaWNlcyBvcmNpIGZlbGlzLCBtYXhpbXVzIHZ1bHB1dGF0ZSBuZXF1ZSBydXRydW0gc2l0IGFtZXQuXG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgVXQgbGVjdHVzIGxhY3VzLCB0ZW1wb3IgdXQgcGhhcmV0cmEgZWdldCwgdGVtcHVzIGVnZXQgZHVpLiBOdW5jIHB1cnVzIG5pc2wsIG1hbGVzdWFkYSB2ZWwgbWFsZXN1YWRhIGEsIGZhdWNpYnVzIGluIGRvbG9yLiBJbnRlZ2VyIGRpY3R1bSBsb2JvcnRpcyBlc3Qgc2VkIG1heGltdXMuIEFsaXF1YW0gdXQgbG9yZW0gZWxlbWVudHVtIHZlbGl0IGNvbnNlY3RldHVyIGNvbW1vZG8uIENyYXMgZXQgZXN0IHF1aXMgYXVndWUgcGVsbGVudGVzcXVlIGlhY3VsaXMuIEluIHRpbmNpZHVudCwgYXJjdSBsb2JvcnRpcyBoZW5kcmVyaXQgdWx0cmljaWVzLCB0dXJwaXMgb3JjaSB2ZXN0aWJ1bHVtIGxhY3VzLCBpZCBkYXBpYnVzIHNhcGllbiBuaWJoIHZlbCB1cm5hLiBOYW0gYmxhbmRpdCB0ZWxsdXMgaWQgbWFzc2Egc2VtcGVyIHBoYXJldHJhLlxuICAgICAgPC9wPlxuICAgIDwvc2VjdGlvbj5cblxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFRleHRTZWN0aW9uKWBcblxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIFxuYDtcbiJdLCJuYW1lcyI6WyJUZXh0U2VjdGlvbiIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJzZWN0aW9uIiwicCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OytCQThCYixTQU9FOzs7ZUFQRixRQU9FOzs7a0VBbkNvQixpQkFBaUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdkMsSUFBTUEsV0FBVyxHQUFHLFNBQUNDLFVBQVUsRUFBSztJQUNsQyxJQUFNLEFBQUVDLFNBQVMsR0FBS0QsVUFBVSxDQUF4QkMsU0FBUyxBQUFlLEFBQUM7SUFFakMscUJBRUUsb0JBQUNDLFNBQU87UUFBQ0QsU0FBUyxFQUFFLEFBQUMsRUFBQSxDQUFZLE1BQUssQ0FBZkEsU0FBUyxFQUFDLE9BQUssQ0FBQztxQkFDckMsb0JBQUNFLEdBQUMsUUFBQyxxcEJBRUgsQ0FBSSxnQkFDSixvQkFBQ0EsR0FBQyxRQUFDLGdXQUVILENBQUksZ0JBQ0osb0JBQUNBLEdBQUMsUUFBQyxzVEFFSCxDQUFJLGdCQUNKLG9CQUFDQSxHQUFDLFFBQUMsZ3dCQUVILENBQUksZ0JBQ0osb0JBQUNBLEdBQUMsUUFBQyxvYUFFSCxDQUFJLENBQ0ksQ0FFVjtBQUNKLENBQUMsQUFBQztJQUVGLFFBT0UsR0FQYUMsSUFBQUEsY0FBUyxRQUFBLEVBQUNMLFdBQVcsQ0FBQyJ9

package/lib/example/view.js

@@ -11,8 +11,10 @@ Object.defineProperty(exports, "default", {
 var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
 var _index = require("../index");
 var _blue = /*#__PURE__*/ _interopRequireDefault(require("./div/row/blue"));
+var _text = /*#__PURE__*/ _interopRequireDefault(require("./section/text"));
 var _yellow = /*#__PURE__*/ _interopRequireDefault(require("./div/row/yellow"));
 var _bottomLeft = /*#__PURE__*/ _interopRequireDefault(require("./div/bottomLeft"));
+var _middle = /*#__PURE__*/ _interopRequireDefault(require("./div/column/middle"));
 var _left = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable/left"));
 var _right = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable/right"));
 var _pseudo = /*#__PURE__*/ _interopRequireDefault(require("./div/splitter/pseudo"));
@@ -49,7 +51,7 @@ var View = function(properties) {
     var bottomSizeableDivHeight;
     return /*#__PURE__*/ React.createElement("div", {
         className: "".concat(className, " view")
-    }, /*#__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(_index.ColumnDiv, null), /*#__PURE__*/ React.createElement(_right1.default, null), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
+    }, /*#__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, null), /*#__PURE__*/ React.createElement(_right.default, null, /*#__PURE__*/ React.createElement(_index.RowsDiv, null, /*#__PURE__*/ React.createElement(_blue.default, null))))), /*#__PURE__*/ React.createElement(_main.default, {
         onStartDrag: function(element) {
             bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
         },
@@ -61,4 +63,4 @@ var View = function(properties) {
 };
 var _default = (0, _easyWithStyle.default)(View)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8Q29sdW1uRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgICAgICAgICA8Qmx1ZVJvd0Rpdi8+XG4gICAgICAgICAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgICAgICAgICAgPC9SaWdodFNpemVhYmxlRGl2PlxuICAgICAgICAgICAgICA8L0NvbHVtbnNEaXY+XG4gICAgICAgICAgICA8L1Jvd0Rpdj5cbiAgICAgICAgICAgIDxNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2IG9uU3RhcnREcmFnPXsoZWxlbWVudCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0ID0gYm90dG9tU2l6ZWFibGVEaXYuZ2V0SGVpZ2h0KCk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWc9eyhyZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIlJpZ2h0VmVydGljYWxTcGxpdHRlckRpdiIsIlJpZ2h0U2l6ZWFibGVEaXYiLCJCbHVlUm93RGl2IiwiTWFpbkhvcml6b250YWxTcGxpdHRlckRpdiIsIm9uU3RhcnREcmFnIiwiZWxlbWVudCIsImdldEhlaWdodCIsIm9uRHJhZyIsInJlbGF0aXZlTW91c2VUb3AiLCJyZWxhdGl2ZU1vdXNlTGVmdCIsImhlaWdodCIsInNldEhlaWdodCIsIndpdGhTdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OytCQStFYixTQU1FOzs7ZUFORixRQU1FOzs7a0VBbkZvQixpQkFBaUI7cUJBRWdCLFVBQVU7eURBRTFDLGdCQUFnQjsyREFDZCxrQkFBa0I7K0RBQ2pCLGtCQUFrQjt5REFDaEIscUJBQXFCOzBEQUNwQixzQkFBc0I7MkRBQ3JCLHVCQUF1QjsyREFDdkIsdUJBQXVCOzBEQUNqQiw4QkFBOEI7MkRBQzdCLCtCQUErQjt5REFDOUIsZ0NBQWdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXRFLElBQU1BLElBQUksR0FBRyxTQUFDQyxVQUFVLEVBQUs7SUFDM0IsSUFBTSxBQUFFQyxTQUFTLEdBQUtELFVBQVUsQ0FBeEJDLFNBQVMsQUFBZSxFQUMxQkMsYUFBYSxpQkFFWCxvQkFBQ0MsV0FBYSxRQUFBLE9BQUUsRUFHbEJDLGlCQUFpQixpQkFFZixvQkFBQ0MsT0FBaUIsUUFBQSxPQUFFLEFBRXJCO0lBRVAsSUFBSUMsdUJBQXVCLEFBQUM7SUFFNUIscUJBRUUsb0JBQUNDLEtBQUc7UUFBQ04sU0FBUyxFQUFFLEFBQUMsRUFBQSxDQUFZLE1BQUssQ0FBZkEsU0FBUyxFQUFDLE9BQUssQ0FBQztxQkFDakMsb0JBQUNPLE1BQVUsV0FBQSxzQkFDVCxvQkFBQ0MsS0FBZSxRQUFBLHNCQUNkLG9CQUFDQyxNQUFPLFFBQUEsc0JBQ04sb0JBQUNDLE9BQVksUUFBQSxPQUFFLGdCQUNmLG9CQUFDQyxPQUFpQixRQUFBLE9BQUUsRUFDbkJWLGFBQWEsQ0FDTixDQUNNLGdCQUNsQixvQkFBQ1csTUFBdUIsUUFBQSxPQUFFLGdCQUMxQixvQkFBQ0MsTUFBUyxVQUFBLHNCQUNSLG9CQUFDSixNQUFPLFFBQUEsc0JBQ04sb0JBQUNLLE1BQU0sT0FBQSxzQkFDTCxvQkFBQ1AsTUFBVSxXQUFBLHNCQUNULG9CQUFDTSxNQUFTLFVBQUEsT0FBRSxnQkFDWixvQkFBQ0UsT0FBd0IsUUFBQSxPQUFFLGdCQUMzQixvQkFBQ0MsTUFBZ0IsUUFBQSxzQkFDZixvQkFBQ1AsTUFBTyxRQUFBLHNCQUNOLG9CQUFDUSxLQUFVLFFBQUEsT0FBRSxDQUNMLENBQ08sQ0FDUixDQUNOLGdCQUNULG9CQUFDQyxLQUF5QixRQUFBO1FBQUNDLFdBQVcsRUFBRSxTQUFDQyxPQUFPLEVBQUs7WUFFeEJmLHVCQUF1QixHQUFHRixpQkFBaUIsQ0FBQ2tCLFNBQVMsRUFBRSxDQUFDO1NBRXpEO1FBQ0RDLE1BQU0sRUFBRSxTQUFDQyxnQkFBZ0IsRUFBRUMsaUJBQWlCLEVBQUs7WUFFL0MsSUFBTUMsTUFBTSxHQUFHcEIsdUJBQXVCLEdBQUdrQixnQkFBZ0IsQUFBQztZQUUxRHRCLGFBQWEsQ0FBQ3lCLFNBQVMsQ0FBQ0QsTUFBTSxDQUFDLENBQUM7U0FFakM7TUFDMUIsRUFDRHRCLGlCQUFpQixDQUNWLENBQ0EsQ0FDRCxDQUNULENBRU47Q0FDSCxBQUFDO0lBRUYsUUFNRSxHQU5hd0IsSUFBQUEsY0FBUyxRQUFBLEVBQUM3QixJQUFJLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IFJvd0RpdiwgUm93c0RpdiwgQ29sdW1uRGl2LCBDb2x1bW5zRGl2IH0gZnJvbSBcIi4uL2luZGV4XCI7IC8vL1xuXG5pbXBvcnQgQmx1ZVJvd0RpdiBmcm9tIFwiLi9kaXYvcm93L2JsdWVcIjtcbmltcG9ydCBUZXh0U2VjdGlvbiBmcm9tIFwiLi9zZWN0aW9uL3RleHRcIjtcbmltcG9ydCBZZWxsb3dSb3dEaXYgZnJvbSBcIi4vZGl2L3Jvdy95ZWxsb3dcIjtcbmltcG9ydCBCb3R0b21MZWZ0RGl2IGZyb20gXCIuL2Rpdi9ib3R0b21MZWZ0XCI7XG5pbXBvcnQgTWlkZGxlQ29sdW1uRGl2IGZyb20gXCIuL2Rpdi9jb2x1bW4vbWlkZGxlXCI7XG5pbXBvcnQgTGVmdFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZS9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRTaXplYWJsZURpdiBmcm9tIFwiLi9kaXYvc2l6ZWFibGUvcmlnaHRcIjtcbmltcG9ydCBQc2V1ZG9TcGxpdHRlckRpdiBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvcHNldWRvXCI7XG5pbXBvcnQgQm90dG9tU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlL2JvdHRvbVwiO1xuaW1wb3J0IExlZnRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9sZWZ0XCI7XG5pbXBvcnQgUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbC9yaWdodFwiO1xuaW1wb3J0IE1haW5Ib3Jpem9udGFsU3BsaXR0ZXJEaXYgZnJvbSBcIi4vZGl2L3NwbGl0dGVyL2hvcml6b250YWwvbWFpblwiO1xuXG5jb25zdCBWaWV3ID0gKHByb3BlcnRpZXMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUgfSA9IHByb3BlcnRpZXMsXG4gICAgICAgIGJvdHRvbUxlZnREaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbUxlZnREaXYvPlxuXG4gICAgICAgICxcbiAgICAgICAgYm90dG9tU2l6ZWFibGVEaXYgPVxuXG4gICAgICAgICAgPEJvdHRvbVNpemVhYmxlRGl2Lz5cblxuICAgICAgICA7XG5cbiAgbGV0IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0O1xuXG4gIHJldHVybiAoXG5cbiAgICA8ZGl2IGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lfSB2aWV3YH0+XG4gICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgPExlZnRTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxZZWxsb3dSb3dEaXYvPlxuICAgICAgICAgICAgPFBzZXVkb1NwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgIHtib3R0b21MZWZ0RGl2fVxuICAgICAgICAgIDwvUm93c0Rpdj5cbiAgICAgICAgPC9MZWZ0U2l6ZWFibGVEaXY+XG4gICAgICAgIDxMZWZ0VmVydGljYWxTcGxpdHRlckRpdi8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8Um93RGl2PlxuICAgICAgICAgICAgICA8Q29sdW1uc0Rpdj5cbiAgICAgICAgICAgICAgICA8TWlkZGxlQ29sdW1uRGl2PlxuICAgICAgICAgICAgICAgICAgPFRleHRTZWN0aW9uLz5cbiAgICAgICAgICAgICAgICA8L01pZGRsZUNvbHVtbkRpdj5cbiAgICAgICAgICAgICAgICA8UmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2Lz5cbiAgICAgICAgICAgICAgICA8UmlnaHRTaXplYWJsZURpdj5cbiAgICAgICAgICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgICAgICAgICA8Qmx1ZVJvd0Rpdi8+XG4gICAgICAgICAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgICAgICAgICAgPC9SaWdodFNpemVhYmxlRGl2PlxuICAgICAgICAgICAgICA8L0NvbHVtbnNEaXY+XG4gICAgICAgICAgICA8L1Jvd0Rpdj5cbiAgICAgICAgICAgIDxNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2IG9uU3RhcnREcmFnPXsoZWxlbWVudCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0ID0gYm90dG9tU2l6ZWFibGVEaXYuZ2V0SGVpZ2h0KCk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkRyYWc9eyhyZWxhdGl2ZU1vdXNlVG9wLCByZWxhdGl2ZU1vdXNlTGVmdCkgPT4ge1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhlaWdodCA9IGJvdHRvbVNpemVhYmxlRGl2SGVpZ2h0IC0gcmVsYXRpdmVNb3VzZVRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBib3R0b21MZWZ0RGl2LnNldEhlaWdodChoZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtib3R0b21TaXplYWJsZURpdn1cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuICAgIDwvZGl2PlxuXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgd2lkdGg6IDY0cmVtO1xuICBoZWlnaHQ6IDY0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBcbmA7XG4iXSwibmFtZXMiOlsiVmlldyIsInByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJib3R0b21MZWZ0RGl2IiwiQm90dG9tTGVmdERpdiIsImJvdHRvbVNpemVhYmxlRGl2IiwiQm90dG9tU2l6ZWFibGVEaXYiLCJib3R0b21TaXplYWJsZURpdkhlaWdodCIsImRpdiIsIkNvbHVtbnNEaXYiLCJMZWZ0U2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiWWVsbG93Um93RGl2IiwiUHNldWRvU3BsaXR0ZXJEaXYiLCJMZWZ0VmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIlJvd0RpdiIsIk1pZGRsZUNvbHVtbkRpdiIsIlRleHRTZWN0aW9uIiwiUmlnaHRWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiUmlnaHRTaXplYWJsZURpdiIsIkJsdWVSb3dEaXYiLCJNYWluSG9yaXpvbnRhbFNwbGl0dGVyRGl2Iiwib25TdGFydERyYWciLCJlbGVtZW50IiwiZ2V0SGVpZ2h0Iiwib25EcmFnIiwicmVsYXRpdmVNb3VzZVRvcCIsInJlbGF0aXZlTW91c2VMZWZ0IiwiaGVpZ2h0Iiwic2V0SGVpZ2h0Iiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7K0JBbUZiLFNBTUU7OztlQU5GLFFBTUU7OztrRUF2Rm9CLGlCQUFpQjtxQkFFZ0IsVUFBVTt5REFFMUMsZ0JBQWdCO3lEQUNmLGdCQUFnQjsyREFDZixrQkFBa0I7K0RBQ2pCLGtCQUFrQjsyREFDaEIscUJBQXFCO3lEQUNyQixxQkFBcUI7MERBQ3BCLHNCQUFzQjsyREFDckIsdUJBQXVCOzJEQUN2Qix1QkFBdUI7MERBQ2pCLDhCQUE4QjsyREFDN0IsK0JBQStCO3lEQUM5QixnQ0FBZ0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFdEUsSUFBTUEsSUFBSSxHQUFHLFNBQUNDLFVBQVUsRUFBSztJQUMzQixJQUFNLEFBQUVDLFNBQVMsR0FBS0QsVUFBVSxDQUF4QkMsU0FBUyxBQUFlLEVBQzFCQyxhQUFhLGlCQUVYLG9CQUFDQyxXQUFhLFFBQUEsT0FBRSxFQUdsQkMsaUJBQWlCLGlCQUVmLG9CQUFDQyxPQUFpQixRQUFBLE9BQUUsQUFFckI7SUFFUCxJQUFJQyx1QkFBdUIsQUFBQztJQUU1QixxQkFFRSxvQkFBQ0MsS0FBRztRQUFDTixTQUFTLEVBQUUsQUFBQyxFQUFBLENBQVksTUFBSyxDQUFmQSxTQUFTLEVBQUMsT0FBSyxDQUFDO3FCQUNqQyxvQkFBQ08sTUFBVSxXQUFBLHNCQUNULG9CQUFDQyxLQUFlLFFBQUEsc0JBQ2Qsb0JBQUNDLE1BQU8sUUFBQSxzQkFDTixvQkFBQ0MsT0FBWSxRQUFBLE9BQUUsZ0JBQ2Ysb0JBQUNDLE9BQWlCLFFBQUEsT0FBRSxFQUNuQlYsYUFBYSxDQUNOLENBQ00sZ0JBQ2xCLG9CQUFDVyxNQUF1QixRQUFBLE9BQUUsZ0JBQzFCLG9CQUFDQyxNQUFTLFVBQUEsc0JBQ1Isb0JBQUNKLE1BQU8sUUFBQSxzQkFDTixvQkFBQ0ssTUFBTSxPQUFBLHNCQUNMLG9CQUFDUCxNQUFVLFdBQUEsc0JBQ1Qsb0JBQUNRLE9BQWUsUUFBQSxzQkFDZCxvQkFBQ0MsS0FBVyxRQUFBLE9BQUUsQ0FDRSxnQkFDbEIsb0JBQUNDLE9BQXdCLFFBQUEsT0FBRSxnQkFDM0Isb0JBQUNDLE1BQWdCLFFBQUEsc0JBQ2Ysb0JBQUNULE1BQU8sUUFBQSxzQkFDTixvQkFBQ1UsS0FBVSxRQUFBLE9BQUUsQ0FDTCxDQUNPLENBQ1IsQ0FDTixnQkFDVCxvQkFBQ0MsS0FBeUIsUUFBQTtRQUFDQyxXQUFXLEVBQUUsU0FBQ0MsT0FBTyxFQUFLO1lBRXhCakIsdUJBQXVCLEdBQUdGLGlCQUFpQixDQUFDb0IsU0FBUyxFQUFFLENBQUM7UUFFMUQsQ0FBQztRQUNEQyxNQUFNLEVBQUUsU0FBQ0MsZ0JBQWdCLEVBQUVDLGlCQUFpQixFQUFLO1lBRS9DLElBQU1DLE1BQU0sR0FBR3RCLHVCQUF1QixHQUFHb0IsZ0JBQWdCLEFBQUM7WUFFMUR4QixhQUFhLENBQUMyQixTQUFTLENBQUNELE1BQU0sQ0FBQyxDQUFDO1FBRWxDLENBQUM7TUFDMUIsRUFDRHhCLGlCQUFpQixDQUNWLENBQ0EsQ0FDRCxDQUNULENBRU47QUFDSixDQUFDLEFBQUM7SUFFRixRQU1FLEdBTmEwQixJQUFBQSxjQUFTLFFBQUEsRUFBQy9CLElBQUksQ0FBQyJ9

package/lib/index.js

@@ -30,9 +30,6 @@ _export(exports, {
     SizeableDiv: function() {
         return _sizeable.default;
     },
-    SizeableSection: function() {
-        return _sizeable1.default;
-    },
     VerticalSplitterDiv: function() {
         return _vertical.default;
     },
@@ -47,7 +44,6 @@ var _column = /*#__PURE__*/ _interopRequireDefault(require("./div/column"));
 var _columns = /*#__PURE__*/ _interopRequireDefault(require("./div/columns"));
 var _splitter = /*#__PURE__*/ _interopRequireDefault(require("./div/splitter"));
 var _sizeable = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable"));
-var _sizeable1 = /*#__PURE__*/ _interopRequireDefault(require("./section/sizeable"));
 var _vertical = /*#__PURE__*/ _interopRequireDefault(require("./div/splitter/vertical"));
 var _horizontal = /*#__PURE__*/ _interopRequireDefault(require("./div/splitter/horizontal"));
 function _interopRequireDefault(obj) {
@@ -56,4 +52,4 @@ function _interopRequireDefault(obj) {
     };
 }
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgY3Vyc29yIH0gZnJvbSBcIi4vY3Vyc29yXCI7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgUm93RGl2IH0gZnJvbSBcIi4vZGl2L3Jvd1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBSb3dzRGl2IH0gZnJvbSBcIi4vZGl2L3Jvd3NcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgQ29sdW1uRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtblwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBDb2x1bW5zRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtbnNcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXJcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVEaXYgfSBmcm9tIFwiLi9kaXYvc2l6ZWFibGVcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVTZWN0aW9uIH0gZnJvbSBcIi4vc2VjdGlvbi9zaXplYWJsZVwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBWZXJ0aWNhbFNwbGl0dGVyRGl2IH0gZnJvbSBcIi4vZGl2L3NwbGl0dGVyL3ZlcnRpY2FsXCI7XG5leHBvcnQgeyBkZWZhdWx0IGFzIEhvcml6b250YWxTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlci9ob3Jpem9udGFsXCI7XG4iXSwibmFtZXMiOlsiY3Vyc29yIiwiUm93RGl2IiwiUm93c0RpdiIsIkNvbHVtbkRpdiIsIkNvbHVtbnNEaXYiLCJTcGxpdHRlckRpdiIsIlNpemVhYmxlRGl2IiwiU2l6ZWFibGVTZWN0aW9uIiwiVmVydGljYWxTcGxpdHRlckRpdiIsIkhvcml6b250YWxTcGxpdHRlckRpdiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7Ozs7Ozs7OztJQUVPQSxNQUFNO2VBQU5BLE9BQU0sUUFBQTs7SUFFTkMsTUFBTTtlQUFOQSxJQUFNLFFBQUE7O0lBQ05DLE9BQU87ZUFBUEEsS0FBTyxRQUFBOztJQUNQQyxTQUFTO2VBQVRBLE9BQVMsUUFBQTs7SUFDVEMsVUFBVTtlQUFWQSxRQUFVLFFBQUE7O0lBQ1ZDLFdBQVc7ZUFBWEEsU0FBVyxRQUFBOztJQUNYQyxXQUFXO2VBQVhBLFNBQVcsUUFBQTs7SUFDWEMsZUFBZTtlQUFmQSxVQUFlLFFBQUE7O0lBQ2ZDLG1CQUFtQjtlQUFuQkEsU0FBbUIsUUFBQTs7SUFDbkJDLHFCQUFxQjtlQUFyQkEsV0FBcUIsUUFBQTs7OzJEQVZQLFVBQVU7d0RBRVYsV0FBVzt5REFDVixZQUFZOzJEQUNWLGNBQWM7NERBQ2IsZUFBZTs2REFDZCxnQkFBZ0I7NkRBQ2hCLGdCQUFnQjs4REFDWixvQkFBb0I7NkRBQ2hCLHlCQUF5QjsrREFDdkIsMkJBQTJCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgY3Vyc29yIH0gZnJvbSBcIi4vY3Vyc29yXCI7XG5cbmV4cG9ydCB7IGRlZmF1bHQgYXMgUm93RGl2IH0gZnJvbSBcIi4vZGl2L3Jvd1wiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBSb3dzRGl2IH0gZnJvbSBcIi4vZGl2L3Jvd3NcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgQ29sdW1uRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtblwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBDb2x1bW5zRGl2IH0gZnJvbSBcIi4vZGl2L2NvbHVtbnNcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXJcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2l6ZWFibGVEaXYgfSBmcm9tIFwiLi9kaXYvc2l6ZWFibGVcIjtcbmV4cG9ydCB7IGRlZmF1bHQgYXMgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCIuL2Rpdi9zcGxpdHRlci92ZXJ0aWNhbFwiO1xuZXhwb3J0IHsgZGVmYXVsdCBhcyBIb3Jpem9udGFsU3BsaXR0ZXJEaXYgfSBmcm9tIFwiLi9kaXYvc3BsaXR0ZXIvaG9yaXpvbnRhbFwiO1xuIl0sIm5hbWVzIjpbImN1cnNvciIsIlJvd0RpdiIsIlJvd3NEaXYiLCJDb2x1bW5EaXYiLCJDb2x1bW5zRGl2IiwiU3BsaXR0ZXJEaXYiLCJTaXplYWJsZURpdiIsIlZlcnRpY2FsU3BsaXR0ZXJEaXYiLCJIb3Jpem9udGFsU3BsaXR0ZXJEaXYiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7Ozs7Ozs7Ozs7SUFFT0EsTUFBTTtlQUFOQSxPQUFNLFFBQUE7O0lBRU5DLE1BQU07ZUFBTkEsSUFBTSxRQUFBOztJQUNOQyxPQUFPO2VBQVBBLEtBQU8sUUFBQTs7SUFDUEMsU0FBUztlQUFUQSxPQUFTLFFBQUE7O0lBQ1RDLFVBQVU7ZUFBVkEsUUFBVSxRQUFBOztJQUNWQyxXQUFXO2VBQVhBLFNBQVcsUUFBQTs7SUFDWEMsV0FBVztlQUFYQSxTQUFXLFFBQUE7O0lBQ1hDLG1CQUFtQjtlQUFuQkEsU0FBbUIsUUFBQTs7SUFDbkJDLHFCQUFxQjtlQUFyQkEsV0FBcUIsUUFBQTs7OzJEQVRQLFVBQVU7d0RBRVYsV0FBVzt5REFDVixZQUFZOzJEQUNWLGNBQWM7NERBQ2IsZUFBZTs2REFDZCxnQkFBZ0I7NkRBQ2hCLGdCQUFnQjs2REFDUix5QkFBeUI7K0RBQ3ZCLDJCQUEyQiJ9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "easy-layout",
   "author": "James Smith",
-  "version": "5.1.31",
+  "version": "6.0.1",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/easy-layout",
   "description": "Layout elements that work with CSS flexbox.",
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "easy": "^13.0.44",
-    "easy-drag-and-drop": "^1.2.79",
+    "easy-drag-and-drop": "^1.2.81",
     "easy-with-style": "^3.0.176"
   },
   "devDependencies": {

package/src/div/splitter/horizontal.js

@@ -15,11 +15,11 @@ class HorizontalSplitter extends Splitter {
     const disabled = this.isDisabled();
 
     if (!disabled) {
-      const sizeableElement = this.getSizeableElement(),
-            sizeableElementHeight = sizeableElement.getHeight(),
-            previousSizeableElementHeight = sizeableElementHeight;  ///
+      const sizeableDiv = this.getSizeableDiv(),
+            sizeableDivHeight = sizeableDiv.getHeight(),
+            previousSizeableDivHeight = sizeableDivHeight;  ///
 
-      this.setPreviousSizeableElementHeight(previousSizeableElementHeight);
+      this.setPreviousSizeableDivHeight(previousSizeableDivHeight);
     }
 
     this.setCursor();
@@ -30,12 +30,12 @@ class HorizontalSplitter extends Splitter {
 
     if (!disabled) {
       const direction = this.getDirection(),
-            sizeableElement = this.getSizeableElement(),
-            previousSizeableElementHeight = this.getPreviousSizeableElementHeight(),
-            sizeableElementHeight = previousSizeableElementHeight - direction * relativeMouseTop,
-            height = sizeableElementHeight; ///
+            sizeableDiv = this.getSizeableDiv(),
+            previousSizeableDivHeight = this.getPreviousSizeableDivHeight(),
+            sizeableDivHeight = previousSizeableDivHeight - direction * relativeMouseTop,
+            height = sizeableDivHeight; ///
 
-      sizeableElement.setHeight(height);
+      sizeableDiv.setHeight(height);
     }
   }
 
@@ -47,24 +47,24 @@ class HorizontalSplitter extends Splitter {
     }
   }
 
-  getPreviousSizeableElementHeight() {
+  getPreviousSizeableDivHeight() {
     const state = this.getState(),
-          { previousSizeableElementHeight } = state;
+          { previousSizeableDivHeight } = state;
 
-    return previousSizeableElementHeight;
+    return previousSizeableDivHeight;
   }
 
-  setPreviousSizeableElementHeight(previousSizeableElementHeight) {
+  setPreviousSizeableDivHeight(previousSizeableDivHeight) {
     this.updateState({
-      previousSizeableElementHeight
+      previousSizeableDivHeight
     });
   }
 
   setInitialState() {
-    const previousSizeableElementHeight = null;
+    const previousSizeableDivHeight = null;
 
     this.setState({
-      previousSizeableElementHeight
+      previousSizeableDivHeight
     });
   }
 

package/src/div/splitter/vertical.js

@@ -15,11 +15,11 @@ class VerticalSplitter extends Splitter {
     const disabled = this.isDisabled();
 
     if (!disabled) {
-      const sizeableElement = this.getSizeableElement(),
-            sizeableElementWidth = sizeableElement.getWidth(),
-            previousSizeableElementWidth = sizeableElementWidth;  ///
+      const sizeableDiv = this.getSizeableDiv(),
+            sizeableDivWidth = sizeableDiv.getWidth(),
+            previousSizeableDivWidth = sizeableDivWidth;  ///
 
-      this.setPreviousSizeableElementWidth(previousSizeableElementWidth);
+      this.setPreviousSizeableDivWidth(previousSizeableDivWidth);
     }
 
     this.setCursor();
@@ -30,12 +30,12 @@ class VerticalSplitter extends Splitter {
 
     if (!disabled) {
       const direction = this.getDirection(),
-            sizeableElement = this.getSizeableElement(),
-            previousSizeableElementWidth = this.getPreviousSizeableElementWidth(),
-            sizeableElementWidth = previousSizeableElementWidth - direction * relativeMouseLeft,
-            width = sizeableElementWidth; ///
+            sizeableDiv = this.getSizeableDiv(),
+            previousSizeableDivWidth = this.getPreviousSizeableDivWidth(),
+            sizeableDivWidth = previousSizeableDivWidth - direction * relativeMouseLeft,
+            width = sizeableDivWidth; ///
 
-      sizeableElement.setWidth(width);
+      sizeableDiv.setWidth(width);
     }
   }
 
@@ -47,24 +47,24 @@ class VerticalSplitter extends Splitter {
     }
   }
 
-  getPreviousSizeableElementWidth() {
+  getPreviousSizeableDivWidth() {
     const state = this.getState(),
-          { previousSizeableElementWidth } = state;
+          { previousSizeableDivWidth } = state;
 
-    return previousSizeableElementWidth;
+    return previousSizeableDivWidth;
   }
 
-  setPreviousSizeableElementWidth(previousSizeableElementWidth) {
+  setPreviousSizeableDivWidth(previousSizeableDivWidth) {
     this.updateState({
-      previousSizeableElementWidth
+      previousSizeableDivWidth
     });
   }
 
   setInitialState() {
-    const previousSizeableElementWidth = null;
+    const previousSizeableDivWidth = null;
 
     this.setState({
-      previousSizeableElementWidth
+      previousSizeableDivWidth
     });
   }
 

package/src/div/splitter.js

@@ -6,7 +6,6 @@ import { Element } from "easy";
 import { dragMixins } from "easy-drag-and-drop";
 
 import SizeableDiv from "../div/sizeable";
-import SizeableSection from "../section/sizeable";
 
 import { resetCursor } from "../cursor";
 
@@ -21,23 +20,23 @@ class SplitterDiv extends Element {
     resetCursor();
   }
 
-  getSizeableElement() {
-    let sizeableElement;
+  getSizeableDiv() {
+    let sizeableDiv;
 
     const nextSiblingElement = this.getNextSiblingElement(),
           previousSiblingElement = this.getPreviousSiblingElement(),
-          nextSiblingElementSizeableElement = isElementSizeableElement(nextSiblingElement),
-          previousSiblingElementSizeableElement = isElementSizeableElement(previousSiblingElement);
+          nextSiblingElementSizeableDiv = (nextSiblingElement instanceof SizeableDiv),
+          previousSiblingElementSizeableDiv = (previousSiblingElement instanceof SizeableDivment);
 
-    if (nextSiblingElementSizeableElement) {
-      sizeableElement = nextSiblingElement; ///
+    if (nextSiblingElementSizeableDiv) {
+      sizeableDiv = nextSiblingElement; ///
     }
 
-    if (previousSiblingElementSizeableElement) {
-      sizeableElement = previousSiblingElement; ///
+    if (previousSiblingElementSizeableDiv) {
+      sizeableDiv = previousSiblingElement; ///
     }
 
-    return sizeableElement;
+    return sizeableDiv;
   }
 
   getDirection() {
@@ -45,14 +44,14 @@ class SplitterDiv extends Element {
 
     const nextSiblingElement = this.getNextSiblingElement(),
           previousSiblingElement = this.getPreviousSiblingElement(),
-          nextSiblingElementSizeableElement = isElementSizeableElement(nextSiblingElement),
-          previousSiblingElementSizeableElement = isElementSizeableElement(previousSiblingElement);
+          nextSiblingElementSizeableDiv = (nextSiblingElement instanceof SizeableDiv),
+          previousSiblingElementSizeableDiv = (previousSiblingElement instanceof SizeableDivment);
 
-    if (nextSiblingElementSizeableElement) {
+    if (nextSiblingElementSizeableDiv) {
       direction = +1;
     }
 
-    if (previousSiblingElementSizeableElement) {
+    if (previousSiblingElementSizeableDiv) {
       direction = -1;
     }
 
@@ -132,9 +131,3 @@ export default withStyle(SplitterDiv)`
   flex-shrink: 0;
 
 `;
-
-function isElementSizeableElement(element) {
-  const elementSizeableElement = (element instanceof SizeableDiv) || (element instanceof SizeableSection);
-
-  return elementSizeableElement;
-}

package/src/example/div/column/middle.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import withStyle from "easy-with-style";  ///
+
+import { ColumnDiv } from "../../../index"; ///
+
+class MiddleColumnDiv extends ColumnDiv {
+  static defaultProperties = {
+    className: "middle"
+  };
+}
+
+export default withStyle(MiddleColumnDiv)`
+
+  position: relative;
+  
+`;

package/src/example/div/sizeable/bottom.js

@@ -13,6 +13,5 @@ class BottomSizeableDiv extends SizeableDiv {
 export default withStyle(BottomSizeableDiv)`
 
   height: 24rem;
-  min-height: 12rem;
 
 `;

package/src/example/section/text.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import withStyle from "easy-with-style";  ///
+
+const TextSection = (properties) => {
+  const { className } = properties;
+
+  return (
+
+    <section className={`${className} text`}>
+      <p>
+        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.
+      </p>
+      <p>
+        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.
+      </p>
+      <p>
+        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.
+      </p>
+      <p>
+        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.
+      </p>
+      <p>
+        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.
+      </p>
+    </section>
+
+  );
+};
+
+export default withStyle(TextSection)`
+
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  
+`;

package/src/example/view.js

@@ -5,8 +5,10 @@ import withStyle from "easy-with-style";  ///
 import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv } from "../index"; ///
 
 import BlueRowDiv from "./div/row/blue";
+import TextSection from "./section/text";
 import YellowRowDiv from "./div/row/yellow";
 import BottomLeftDiv from "./div/bottomLeft";
+import MiddleColumnDiv from "./div/column/middle";
 import LeftSizeableDiv from "./div/sizeable/left";
 import RightSizeableDiv from "./div/sizeable/right";
 import PseudoSplitterDiv from "./div/splitter/pseudo";
@@ -46,7 +48,9 @@ const View = (properties) => {
           <RowsDiv>
             <RowDiv>
               <ColumnsDiv>
-                <ColumnDiv/>
+                <MiddleColumnDiv>
+                  <TextSection/>
+                </MiddleColumnDiv>
                 <RightVerticalSplitterDiv/>
                 <RightSizeableDiv>
                   <RowsDiv>

package/src/index.js

@@ -8,6 +8,5 @@ export { default as ColumnDiv } from "./div/column";
 export { default as ColumnsDiv } from "./div/columns";
 export { default as SplitterDiv } from "./div/splitter";
 export { default as SizeableDiv } from "./div/sizeable";
-export { default as SizeableSection } from "./section/sizeable";
 export { default as VerticalSplitterDiv } from "./div/splitter/vertical";
 export { default as HorizontalSplitterDiv } from "./div/splitter/horizontal";