ziko 0.0.18 → 0.0.20

package/src/graphics/svg/{elements/basic → Elements/Basic}/foreign-object.js

@@ -1,36 +1,36 @@
-import ZikoSvgElement from "../ziko-svg-element.js";
-import { Flex } from "../../../../ui/index.js"
-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, w, h)=>new ZikoSvgForeignObject(x, y, w, h);
-export { 
-  svgObject,
-  ZikoSvgForeignObject
+import ZikoSvgElement from "../ziko-svg-element.js";
+import { Flex } from "../../../../ui/index.js"
+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, w, h)=>new ZikoSvgForeignObject(x, y, w, h);
+export { 
+  svgObject,
+  ZikoSvgForeignObject
 }

package/src/graphics/svg/{elements/basic → Elements/Basic}/groupe.js

@@ -1,32 +1,32 @@
-import ZikoSvgElement from "../ziko-svg-element.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,
-  ZikoSvgGroupe
- }
+import ZikoSvgElement from "../ziko-svg-element.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,
+  ZikoSvgGroupe
+ }

package/src/graphics/svg/{elements/basic → Elements/Basic}/image.js

@@ -1,36 +1,36 @@
-import ZikoSvgElement from "../ziko-svg-element.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,
-  ZikoSvgImage
+import ZikoSvgElement from "../ziko-svg-element.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,
+  ZikoSvgImage
  }

package/src/graphics/svg/{elements/basic → Elements/Basic}/line.js

@@ -1,32 +1,32 @@
-import ZikoSvgElement from "../ziko-svg-element.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,
-   ZikoSvgLine
+import ZikoSvgElement from "../ziko-svg-element.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,
+   ZikoSvgLine
  }

package/src/graphics/svg/{elements/basic → Elements/Basic}/link.js

@@ -1,33 +1,33 @@
-import ZikoSvgElement from "../ziko-svg-element.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,
-  ZikoSvgLink
- }
+import ZikoSvgElement from "../ziko-svg-element.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,
+  ZikoSvgLink
+ }

package/src/graphics/svg/{elements/basic → Elements/Basic}/path.js

@@ -1,62 +1,62 @@
-import ZikoSvgElement from "../ziko-svg-element.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,
-    ZikoSvgPath
+import ZikoSvgElement from "../ziko-svg-element.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,
+    ZikoSvgPath
  }

package/src/graphics/svg/{elements/basic → Elements/Basic}/polygon.js

@@ -1,32 +1,32 @@
-import ZikoSvgElement from "../ziko-svg-element.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);
+import ZikoSvgElement from "../ziko-svg-element.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 → Elements/Basic}/polyline.js

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

package/src/graphics/svg/{elements/basic → Elements/Basic}/rect.js

@@ -1,46 +1,46 @@
-
-import ZikoSvgELement from "../ziko-svg-element.js";
-class ZikoSvgRectangle extends ZikoSvgELement{
-    constructor(x,y,w,h,center=true){
-      super()
-      this.element=document?.createElementNS(
-        "http://www.w3.org/2000/svg",
-        "rect",
-      );
-      this.setX(x).setY(y).width(w).height(h);
-      this.rx=this.x+this.w/2;
-      this.ty=this.y+this.h/2;
-    }
-    setX(x){
-       this.element.x.baseVal.value=x;
-       this.x=x;
-       return this;
-    }
-    setY(y){
-       this.element.y.baseVal.value=y;
-       this.y=y;
-       return this;
-    }
-    r(rx,ry){
-      this.rx=rx;
-      this.ry=ry;
-      this.setX(this.rx-this.w/2);
-      this.setY(this.ry-this.h/2);
-      return this;
-    } 
-    width(w){
-       this.element.width.baseVal.value=w;
-       this.w=w;
-       return this;
-    } 
-    height(h){
-       this.element.height.baseVal.value=h;
-       this.h=h;
-       return this;
-    } 
-  } 
-  const svgRect=(x,y,w,h,center)=>new ZikoSvgRectangle(x,y,w,h,center);
-  export{ 
-   svgRect,
-   ZikoSvgRectangle
+
+import ZikoSvgELement from "../ziko-svg-element.js";
+class ZikoSvgRectangle extends ZikoSvgELement{
+    constructor(x,y,w,h,center=true){
+      super()
+      this.element=document?.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "rect",
+      );
+      this.setX(x).setY(y).width(w).height(h);
+      this.rx=this.x+this.w/2;
+      this.ty=this.y+this.h/2;
+    }
+    setX(x){
+       this.element.x.baseVal.value=x;
+       this.x=x;
+       return this;
+    }
+    setY(y){
+       this.element.y.baseVal.value=y;
+       this.y=y;
+       return this;
+    }
+    r(rx,ry){
+      this.rx=rx;
+      this.ry=ry;
+      this.setX(this.rx-this.w/2);
+      this.setY(this.ry-this.h/2);
+      return this;
+    } 
+    width(w){
+       this.element.width.baseVal.value=w;
+       this.w=w;
+       return this;
+    } 
+    height(h){
+       this.element.height.baseVal.value=h;
+       this.h=h;
+       return this;
+    } 
+  } 
+  const svgRect=(x,y,w,h,center)=>new ZikoSvgRectangle(x,y,w,h,center);
+  export{ 
+   svgRect,
+   ZikoSvgRectangle
  }