@progressive-development/pd-forms 0.6.12 → 0.6.14
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/locales/de.js +1 -1
- package/dist/pd-form-container.d.ts +2 -1
- package/dist/pd-form-container.d.ts.map +1 -1
- package/dist/pd-form-container.js +4 -0
- package/dist/stories/radio-group.stories.d.ts.map +1 -1
- package/dist/validators.d.ts.map +1 -1
- package/dist/validators.js +12 -0
- package/package.json +2 -2
package/dist/locales/de.js
CHANGED
|
@@ -8,7 +8,7 @@ const templates = {
|
|
|
8
8
|
"pd.form.field.invalid.phone": `Format +49123 123456 verwenden`,
|
|
9
9
|
"pd.form.field.invalid.vat": `Format DE0123456789 verwenden`,
|
|
10
10
|
"pd.form.field.invalid.number": `Nur Zahlen erlaubt`,
|
|
11
|
-
"pd.form.required.valid": `*
|
|
11
|
+
"pd.form.required.valid": `* Felder ausgefüllt`,
|
|
12
12
|
"pd.form.required.missing": `* Pflichtfeld fehlt oder fehlerhaft`,
|
|
13
13
|
s8a355eeb33f58c5f: str`Mindestens ${0} Zeichen`,
|
|
14
14
|
s512f37f2dba563ec: str`Maximal ${0} Zeichen`
|
|
@@ -21,9 +21,10 @@ export declare class PdFormContainer extends PdBaseUI {
|
|
|
21
21
|
private _onBlur;
|
|
22
22
|
private _onFocus;
|
|
23
23
|
private _getOverallValidity;
|
|
24
|
-
triggerValidate(): Promise<
|
|
24
|
+
triggerValidate(): Promise<boolean>;
|
|
25
25
|
getValues(): Record<string, any>;
|
|
26
26
|
reset(): void;
|
|
27
27
|
getStatus(): Map<string, PdFormElementStatus>;
|
|
28
|
+
get valid(): boolean;
|
|
28
29
|
}
|
|
29
30
|
//# sourceMappingURL=pd-form-container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-form-container.d.ts","sourceRoot":"","sources":["../src/pd-form-container.ts"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAEH,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBACa,eAAgB,SAAQ,QAAQ;IAC3C;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,WAAW,SAAM;IAGjB,OAAO,CAAC,OAAO,CAA+C;IAE9D,OAAgB,MAAM,EAAE,cAAc,CAkCpC;IAEO,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAoB5B,MAAM,IAAI,cAAc;IASjC,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,SAAS,CAgBf;IAEF,OAAO,CAAC,OAAO,CAOb;IAEF,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,mBAAmB;IASd,eAAe,IAAI,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"pd-form-container.d.ts","sourceRoot":"","sources":["../src/pd-form-container.ts"],"names":[],"mappings":"AACA;;;;;;;;;GASG;AAEH,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,qBACa,eAAgB,SAAQ,QAAQ;IAC3C;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,WAAW,SAAM;IAGjB,OAAO,CAAC,OAAO,CAA+C;IAE9D,OAAgB,MAAM,EAAE,cAAc,CAkCpC;IAEO,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAoB5B,MAAM,IAAI,cAAc;IASjC,OAAO,CAAC,qBAAqB;IAc7B,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,SAAS,CAgBf;IAEF,OAAO,CAAC,OAAO,CAOb;IAEF,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,mBAAmB;IASd,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IAYzC,SAAS,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAQhC,KAAK,IAAI,IAAI;IAMb,SAAS,IAAI,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC;IAIpD,IAAI,KAAK,YAER;CACF"}
|
|
@@ -142,6 +142,7 @@ let PdFormContainer = class extends PdBaseUI {
|
|
|
142
142
|
}
|
|
143
143
|
});
|
|
144
144
|
await Promise.all(validations);
|
|
145
|
+
return this._getOverallValidity();
|
|
145
146
|
}
|
|
146
147
|
getValues() {
|
|
147
148
|
const result = {};
|
|
@@ -159,6 +160,9 @@ let PdFormContainer = class extends PdBaseUI {
|
|
|
159
160
|
getStatus() {
|
|
160
161
|
return this._fields;
|
|
161
162
|
}
|
|
163
|
+
get valid() {
|
|
164
|
+
return this._getOverallValidity();
|
|
165
|
+
}
|
|
162
166
|
};
|
|
163
167
|
PdFormContainer.styles = [
|
|
164
168
|
PdBaseUI.styles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/radio-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/radio-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC"}
|
package/dist/validators.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../src/validators.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAS,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,iBAAiB,EAAE,iBAI/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAIrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,iBAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAIpC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../src/validators.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAS,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,iBAAiB,EAAE,iBAI/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAIrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,iBAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,iBAIpC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,iBAS5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,iBAS5B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,iBAO1B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,iBAS7B,CAAC"}
|
package/dist/validators.js
CHANGED
|
@@ -13,19 +13,31 @@ const requiredRangeValidator = (value) => {
|
|
|
13
13
|
return value === "0" ? msg("Eingabe erforderlich", { id: "pd.form.field.rangeRequired" }) : null;
|
|
14
14
|
};
|
|
15
15
|
const emailValidator = (value) => {
|
|
16
|
+
if (!value) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
16
19
|
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value) ? null : msg("Format mail@test.de verwenden", {
|
|
17
20
|
id: "pd.form.field.invalid.mail"
|
|
18
21
|
});
|
|
19
22
|
};
|
|
20
23
|
const phoneValidator = (value) => {
|
|
24
|
+
if (!value) {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
21
27
|
return /^\+?[0-9 ]{7,15}$/.test(value) ? null : msg("Format +49123 123456 verwenden", {
|
|
22
28
|
id: "pd.form.field.invalid.phone"
|
|
23
29
|
});
|
|
24
30
|
};
|
|
25
31
|
const vatValidator = (value) => {
|
|
32
|
+
if (!value) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
26
35
|
return /^[A-Z]{2}[0-9]{8,12}$/.test(value) ? null : msg("Format DE0123456789 verwenden", { id: "pd.form.field.invalid.vat" });
|
|
27
36
|
};
|
|
28
37
|
const numberValidator = (value) => {
|
|
38
|
+
if (!value) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
29
41
|
const normalized = typeof value === "string" ? value.replaceAll(",", ".") : value;
|
|
30
42
|
return !isNaN(parseFloat(normalized)) && isFinite(normalized) ? null : msg("Nur Zahlen erlaubt", { id: "pd.form.field.invalid.number" });
|
|
31
43
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progressive-development/pd-forms",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.14",
|
|
4
4
|
"description": "Webcomponent pd-forms for rendering form input elements.",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@lit-labs/motion": "^1.0.8",
|
|
54
54
|
"@lit/localize": "^0.12.2",
|
|
55
|
-
"@progressive-development/pd-icon": "^0.7.
|
|
55
|
+
"@progressive-development/pd-icon": "^0.7.3",
|
|
56
56
|
"@progressive-development/pd-shared-styles": "^0.2.4",
|
|
57
57
|
"lit": "^3.3.0"
|
|
58
58
|
},
|