@targoninc/jess-components 0.0.8 → 0.0.10
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/index.js +11 -6
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -653,6 +653,11 @@ class DomNode {
|
|
|
653
653
|
this.wrapProperty("novalidate", novalidate);
|
|
654
654
|
return this;
|
|
655
655
|
}
|
|
656
|
+
popover(id) {
|
|
657
|
+
this.id(id);
|
|
658
|
+
this.wrapProperty("popover", "");
|
|
659
|
+
return this;
|
|
660
|
+
}
|
|
656
661
|
}
|
|
657
662
|
var InputType;
|
|
658
663
|
((InputType2) => {
|
|
@@ -740,7 +745,7 @@ function input(config) {
|
|
|
740
745
|
validate(config.value);
|
|
741
746
|
value = signal(config.value ?? "");
|
|
742
747
|
}
|
|
743
|
-
return create("div").classes("flex-v", "
|
|
748
|
+
return create("div").classes("flex-v", "jess").children(create("label").classes("flex-v", "jess", getDisabledClass(config)).text(config.label ?? "").for(config.title).children(create("input").classes(invalidClass, passwordClass).applyGenericConfig(config).type(actualType).value(value).accept(config.accept ?? "").required(config.required ?? false).placeholder(config.placeholder ?? "").attributes("autofocus", config.autofocus ?? "").oninput((e) => {
|
|
744
749
|
touched.value = true;
|
|
745
750
|
lastChange = Date.now();
|
|
746
751
|
if (!isSignal(config.value)) {
|
|
@@ -792,7 +797,7 @@ function textarea(config) {
|
|
|
792
797
|
} else {
|
|
793
798
|
validate(config.value);
|
|
794
799
|
}
|
|
795
|
-
return create("div").classes("flex-v", "
|
|
800
|
+
return create("div").classes("flex-v", "jess", ...config.classes ?? []).children(create("label").classes("flex-v", "jess", getDisabledClass(config)).text(config.label ?? "").for(config.name).children(create("textarea").classes(invalidClass).applyGenericConfig(config).styles("resize", config.resize ?? "vertical").value(config.value).required(config.required ?? false).placeholder(config.placeholder ?? "").attributes("autofocus", config.autofocus ?? "", "rows", config.rows?.toString() ?? "3").oninput((e) => {
|
|
796
801
|
if (!isSignal(config.value)) {
|
|
797
802
|
validate(e.target.value);
|
|
798
803
|
}
|
|
@@ -809,7 +814,7 @@ function textarea(config) {
|
|
|
809
814
|
}).name(config.name).build()).build(), when(hasError, errorList(errors))).build();
|
|
810
815
|
}
|
|
811
816
|
function errorList(errors) {
|
|
812
|
-
return signalMap(errors, create("div").classes("flex-v", "
|
|
817
|
+
return signalMap(errors, create("div").classes("flex-v", "jess", "jessc-error-list"), error);
|
|
813
818
|
}
|
|
814
819
|
function error(error2) {
|
|
815
820
|
return create("span").classes("jessc-error").text(error2).build();
|
|
@@ -864,7 +869,7 @@ function searchableSelect(config) {
|
|
|
864
869
|
filtered.subscribe(updateSelectedId);
|
|
865
870
|
updateSelectedId();
|
|
866
871
|
const currentIcon = compute((vis) => vis ? "arrow_drop_up" : "arrow_drop_down", optionsVisible);
|
|
867
|
-
return create("div").applyGenericConfig(config).classes("jessc-search-select", "flex-v", "relative").children(when(config.label, create("label").classes("
|
|
872
|
+
return create("div").applyGenericConfig(config).classes("jessc-search-select", "flex-v", "relative").children(when(config.label, create("label").classes("jess").text(config.label).build()), create("div").classes("flex", "jessc-search-select-visible", "jess").children(create("input").classes("jess", "jessc-search-select-input", getDisabledClass(config)).value(search).onfocus(() => {
|
|
868
873
|
optionsVisible.value = true;
|
|
869
874
|
}).onkeydown((e) => {
|
|
870
875
|
switch (e.key) {
|
|
@@ -949,7 +954,7 @@ function checkbox(config) {
|
|
|
949
954
|
validate(config.checked);
|
|
950
955
|
checked = config.checked.toString();
|
|
951
956
|
}
|
|
952
|
-
return create("div").classes("flex-v", "
|
|
957
|
+
return create("div").classes("flex-v", "jess").children(create("label").applyGenericConfig(config).classes("jessc-checkbox-container", invalidClass, getDisabledClass(config)).text(config.text).children(create("input").type(InputType.checkbox).name(config.name ?? "").id(config.name ?? "").required(config.required ?? false).checked(checked).onclick((e) => {
|
|
953
958
|
const c = e.target.checked;
|
|
954
959
|
if (!isSignal(config.checked)) {
|
|
955
960
|
validate(c);
|
|
@@ -980,7 +985,7 @@ function toggle(config) {
|
|
|
980
985
|
} else {
|
|
981
986
|
validate(config.checked);
|
|
982
987
|
}
|
|
983
|
-
return create("div").classes("flex-v", "
|
|
988
|
+
return create("div").classes("flex-v", "jess").children(create("label").applyGenericConfig(config).classes("flex", "gap", "align-children", invalidClass, getDisabledClass(config)).for(config.name ?? "").children(create("input").type(InputType.checkbox).classes("hidden", "jessc-slider").id(config.name ?? "").required(config.required ?? false).checked(config.checked).onclick((e) => {
|
|
984
989
|
const checked = e.target.checked;
|
|
985
990
|
if (!isSignal(config.checked)) {
|
|
986
991
|
validate(checked);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@targoninc/jess-components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.10",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"files": [
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"prepublishOnly": "bun run build"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@targoninc/jess": "^0.0.
|
|
20
|
+
"@targoninc/jess": "^0.0.12"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@types/bun": "latest",
|