ziko 0.0.7 → 0.0.8
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 +15 -15
- package/dist/ziko.js +15 -15
- package/dist/ziko.min.js +2 -2
- package/dist/ziko.mjs +15 -15
- package/package.json +1 -1
- package/wrapper/react/README.md +0 -26
- package/wrapper/react/index.jsx +0 -22
- package/wrapper/svelte/ZikoUI.svelte +0 -15
- package/wrapper/vue/ZikoUI.vue +0 -23
package/dist/ziko.cjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/*
|
|
3
3
|
Project: ziko.js
|
|
4
4
|
Author: Zakaria Elalaoui
|
|
5
|
-
Date : Mon May 20 2024
|
|
5
|
+
Date : Mon May 20 2024 20:27:08 GMT+0100 (UTC+01:00)
|
|
6
6
|
Git-Repo : https://github.com/zakarialaoui10/ziko.js
|
|
7
7
|
Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
|
|
8
8
|
Released under MIT License
|
|
@@ -7190,8 +7190,8 @@ class ZikoUITextArea extends ZikoUIElement {
|
|
|
7190
7190
|
//import { debounce,throttle} from "../../Data/decorators.js";
|
|
7191
7191
|
|
|
7192
7192
|
class ZikoUIInput extends ZikoUIElement {
|
|
7193
|
-
constructor(value = "",datalist) {
|
|
7194
|
-
super();
|
|
7193
|
+
constructor(name , value = "",datalist) {
|
|
7194
|
+
super("input",name);
|
|
7195
7195
|
this.element = document.createElement("input");
|
|
7196
7196
|
Object.assign(this.events,{input:null});
|
|
7197
7197
|
this.setValue(value);
|
|
@@ -7266,7 +7266,7 @@ class ZikoUIInput extends ZikoUIElement {
|
|
|
7266
7266
|
}
|
|
7267
7267
|
class ZikoUIInputSearch extends ZikoUIInput {
|
|
7268
7268
|
constructor() {
|
|
7269
|
-
super();
|
|
7269
|
+
super("inputSearch");
|
|
7270
7270
|
this._setType("search");
|
|
7271
7271
|
this.Length = 0;
|
|
7272
7272
|
}
|
|
@@ -7303,7 +7303,7 @@ class ZikoUIInputSearch extends ZikoUIInput {
|
|
|
7303
7303
|
}
|
|
7304
7304
|
class ZikoUIInputNumber extends ZikoUIInput {
|
|
7305
7305
|
constructor(min, max ,step = 1) {
|
|
7306
|
-
super();
|
|
7306
|
+
super("inpuNumber");
|
|
7307
7307
|
this._setType("number");
|
|
7308
7308
|
this.setMin(min).setMax(max).setStep(step);
|
|
7309
7309
|
}
|
|
@@ -7325,14 +7325,14 @@ class ZikoUIInputNumber extends ZikoUIInput {
|
|
|
7325
7325
|
}
|
|
7326
7326
|
class ZikoUIInputSlider extends ZikoUIInputNumber {
|
|
7327
7327
|
constructor(val = 0, min = 0, max = 10, step = 1) {
|
|
7328
|
-
super();
|
|
7328
|
+
super("inputSlider");
|
|
7329
7329
|
this._setType("range");
|
|
7330
7330
|
this.setMin(min).setMax(max).setValue(val).setStep(step);
|
|
7331
7331
|
}
|
|
7332
7332
|
}
|
|
7333
7333
|
class ZikoUIInputColor extends ZikoUIInput {
|
|
7334
7334
|
constructor() {
|
|
7335
|
-
super();
|
|
7335
|
+
super("inputColor");
|
|
7336
7336
|
this._setType("color");
|
|
7337
7337
|
this.background(this.value);
|
|
7338
7338
|
this.onInput(() => this.background(this.value));
|
|
@@ -7340,37 +7340,37 @@ class ZikoUIInputColor extends ZikoUIInput {
|
|
|
7340
7340
|
}
|
|
7341
7341
|
class ZikoUIInputPassword extends ZikoUIInput {
|
|
7342
7342
|
constructor() {
|
|
7343
|
-
super();
|
|
7343
|
+
super("inputPassword");
|
|
7344
7344
|
this._setType("password");
|
|
7345
7345
|
}
|
|
7346
7346
|
}
|
|
7347
7347
|
class ZikoUIInputEmail extends ZikoUIInput {
|
|
7348
7348
|
constructor() {
|
|
7349
|
-
super();
|
|
7349
|
+
super("inputEmail");
|
|
7350
7350
|
this._setType("email");
|
|
7351
7351
|
}
|
|
7352
7352
|
}
|
|
7353
7353
|
class ZikoUIInputTime extends ZikoUIInput {
|
|
7354
7354
|
constructor() {
|
|
7355
|
-
super();
|
|
7355
|
+
super("inputTime");
|
|
7356
7356
|
this._setType("time");
|
|
7357
7357
|
}
|
|
7358
7358
|
}
|
|
7359
7359
|
class ZikoUIInputDate extends ZikoUIInput {
|
|
7360
7360
|
constructor() {
|
|
7361
|
-
super();
|
|
7361
|
+
super("inputDate");
|
|
7362
7362
|
this._setType("date");
|
|
7363
7363
|
}
|
|
7364
7364
|
}
|
|
7365
7365
|
class ZikoUIInputDateTime extends ZikoUIInput {
|
|
7366
7366
|
constructor() {
|
|
7367
|
-
super();
|
|
7367
|
+
super("inputDateTime");
|
|
7368
7368
|
this._setType("datetime-local");
|
|
7369
7369
|
}
|
|
7370
7370
|
}
|
|
7371
7371
|
class ZikoUIInputCheckbox extends ZikoUIInput {
|
|
7372
7372
|
constructor() {
|
|
7373
|
-
super();
|
|
7373
|
+
super("inputCheckbox");
|
|
7374
7374
|
this._setType("checkbox");
|
|
7375
7375
|
this.cursor("pointer");
|
|
7376
7376
|
}
|
|
@@ -7388,7 +7388,7 @@ class ZikoUIInputCheckbox extends ZikoUIInput {
|
|
|
7388
7388
|
}
|
|
7389
7389
|
class ZikoUIInputRadio extends ZikoUIInput {
|
|
7390
7390
|
constructor() {
|
|
7391
|
-
super();
|
|
7391
|
+
super("inputRadio");
|
|
7392
7392
|
this._setType("radio");
|
|
7393
7393
|
this.cursor("pointer");
|
|
7394
7394
|
}
|
|
@@ -7408,7 +7408,7 @@ class ZikoUIInputRadio extends ZikoUIInput {
|
|
|
7408
7408
|
|
|
7409
7409
|
class ZikoUIInputImage extends ZikoUIElement {
|
|
7410
7410
|
constructor(text = "File") {
|
|
7411
|
-
super();
|
|
7411
|
+
super("inputImage");
|
|
7412
7412
|
this._aux_element = btn(text).setTarget(this.Target);
|
|
7413
7413
|
this.element = document.createElement("input");
|
|
7414
7414
|
this.element.setAttribute("type", "file");
|
package/dist/ziko.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/*
|
|
3
3
|
Project: ziko.js
|
|
4
4
|
Author: Zakaria Elalaoui
|
|
5
|
-
Date : Mon May 20 2024
|
|
5
|
+
Date : Mon May 20 2024 20:27:08 GMT+0100 (UTC+01:00)
|
|
6
6
|
Git-Repo : https://github.com/zakarialaoui10/ziko.js
|
|
7
7
|
Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
|
|
8
8
|
Released under MIT License
|
|
@@ -7192,8 +7192,8 @@
|
|
|
7192
7192
|
//import { debounce,throttle} from "../../Data/decorators.js";
|
|
7193
7193
|
|
|
7194
7194
|
class ZikoUIInput extends ZikoUIElement {
|
|
7195
|
-
constructor(value = "",datalist) {
|
|
7196
|
-
super();
|
|
7195
|
+
constructor(name , value = "",datalist) {
|
|
7196
|
+
super("input",name);
|
|
7197
7197
|
this.element = document.createElement("input");
|
|
7198
7198
|
Object.assign(this.events,{input:null});
|
|
7199
7199
|
this.setValue(value);
|
|
@@ -7268,7 +7268,7 @@
|
|
|
7268
7268
|
}
|
|
7269
7269
|
class ZikoUIInputSearch extends ZikoUIInput {
|
|
7270
7270
|
constructor() {
|
|
7271
|
-
super();
|
|
7271
|
+
super("inputSearch");
|
|
7272
7272
|
this._setType("search");
|
|
7273
7273
|
this.Length = 0;
|
|
7274
7274
|
}
|
|
@@ -7305,7 +7305,7 @@
|
|
|
7305
7305
|
}
|
|
7306
7306
|
class ZikoUIInputNumber extends ZikoUIInput {
|
|
7307
7307
|
constructor(min, max ,step = 1) {
|
|
7308
|
-
super();
|
|
7308
|
+
super("inpuNumber");
|
|
7309
7309
|
this._setType("number");
|
|
7310
7310
|
this.setMin(min).setMax(max).setStep(step);
|
|
7311
7311
|
}
|
|
@@ -7327,14 +7327,14 @@
|
|
|
7327
7327
|
}
|
|
7328
7328
|
class ZikoUIInputSlider extends ZikoUIInputNumber {
|
|
7329
7329
|
constructor(val = 0, min = 0, max = 10, step = 1) {
|
|
7330
|
-
super();
|
|
7330
|
+
super("inputSlider");
|
|
7331
7331
|
this._setType("range");
|
|
7332
7332
|
this.setMin(min).setMax(max).setValue(val).setStep(step);
|
|
7333
7333
|
}
|
|
7334
7334
|
}
|
|
7335
7335
|
class ZikoUIInputColor extends ZikoUIInput {
|
|
7336
7336
|
constructor() {
|
|
7337
|
-
super();
|
|
7337
|
+
super("inputColor");
|
|
7338
7338
|
this._setType("color");
|
|
7339
7339
|
this.background(this.value);
|
|
7340
7340
|
this.onInput(() => this.background(this.value));
|
|
@@ -7342,37 +7342,37 @@
|
|
|
7342
7342
|
}
|
|
7343
7343
|
class ZikoUIInputPassword extends ZikoUIInput {
|
|
7344
7344
|
constructor() {
|
|
7345
|
-
super();
|
|
7345
|
+
super("inputPassword");
|
|
7346
7346
|
this._setType("password");
|
|
7347
7347
|
}
|
|
7348
7348
|
}
|
|
7349
7349
|
class ZikoUIInputEmail extends ZikoUIInput {
|
|
7350
7350
|
constructor() {
|
|
7351
|
-
super();
|
|
7351
|
+
super("inputEmail");
|
|
7352
7352
|
this._setType("email");
|
|
7353
7353
|
}
|
|
7354
7354
|
}
|
|
7355
7355
|
class ZikoUIInputTime extends ZikoUIInput {
|
|
7356
7356
|
constructor() {
|
|
7357
|
-
super();
|
|
7357
|
+
super("inputTime");
|
|
7358
7358
|
this._setType("time");
|
|
7359
7359
|
}
|
|
7360
7360
|
}
|
|
7361
7361
|
class ZikoUIInputDate extends ZikoUIInput {
|
|
7362
7362
|
constructor() {
|
|
7363
|
-
super();
|
|
7363
|
+
super("inputDate");
|
|
7364
7364
|
this._setType("date");
|
|
7365
7365
|
}
|
|
7366
7366
|
}
|
|
7367
7367
|
class ZikoUIInputDateTime extends ZikoUIInput {
|
|
7368
7368
|
constructor() {
|
|
7369
|
-
super();
|
|
7369
|
+
super("inputDateTime");
|
|
7370
7370
|
this._setType("datetime-local");
|
|
7371
7371
|
}
|
|
7372
7372
|
}
|
|
7373
7373
|
class ZikoUIInputCheckbox extends ZikoUIInput {
|
|
7374
7374
|
constructor() {
|
|
7375
|
-
super();
|
|
7375
|
+
super("inputCheckbox");
|
|
7376
7376
|
this._setType("checkbox");
|
|
7377
7377
|
this.cursor("pointer");
|
|
7378
7378
|
}
|
|
@@ -7390,7 +7390,7 @@
|
|
|
7390
7390
|
}
|
|
7391
7391
|
class ZikoUIInputRadio extends ZikoUIInput {
|
|
7392
7392
|
constructor() {
|
|
7393
|
-
super();
|
|
7393
|
+
super("inputRadio");
|
|
7394
7394
|
this._setType("radio");
|
|
7395
7395
|
this.cursor("pointer");
|
|
7396
7396
|
}
|
|
@@ -7410,7 +7410,7 @@
|
|
|
7410
7410
|
|
|
7411
7411
|
class ZikoUIInputImage extends ZikoUIElement {
|
|
7412
7412
|
constructor(text = "File") {
|
|
7413
|
-
super();
|
|
7413
|
+
super("inputImage");
|
|
7414
7414
|
this._aux_element = btn(text).setTarget(this.Target);
|
|
7415
7415
|
this.element = document.createElement("input");
|
|
7416
7416
|
this.element.setAttribute("type", "file");
|