ziko 0.0.18 → 0.0.20
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/dist/ziko.cjs +10682 -11306
- package/dist/ziko.js +10490 -11999
- package/dist/ziko.min.js +2 -2
- package/dist/ziko.mjs +10491 -11996
- package/package.json +16 -45
- package/src/__helpers__/index.js +61 -61
- package/src/app/json-style-sheet.js +64 -64
- package/src/app/ziko-app.js +38 -38
- package/src/data/api/fetchdom.js +13 -13
- package/src/data/api/index.js +3 -3
- package/src/data/api/preload.js +10 -10
- package/src/data/converter/adoc.js +130 -130
- package/src/data/converter/array.js +42 -42
- package/src/data/converter/canvas.js +24 -24
- package/src/data/converter/css.js +36 -36
- package/src/data/converter/csv.js +32 -32
- package/src/data/converter/idea.txt +9 -9
- package/src/data/converter/index.js +36 -36
- package/src/data/converter/json.js +80 -80
- package/src/data/converter/markdown.js +95 -95
- package/src/data/converter/object.js +69 -69
- package/src/data/converter/svg.js +10 -10
- package/src/data/index.js +16 -16
- package/src/data/parser/xml.js +46 -46
- package/src/data/string/patterns.js +11 -11
- package/src/data/string/string.js +169 -169
- package/src/global/{themes → _themes}/dark.js +884 -884
- package/src/global/{themes → _themes}/index.js +10 -10
- package/src/global/{themes → _themes}/light.js +254 -254
- package/src/global/app/index.js +45 -45
- package/src/global/component/index.js +38 -38
- package/src/global/globals/index.js +20 -20
- package/src/global/index.js +3 -11
- package/src/global/params/index.js +39 -39
- package/src/global/router/index.js +66 -66
- package/src/global/seo/index.js +42 -42
- package/src/graphics/canvas/canvas.js +176 -176
- package/src/graphics/canvas/elements/{basic → Basic}/arc.js +42 -42
- package/src/graphics/canvas/elements/{basic → Basic}/line.js +25 -25
- package/src/graphics/canvas/elements/{basic → Basic}/points.js +47 -47
- package/src/graphics/canvas/elements/{basic → Basic}/polygon.js +6 -6
- package/src/graphics/canvas/elements/{basic → Basic}/rect.js +45 -45
- package/src/graphics/canvas/elements/{chart → Chart}/scatter.js +2 -2
- package/src/graphics/canvas/elements/{element.js → Element.js} +114 -114
- package/src/graphics/canvas/elements/index.js +12 -12
- package/src/graphics/canvas/index.js +1 -1
- package/src/graphics/canvas/utils/color.js +7 -7
- package/src/graphics/canvas/utils/floodFill.js +57 -57
- package/src/graphics/index.js +9 -9
- package/src/graphics/svg/{elements/basic → Elements/Basic}/circle.js +28 -28
- package/src/graphics/svg/{elements/basic → Elements/Basic}/ellipse.js +23 -23
- package/src/graphics/svg/{elements/basic → Elements/Basic}/foreign-object.js +35 -35
- package/src/graphics/svg/{elements/basic → Elements/Basic}/groupe.js +32 -32
- package/src/graphics/svg/{elements/basic → Elements/Basic}/image.js +35 -35
- package/src/graphics/svg/{elements/basic → Elements/Basic}/line.js +31 -31
- package/src/graphics/svg/{elements/basic → Elements/Basic}/link.js +33 -33
- package/src/graphics/svg/{elements/basic → Elements/Basic}/path.js +61 -61
- package/src/graphics/svg/{elements/basic → Elements/Basic}/polygon.js +31 -31
- package/src/graphics/svg/{elements/basic → Elements/Basic}/polyline.js +6 -6
- package/src/graphics/svg/{elements/basic → Elements/Basic}/rect.js +45 -45
- package/src/graphics/svg/{elements/basic → Elements/Basic}/text.js +28 -28
- package/src/graphics/svg/{elements/derived → Elements/Derived}/grid.js +8 -8
- package/src/graphics/svg/{elements → Elements}/index.js +2 -2
- package/src/graphics/svg/{elements → Elements}/ziko-svg-element.js +48 -48
- package/src/graphics/svg/index.js +1 -1
- package/src/graphics/svg/svg.js +68 -68
- package/src/index.js +85 -85
- package/src/math/calculus/index.js +2 -2
- package/src/math/calculus/special-functions/bessel.js +30 -30
- package/src/math/calculus/special-functions/beta.js +37 -37
- package/src/math/calculus/special-functions/gamma.js +29 -29
- package/src/math/calculus/special-functions/index.js +4 -4
- package/src/math/complex/index.js +202 -202
- package/src/math/const.js +2 -2
- package/src/math/discret/Combinaison/index.js +33 -33
- package/src/math/discret/Conversion/index.js +85 -85
- package/src/math/discret/Logic/index.js +45 -45
- package/src/math/discret/Permutation/index.js +30 -30
- package/src/math/discret/Set/index.js +1 -1
- package/src/math/discret/Set/power-set.js +14 -14
- package/src/math/discret/Set/sub-set.js +10 -10
- package/src/math/discret/index.js +11 -11
- package/src/math/functions/index.js +161 -161
- package/src/math/index.js +32 -32
- package/src/math/matrix/Decomposition.js +90 -90
- package/src/math/matrix/LinearSystem.js +9 -9
- package/src/math/matrix/Matrix.js +716 -716
- package/src/math/matrix/index.js +2 -2
- package/src/math/random/index.js +172 -172
- package/src/math/signal/__np.py.txt +39 -39
- package/src/math/signal/conv.js +174 -174
- package/src/math/signal/fft.js +54 -54
- package/src/math/signal/filter.js +38 -38
- package/src/math/signal/functions.js +145 -145
- package/src/math/signal/index.js +109 -109
- package/src/math/statistics/Functions/index.js +99 -99
- package/src/math/statistics/index.js +15 -15
- package/src/math/utils/arithmetic.js +138 -138
- package/src/math/utils/checkers.js +29 -29
- package/src/math/utils/conversions.js +19 -19
- package/src/math/utils/discret.js +51 -51
- package/src/math/utils/index.js +101 -101
- package/src/math/utils/mapfun.js +49 -49
- package/src/reactivity/events/Input.js +61 -61
- package/src/reactivity/events/Pointer.js +231 -231
- package/src/reactivity/events/ZikoEvent.js +90 -90
- package/src/reactivity/events/click.js +59 -59
- package/src/reactivity/events/clipboard.js +87 -87
- package/src/reactivity/events/custom-event.js +56 -56
- package/src/reactivity/events/drag.js +136 -136
- package/src/reactivity/events/focus.js +58 -58
- package/src/reactivity/events/hash.js +46 -46
- package/src/reactivity/events/index.js +12 -12
- package/src/reactivity/events/key.js +101 -101
- package/src/reactivity/events/mouse.js +232 -232
- package/src/reactivity/events/swipe.js +149 -149
- package/src/reactivity/events/wheel.js +46 -46
- package/src/reactivity/hooks/{contexte → Contexte}/useSuccesifKeys.js +13 -13
- package/src/reactivity/hooks/{decorators → Decorators}/index.js +6 -6
- package/src/reactivity/hooks/{decorators → Decorators}/time.js +16 -16
- package/src/reactivity/hooks/{decorators → Decorators}/type.js +87 -87
- package/src/reactivity/hooks/{head/useCssText.js → Head/_useCssText.js} +20 -20
- package/src/reactivity/hooks/{head → Head}/index.js +5 -5
- package/src/reactivity/hooks/{head → Head}/useFavIcon.js +37 -37
- package/src/reactivity/hooks/{head → Head}/useHead.js +27 -27
- package/src/reactivity/hooks/{head → Head}/useMeta.js +52 -52
- package/src/reactivity/hooks/{head → Head}/useTitle.js +29 -29
- package/src/reactivity/hooks/{interactions/useBluetooth.js → Interactions/_useBluetooth.js} +47 -47
- package/src/reactivity/hooks/{interactions → Interactions}/index.js +4 -4
- package/src/reactivity/hooks/{interactions → Interactions}/useChannel.js +49 -49
- package/src/reactivity/hooks/{interactions → Interactions}/useEventEmmiter.js +63 -63
- package/src/reactivity/hooks/{interactions → Interactions}/useThread.js +43 -43
- package/src/reactivity/hooks/Sensors/index.js +2 -0
- package/src/reactivity/hooks/{sensors → Sensors}/useBattery.js +35 -35
- package/src/reactivity/hooks/{sensors → Sensors}/useGeolocation.js +16 -16
- package/src/reactivity/hooks/{storage → Storage}/useStorage.js +72 -72
- package/src/reactivity/hooks/{ui → UI}/index.js +5 -5
- package/src/reactivity/hooks/{ui → UI}/useMediaQuery.js +43 -43
- package/src/reactivity/hooks/{ui → UI}/useStyle.js +79 -79
- package/src/reactivity/hooks/{ui → UI}/useTheme.js +61 -61
- package/src/reactivity/hooks/index.js +7 -7
- package/src/reactivity/hooks/todo.md +26 -26
- package/src/reactivity/idea +1 -1
- package/src/reactivity/index.js +11 -11
- package/src/reactivity/observer/attributes.js +28 -28
- package/src/reactivity/observer/children.js +36 -36
- package/src/reactivity/observer/index.js +6 -6
- package/src/reactivity/observer/intersection.js +43 -43
- package/src/reactivity/observer/mutation.js +112 -112
- package/src/reactivity/observer/resize.js +46 -46
- package/src/reactivity/observer/screen.js +44 -44
- package/src/reactivity/observer/screen.js.txt +83 -83
- package/src/reactivity/observer/screen.txt +12 -12
- package/src/time/animation.js +75 -75
- package/src/time/index.js +11 -11
- package/src/time/loop.js +87 -87
- package/src/time/utils/decorators.js +16 -16
- package/src/time/utils/ease.js +143 -143
- package/src/time/utils/index.js +17 -17
- package/src/time/utils/performance.js +15 -15
- package/src/time/utils/ui.js +25 -25
- package/src/types.js +73 -73
- package/src/ui/elements/derived/accordion/accordion.js +42 -42
- package/src/ui/elements/derived/accordion/collapsible.js +82 -82
- package/src/ui/elements/derived/accordion/index.js +1 -1
- package/src/ui/elements/derived/alert/alert.js +80 -80
- package/src/ui/elements/derived/alert/palette.js +51 -51
- package/src/ui/elements/derived/carousel/index.js +50 -50
- package/src/ui/elements/derived/code-note/SubElements.js.txt +104 -104
- package/src/ui/elements/derived/code-note/code-cell.js +194 -194
- package/src/ui/elements/derived/code-note/code-note.js +71 -71
- package/src/ui/elements/derived/code-note/index.js +1 -1
- package/src/ui/elements/derived/code-note/sub-elements.js +66 -66
- package/src/ui/elements/derived/elements/Swipper.js +3 -3
- package/src/ui/elements/derived/elements/index.js +9 -9
- package/src/ui/elements/derived/flex/index.js +102 -102
- package/src/ui/elements/derived/grid/index.js +32 -32
- package/src/ui/elements/derived/index.js +11 -11
- package/src/ui/elements/derived/menu/menu3d.js +259 -259
- package/src/ui/elements/derived/modal/index.js +91 -91
- package/src/ui/elements/derived/pagination/breadcrumbs.js +53 -53
- package/src/ui/elements/derived/slider/__ZikoUISlider__.js +111 -111
- package/src/ui/elements/derived/slider/hSlider.js +33 -33
- package/src/ui/elements/derived/slider/index.js +11 -11
- package/src/ui/elements/derived/slider/vSlider.js +26 -26
- package/src/ui/elements/derived/splitter/__ZikoUISplitter__.js +61 -61
- package/src/ui/elements/derived/splitter/hsplitter.js +39 -39
- package/src/ui/elements/derived/splitter/index.js +11 -11
- package/src/ui/elements/derived/splitter/vsplitter.js +39 -39
- package/src/ui/elements/derived/tabs/index.js +179 -179
- package/src/ui/elements/primitives/ZikoUIContainerElement.js +163 -163
- package/src/ui/elements/primitives/ZikoUIElement.js +492 -492
- package/src/ui/elements/primitives/embaded/html.js +19 -19
- package/src/ui/elements/primitives/embaded/index.js +3 -3
- package/src/ui/elements/primitives/embaded/pdf.js +16 -16
- package/src/ui/elements/primitives/embaded/youtube.js +23 -23
- package/src/ui/elements/primitives/index.js +7 -7
- package/src/ui/elements/primitives/io/Form/index.js +41 -41
- package/src/ui/elements/primitives/io/Form/index.js.txt +104 -104
- package/src/ui/elements/primitives/io/Inputs/__helpers__.js +51 -51
- package/src/ui/elements/primitives/io/Inputs/index.js +12 -12
- package/src/ui/elements/primitives/io/Inputs/input/index.js +98 -98
- package/src/ui/elements/primitives/io/Inputs/input-camera/index.js +26 -26
- package/src/ui/elements/primitives/io/Inputs/input-checkbox/index.js +25 -25
- package/src/ui/elements/primitives/io/Inputs/input-color/index.js +15 -15
- package/src/ui/elements/primitives/io/Inputs/input-date-time/index.js +2 -2
- package/src/ui/elements/primitives/io/Inputs/input-date-time/input-date-time.js +13 -13
- package/src/ui/elements/primitives/io/Inputs/input-date-time/input-date.js +13 -13
- package/src/ui/elements/primitives/io/Inputs/input-date-time/input-time.js +13 -13
- package/src/ui/elements/primitives/io/Inputs/input-email-password/index.js +1 -1
- package/src/ui/elements/primitives/io/Inputs/input-email-password/input-email.js +14 -14
- package/src/ui/elements/primitives/io/Inputs/input-email-password/input-password.js +13 -13
- package/src/ui/elements/primitives/io/Inputs/input-file/input-image.js +42 -42
- package/src/ui/elements/primitives/io/Inputs/input-number/index.js +36 -36
- package/src/ui/elements/primitives/io/Inputs/input-radio/index.js +25 -25
- package/src/ui/elements/primitives/io/Inputs/input-search/index.js +45 -45
- package/src/ui/elements/primitives/io/Inputs/input-slider/index.js +34 -34
- package/src/ui/elements/primitives/io/Select/index.js +19 -19
- package/src/ui/elements/primitives/io/Textarea/index.js +17 -17
- package/src/ui/elements/primitives/io/index.js +3 -3
- package/src/ui/elements/primitives/list/index.js +138 -138
- package/src/ui/elements/primitives/media/Audio/index.js +16 -16
- package/src/ui/elements/primitives/media/Image/figure.js +18 -18
- package/src/ui/elements/primitives/media/Image/image.js +36 -36
- package/src/ui/elements/primitives/media/Image/index.js +1 -1
- package/src/ui/elements/primitives/media/Video/index.js +26 -26
- package/src/ui/elements/primitives/media/__ZikoUIDynamicMediaELement__.js +46 -46
- package/src/ui/elements/primitives/media/index.js +2 -2
- package/src/ui/elements/primitives/misc/index.js +101 -101
- package/src/ui/elements/primitives/semantic/index.js +81 -81
- package/src/ui/elements/primitives/table/elements.js +93 -93
- package/src/ui/elements/primitives/table/index.js +2 -2
- package/src/ui/elements/primitives/table/table.js +115 -115
- package/src/ui/elements/primitives/table/utils.js +11 -11
- package/src/ui/elements/primitives/text/__ZikoUIText__.js +71 -71
- package/src/ui/elements/primitives/text/heading.js +35 -35
- package/src/ui/elements/primitives/text/index.js +2 -2
- package/src/ui/elements/primitives/text/p.js +26 -26
- package/src/ui/elements/primitives/text/text.js +80 -80
- package/src/ui/index.js +37 -37
- package/src/ui/style/index.js +504 -515
- package/src/ui/utils/index.js +69 -69
- package/starter/bin/index.js +11 -11
- package/src/reactivity/hooks/sensors/index.js +0 -2
- /package/{readme.md → README.md} +0 -0
- /package/src/graphics/canvas/elements/{basic → Basic}/image.js +0 -0
- /package/src/graphics/canvas/elements/{basic → Basic}/path.js +0 -0
- /package/src/graphics/canvas/elements/{basic → Basic}/polyline.js +0 -0
- /package/src/graphics/canvas/elements/{basic → Basic}/text.js +0 -0
- /package/src/graphics/canvas/elements/{chart → Chart}/histogram.js +0 -0
- /package/src/graphics/canvas/elements/{chart → Chart}/plot.js +0 -0
- /package/src/graphics/canvas/elements/{chart → Chart}/stem.js +0 -0
- /package/src/graphics/svg/{elements/basic → Elements/Basic}/index.js +0 -0
- /package/src/graphics/svg/{elements/derived → Elements/Derived}/index.js +0 -0
- /package/src/reactivity/hooks/{contexte → Contexte}/index.js +0 -0
- /package/src/reactivity/hooks/{interactions → Interactions}/useSerial.js +0 -0
- /package/src/reactivity/hooks/{interactions → Interactions}/useUsb.js +0 -0
- /package/src/reactivity/hooks/{sensors → Sensors}/useCamera.js +0 -0
- /package/src/reactivity/hooks/{sensors → Sensors}/useMicro.js +0 -0
- /package/src/reactivity/hooks/{sensors → Sensors}/useOrientation.js +0 -0
- /package/src/reactivity/hooks/{storage → Storage}/index.js +0 -0
- /package/src/reactivity/hooks/{storage → Storage}/useCookie.js +0 -0
- /package/src/reactivity/hooks/{storage → Storage}/useIndexedDb.js +0 -0
- /package/src/reactivity/hooks/{ui → UI}/useCssLink.js +0 -0
- /package/src/reactivity/hooks/{ui → UI}/useLinearGradient.js +0 -0
- /package/src/reactivity/hooks/{ui → UI}/useRadialGradient.js +0 -0
- /package/src/reactivity/hooks/{ui → UI}/useRoot.js +0 -0
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import ZikoSvgElement from "../ziko-svg-element.js";
|
|
2
|
-
class ZikoSvgText extends ZikoSvgElement{
|
|
3
|
-
constructor(text,x,y){
|
|
4
|
-
super()
|
|
5
|
-
this.element=document?.createElementNS(
|
|
6
|
-
"http://www.w3.org/2000/svg",
|
|
7
|
-
"text",
|
|
8
|
-
);
|
|
9
|
-
this.setText(text)
|
|
10
|
-
this.x(x).y(y);
|
|
11
|
-
}
|
|
12
|
-
x(x){
|
|
13
|
-
this.element?.setAttribute("x",x);
|
|
14
|
-
return this;
|
|
15
|
-
}
|
|
16
|
-
y(y){
|
|
17
|
-
this.element?.setAttribute("y",y);
|
|
18
|
-
return this;
|
|
19
|
-
}
|
|
20
|
-
setText(text=""){
|
|
21
|
-
this.element.textContent=text;
|
|
22
|
-
return this;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
const svgText=(text,x,y)=>new ZikoSvgText(text,x,y);
|
|
26
|
-
export{
|
|
27
|
-
svgText,
|
|
28
|
-
ZikoSvgText
|
|
1
|
+
import ZikoSvgElement from "../ziko-svg-element.js";
|
|
2
|
+
class ZikoSvgText extends ZikoSvgElement{
|
|
3
|
+
constructor(text,x,y){
|
|
4
|
+
super()
|
|
5
|
+
this.element=document?.createElementNS(
|
|
6
|
+
"http://www.w3.org/2000/svg",
|
|
7
|
+
"text",
|
|
8
|
+
);
|
|
9
|
+
this.setText(text)
|
|
10
|
+
this.x(x).y(y);
|
|
11
|
+
}
|
|
12
|
+
x(x){
|
|
13
|
+
this.element?.setAttribute("x",x);
|
|
14
|
+
return this;
|
|
15
|
+
}
|
|
16
|
+
y(y){
|
|
17
|
+
this.element?.setAttribute("y",y);
|
|
18
|
+
return this;
|
|
19
|
+
}
|
|
20
|
+
setText(text=""){
|
|
21
|
+
this.element.textContent=text;
|
|
22
|
+
return this;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
const svgText=(text,x,y)=>new ZikoSvgText(text,x,y);
|
|
26
|
+
export{
|
|
27
|
+
svgText,
|
|
28
|
+
ZikoSvgText
|
|
29
29
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { svgPath } from "../basic/path"
|
|
2
|
-
const svgGrid=(w,h,r=10,c=10)=>{
|
|
3
|
-
let path=svgPath().fill("none").stroke("coral").strokeWidth(0.6)
|
|
4
|
-
console.log({x:w/r,y:h/c})
|
|
5
|
-
for(let i=0;i<w;i++) path.moveTo(0,i*w/r).hr(w)
|
|
6
|
-
for(let j=0;j<h;j++) path.moveTo(j*h/c,0).vr(h)
|
|
7
|
-
return path
|
|
8
|
-
}
|
|
1
|
+
import { svgPath } from "../basic/path"
|
|
2
|
+
const svgGrid=(w,h,r=10,c=10)=>{
|
|
3
|
+
let path=svgPath().fill("none").stroke("coral").strokeWidth(0.6)
|
|
4
|
+
console.log({x:w/r,y:h/c})
|
|
5
|
+
for(let i=0;i<w;i++) path.moveTo(0,i*w/r).hr(w)
|
|
6
|
+
for(let j=0;j<h;j++) path.moveTo(j*h/c,0).vr(h)
|
|
7
|
+
return path
|
|
8
|
+
}
|
|
9
9
|
export{ svgGrid };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./basic/index.js"
|
|
2
|
-
export { svgGrid } from "./derived/grid.js";
|
|
1
|
+
export * from "./basic/index.js"
|
|
2
|
+
export { svgGrid } from "./derived/grid.js";
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { ZikoUIElement } from "../../../ui";
|
|
2
|
-
class ZikoSvgElement extends ZikoUIElement{
|
|
3
|
-
constructor(type) {
|
|
4
|
-
super()
|
|
5
|
-
Object.assign(this.cache,{
|
|
6
|
-
type
|
|
7
|
-
})
|
|
8
|
-
}
|
|
9
|
-
pos(x,y){
|
|
10
|
-
return this.posX(x).posY(y);
|
|
11
|
-
}
|
|
12
|
-
posX(x){
|
|
13
|
-
if(["circle","ellipse"].includes(this.cache.type))this.element.cx.baseVal.value=x;
|
|
14
|
-
else this.element.x.baseVal.value=x;
|
|
15
|
-
return this;
|
|
16
|
-
}
|
|
17
|
-
posY(y){
|
|
18
|
-
if(["circle","ellipse"].includes(this.cache.type))this.element.cy.baseVal.value=y;
|
|
19
|
-
else this.element.y.baseVal.value=y;
|
|
20
|
-
return this;
|
|
21
|
-
}
|
|
22
|
-
translate(x,y){
|
|
23
|
-
return this;
|
|
24
|
-
}
|
|
25
|
-
color({ stroke, fill }) {
|
|
26
|
-
this.element?.setAttribute("stroke", stroke);
|
|
27
|
-
this.element?.setAttribute("fill", fill);
|
|
28
|
-
return this;
|
|
29
|
-
}
|
|
30
|
-
fill(color = "none") {
|
|
31
|
-
this.element?.setAttribute("fill", color);
|
|
32
|
-
return this;
|
|
33
|
-
}
|
|
34
|
-
stroke(color = "none", width) {
|
|
35
|
-
this.element?.setAttribute("stroke", color);
|
|
36
|
-
width && this.strokeWidth(width);
|
|
37
|
-
return this;
|
|
38
|
-
}
|
|
39
|
-
strokeWidth(width = 1) {
|
|
40
|
-
this.element?.setAttribute("stroke-width", width);
|
|
41
|
-
return this;
|
|
42
|
-
}
|
|
43
|
-
opacity(value = 1) {
|
|
44
|
-
this.element?.setAttribute("opacity", value);
|
|
45
|
-
return this;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
export default ZikoSvgElement;
|
|
1
|
+
import { ZikoUIElement } from "../../../ui";
|
|
2
|
+
class ZikoSvgElement extends ZikoUIElement{
|
|
3
|
+
constructor(type) {
|
|
4
|
+
super()
|
|
5
|
+
Object.assign(this.cache,{
|
|
6
|
+
type
|
|
7
|
+
})
|
|
8
|
+
}
|
|
9
|
+
pos(x,y){
|
|
10
|
+
return this.posX(x).posY(y);
|
|
11
|
+
}
|
|
12
|
+
posX(x){
|
|
13
|
+
if(["circle","ellipse"].includes(this.cache.type))this.element.cx.baseVal.value=x;
|
|
14
|
+
else this.element.x.baseVal.value=x;
|
|
15
|
+
return this;
|
|
16
|
+
}
|
|
17
|
+
posY(y){
|
|
18
|
+
if(["circle","ellipse"].includes(this.cache.type))this.element.cy.baseVal.value=y;
|
|
19
|
+
else this.element.y.baseVal.value=y;
|
|
20
|
+
return this;
|
|
21
|
+
}
|
|
22
|
+
translate(x,y){
|
|
23
|
+
return this;
|
|
24
|
+
}
|
|
25
|
+
color({ stroke, fill }) {
|
|
26
|
+
this.element?.setAttribute("stroke", stroke);
|
|
27
|
+
this.element?.setAttribute("fill", fill);
|
|
28
|
+
return this;
|
|
29
|
+
}
|
|
30
|
+
fill(color = "none") {
|
|
31
|
+
this.element?.setAttribute("fill", color);
|
|
32
|
+
return this;
|
|
33
|
+
}
|
|
34
|
+
stroke(color = "none", width) {
|
|
35
|
+
this.element?.setAttribute("stroke", color);
|
|
36
|
+
width && this.strokeWidth(width);
|
|
37
|
+
return this;
|
|
38
|
+
}
|
|
39
|
+
strokeWidth(width = 1) {
|
|
40
|
+
this.element?.setAttribute("stroke-width", width);
|
|
41
|
+
return this;
|
|
42
|
+
}
|
|
43
|
+
opacity(value = 1) {
|
|
44
|
+
this.element?.setAttribute("opacity", value);
|
|
45
|
+
return this;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
export default ZikoSvgElement;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./svg.js"
|
|
1
|
+
export * from "./svg.js"
|
|
2
2
|
export * from "./elements/index.js"
|
package/src/graphics/svg/svg.js
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { ZikoUIContainerElement } from "../../ui/index.js";
|
|
2
|
-
class ZikoUISvg extends ZikoUIContainerElement {
|
|
3
|
-
constructor(w=360,h=300) {
|
|
4
|
-
super("svg","svg");
|
|
5
|
-
//this.cache={};
|
|
6
|
-
// this.setAttr("width",w);
|
|
7
|
-
// this.setAttr("height",h);
|
|
8
|
-
// this.setAttr({
|
|
9
|
-
// width : w,
|
|
10
|
-
// height : h
|
|
11
|
-
// })
|
|
12
|
-
this.style({border:"1px black solid"});
|
|
13
|
-
//this.view(-w/2,-h/2,w/2,h/2);
|
|
14
|
-
this.size(w, h)
|
|
15
|
-
this.view(-10,-10,10,10);
|
|
16
|
-
}
|
|
17
|
-
size(w, h){
|
|
18
|
-
this.setAttr({
|
|
19
|
-
width : w,
|
|
20
|
-
height : h
|
|
21
|
-
});
|
|
22
|
-
return this
|
|
23
|
-
}
|
|
24
|
-
view(x1,y1,x2,y2){
|
|
25
|
-
let width=Math.abs(x2-x1);
|
|
26
|
-
let height=Math.abs(y2-y1);
|
|
27
|
-
this.setAttr("viewBox",[x1,y1,width,height].join(" "));
|
|
28
|
-
this.st.scaleY(-1);
|
|
29
|
-
return this;
|
|
30
|
-
}
|
|
31
|
-
add(...svgElement){
|
|
32
|
-
for(let i=0;i<svgElement.length;i++){
|
|
33
|
-
this.element.append(svgElement[i].element);
|
|
34
|
-
this.items.push(svgElement[i])
|
|
35
|
-
}
|
|
36
|
-
this.maintain()
|
|
37
|
-
return this;
|
|
38
|
-
}
|
|
39
|
-
remove(...svgElement){
|
|
40
|
-
for(let i=0;i<svgElement.length;i++){
|
|
41
|
-
this.element?.removeChild(svgElement[i].element);
|
|
42
|
-
this.items=this.items.filter(n=>!svgElement)
|
|
43
|
-
}
|
|
44
|
-
this.maintain();
|
|
45
|
-
return this;
|
|
46
|
-
}
|
|
47
|
-
mask(){
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
toString(){
|
|
51
|
-
return (new XMLSerializer()).serializeToString(this.element);
|
|
52
|
-
}
|
|
53
|
-
btoa(){
|
|
54
|
-
return btoa(this.toString())
|
|
55
|
-
}
|
|
56
|
-
toImg(){
|
|
57
|
-
return 'data:image/svg+xml;base64,'+this.btoa()
|
|
58
|
-
}
|
|
59
|
-
toImg2(){
|
|
60
|
-
return "data:image/svg+xml;charset=utf8,"+this.toString().replaceAll("<","%3C").replaceAll(">","%3E").replaceAll("#","%23").replaceAll('"',"'");
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
const Svg =(w,h)=>new ZikoUISvg(w,h);
|
|
66
|
-
export{
|
|
67
|
-
Svg,
|
|
68
|
-
ZikoUISvg,
|
|
1
|
+
import { ZikoUIContainerElement } from "../../ui/index.js";
|
|
2
|
+
class ZikoUISvg extends ZikoUIContainerElement {
|
|
3
|
+
constructor(w=360,h=300) {
|
|
4
|
+
super("svg","svg");
|
|
5
|
+
//this.cache={};
|
|
6
|
+
// this.setAttr("width",w);
|
|
7
|
+
// this.setAttr("height",h);
|
|
8
|
+
// this.setAttr({
|
|
9
|
+
// width : w,
|
|
10
|
+
// height : h
|
|
11
|
+
// })
|
|
12
|
+
this.style({border:"1px black solid"});
|
|
13
|
+
//this.view(-w/2,-h/2,w/2,h/2);
|
|
14
|
+
this.size(w, h)
|
|
15
|
+
this.view(-10,-10,10,10);
|
|
16
|
+
}
|
|
17
|
+
size(w, h){
|
|
18
|
+
this.setAttr({
|
|
19
|
+
width : w,
|
|
20
|
+
height : h
|
|
21
|
+
});
|
|
22
|
+
return this
|
|
23
|
+
}
|
|
24
|
+
view(x1,y1,x2,y2){
|
|
25
|
+
let width=Math.abs(x2-x1);
|
|
26
|
+
let height=Math.abs(y2-y1);
|
|
27
|
+
this.setAttr("viewBox",[x1,y1,width,height].join(" "));
|
|
28
|
+
this.st.scaleY(-1);
|
|
29
|
+
return this;
|
|
30
|
+
}
|
|
31
|
+
add(...svgElement){
|
|
32
|
+
for(let i=0;i<svgElement.length;i++){
|
|
33
|
+
this.element.append(svgElement[i].element);
|
|
34
|
+
this.items.push(svgElement[i])
|
|
35
|
+
}
|
|
36
|
+
this.maintain()
|
|
37
|
+
return this;
|
|
38
|
+
}
|
|
39
|
+
remove(...svgElement){
|
|
40
|
+
for(let i=0;i<svgElement.length;i++){
|
|
41
|
+
this.element?.removeChild(svgElement[i].element);
|
|
42
|
+
this.items=this.items.filter(n=>!svgElement)
|
|
43
|
+
}
|
|
44
|
+
this.maintain();
|
|
45
|
+
return this;
|
|
46
|
+
}
|
|
47
|
+
mask(){
|
|
48
|
+
|
|
49
|
+
}
|
|
50
|
+
toString(){
|
|
51
|
+
return (new XMLSerializer()).serializeToString(this.element);
|
|
52
|
+
}
|
|
53
|
+
btoa(){
|
|
54
|
+
return btoa(this.toString())
|
|
55
|
+
}
|
|
56
|
+
toImg(){
|
|
57
|
+
return 'data:image/svg+xml;base64,'+this.btoa()
|
|
58
|
+
}
|
|
59
|
+
toImg2(){
|
|
60
|
+
return "data:image/svg+xml;charset=utf8,"+this.toString().replaceAll("<","%3C").replaceAll(">","%3E").replaceAll("#","%23").replaceAll('"',"'");
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
const Svg =(w,h)=>new ZikoUISvg(w,h);
|
|
66
|
+
export{
|
|
67
|
+
Svg,
|
|
68
|
+
ZikoUISvg,
|
|
69
69
|
}
|
package/src/index.js
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import { __ExtractAll__,__RemoveAll__ } from "./__helpers__";
|
|
2
|
-
import Math from "./math";
|
|
3
|
-
import UI from "./ui";
|
|
4
|
-
import Time from "./time";
|
|
5
|
-
import Data from "./data";
|
|
6
|
-
import Reactivity from "./reactivity";
|
|
7
|
-
import Graphics from "./graphics";
|
|
8
|
-
import App,{__UI__, __Config__, defineParamsGetter} from "./app";
|
|
9
|
-
|
|
10
|
-
export * from "./math";
|
|
11
|
-
export * from "./ui";
|
|
12
|
-
export * from "./time";
|
|
13
|
-
export * from "./data";
|
|
14
|
-
export * from "./reactivity"
|
|
15
|
-
export * from "./graphics";
|
|
16
|
-
export * from "./app";
|
|
17
|
-
|
|
18
|
-
[
|
|
19
|
-
App,
|
|
20
|
-
Math,
|
|
21
|
-
UI,
|
|
22
|
-
Time,
|
|
23
|
-
Data,
|
|
24
|
-
Reactivity,
|
|
25
|
-
Graphics
|
|
26
|
-
].forEach(n=>Object.assign(n,{
|
|
27
|
-
ExtractAll:()=>__ExtractAll__(n),
|
|
28
|
-
RemoveAll:()=>__RemoveAll__(n)
|
|
29
|
-
}))
|
|
30
|
-
|
|
31
|
-
const Ziko={
|
|
32
|
-
App,
|
|
33
|
-
Math,
|
|
34
|
-
UI,
|
|
35
|
-
Time,
|
|
36
|
-
Data,
|
|
37
|
-
Reactivity,
|
|
38
|
-
Graphics,
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
if ( globalThis.__Ziko__ ) {
|
|
43
|
-
console.warn( 'WARNING: Multiple instances of Ziko.js being imported.' );
|
|
44
|
-
} else {
|
|
45
|
-
globalThis.__Ziko__={
|
|
46
|
-
...Ziko,
|
|
47
|
-
__UI__,
|
|
48
|
-
__Config__,
|
|
49
|
-
ExtractAll,
|
|
50
|
-
RemoveAll
|
|
51
|
-
};
|
|
52
|
-
defineParamsGetter(__Ziko__)
|
|
53
|
-
}
|
|
54
|
-
// globalThis.__Ziko__={
|
|
55
|
-
// ...Ziko,
|
|
56
|
-
// __UI__,
|
|
57
|
-
// __Config__,
|
|
58
|
-
// ExtractAll,
|
|
59
|
-
// RemoveAll
|
|
60
|
-
// };
|
|
61
|
-
if(globalThis?.document){
|
|
62
|
-
document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
|
|
63
|
-
}
|
|
64
|
-
function ExtractAll(){
|
|
65
|
-
UI.ExtractAll();
|
|
66
|
-
Math.ExtractAll();
|
|
67
|
-
Time.ExtractAll();
|
|
68
|
-
Reactivity.ExtractAll();
|
|
69
|
-
Graphics.ExtractAll();
|
|
70
|
-
Data.ExtractAll()
|
|
71
|
-
return this;
|
|
72
|
-
}
|
|
73
|
-
function RemoveAll(){
|
|
74
|
-
UI.RemoveAll();
|
|
75
|
-
Math.RemoveAll();
|
|
76
|
-
Time.RemoveAll();
|
|
77
|
-
Reactivity.RemoveAll();
|
|
78
|
-
Graphics.RemoveAll();
|
|
79
|
-
Data.RemoveAll()
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
export default Ziko;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
1
|
+
import { __ExtractAll__,__RemoveAll__ } from "./__helpers__";
|
|
2
|
+
import Math from "./math";
|
|
3
|
+
import UI from "./ui";
|
|
4
|
+
import Time from "./time";
|
|
5
|
+
import Data from "./data";
|
|
6
|
+
import Reactivity from "./reactivity";
|
|
7
|
+
import Graphics from "./graphics";
|
|
8
|
+
import App,{__UI__, __Config__, defineParamsGetter} from "./app";
|
|
9
|
+
|
|
10
|
+
export * from "./math";
|
|
11
|
+
export * from "./ui";
|
|
12
|
+
export * from "./time";
|
|
13
|
+
export * from "./data";
|
|
14
|
+
export * from "./reactivity"
|
|
15
|
+
export * from "./graphics";
|
|
16
|
+
export * from "./app";
|
|
17
|
+
|
|
18
|
+
[
|
|
19
|
+
App,
|
|
20
|
+
Math,
|
|
21
|
+
UI,
|
|
22
|
+
Time,
|
|
23
|
+
Data,
|
|
24
|
+
Reactivity,
|
|
25
|
+
Graphics
|
|
26
|
+
].forEach(n=>Object.assign(n,{
|
|
27
|
+
ExtractAll:()=>__ExtractAll__(n),
|
|
28
|
+
RemoveAll:()=>__RemoveAll__(n)
|
|
29
|
+
}))
|
|
30
|
+
|
|
31
|
+
const Ziko={
|
|
32
|
+
App,
|
|
33
|
+
Math,
|
|
34
|
+
UI,
|
|
35
|
+
Time,
|
|
36
|
+
Data,
|
|
37
|
+
Reactivity,
|
|
38
|
+
Graphics,
|
|
39
|
+
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
if ( globalThis.__Ziko__ ) {
|
|
43
|
+
console.warn( 'WARNING: Multiple instances of Ziko.js being imported.' );
|
|
44
|
+
} else {
|
|
45
|
+
globalThis.__Ziko__={
|
|
46
|
+
...Ziko,
|
|
47
|
+
__UI__,
|
|
48
|
+
__Config__,
|
|
49
|
+
ExtractAll,
|
|
50
|
+
RemoveAll
|
|
51
|
+
};
|
|
52
|
+
defineParamsGetter(__Ziko__)
|
|
53
|
+
}
|
|
54
|
+
// globalThis.__Ziko__={
|
|
55
|
+
// ...Ziko,
|
|
56
|
+
// __UI__,
|
|
57
|
+
// __Config__,
|
|
58
|
+
// ExtractAll,
|
|
59
|
+
// RemoveAll
|
|
60
|
+
// };
|
|
61
|
+
if(globalThis?.document){
|
|
62
|
+
document?.addEventListener("DOMContentLoaded", __Ziko__.__Config__.init());
|
|
63
|
+
}
|
|
64
|
+
function ExtractAll(){
|
|
65
|
+
UI.ExtractAll();
|
|
66
|
+
Math.ExtractAll();
|
|
67
|
+
Time.ExtractAll();
|
|
68
|
+
Reactivity.ExtractAll();
|
|
69
|
+
Graphics.ExtractAll();
|
|
70
|
+
Data.ExtractAll()
|
|
71
|
+
return this;
|
|
72
|
+
}
|
|
73
|
+
function RemoveAll(){
|
|
74
|
+
UI.RemoveAll();
|
|
75
|
+
Math.RemoveAll();
|
|
76
|
+
Time.RemoveAll();
|
|
77
|
+
Reactivity.RemoveAll();
|
|
78
|
+
Graphics.RemoveAll();
|
|
79
|
+
Data.RemoveAll()
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
export default Ziko;
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./special-functions"
|
|
2
|
-
// export * from "./derivation"
|
|
1
|
+
export * from "./special-functions"
|
|
2
|
+
// export * from "./derivation"
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { mapfun } from "../../utils/index.js";
|
|
2
|
-
import { fact } from "../../functions/index.js";
|
|
3
|
-
const _bessel=(n, x)=>{
|
|
4
|
-
const maxTerms = 100;
|
|
5
|
-
let result = 0;
|
|
6
|
-
for (let k = 0; k < maxTerms; k++) {
|
|
7
|
-
const numerator = Math.pow(-1, k) * Math.pow(x / 2, n + 2 * k);
|
|
8
|
-
const denominator = fact(k) * fact(n + k);
|
|
9
|
-
result += numerator / denominator;
|
|
10
|
-
}
|
|
11
|
-
return result;
|
|
12
|
-
}
|
|
13
|
-
const bessel=(n,x)=>{
|
|
14
|
-
if(typeof n === "number"){
|
|
15
|
-
if(typeof n === "number")return _bessel(n,x);
|
|
16
|
-
else console.warn("Not supported yet")
|
|
17
|
-
}
|
|
18
|
-
else if(n instanceof Array){
|
|
19
|
-
if(typeof x === "number") return mapfun(a=>_bessel(a,x),...n);
|
|
20
|
-
else if(x instanceof Array){
|
|
21
|
-
const Y=[];
|
|
22
|
-
for(let i=0;i<n.length;i++){
|
|
23
|
-
Y.push(mapfun(a=>_bessel(n[i],a),...x))
|
|
24
|
-
}
|
|
25
|
-
return Y;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
export{
|
|
30
|
-
bessel
|
|
1
|
+
import { mapfun } from "../../utils/index.js";
|
|
2
|
+
import { fact } from "../../functions/index.js";
|
|
3
|
+
const _bessel=(n, x)=>{
|
|
4
|
+
const maxTerms = 100;
|
|
5
|
+
let result = 0;
|
|
6
|
+
for (let k = 0; k < maxTerms; k++) {
|
|
7
|
+
const numerator = Math.pow(-1, k) * Math.pow(x / 2, n + 2 * k);
|
|
8
|
+
const denominator = fact(k) * fact(n + k);
|
|
9
|
+
result += numerator / denominator;
|
|
10
|
+
}
|
|
11
|
+
return result;
|
|
12
|
+
}
|
|
13
|
+
const bessel=(n,x)=>{
|
|
14
|
+
if(typeof n === "number"){
|
|
15
|
+
if(typeof n === "number")return _bessel(n,x);
|
|
16
|
+
else console.warn("Not supported yet")
|
|
17
|
+
}
|
|
18
|
+
else if(n instanceof Array){
|
|
19
|
+
if(typeof x === "number") return mapfun(a=>_bessel(a,x),...n);
|
|
20
|
+
else if(x instanceof Array){
|
|
21
|
+
const Y=[];
|
|
22
|
+
for(let i=0;i<n.length;i++){
|
|
23
|
+
Y.push(mapfun(a=>_bessel(n[i],a),...x))
|
|
24
|
+
}
|
|
25
|
+
return Y;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
export{
|
|
30
|
+
bessel
|
|
31
31
|
}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { mapfun } from "../../utils/index.js";
|
|
2
|
-
const _beta=(x, y)=>{
|
|
3
|
-
const lowerLimit = 0;
|
|
4
|
-
const upperLimit = 1;
|
|
5
|
-
const intervals = 1000;
|
|
6
|
-
let result = 0;
|
|
7
|
-
|
|
8
|
-
const f = (t) => Math.pow(t, x - 1) * Math.pow(1 - t, y - 1);
|
|
9
|
-
const h = (upperLimit - lowerLimit) / intervals;
|
|
10
|
-
|
|
11
|
-
result += 0.5 * (f(lowerLimit) + f(upperLimit));
|
|
12
|
-
|
|
13
|
-
for (let i = 1; i < intervals; i++) {
|
|
14
|
-
const xi = lowerLimit + i * h;
|
|
15
|
-
result += f(xi);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
return result * h;
|
|
19
|
-
}
|
|
20
|
-
const beta=(x,y)=>{
|
|
21
|
-
if(typeof x === "number"){
|
|
22
|
-
if(typeof x === "number")return _beta(x,y);
|
|
23
|
-
else console.warn("Not supported yet")
|
|
24
|
-
}
|
|
25
|
-
else if(x instanceof Array){
|
|
26
|
-
if(typeof y === "number") return mapfun(a=>_beta(a,y),...x);
|
|
27
|
-
else if(y instanceof Array){
|
|
28
|
-
const Z=[];
|
|
29
|
-
for(let i=0;i<x.length;i++){
|
|
30
|
-
Z.push(mapfun(a=>_beta(x[i],a),...y))
|
|
31
|
-
}
|
|
32
|
-
return Z;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
export{
|
|
37
|
-
beta
|
|
1
|
+
import { mapfun } from "../../utils/index.js";
|
|
2
|
+
const _beta=(x, y)=>{
|
|
3
|
+
const lowerLimit = 0;
|
|
4
|
+
const upperLimit = 1;
|
|
5
|
+
const intervals = 1000;
|
|
6
|
+
let result = 0;
|
|
7
|
+
|
|
8
|
+
const f = (t) => Math.pow(t, x - 1) * Math.pow(1 - t, y - 1);
|
|
9
|
+
const h = (upperLimit - lowerLimit) / intervals;
|
|
10
|
+
|
|
11
|
+
result += 0.5 * (f(lowerLimit) + f(upperLimit));
|
|
12
|
+
|
|
13
|
+
for (let i = 1; i < intervals; i++) {
|
|
14
|
+
const xi = lowerLimit + i * h;
|
|
15
|
+
result += f(xi);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
return result * h;
|
|
19
|
+
}
|
|
20
|
+
const beta=(x,y)=>{
|
|
21
|
+
if(typeof x === "number"){
|
|
22
|
+
if(typeof x === "number")return _beta(x,y);
|
|
23
|
+
else console.warn("Not supported yet")
|
|
24
|
+
}
|
|
25
|
+
else if(x instanceof Array){
|
|
26
|
+
if(typeof y === "number") return mapfun(a=>_beta(a,y),...x);
|
|
27
|
+
else if(y instanceof Array){
|
|
28
|
+
const Z=[];
|
|
29
|
+
for(let i=0;i<x.length;i++){
|
|
30
|
+
Z.push(mapfun(a=>_beta(x[i],a),...y))
|
|
31
|
+
}
|
|
32
|
+
return Z;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
export{
|
|
37
|
+
beta
|
|
38
38
|
}
|