@alexgyver/component 1.2.10 → 1.3.1

package/Component.js

@@ -223,21 +223,15 @@ export class StyledComponent extends Component {
     }
 }
 
-export async function waitRender(elm, cb = null, ctx = window) {
-    return new Promise(res => {
-        let e = elm;
-        while (e.parentNode) e = e.parentNode;
-        if (e instanceof Document) {
-            if (cb) cb(elm);
-            res(elm);
-        }
-        const obs = new MutationObserver((mut) => {
-            if (mut[0].addedNodes.length === 0) return;
-            if (Array.prototype.indexOf.call(mut[0].addedNodes, e) === -1) return;
-            obs.disconnect();
-            if (cb) cb(elm);
-            res(elm);
-        });
-        obs.observe(ctx.document.body, { childList: true, subtree: true });
-    });
+export class SVG {
+    static svg = (attrs = {}, props = {}) => SVG._make('svg', attrs, props);
+    static rect = (x, y, w, h, rx, ry, attrs = {}, props = {}) => SVG._make('rect', { ...attrs, x: x, y: y, width: w, height: h, rx: rx, ry: ry }, props);
+    static circle = (x, y, r, attrs = {}, props = {}) => SVG._make('circle', { ...attrs, cx: x, cy: y, r: r }, props);
+    static line = (x1, y1, x2, y2, attrs = {}, props = {}) => SVG._make('line', { ...attrs, x1: x1, y1: y1, x2: x2, y2: y2 }, props);
+    static polyline = (points, attrs = {}, props = {}) => SVG._make('polyline', { ...attrs, points: points }, props);
+    static polygon = (points, attrs = {}, props = {}) => SVG._make('polygon', { ...attrs, points: points }, props);
+    static path = (d, attrs = {}, props = {}) => SVG._make('path', { ...attrs, d: d }, props);
+    static text = (text, x, y, attrs = {}, props = {}) => SVG._make('text', { ...attrs, x: x, y: y }, { ...props, text: text });
+
+    static _make = (tag, attrs = {}, props = {}) => Component.makeSVG(tag, { attrs: { ...attrs }, ...props });
 }

package/README.md

@@ -1,5 +1,5 @@
 # Component.js
-Библиотека для создания и настройки DOM элементов как JS объектов
+Библиотека для создания и настройки DOM/SVG элементов как JS объектов
 
 > npm i @alexgyver/component
 
@@ -66,6 +66,18 @@ Component.makeArray(arr);
 Component.makeArraySVG(arr);
 ```
 
+### SVG
+```js
+SVG.svg(attrs = {}, props = {});
+SVG.rect(x, y, w, h, rx, ry, attrs = {}, props = {});
+SVG.circle(x, y, r, attrs = {}, props = {});
+SVG.line(x1, y1, x2, y2, attrs = {}, props = {});
+SVG.polyline(points, attrs = {}, props = {});
+SVG.polygon(points, attrs = {}, props = {});
+SVG.path(d, attrs = {}, props = {});
+SVG.text(text, x, y, attrs = {}, props = {});
+```
+
 ### Sheet
 ```js
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexgyver/component",
-  "version": "1.2.10",
+  "version": "1.3.1",
   "description": "Simple HTML element builder",
   "main": "./Component.js",
   "module": "./Component.js",