@progressive-development/pd-forms 0.9.1 → 1.0.0

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 (165) hide show
  1. package/LICENSE +21 -2
  2. package/README.md +56 -62
  3. package/dist/base/pd-base-input-element.d.ts +10 -10
  4. package/dist/base/pd-base-input-element.d.ts.map +1 -1
  5. package/dist/base/pd-base-input-element.js +8 -1
  6. package/dist/base/pd-base-ui-input.d.ts +41 -16
  7. package/dist/base/pd-base-ui-input.d.ts.map +1 -1
  8. package/dist/base/pd-base-ui-input.js +25 -6
  9. package/dist/base/pd-base-ui.d.ts.map +1 -1
  10. package/dist/base/pd-base-ui.js +1 -20
  11. package/dist/generated/locales/be.d.ts +3 -0
  12. package/dist/generated/locales/be.d.ts.map +1 -1
  13. package/dist/generated/locales/de.d.ts +3 -0
  14. package/dist/generated/locales/de.d.ts.map +1 -1
  15. package/dist/generated/locales/en.d.ts +3 -0
  16. package/dist/generated/locales/en.d.ts.map +1 -1
  17. package/dist/index.d.ts +4 -1
  18. package/dist/index.d.ts.map +1 -1
  19. package/dist/index.js +6 -0
  20. package/dist/locales/be.js +4 -1
  21. package/dist/locales/de.js +4 -1
  22. package/dist/locales/en.js +4 -1
  23. package/dist/pd-button/PdButton.d.ts +171 -37
  24. package/dist/pd-button/PdButton.d.ts.map +1 -1
  25. package/dist/pd-button/PdButton.js +502 -71
  26. package/dist/pd-button/pd-button.stories.d.ts +82 -10
  27. package/dist/pd-button/pd-button.stories.d.ts.map +1 -1
  28. package/dist/pd-button-group/PdButtonGroup.d.ts +25 -0
  29. package/dist/pd-button-group/PdButtonGroup.d.ts.map +1 -1
  30. package/dist/pd-button-group/PdButtonGroup.js +52 -27
  31. package/dist/pd-button-group/pd-button-group.stories.d.ts +42 -17
  32. package/dist/pd-button-group/pd-button-group.stories.d.ts.map +1 -1
  33. package/dist/pd-button-select-group/PdButtonSelectGroup.d.ts +17 -3
  34. package/dist/pd-button-select-group/PdButtonSelectGroup.d.ts.map +1 -1
  35. package/dist/pd-button-select-group/PdButtonSelectGroup.js +23 -19
  36. package/dist/pd-button-select-group/pd-button-select-group.stories.d.ts +43 -18
  37. package/dist/pd-button-select-group/pd-button-select-group.stories.d.ts.map +1 -1
  38. package/dist/pd-checkbox/PdCheckbox.d.ts +23 -2
  39. package/dist/pd-checkbox/PdCheckbox.d.ts.map +1 -1
  40. package/dist/pd-checkbox/PdCheckbox.js +85 -21
  41. package/dist/pd-checkbox/pd-checkbox.stories.d.ts +43 -27
  42. package/dist/pd-checkbox/pd-checkbox.stories.d.ts.map +1 -1
  43. package/dist/pd-form-container/PdFormContainer.d.ts +30 -9
  44. package/dist/pd-form-container/PdFormContainer.d.ts.map +1 -1
  45. package/dist/pd-form-container/PdFormContainer.js +59 -8
  46. package/dist/pd-form-container/pd-form-container.stories.d.ts +49 -0
  47. package/dist/pd-form-container/pd-form-container.stories.d.ts.map +1 -0
  48. package/dist/pd-form-field/PdFormField.d.ts +35 -0
  49. package/dist/pd-form-field/PdFormField.d.ts.map +1 -0
  50. package/dist/pd-form-field/PdFormField.js +38 -0
  51. package/dist/pd-form-field/pd-form-field.d.ts +3 -0
  52. package/dist/pd-form-field/pd-form-field.d.ts.map +1 -0
  53. package/dist/pd-form-field/pd-form-field.stories.d.ts +40 -0
  54. package/dist/pd-form-field/pd-form-field.stories.d.ts.map +1 -0
  55. package/dist/pd-form-field.d.ts +2 -0
  56. package/dist/pd-form-field.js +8 -0
  57. package/dist/pd-form-fieldset/PdFormFieldset.d.ts +144 -0
  58. package/dist/pd-form-fieldset/PdFormFieldset.d.ts.map +1 -0
  59. package/dist/pd-form-fieldset/PdFormFieldset.js +364 -0
  60. package/dist/pd-form-fieldset/index.d.ts +2 -0
  61. package/dist/pd-form-fieldset/index.d.ts.map +1 -0
  62. package/dist/pd-form-fieldset/pd-form-fieldset.d.ts +3 -0
  63. package/dist/pd-form-fieldset/pd-form-fieldset.d.ts.map +1 -0
  64. package/dist/pd-form-fieldset/pd-form-fieldset.js +8 -0
  65. package/dist/pd-form-fieldset/pd-form-fieldset.stories.d.ts +38 -0
  66. package/dist/pd-form-fieldset/pd-form-fieldset.stories.d.ts.map +1 -0
  67. package/dist/pd-form-row/PdFormRow.d.ts +35 -5
  68. package/dist/pd-form-row/PdFormRow.d.ts.map +1 -1
  69. package/dist/pd-form-row/PdFormRow.js +135 -69
  70. package/dist/pd-form-row/pd-form-row.stories.d.ts +41 -25
  71. package/dist/pd-form-row/pd-form-row.stories.d.ts.map +1 -1
  72. package/dist/pd-generic-form/PdGenericForm.d.ts +50 -0
  73. package/dist/pd-generic-form/PdGenericForm.d.ts.map +1 -0
  74. package/dist/pd-generic-form/PdGenericForm.js +334 -0
  75. package/dist/pd-generic-form/pd-generic-form.d.ts +3 -0
  76. package/dist/pd-generic-form/pd-generic-form.d.ts.map +1 -0
  77. package/dist/pd-generic-form/pd-generic-form.stories.d.ts +35 -0
  78. package/dist/pd-generic-form/pd-generic-form.stories.d.ts.map +1 -0
  79. package/dist/pd-generic-form/pd-generic-form.styles.d.ts +2 -0
  80. package/dist/pd-generic-form/pd-generic-form.styles.d.ts.map +1 -0
  81. package/dist/pd-generic-form/pd-generic-form.styles.js +110 -0
  82. package/dist/pd-generic-form/pd-generic-form.test.d.ts +1 -0
  83. package/dist/pd-generic-form/pd-generic-form.test.d.ts.map +1 -0
  84. package/dist/pd-generic-form.d.ts +2 -0
  85. package/dist/pd-generic-form.js +8 -0
  86. package/dist/pd-hover-box/PdHoverBox.d.ts +61 -11
  87. package/dist/pd-hover-box/PdHoverBox.d.ts.map +1 -1
  88. package/dist/pd-hover-box/PdHoverBox.js +130 -28
  89. package/dist/pd-hover-box/pd-hover-box.stories.d.ts +28 -5
  90. package/dist/pd-hover-box/pd-hover-box.stories.d.ts.map +1 -1
  91. package/dist/pd-input/PdComboboxInput.d.ts +20 -0
  92. package/dist/pd-input/PdComboboxInput.d.ts.map +1 -0
  93. package/dist/pd-input/PdComboboxInput.js +67 -0
  94. package/dist/pd-input/PdInput.d.ts +33 -15
  95. package/dist/pd-input/PdInput.d.ts.map +1 -1
  96. package/dist/pd-input/PdInput.js +49 -21
  97. package/dist/pd-input/pd-input.stories.d.ts +71 -35
  98. package/dist/pd-input/pd-input.stories.d.ts.map +1 -1
  99. package/dist/pd-input-area/PdInputArea.d.ts +19 -6
  100. package/dist/pd-input-area/PdInputArea.d.ts.map +1 -1
  101. package/dist/pd-input-area/PdInputArea.js +17 -15
  102. package/dist/pd-input-area/pd-input-area.stories.d.ts +65 -52
  103. package/dist/pd-input-area/pd-input-area.stories.d.ts.map +1 -1
  104. package/dist/pd-input-file/PdInputFile.d.ts +24 -0
  105. package/dist/pd-input-file/PdInputFile.d.ts.map +1 -1
  106. package/dist/pd-input-file/PdInputFile.js +53 -22
  107. package/dist/pd-input-file/pd-input-file.stories.d.ts +51 -47
  108. package/dist/pd-input-file/pd-input-file.stories.d.ts.map +1 -1
  109. package/dist/pd-input-time/PdInputTime.d.ts +21 -0
  110. package/dist/pd-input-time/PdInputTime.d.ts.map +1 -1
  111. package/dist/pd-input-time/PdInputTime.js +48 -22
  112. package/dist/pd-input-time/pd-input-time.stories.d.ts +94 -0
  113. package/dist/pd-input-time/pd-input-time.stories.d.ts.map +1 -0
  114. package/dist/pd-panel-button/PdPanelButton.d.ts +50 -34
  115. package/dist/pd-panel-button/PdPanelButton.d.ts.map +1 -1
  116. package/dist/pd-panel-button/PdPanelButton.js +149 -265
  117. package/dist/pd-panel-button/pd-panel-button.stories.d.ts +55 -25
  118. package/dist/pd-panel-button/pd-panel-button.stories.d.ts.map +1 -1
  119. package/dist/pd-radio-group/PdRadioGroup.d.ts +14 -0
  120. package/dist/pd-radio-group/PdRadioGroup.d.ts.map +1 -1
  121. package/dist/pd-radio-group/PdRadioGroup.js +48 -11
  122. package/dist/pd-radio-group/pd-radio-group.stories.d.ts +37 -7
  123. package/dist/pd-radio-group/pd-radio-group.stories.d.ts.map +1 -1
  124. package/dist/pd-range/PdRange.d.ts +22 -2
  125. package/dist/pd-range/PdRange.d.ts.map +1 -1
  126. package/dist/pd-range/PdRange.js +54 -43
  127. package/dist/pd-range/pd-range.stories.d.ts +49 -7
  128. package/dist/pd-range/pd-range.stories.d.ts.map +1 -1
  129. package/dist/pd-select/PdSelect.d.ts +16 -4
  130. package/dist/pd-select/PdSelect.d.ts.map +1 -1
  131. package/dist/pd-select/PdSelect.js +23 -21
  132. package/dist/pd-select/pd-select.stories.d.ts +56 -35
  133. package/dist/pd-select/pd-select.stories.d.ts.map +1 -1
  134. package/dist/pd-suggestion-box/PdSuggestionBox.d.ts +74 -0
  135. package/dist/pd-suggestion-box/PdSuggestionBox.d.ts.map +1 -0
  136. package/dist/pd-suggestion-box/PdSuggestionBox.js +277 -0
  137. package/dist/pd-suggestion-box/PdSuggestionPanel.d.ts +42 -0
  138. package/dist/pd-suggestion-box/PdSuggestionPanel.d.ts.map +1 -0
  139. package/dist/pd-suggestion-box/PdSuggestionPanel.js +227 -0
  140. package/dist/pd-suggestion-box/pd-suggestion-box.d.ts +3 -0
  141. package/dist/pd-suggestion-box/pd-suggestion-box.d.ts.map +1 -0
  142. package/dist/pd-suggestion-box/pd-suggestion-box.stories.d.ts +79 -0
  143. package/dist/pd-suggestion-box/pd-suggestion-box.stories.d.ts.map +1 -0
  144. package/dist/pd-suggestion-box.d.ts +2 -0
  145. package/dist/pd-suggestion-box.js +8 -0
  146. package/dist/pd-utils/dist/position-helper.js +35 -0
  147. package/dist/stories/pd-forms-overview.stories.d.ts +48 -0
  148. package/dist/stories/pd-forms-overview.stories.d.ts.map +1 -0
  149. package/dist/stories/story-helpers.d.ts +10 -0
  150. package/dist/stories/story-helpers.d.ts.map +1 -0
  151. package/dist/styles/shared-input-field-styles.d.ts.map +1 -1
  152. package/dist/styles/shared-input-field-styles.js +13 -19
  153. package/dist/styles/shared-input-styles.d.ts.map +1 -1
  154. package/dist/styles/shared-input-styles.js +18 -14
  155. package/dist/types.d.ts +11 -0
  156. package/dist/types.d.ts.map +1 -1
  157. package/package.json +12 -5
  158. package/dist/pd-form-container/form-container.stories.d.ts +0 -28
  159. package/dist/pd-form-container/form-container.stories.d.ts.map +0 -1
  160. package/dist/pd-form-container/form-container2.stories.d.ts +0 -8
  161. package/dist/pd-form-container/form-container2.stories.d.ts.map +0 -1
  162. package/dist/pd-form-container/form-container3.stories.d.ts +0 -11
  163. package/dist/pd-form-container/form-container3.stories.d.ts.map +0 -1
  164. package/dist/stories/01_index.stories.d.ts +0 -58
  165. package/dist/stories/01_index.stories.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,9 +1,12 @@
1
1
  {
2
2
  "name": "@progressive-development/pd-forms",
3
- "version": "0.9.1",
3
+ "version": "1.0.0",
4
4
  "description": "Webcomponents library 'pd-forms' for form input elements.",
5
5
  "author": "PD Progressive Development",
6
- "license": "SEE LICENSE IN LICENSE",
6
+ "license": "MIT",
7
+ "publishConfig": {
8
+ "access": "public"
9
+ },
7
10
  "main": "./dist/index.js",
8
11
  "module": "./dist/index.js",
9
12
  "type": "module",
@@ -16,6 +19,7 @@
16
19
  "./pd-button-select-group": "./dist/pd-button-select-group.js",
17
20
  "./pd-checkbox": "./dist/pd-checkbox.js",
18
21
  "./pd-form-container": "./dist/pd-form-container.js",
22
+ "./pd-form-field": "./dist/pd-form-field.js",
19
23
  "./pd-form-row": "./dist/pd-form-row.js",
20
24
  "./pd-hover-box": "./dist/pd-hover-box.js",
21
25
  "./pd-input-area": "./dist/pd-input-area.js",
@@ -25,6 +29,8 @@
25
29
  "./pd-radio-group": "./dist/pd-radio-group.js",
26
30
  "./pd-range": "./dist/pd-range.js",
27
31
  "./pd-select": "./dist/pd-select.js",
32
+ "./pd-suggestion-box": "./dist/pd-suggestion-box.js",
33
+ "./pd-generic-form": "./dist/pd-generic-form.js",
28
34
  "./locales/be": "./dist/locales/be.js",
29
35
  "./locales/de": "./dist/locales/de.js",
30
36
  "./locales/en": "./dist/locales/en.js"
@@ -40,14 +46,15 @@
40
46
  "@lit/localize": "^0.12.2",
41
47
  "@lit-labs/motion": "^1.0.8",
42
48
  "tslib": "^2.8.1",
43
- "@progressive-development/pd-icon": "0.9.1",
44
- "@progressive-development/pd-shared-styles": "0.3.0"
49
+ "@progressive-development/pd-icon": "1.0.0",
50
+ "@progressive-development/pd-model": "1.1.0",
51
+ "@progressive-development/pd-shared-styles": "0.3.1"
45
52
  },
46
53
  "customElements": "custom-elements.json",
47
54
  "scripts": {
48
55
  "analyze": "cem analyze --litelement --exclude dist,demo",
49
56
  "start": "vite",
50
- "build": "vite build",
57
+ "build": "pnpm run analyze && vite build",
51
58
  "preview": "vite preview",
52
59
  "clean": "rm -rf dist",
53
60
  "clean:all": "rm -rf dist node_modules pnpm-lock.yaml",
@@ -1,28 +0,0 @@
1
- import { StoryObj } from '@storybook/web-components';
2
- declare const meta: {
3
- title: string;
4
- argTypes: {
5
- backgroundColor: {
6
- control: "color";
7
- };
8
- onClick: {
9
- action: string;
10
- };
11
- size: {
12
- control: {
13
- type: "select";
14
- };
15
- options: string[];
16
- };
17
- parameters: {
18
- actions: {
19
- handles: string[];
20
- };
21
- };
22
- };
23
- };
24
- export default meta;
25
- type Story = StoryObj;
26
- export declare const FormContainer: Story;
27
- export declare const FormContainerCustomBaseWidth: Story;
28
- //# sourceMappingURL=form-container.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-container.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-container/form-container.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAUtB,eAAO,MAAM,aAAa,EAAE,KAwI3B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAiH1C,CAAC"}
@@ -1,8 +0,0 @@
1
- import { StoryObj } from '@storybook/web-components';
2
- declare const meta: {
3
- title: string;
4
- };
5
- export default meta;
6
- type Story = StoryObj;
7
- export declare const FormContainerFullTest: Story;
8
- //# sourceMappingURL=form-container2.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-container2.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-container/form-container2.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAM3D,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAE3C,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAStB,eAAO,MAAM,qBAAqB,EAAE,KA0RnC,CAAC"}
@@ -1,11 +0,0 @@
1
- import { StoryObj } from '@storybook/web-components';
2
- declare const meta: {
3
- title: string;
4
- };
5
- export default meta;
6
- type Story = StoryObj;
7
- export declare const FormContainerValidStory: Story;
8
- export declare const FormContainerInitValueStory: Story;
9
- export declare const FormContainerInitNumberValueStory: Story;
10
- export declare const FormContainerCommonErroStory: Story;
11
- //# sourceMappingURL=form-container3.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-container3.stories.d.ts","sourceRoot":"","sources":["../../src/pd-form-container/form-container3.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAK3D,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AACjC,OAAO,2BAA2B,CAAC;AACnC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAE3C,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAStB,eAAO,MAAM,uBAAuB,EAAE,KA8DrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAiEzC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAiF/C,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KA4D1C,CAAC"}
@@ -1,58 +0,0 @@
1
- import { StoryObj } from '@storybook/web-components';
2
- declare const meta: {
3
- title: string;
4
- argTypes: {
5
- backgroundColor: {
6
- control: "color";
7
- };
8
- onClick: {
9
- action: string;
10
- };
11
- size: {
12
- control: {
13
- type: "select";
14
- };
15
- options: string[];
16
- };
17
- gradient: {
18
- control: "boolean";
19
- };
20
- primaryColor: {
21
- control: "color";
22
- };
23
- secondaryColor: {
24
- control: "color";
25
- };
26
- thirdColor: {
27
- control: "color";
28
- };
29
- textColor: {
30
- control: "color";
31
- };
32
- highlightColor: {
33
- control: "color";
34
- };
35
- errorColor: {
36
- control: "color";
37
- };
38
- errorBackgroundColor: {
39
- control: "color";
40
- };
41
- borderRadius: {
42
- control: "text";
43
- };
44
- displayFont: {
45
- control: "text";
46
- };
47
- fontSize: {
48
- control: "text";
49
- };
50
- inputHeigth: {
51
- control: "text";
52
- };
53
- };
54
- };
55
- export default meta;
56
- type Story = StoryObj;
57
- export declare const FormExamples: Story;
58
- //# sourceMappingURL=01_index.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"01_index.stories.d.ts","sourceRoot":"","sources":["../../src/stories/01_index.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AAGnC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,YAAY,EAAE,KA4L1B,CAAC"}