@progressive-development/pd-forms 0.6.5 → 0.6.7

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.
Files changed (64) hide show
  1. package/dist/generated/locales/be.d.ts +6 -1
  2. package/dist/generated/locales/be.d.ts.map +1 -1
  3. package/dist/generated/locales/de.d.ts +7 -2
  4. package/dist/generated/locales/de.d.ts.map +1 -1
  5. package/dist/generated/locales/en.d.ts +6 -1
  6. package/dist/generated/locales/en.d.ts.map +1 -1
  7. package/dist/index.d.ts +2 -1
  8. package/dist/index.d.ts.map +1 -1
  9. package/dist/index.js +3 -1
  10. package/dist/locales/be.js +8 -2
  11. package/dist/locales/de.js +9 -3
  12. package/dist/locales/en.js +8 -2
  13. package/dist/pd-base-input-element.d.ts +4 -1
  14. package/dist/pd-base-input-element.d.ts.map +1 -1
  15. package/dist/pd-base-input-element.js +31 -5
  16. package/dist/pd-base-ui-input.d.ts +31 -7
  17. package/dist/pd-base-ui-input.d.ts.map +1 -1
  18. package/dist/pd-base-ui-input.js +226 -50
  19. package/dist/pd-checkbox.d.ts +4 -3
  20. package/dist/pd-checkbox.d.ts.map +1 -1
  21. package/dist/pd-checkbox.js +91 -62
  22. package/dist/pd-form-container.d.ts +12 -8
  23. package/dist/pd-form-container.d.ts.map +1 -1
  24. package/dist/pd-form-container.js +121 -88
  25. package/dist/pd-icon-panel-button.d.ts.map +1 -1
  26. package/dist/pd-icon-panel-button.js +3 -1
  27. package/dist/pd-input-area.d.ts +3 -1
  28. package/dist/pd-input-area.d.ts.map +1 -1
  29. package/dist/pd-input-area.js +28 -1
  30. package/dist/pd-input-file.d.ts +3 -2
  31. package/dist/pd-input-file.d.ts.map +1 -1
  32. package/dist/pd-input-file.js +21 -16
  33. package/dist/pd-input-time.d.ts +2 -1
  34. package/dist/pd-input-time.d.ts.map +1 -1
  35. package/dist/pd-input-time.js +19 -6
  36. package/dist/pd-input.d.ts +3 -1
  37. package/dist/pd-input.d.ts.map +1 -1
  38. package/dist/pd-input.js +32 -5
  39. package/dist/pd-radio-group.d.ts +4 -1
  40. package/dist/pd-radio-group.d.ts.map +1 -1
  41. package/dist/pd-radio-group.js +54 -34
  42. package/dist/pd-range.d.ts +8 -2
  43. package/dist/pd-range.d.ts.map +1 -1
  44. package/dist/pd-range.js +59 -5
  45. package/dist/pd-select.d.ts +6 -2
  46. package/dist/pd-select.d.ts.map +1 -1
  47. package/dist/pd-select.js +27 -3
  48. package/dist/stories/checkbox.stories.d.ts +1 -0
  49. package/dist/stories/checkbox.stories.d.ts.map +1 -1
  50. package/dist/stories/form-container2.stories.d.ts +8 -0
  51. package/dist/stories/form-container2.stories.d.ts.map +1 -0
  52. package/dist/stories/form-container3.stories.d.ts +8 -0
  53. package/dist/stories/form-container3.stories.d.ts.map +1 -0
  54. package/dist/stories/pd-hover-box.stories.d.ts +8 -0
  55. package/dist/stories/pd-hover-box.stories.d.ts.map +1 -0
  56. package/dist/styles/shared-input-field-styles.d.ts.map +1 -1
  57. package/dist/styles/shared-input-field-styles.js +21 -9
  58. package/dist/types.d.ts +15 -0
  59. package/dist/types.d.ts.map +1 -1
  60. package/dist/types.js +4 -0
  61. package/dist/validators.d.ts +10 -0
  62. package/dist/validators.d.ts.map +1 -0
  63. package/dist/validators.js +41 -0
  64. package/package.json +2 -2
@@ -1,10 +1,15 @@
1
1
  export declare const templates: {
2
+ "pd.form.field.checkRequired": string;
2
3
  "pd.form.field.invalid.mail": string;
3
4
  "pd.form.field.invalid.number": string;
4
5
  "pd.form.field.invalid.phone": string;
5
6
  "pd.form.field.invalid.vat": string;
7
+ "pd.form.field.rangeRequired": string;
6
8
  "pd.form.field.required": string;
7
- "pd.form.required.info": string;
9
+ "pd.form.field.selectRequired": string;
10
+ "pd.form.required.missing": string;
8
11
  "pd.form.required.valid": string;
12
+ s512f37f2dba563ec: import('@lit/localize').StrResult;
13
+ s8a355eeb33f58c5f: import('@lit/localize').StrResult;
9
14
  };
10
15
  //# sourceMappingURL=be.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}
1
+ {"version":3,"file":"be.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/be.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC"}
@@ -1,10 +1,15 @@
1
1
  export declare const templates: {
2
- "pd.form.required.valid": string;
3
- "pd.form.required.info": string;
4
2
  "pd.form.field.required": string;
3
+ "pd.form.field.selectRequired": string;
4
+ "pd.form.field.checkRequired": string;
5
+ "pd.form.field.rangeRequired": string;
5
6
  "pd.form.field.invalid.mail": string;
6
7
  "pd.form.field.invalid.phone": string;
7
8
  "pd.form.field.invalid.vat": string;
8
9
  "pd.form.field.invalid.number": string;
10
+ "pd.form.required.valid": string;
11
+ "pd.form.required.missing": string;
12
+ s8a355eeb33f58c5f: import('@lit/localize').StrResult;
13
+ s512f37f2dba563ec: import('@lit/localize').StrResult;
9
14
  };
10
15
  //# sourceMappingURL=de.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}
1
+ {"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/de.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC"}
@@ -1,10 +1,15 @@
1
1
  export declare const templates: {
2
+ "pd.form.field.checkRequired": string;
2
3
  "pd.form.field.invalid.mail": string;
3
4
  "pd.form.field.invalid.number": string;
4
5
  "pd.form.field.invalid.phone": string;
5
6
  "pd.form.field.invalid.vat": string;
7
+ "pd.form.field.rangeRequired": string;
6
8
  "pd.form.field.required": string;
7
- "pd.form.required.info": string;
9
+ "pd.form.field.selectRequired": string;
10
+ "pd.form.required.missing": string;
8
11
  "pd.form.required.valid": string;
12
+ s512f37f2dba563ec: import('@lit/localize').StrResult;
13
+ s8a355eeb33f58c5f: import('@lit/localize').StrResult;
9
14
  };
10
15
  //# sourceMappingURL=en.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC"}
1
+ {"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/generated/locales/en.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -8,7 +8,8 @@ export { PdInputArea } from './pd-input-area.js';
8
8
  export { PdInputFile } from './pd-input-file.js';
9
9
  export { PdRadioGroup } from './pd-radio-group.js';
10
10
  export { PdBaseInputElement } from './pd-base-input-element.js';
11
- export type { PdAutocomplete, PdSelectOption } from './types.js';
11
+ export type { PdAutocomplete, PdSelectOption, PdFieldType, PdFormElementStatus, PdFormValidatorFn, UNDEF, } from './types.js';
12
+ export * as pdValidator from './validators.js';
12
13
  export { templates as beTemplates } from './generated/locales/be.js';
13
14
  export { templates as deTemplates } from './generated/locales/de.js';
14
15
  export { templates as enTemplates } from './generated/locales/en.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,YAAY,EACV,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,GACN,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,WAAW,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC"}
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@ import { PdInputArea } from "./pd-input-area.js";
8
8
  import { PdInputFile } from "./pd-input-file.js";
9
9
  import { PdRadioGroup } from "./pd-radio-group.js";
10
10
  import { PdBaseInputElement } from "./pd-base-input-element.js";
11
+ import * as validators from "./validators.js";
11
12
  import { templates } from "./locales/be.js";
12
13
  import { templates as templates2 } from "./locales/de.js";
13
14
  import { templates as templates3 } from "./locales/en.js";
@@ -24,5 +25,6 @@ export {
24
25
  PdRadioGroup,
25
26
  templates as beTemplates,
26
27
  templates2 as deTemplates,
27
- templates3 as enTemplates
28
+ templates3 as enTemplates,
29
+ validators as pdValidator
28
30
  };
@@ -1,11 +1,17 @@
1
+ import { str } from "@lit/localize";
1
2
  const templates = {
3
+ "pd.form.field.checkRequired": `Selectie vereist`,
2
4
  "pd.form.field.invalid.mail": `Ongeldig e-mailadres, gebruik mail@test.be`,
3
5
  "pd.form.field.invalid.number": `Alleen nummers toegestaan`,
4
6
  "pd.form.field.invalid.phone": `Ongeldig telefoonnummer, gebruik +32 494 667085`,
5
7
  "pd.form.field.invalid.vat": `Ongeldig VAT, gebruik BE0123456789`,
8
+ "pd.form.field.rangeRequired": `Bereik vereist`,
6
9
  "pd.form.field.required": `Vul dit veld in`,
7
- "pd.form.required.info": `* Verplichte in te vullen`,
8
- "pd.form.required.valid": `* Verplichte velden ingevuld`
10
+ "pd.form.field.selectRequired": `Selectie vereist`,
11
+ "pd.form.required.missing": `* Verplicht veld ontbreekt of is onjuist ingevuld`,
12
+ "pd.form.required.valid": `* Verplichte velden ingevuld`,
13
+ s512f37f2dba563ec: str`Maximaal ${0} tekens`,
14
+ s8a355eeb33f58c5f: str`Minimaal ${0} tekens`
9
15
  };
10
16
  export {
11
17
  templates
@@ -1,11 +1,17 @@
1
+ import { str } from "@lit/localize";
1
2
  const templates = {
2
- "pd.form.required.valid": `* Pflichtfelder ausgefüllt`,
3
- "pd.form.required.info": `* Pflichtfeld`,
4
3
  "pd.form.field.required": `Eingabe erforderlich`,
4
+ "pd.form.field.selectRequired": `Eingabe erforderlich`,
5
+ "pd.form.field.checkRequired": `Eingabe erforderlich`,
6
+ "pd.form.field.rangeRequired": `Eingabe erforderlich`,
5
7
  "pd.form.field.invalid.mail": `Format mail@test.de verwenden`,
6
8
  "pd.form.field.invalid.phone": `Format +49123 123456 verwenden`,
7
9
  "pd.form.field.invalid.vat": `Format DE0123456789 verwenden`,
8
- "pd.form.field.invalid.number": `Nur Zahlen erlaubt`
10
+ "pd.form.field.invalid.number": `Nur Zahlen erlaubt`,
11
+ "pd.form.required.valid": `* Pflichtfelder ausgefüllt`,
12
+ "pd.form.required.missing": `* Pflichtfeld fehlt oder fehlerhaft`,
13
+ s8a355eeb33f58c5f: str`Mindestens ${0} Zeichen`,
14
+ s512f37f2dba563ec: str`Maximal ${0} Zeichen`
9
15
  };
10
16
  export {
11
17
  templates
@@ -1,11 +1,17 @@
1
+ import { str } from "@lit/localize";
1
2
  const templates = {
3
+ "pd.form.field.checkRequired": `Selection required`,
2
4
  "pd.form.field.invalid.mail": `Use format mail@test.de`,
3
5
  "pd.form.field.invalid.number": `Numbers only allowed`,
4
6
  "pd.form.field.invalid.phone": `Use format +49123 123456`,
5
7
  "pd.form.field.invalid.vat": `Use format DE0123456789`,
8
+ "pd.form.field.rangeRequired": `Range required`,
6
9
  "pd.form.field.required": `Input required`,
7
- "pd.form.required.info": `* Required field`,
8
- "pd.form.required.valid": `* Required fields filled`
10
+ "pd.form.field.selectRequired": `Selection required`,
11
+ "pd.form.required.missing": `* Required field missing or invalid`,
12
+ "pd.form.required.valid": `* Required fields filled`,
13
+ s512f37f2dba563ec: str`Maximum ${0} characters`,
14
+ s8a355eeb33f58c5f: str`At least ${0} characters`
9
15
  };
10
16
  export {
11
17
  templates
@@ -1,6 +1,7 @@
1
1
  import { CSSResultGroup } from 'lit';
2
2
  import { PdBaseUIInput } from './pd-base-ui-input.js';
3
3
  import { PdAutocomplete } from './types.js';
4
+ import { PdInput } from './pd-input.js';
4
5
  /**
5
6
  * Abstraktes Basiselement für pd-input-Komponenten (Input, Area, Select).
6
7
  */
@@ -17,11 +18,13 @@ export declare abstract class PdBaseInputElement extends PdBaseUIInput {
17
18
  * Attribut für native Autocomplete-Unterstützung.
18
19
  */
19
20
  autoCompleteName: PdAutocomplete;
20
- protected _input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
21
+ protected _input: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | PdInput;
22
+ private _delayTimerId?;
21
23
  static styles: CSSResultGroup;
22
24
  firstUpdated(): void;
23
25
  focus(): void;
24
26
  protected _onBlur(event: Event): void;
27
+ protected _onFocus(event: Event): void;
25
28
  protected _onKeyUp(event: KeyboardEvent): void;
26
29
  protected _getElementName(): string;
27
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"pd-base-input-element.d.ts","sourceRoot":"","sources":["../src/pd-base-input-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EACL,aAAa,EAOd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C;;GAEG;AACH,8BAAsB,kBAAmB,SAAQ,aAAa;IAC5D;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,gBAAgB,EAAE,cAAc,CAAS;IAEzC,SAAS,CAAC,MAAM,EAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;IAE9E,OAAgB,MAAM,EAAE,cAAc,CAGpC;IAEO,YAAY,IAAI,IAAI;IAM7B,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAcrC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAI9C,SAAS,CAAC,eAAe,IAAI,MAAM;CAgBpC"}
1
+ {"version":3,"file":"pd-base-input-element.d.ts","sourceRoot":"","sources":["../src/pd-base-input-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,OAAO,EACL,aAAa,EAOd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKxC;;GAEG;AACH,8BAAsB,kBAAmB,SAAQ,aAAa;IAC5D;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,gBAAgB,EAAE,cAAc,CAAS;IAEzC,SAAS,CAAC,MAAM,EACZ,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,OAAO,CAAC;IAEZ,OAAO,CAAC,aAAa,CAAC,CAAS;IAE/B,OAAgB,MAAM,EAAE,cAAc,CAGpC;IAEO,YAAY,IAAI,IAAI;IAO7B,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAuBrC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IActC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAW9C,SAAS,CAAC,eAAe,IAAI,MAAM;CAgBpC"}
@@ -10,6 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
10
10
  if (result) __defProp(target, key, result);
11
11
  return result;
12
12
  };
13
+ const DELAY_WAIT_TIME_MS = 500;
13
14
  const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
14
15
  constructor() {
15
16
  super(...arguments);
@@ -22,6 +23,7 @@ const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
22
23
  this._input = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(
23
24
  this._getElementName()
24
25
  );
26
+ super.firstUpdated();
25
27
  }
26
28
  focus() {
27
29
  var _a;
@@ -29,19 +31,43 @@ const _PdBaseInputElement = class _PdBaseInputElement extends PdBaseUIInput {
29
31
  }
30
32
  _onBlur(event) {
31
33
  var _a;
34
+ if (this._delayTimerId) {
35
+ clearTimeout(this._delayTimerId);
36
+ this._handleChangedValue(this._input.value, event, true, true);
37
+ }
38
+ this._focused = false;
39
+ this._touched = true;
40
+ this.dispatchEvent(
41
+ new CustomEvent("pd-form-element-blur", {
42
+ detail: {
43
+ name: this.valueName || this.id || "field",
44
+ value: (_a = this._input) == null ? void 0 : _a.value
45
+ },
46
+ bubbles: true,
47
+ composed: true
48
+ })
49
+ );
50
+ }
51
+ _onFocus(event) {
52
+ var _a;
53
+ this._focused = true;
32
54
  this.dispatchEvent(
33
- new CustomEvent("focus-lost", {
55
+ new CustomEvent("pd-form-element-focus", {
34
56
  detail: {
57
+ name: this.valueName || this.id || "field",
35
58
  value: (_a = this._input) == null ? void 0 : _a.value
36
59
  },
37
- composed: true,
38
- bubbles: true
60
+ bubbles: true,
61
+ composed: true
39
62
  })
40
63
  );
41
- this._handleChangedValue(this._input.value, event, true, true);
42
64
  }
43
65
  _onKeyUp(event) {
44
- this._handleChangedValue(this._input.value, event, true);
66
+ clearTimeout(this._delayTimerId);
67
+ this._delayTimerId = window.setTimeout(
68
+ () => this._handleChangedValue(this._input.value, event, true, true),
69
+ DELAY_WAIT_TIME_MS
70
+ );
45
71
  }
46
72
  _getElementName() {
47
73
  switch (this._inputType) {
@@ -1,5 +1,6 @@
1
- import { CSSResultGroup } from 'lit';
1
+ import { CSSResultGroup, PropertyValues } from 'lit';
2
2
  import { PdBaseUI } from './pd-base-ui';
3
+ import { PdFieldType, PdFormValidatorFn } from './types';
3
4
  /**
4
5
  * Available input types.
5
6
  * Each input elemt set it's own type during constructor call.
@@ -26,7 +27,7 @@ export declare abstract class PdBaseUIInput extends PdBaseUI {
26
27
  */
27
28
  /**
28
29
  * Fired when field-value changed.
29
- * @event field-change
30
+ * @event pd-form-element-change
30
31
  */
31
32
  gradient: boolean;
32
33
  disabled: boolean;
@@ -36,19 +37,42 @@ export declare abstract class PdBaseUIInput extends PdBaseUI {
36
37
  helperTxt: string;
37
38
  valueName: string;
38
39
  defaultRequiredChar: string;
39
- defaultValue: string;
40
40
  label: string;
41
- value: string;
41
+ fieldType: PdFieldType;
42
+ initValue: string;
43
+ protected _valid: boolean;
44
+ protected _invalid: boolean;
45
+ protected _dirty: boolean;
46
+ protected _pristine: boolean;
47
+ protected _touched: boolean;
48
+ protected _focused: boolean;
42
49
  protected _errorMsg: string;
50
+ protected _value: string;
43
51
  protected _inputType: number;
52
+ protected _validators: PdFormValidatorFn[];
44
53
  static styles: CSSResultGroup;
54
+ update(changedProps: PropertyValues<this>): void;
55
+ firstUpdated(): void;
45
56
  get errorMsg(): string;
46
57
  set errorMsg(msg: string);
47
- clear(): void;
58
+ get value(): string;
59
+ set value(val: string);
48
60
  reset(): void;
49
- protected _generateValidateEvent(): void;
50
- protected _handleChangedValue(newValue: string, event: Event, checkReturn?: boolean, showValidateMsg?: boolean): void;
61
+ clear(): void;
62
+ protected _registerAtContainer(valid: boolean): void;
63
+ private _collectValidators;
64
+ protected _handleChangedValue(newValue: string, event: Event | undefined, dispatchEvent?: boolean, checkReturn?: boolean): void;
65
+ protected _dispatchChange(value: string, eventName?: string): void;
66
+ protected getClassmap(specific?: Record<string, boolean>): {
67
+ error: boolean;
68
+ valid: string | false;
69
+ focus: boolean;
70
+ prestine: boolean;
71
+ dirty: boolean;
72
+ };
51
73
  protected _renderErrorMsg(): import('lit-html').TemplateResult<1> | "";
52
74
  protected _renderLabel(forParam: string, additionalValue?: string): import('lit-html').TemplateResult<1>;
75
+ runValidators(dryRun?: boolean): Promise<boolean>;
76
+ protected _getInitialValue(reset?: boolean): string;
53
77
  }
54
78
  //# sourceMappingURL=pd-base-ui-input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../src/pd-base-ui-input.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAWjC,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;;OAGG;IAEH;;;OAGG;IAEH;;;OAGG;IAGH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,mBAAmB,SAAO;IAG1B,YAAY,SAAM;IAGlB,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,SAAS,CAAC,SAAS,SAAM;IAGzB,SAAS,CAAC,UAAU,SAAM;IAE1B,OAAgB,MAAM,EAAE,cAAc,CAmBpC;IAEF,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAEvB;IAEM,KAAK,IAAI,IAAI;IAKb,KAAK,IAAI,IAAI;IAKpB,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAaxC,SAAS,CAAC,mBAAmB,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,UAAQ,EACnB,eAAe,UAAQ,GACtB,IAAI;IA+CP,SAAS,CAAC,eAAe;IAUzB,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM;CAwBlE"}
1
+ {"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../src/pd-base-ui-input.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhE,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAYzD,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAOjC,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;;OAGG;IAEH;;;OAGG;IAEH;;;OAGG;IAGH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,mBAAmB,SAAO;IAG1B,KAAK,SAAM;IAGX,SAAS,EAAE,WAAW,CAAU;IAGhC,SAAS,EAAE,MAAM,CAAM;IAGvB,SAAS,CAAC,MAAM,UAAS;IAGzB,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,MAAM,UAAS;IAGzB,SAAS,CAAC,SAAS,UAAQ;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,SAAS,SAAM;IAGzB,SAAS,CAAC,MAAM,SAAM;IAGtB,SAAS,CAAC,UAAU,SAAM;IAE1B,SAAS,CAAC,WAAW,EAAE,iBAAiB,EAAE,CAAM;IAEhD,OAAgB,MAAM,EAAE,cAAc,CAkBpC;IAEO,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOhD,YAAY,IAAI,IAAI;IAO7B,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAEM,KAAK;IAkCL,KAAK,IAAI,IAAI;IAKpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAqBpD,OAAO,CAAC,kBAAkB;IAkC1B,SAAS,CAAC,mBAAmB,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,aAAa,UAAQ,EACrB,WAAW,UAAQ,GAClB,IAAI;IAoCP,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAqB3D,SAAS,CAAC,WAAW,CAAC,QAAQ,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM;;;;;;;IAW5D,SAAS,CAAC,eAAe;IAUzB,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM;IA0B1D,aAAa,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IA+CxD,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM;CAGpD"}