ziko 0.0.14 → 0.0.16

package/src/graphics/svg/Elements/Basic/circle.js

@@ -1,26 +1,26 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgCircle extends ZikoSvgElement{
-    constructor(cx,cy,r){
-      super("circle")
-      this.element=document.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "circle",
-      );
-      this.pos(cx,cy).setR(r);
-    }
-    setR(r){
-       this.element.r.baseVal.value=r;
-       return this;
-    }
-    get r(){
-      return this.element.baseVal.value;
-    }
-    get cx(){
-      return this.element.baseVal.value;
-    } 
-    get cy(){
-      return this.element.baseVal.value;
-    }  
-  } 
-const svgCircle=(x,y,r)=>new ZikoSvgCircle(x,y,r);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgCircle extends ZikoSvgElement{
+    constructor(cx,cy,r){
+      super("circle")
+      this.element=document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "circle",
+      );
+      this.pos(cx,cy).setR(r);
+    }
+    setR(r){
+       this.element.r.baseVal.value=r;
+       return this;
+    }
+    get r(){
+      return this.element.baseVal.value;
+    }
+    get cx(){
+      return this.element.baseVal.value;
+    } 
+    get cy(){
+      return this.element.baseVal.value;
+    }  
+  } 
+const svgCircle=(x,y,r)=>new ZikoSvgCircle(x,y,r);
 export { svgCircle }

package/src/graphics/svg/Elements/Basic/ellipse.js

@@ -1,21 +1,21 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgEllipse extends ZikoSvgElement{
-    constructor(cx,cy,rx,ry){
-      super("ellipse")
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "ellipse",
-      );
-      this.pos(cx,cy).setRx(rx).setRy(ry);
-    }
-    setRx(rx){
-       this.element.rx.baseVal.value=rx;
-       return this;
-    } 
-    setRy(ry){
-       this.element.ry.baseVal.value=ry;
-       return this;
-    } 
-  } 
-const svgEllipse=(x,y,rx,ry)=>new ZikoSvgEllipse(x,y,rx,ry);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgEllipse extends ZikoSvgElement{
+    constructor(cx,cy,rx,ry){
+      super("ellipse")
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "ellipse",
+      );
+      this.pos(cx,cy).setRx(rx).setRy(ry);
+    }
+    setRx(rx){
+       this.element.rx.baseVal.value=rx;
+       return this;
+    } 
+    setRy(ry){
+       this.element.ry.baseVal.value=ry;
+       return this;
+    } 
+  } 
+const svgEllipse=(x,y,rx,ry)=>new ZikoSvgEllipse(x,y,rx,ry);
 export{ svgEllipse }

package/src/graphics/svg/Elements/Basic/foreignObject.js

@@ -1,33 +1,33 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-import { Flex } from "../../../../user-interface/elements/derived/Flex.js"
-class ZikoSvgForeignObject extends ZikoSvgElement{
-    constructor(x=0,y=0,w="100%",h="100%",...ZikoUIElement){
-      super("foreignObject")
-      this.items=[];
-      this.element=document?.createElementtNS(
-        "http://www.w3.org/2000/svg",
-        "foreignObject",
-      );
-      this.container=Flex().setTarget(this.element).vertical(0,0).size("auto","auto");
-      this.container.st.scaleY(-1);
-      this.posX(x).posY(y).width(w).height(h);
-    } 
-    width(w){
-        this.element.etAttribute("width",w)
-        return this;
-    }
-    height(h){
-        this.element.etAttribute("height",h)
-        return this;
-    }
-    add(...ZikoUIElement){
-      this.container.append(...ZikoUIElement);
-      return this;
-      }
-    remove(...ZikoUIElement){
-      this.container.append(...ZikoUIElement);
-      return this;   
-      }
-  } 
-const svgObject=(x,y,r)=>new ZikoSvgForeignObject(x,y,r);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+import { Flex } from "../../../../ui/elements/derived/flex"
+class ZikoSvgForeignObject extends ZikoSvgElement{
+    constructor(x=0,y=0,w="100%",h="100%",...ZikoUIElement){
+      super("foreignObject")
+      this.items=[];
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "foreignObject",
+      );
+      this.container=Flex().setTarget(this.element).vertical(0,0).size("auto","auto");
+      this.container.st.scaleY(-1);
+      this.posX(x).posY(y).width(w).height(h);
+    } 
+    width(w){
+        this.element.etAttribute("width",w)
+        return this;
+    }
+    height(h){
+        this.element.etAttribute("height",h)
+        return this;
+    }
+    add(...ZikoUIElement){
+      this.container.append(...ZikoUIElement);
+      return this;
+      }
+    remove(...ZikoUIElement){
+      this.container.append(...ZikoUIElement);
+      return this;   
+      }
+  } 
+const svgObject=(x,y,r)=>new ZikoSvgForeignObject(x,y,r);
 export { svgObject }

package/src/graphics/svg/Elements/Basic/groupe.js

@@ -1,29 +1,29 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgGroupe extends ZikoSvgElement{
-    constructor(...svgElement){
-      super();
-      this.items=[];
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "g",
-      );
-      this.add(...svgElement)
-    }
-    add(...svgElement){
-      for(let i=0;i<svgElement.length;i++){
-        this.element?.appendChild(svgElement[i].element);
-        this.items.push(svgElement[i])
-      }
-      if(svgElement.length===1)return svgElement[0]
-      return svgElement;
-    }
-    remove(...svgElement){
-      for(let i=0;i<svgElement.length;i++){
-        this.element?.removeChild(svgElement[i].element);
-        this.items=this.items.filter(n=>n!=svgElement)
-      }
-      return this;     
-    }
-}
-const svgGroupe=(...svgElement)=>new ZikoSvgGroupe(...svgElement)
-export { svgGroupe }
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgGroupe extends ZikoSvgElement{
+    constructor(...svgElement){
+      super();
+      this.items=[];
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "g",
+      );
+      this.add(...svgElement)
+    }
+    add(...svgElement){
+      for(let i=0;i<svgElement.length;i++){
+        this.element?.appendChild(svgElement[i].element);
+        this.items.push(svgElement[i])
+      }
+      if(svgElement.length===1)return svgElement[0]
+      return svgElement;
+    }
+    remove(...svgElement){
+      for(let i=0;i<svgElement.length;i++){
+        this.element?.removeChild(svgElement[i].element);
+        this.items=this.items.filter(n=>n!=svgElement)
+      }
+      return this;     
+    }
+}
+const svgGroupe=(...svgElement)=>new ZikoSvgGroupe(...svgElement)
+export { svgGroupe }

package/src/graphics/svg/Elements/Basic/image.js

@@ -1,33 +1,33 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgImage extends ZikoSvgElement{
-    constructor(src="",w="100%",h="100%",x=0,y=0){
-      super()
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "image",
-      );
-      this.setSrc(src).width(w).height(h).x(x).y(y);
-    }
-    x(x){
-       this.element.x.baseVal.value=x;
-       return this;
-    }
-    y(y){
-       this.element.y.baseVal.value=y;
-       return this;
-    }
-    width(w){
-       this.element?.setAttribute("width",w);
-       return this;
-    }
-    height(h){
-       this.element?.setAttribute("height",h);
-       return this;
-    }
-    setSrc(src=""){
-      this.element?.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', src)
-      return this;
-    }
-  } 
-const svgImage=(src,w,h,x,y)=>new ZikoSvgImage(src,w,h,x,y);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgImage extends ZikoSvgElement{
+    constructor(src="",w="100%",h="100%",x=0,y=0){
+      super()
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "image",
+      );
+      this.setSrc(src).width(w).height(h).x(x).y(y);
+    }
+    x(x){
+       this.element.x.baseVal.value=x;
+       return this;
+    }
+    y(y){
+       this.element.y.baseVal.value=y;
+       return this;
+    }
+    width(w){
+       this.element?.setAttribute("width",w);
+       return this;
+    }
+    height(h){
+       this.element?.setAttribute("height",h);
+       return this;
+    }
+    setSrc(src=""){
+      this.element?.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', src)
+      return this;
+    }
+  } 
+const svgImage=(src,w,h,x,y)=>new ZikoSvgImage(src,w,h,x,y);
 export { svgImage }

package/src/graphics/svg/Elements/Basic/line.js

@@ -1,29 +1,29 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgLine extends ZikoSvgElement{
-    constructor(x1,y1,x2,y2){
-      super()
-      this.element=document?.createElementtNS(
-        "http://www.w3.org/2000/svg",
-        "line",
-      );
-      this.x1(x1).y1(y1).x2(x2).y2(y2).stroke("black");
-    }
-    x1(x1){
-       this.element.x1.baseVal.value=x1;
-       return this;
-    }
-    y1(y1){
-       this.element.y1.baseVal.value=y1;
-       return this;
-    }
-    x2(x2){
-       this.element.x2.baseVal.value=x2;
-       return this;
-    } 
-    y2(y2){
-       this.element.y2.baseVal.value=y2;
-       return this;
-    } 
-  } 
-const svgLine=(x1,y1,x2,y2)=>new ZikoSvgLine(x1,y1,x2,y2);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgLine extends ZikoSvgElement{
+    constructor(x1,y1,x2,y2){
+      super()
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "line",
+      );
+      this.x1(x1).y1(y1).x2(x2).y2(y2).stroke("black");
+    }
+    x1(x1){
+       this.element.x1.baseVal.value=x1;
+       return this;
+    }
+    y1(y1){
+       this.element.y1.baseVal.value=y1;
+       return this;
+    }
+    x2(x2){
+       this.element.x2.baseVal.value=x2;
+       return this;
+    } 
+    y2(y2){
+       this.element.y2.baseVal.value=y2;
+       return this;
+    } 
+  } 
+const svgLine=(x1,y1,x2,y2)=>new ZikoSvgLine(x1,y1,x2,y2);
 export{ svgLine }

package/src/graphics/svg/Elements/Basic/link.js

@@ -1,30 +1,30 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgLink extends ZikoSvgElement{
-    constructor(href,...svgElement){
-      super();
-      this.items=[];
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "a",
-      );
-      this.element.etAttribute("href",href)
-      this.add(...svgElement)
-    }
-    add(...svgElement){
-      for(let i=0;i<svgElement.length;i++){
-        this.element.ppendChild(svgElement[i].element);
-        this.items.push(svgElement[i])
-      }
-      if(svgElement.length===1)return svgElement[0]
-      return svgElement;
-    }
-    remove(...svgElement){
-      for(let i=0;i<svgElement.length;i++){
-        this.element.moveChild(svgElement[i].element);
-        this.items=this.items.filter(n=>n!=svgElement)
-      }
-      return this;     
-    }
-}
-const svgLink=(href,...svgElement)=>new ZikoSvgLink(href,...svgElement)
-export{ svgLink }
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgLink extends ZikoSvgElement{
+    constructor(href,...svgElement){
+      super();
+      this.items=[];
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "a",
+      );
+      this.element.etAttribute("href",href)
+      this.add(...svgElement)
+    }
+    add(...svgElement){
+      for(let i=0;i<svgElement.length;i++){
+        this.element.ppendChild(svgElement[i].element);
+        this.items.push(svgElement[i])
+      }
+      if(svgElement.length===1)return svgElement[0]
+      return svgElement;
+    }
+    remove(...svgElement){
+      for(let i=0;i<svgElement.length;i++){
+        this.element.moveChild(svgElement[i].element);
+        this.items=this.items.filter(n=>n!=svgElement)
+      }
+      return this;     
+    }
+}
+const svgLink=(href,...svgElement)=>new ZikoSvgLink(href,...svgElement)
+export{ svgLink }

package/src/graphics/svg/Elements/Basic/path.js

@@ -1,59 +1,59 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgPath extends ZikoSvgElement{
-    constructor(){
-    super()
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "path",
-      );
-      this.path="";
-      
-    }
-    setPath(){
-        this.element.etAttribute("d",this.path);
-        return this;
-    }
-    clear(){
-        this.path="";
-        this.setPath();
-        return this;
-    }
-    moveTo(x,y){
-        this.path+=`M${x} ${y} `;
-        this.setPath();
-        return this;
-    }
-    lineTo(x,y){
-        this.path+=`L${x} ${y} `;
-        this.setPath();
-        return this;
-    }
-    hr(x){
-        this.path+=`H${x} `;
-        this.setPath();
-        return this;
-    }
-    vr(y){
-        this.path+=`V${y} `;
-        this.setPath();
-        return this;
-    }
-    bezier(x1,y1,x2,y2,x,y){
-        this.path+=`C ${x1} ${y1},${x2} ${y2},${x} ${y} `;
-        this.setPath();
-        return this;      
-    }
-    quadratic(x1,y1,x,y){
-        this.path+=`Q ${x1} ${y1} ${x} ${y} `;
-        this.setPath();
-        return this;      
-    }
-    close(){
-        this.path+="Z";
-        this.setPath();
-        return this;
-    }
-}
-
-const svgPath=()=>new ZikoSvgPath();
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgPath extends ZikoSvgElement{
+    constructor(){
+    super()
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "path",
+      );
+      this.path="";
+      
+    }
+    setPath(){
+        this.element.etAttribute("d",this.path);
+        return this;
+    }
+    clear(){
+        this.path="";
+        this.setPath();
+        return this;
+    }
+    moveTo(x,y){
+        this.path+=`M${x} ${y} `;
+        this.setPath();
+        return this;
+    }
+    lineTo(x,y){
+        this.path+=`L${x} ${y} `;
+        this.setPath();
+        return this;
+    }
+    hr(x){
+        this.path+=`H${x} `;
+        this.setPath();
+        return this;
+    }
+    vr(y){
+        this.path+=`V${y} `;
+        this.setPath();
+        return this;
+    }
+    bezier(x1,y1,x2,y2,x,y){
+        this.path+=`C ${x1} ${y1},${x2} ${y2},${x} ${y} `;
+        this.setPath();
+        return this;      
+    }
+    quadratic(x1,y1,x,y){
+        this.path+=`Q ${x1} ${y1} ${x} ${y} `;
+        this.setPath();
+        return this;      
+    }
+    close(){
+        this.path+="Z";
+        this.setPath();
+        return this;
+    }
+}
+
+const svgPath=()=>new ZikoSvgPath();
 export{ svgPath }

package/src/graphics/svg/Elements/Basic/polygon.js

@@ -1,32 +1,32 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgPolygon extends ZikoSvgElement{
-    constructor(X=[],Y=[]){
-      super()
-      this.X=X;
-      this.Y=Y
-      this.element=document?.createElementtNS(
-        "http://www.w3.org/2000/svg",
-        "polygon",
-      );
-      this.element?.setAttribute("points","");
-      this.addPoints(X,Y)
-    }
-    addPoint(x,y){
-      let p=this.element.parentElement.createSVGPoint();
-      p.x=x;
-      p.y=y;
-      this.element.points.appendItem(p);
-      return this;
-    }
-    addPoints(X,Y){
-      for(let i=0;i<X.length;i++){
-        let p=this.element.parentElement.createSVGPoint();
-        p.x=X[i];
-        p.y=Y[i];
-        this.element.oints.appendItem(p)
-      }
-      return this;
-    }
-  } 
-const svgPolygon=(X,Y)=>new ZikoSvgPolygon(X,Y);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgPolygon extends ZikoSvgElement{
+    constructor(X=[],Y=[]){
+      super()
+      this.X=X;
+      this.Y=Y
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "polygon",
+      );
+      this.element?.setAttribute("points","");
+      this.addPoints(X,Y)
+    }
+    addPoint(x,y){
+      let p=this.element.parentElement.createSVGPoint();
+      p.x=x;
+      p.y=y;
+      this.element.points.appendItem(p);
+      return this;
+    }
+    addPoints(X,Y){
+      for(let i=0;i<X.length;i++){
+        let p=this.element.parentElement.createSVGPoint();
+        p.x=X[i];
+        p.y=Y[i];
+        this.element.oints.appendItem(p)
+      }
+      return this;
+    }
+  } 
+const svgPolygon=(X,Y)=>new ZikoSvgPolygon(X,Y);
 export{ svgPolygon }

package/src/graphics/svg/Elements/Basic/polyline.js

@@ -1,4 +1,4 @@
-import ZikoSvgElement from "../ZikoSvgElement.js";
-class ZikoSvgPolyLine extends ZikoSvgElement{}
-const svgPolyLine=(X,Y)=>new ZikoSvgPolyLine(X,Y);
+import ZikoSvgElement from "../ZikoSvgElement.js";
+class ZikoSvgPolyLine extends ZikoSvgElement{}
+const svgPolyLine=(X,Y)=>new ZikoSvgPolyLine(X,Y);
 export { svgPolyLine }