@progressive-development/pd-forms 0.5.7 → 0.6.1

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 (109) hide show
  1. package/dist/generated/locale-codes.d.ts +14 -0
  2. package/dist/generated/locale-codes.d.ts.map +1 -0
  3. package/dist/generated/locales/be.d.ts +10 -0
  4. package/dist/generated/locales/be.d.ts.map +1 -0
  5. package/dist/generated/locales/de.d.ts +10 -0
  6. package/dist/generated/locales/de.d.ts.map +1 -0
  7. package/dist/generated/locales/en.d.ts +10 -0
  8. package/dist/generated/locales/en.d.ts.map +1 -0
  9. package/dist/index.d.ts +15 -0
  10. package/dist/index.d.ts.map +1 -0
  11. package/dist/index.js +10 -10
  12. package/dist/locales/be.d.ts +2 -0
  13. package/dist/locales/de.d.ts +2 -0
  14. package/dist/locales/en.d.ts +2 -0
  15. package/dist/pd-base-input-element.d.ts +28 -0
  16. package/dist/pd-base-input-element.d.ts.map +1 -0
  17. package/dist/pd-base-input-element.js +82 -0
  18. package/dist/pd-base-ui-input.d.ts +54 -0
  19. package/dist/pd-base-ui-input.d.ts.map +1 -0
  20. package/dist/pd-base-ui-input.js +208 -0
  21. package/dist/pd-base-ui.d.ts +12 -0
  22. package/dist/pd-base-ui.d.ts.map +1 -0
  23. package/dist/{src/PdBaseUi.js → pd-base-ui.js} +9 -15
  24. package/dist/pd-button.d.ts +16 -0
  25. package/dist/pd-button.d.ts.map +1 -0
  26. package/dist/pd-button.js +154 -4
  27. package/dist/pd-checkbox.d.ts +14 -0
  28. package/dist/pd-checkbox.d.ts.map +1 -0
  29. package/dist/pd-checkbox.js +251 -4
  30. package/dist/pd-form-container.d.ts +25 -0
  31. package/dist/pd-form-container.d.ts.map +1 -0
  32. package/dist/pd-form-container.js +183 -4
  33. package/dist/pd-form-row.d.ts +12 -0
  34. package/dist/pd-form-row.d.ts.map +1 -0
  35. package/dist/pd-form-row.js +108 -4
  36. package/dist/pd-hover-box.d.ts +23 -0
  37. package/dist/pd-hover-box.d.ts.map +1 -0
  38. package/dist/pd-hover-box.js +122 -4
  39. package/dist/pd-icon-panel-button.d.ts +18 -0
  40. package/dist/pd-icon-panel-button.d.ts.map +1 -0
  41. package/dist/pd-icon-panel-button.js +242 -0
  42. package/dist/pd-input-area.d.ts +18 -0
  43. package/dist/pd-input-area.d.ts.map +1 -0
  44. package/dist/pd-input-area.js +74 -4
  45. package/dist/pd-input-file.d.ts +15 -0
  46. package/dist/pd-input-file.d.ts.map +1 -0
  47. package/dist/pd-input-file.js +91 -4
  48. package/dist/pd-input-time.d.ts +10 -0
  49. package/dist/pd-input-time.d.ts.map +1 -0
  50. package/dist/pd-input-time.js +68 -4
  51. package/dist/pd-input.d.ts +30 -0
  52. package/dist/pd-input.d.ts.map +1 -0
  53. package/dist/pd-input.js +99 -4
  54. package/dist/pd-radio-group.d.ts +9 -0
  55. package/dist/pd-radio-group.d.ts.map +1 -0
  56. package/dist/pd-radio-group.js +89 -4
  57. package/dist/pd-range.d.ts +16 -0
  58. package/dist/pd-range.d.ts.map +1 -0
  59. package/dist/pd-range.js +236 -4
  60. package/dist/pd-select.d.ts +14 -0
  61. package/dist/pd-select.d.ts.map +1 -0
  62. package/dist/pd-select.js +121 -4
  63. package/dist/stories/01_index.stories.d.ts +58 -0
  64. package/dist/stories/01_index.stories.d.ts.map +1 -0
  65. package/dist/stories/button.stories.d.ts +22 -0
  66. package/dist/stories/button.stories.d.ts.map +1 -0
  67. package/dist/stories/checkbox.stories.d.ts +28 -0
  68. package/dist/stories/checkbox.stories.d.ts.map +1 -0
  69. package/dist/stories/form-container.stories.d.ts +28 -0
  70. package/dist/stories/form-container.stories.d.ts.map +1 -0
  71. package/dist/stories/form-row.stories.d.ts +27 -0
  72. package/dist/stories/form-row.stories.d.ts.map +1 -0
  73. package/dist/stories/input-area.stories.d.ts +54 -0
  74. package/dist/stories/input-area.stories.d.ts.map +1 -0
  75. package/dist/stories/input-file.stories.d.ts +49 -0
  76. package/dist/stories/input-file.stories.d.ts.map +1 -0
  77. package/dist/stories/input.stories.d.ts +37 -0
  78. package/dist/stories/input.stories.d.ts.map +1 -0
  79. package/dist/stories/pd-icon-button.stories.d.ts +30 -0
  80. package/dist/stories/pd-icon-button.stories.d.ts.map +1 -0
  81. package/dist/stories/radio-group.stories.d.ts +9 -0
  82. package/dist/stories/radio-group.stories.d.ts.map +1 -0
  83. package/dist/stories/range.stories.d.ts +9 -0
  84. package/dist/stories/range.stories.d.ts.map +1 -0
  85. package/dist/stories/select.stories.d.ts +37 -0
  86. package/dist/stories/select.stories.d.ts.map +1 -0
  87. package/dist/styles/shared-input-field-styles.d.ts +9 -0
  88. package/dist/styles/shared-input-field-styles.d.ts.map +1 -0
  89. package/dist/{src → styles}/shared-input-field-styles.js +37 -25
  90. package/dist/styles/shared-input-styles.d.ts +10 -0
  91. package/dist/styles/shared-input-styles.d.ts.map +1 -0
  92. package/dist/{src → styles}/shared-input-styles.js +7 -6
  93. package/dist/types.d.ts +10 -0
  94. package/dist/types.d.ts.map +1 -0
  95. package/package.json +32 -47
  96. package/dist/src/PdBaseInputElement.js +0 -87
  97. package/dist/src/PdBaseUiInput.js +0 -231
  98. package/dist/src/PdButton.js +0 -194
  99. package/dist/src/PdCheckbox.js +0 -230
  100. package/dist/src/PdFormContainer.js +0 -167
  101. package/dist/src/PdFormRow.js +0 -92
  102. package/dist/src/PdHoverBox.js +0 -108
  103. package/dist/src/PdInput.js +0 -79
  104. package/dist/src/PdInputArea.js +0 -61
  105. package/dist/src/PdInputFile.js +0 -73
  106. package/dist/src/PdInputTime.js +0 -59
  107. package/dist/src/PdRadioGroup.js +0 -72
  108. package/dist/src/PdRange.js +0 -267
  109. package/dist/src/PdSelect.js +0 -125
@@ -0,0 +1,14 @@
1
+ import { CSSResultGroup } from 'lit';
2
+ import { PdBaseInputElement } from './pd-base-input-element.js';
3
+ import { PdSelectOption } from './types.js';
4
+ export declare class PdSelect extends PdBaseInputElement {
5
+ values: PdSelectOption[];
6
+ constructor();
7
+ static styles: CSSResultGroup;
8
+ render(): import('lit-html').TemplateResult<1>;
9
+ /**
10
+ * Empty, reserved for possible future enhancements on keyup for select.
11
+ */
12
+ protected _onSelectKeyUp(): void;
13
+ }
14
+ //# sourceMappingURL=pd-select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pd-select.d.ts","sourceRoot":"","sources":["../src/pd-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,qBACa,QAAS,SAAQ,kBAAkB;IAE9C,MAAM,EAAE,cAAc,EAAE,CAAM;;IAO9B,OAAgB,MAAM,EAAE,cAAc,CA0DpC;IAEO,MAAM;IA6Bf;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;CAGjC"}
package/dist/pd-select.js CHANGED
@@ -1,4 +1,121 @@
1
- import { PdSelect } from "./src/PdSelect.js";
2
- if (!customElements.get("pd-select")) {
3
- window.customElements.define("pd-select", PdSelect);
4
- }
1
+ import { css, html } from "lit";
2
+ import { property, customElement } from "lit/decorators.js";
3
+ import { INPUT_TYPE_SELECT } from "./pd-base-ui-input.js";
4
+ import { PdBaseInputElement } from "./pd-base-input-element.js";
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __decorateClass = (decorators, target, key, kind) => {
8
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
9
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
10
+ if (decorator = decorators[i])
11
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
12
+ if (kind && result) __defProp(target, key, result);
13
+ return result;
14
+ };
15
+ let PdSelect = class extends PdBaseInputElement {
16
+ constructor() {
17
+ super();
18
+ this.values = [];
19
+ this._inputType = INPUT_TYPE_SELECT;
20
+ }
21
+ render() {
22
+ const selectId = `${this.id}Select`;
23
+ return html`
24
+ ${this._renderLabel(selectId)}
25
+ <div class="input ${this.errorMsg.length > 0 ? "error" : ""}">
26
+ <select
27
+ id=${selectId}
28
+ class="input-style select-css ${this.gradient ? "gradient" : ""}"
29
+ ?disabled=${this.disabled}
30
+ name=${this.name || this.valueName || this.autoCompleteName}
31
+ autocomplete=${this.autoCompleteName ?? "off"}
32
+ @change=${this._onKeyUp}
33
+ @keyup=${this._onSelectKeyUp}
34
+ @blur=${this._onBlur}
35
+ >
36
+ ${this.values.map(
37
+ (val) => html`
38
+ <option value=${val.value} ?selected=${this.value == val.value}>
39
+ ${val.name}
40
+ </option>
41
+ `
42
+ )}
43
+ </select>
44
+ </div>
45
+ ${this._renderErrorMsg()}
46
+ `;
47
+ }
48
+ /**
49
+ * Empty, reserved for possible future enhancements on keyup for select.
50
+ */
51
+ _onSelectKeyUp() {
52
+ }
53
+ };
54
+ PdSelect.styles = [
55
+ PdBaseInputElement.styles,
56
+ css`
57
+ .select-css {
58
+ display: block;
59
+ -moz-appearance: none;
60
+ -webkit-appearance: none;
61
+ appearance: none;
62
+ padding: 5px;
63
+ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
64
+ background-repeat: no-repeat, repeat;
65
+ background-position:
66
+ right 0.5em top 50%,
67
+ 0 0;
68
+ background-size:
69
+ 0.65em auto,
70
+ 100%;
71
+ max-width: 100%;
72
+ }
73
+
74
+ .select-css::-ms-expand {
75
+ display: none;
76
+ }
77
+
78
+ .select-css option {
79
+ font-weight: normal;
80
+ text-indent: 5px;
81
+ }
82
+
83
+ .gradient {
84
+ background-image:
85
+ url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
86
+ linear-gradient(
87
+ to bottom,
88
+ var(--my-background-gradient-color),
89
+ var(--my-background-color)
90
+ );
91
+ background-color: var(--my-background-color);
92
+ }
93
+
94
+ .error .gradient {
95
+ background-image:
96
+ url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
97
+ linear-gradient(
98
+ to bottom,
99
+ var(--my-background-gradient-color) 10%,
100
+ #f5979b 100%
101
+ );
102
+ background-repeat: no-repeat, repeat;
103
+ background-position:
104
+ right 0.5em top 50%,
105
+ 0 0;
106
+ background-size:
107
+ 0.65em auto,
108
+ 100%;
109
+ background-color: var(--my-error-background-color);
110
+ }
111
+ `
112
+ ];
113
+ __decorateClass([
114
+ property({ type: Array })
115
+ ], PdSelect.prototype, "values", 2);
116
+ PdSelect = __decorateClass([
117
+ customElement("pd-select")
118
+ ], PdSelect);
119
+ export {
120
+ PdSelect
121
+ };
@@ -0,0 +1,58 @@
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
@@ -0,0 +1 @@
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,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAGzB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,YAAY,EAAE,KAgL1B,CAAC"}
@@ -0,0 +1,22 @@
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
+ };
18
+ };
19
+ export default meta;
20
+ type Story = StoryObj;
21
+ export declare const Button: Story;
22
+ //# sourceMappingURL=button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/button.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AAGzB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAUM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC"}
@@ -0,0 +1,28 @@
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 Checkbox: Story;
27
+ export declare const SwitchTemplate: Story;
28
+ //# sourceMappingURL=checkbox.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/checkbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KA8CtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC"}
@@ -0,0 +1,28 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-container.stories.d.ts","sourceRoot":"","sources":["../../src/stories/form-container.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AAGxB,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"}
@@ -0,0 +1,27 @@
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 FormRow: Story;
27
+ //# sourceMappingURL=form-row.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-row.stories.d.ts","sourceRoot":"","sources":["../../src/stories/form-row.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}
@@ -0,0 +1,54 @@
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
+ primaryColor: {
18
+ control: "color";
19
+ };
20
+ secondaryColor: {
21
+ control: "color";
22
+ };
23
+ textColor: {
24
+ control: "color";
25
+ };
26
+ highlightColor: {
27
+ control: "color";
28
+ };
29
+ errorColor: {
30
+ control: "color";
31
+ };
32
+ errorBackgroundColor: {
33
+ control: "color";
34
+ };
35
+ borderRadius: {
36
+ control: "text";
37
+ };
38
+ displayFont: {
39
+ control: "text";
40
+ };
41
+ fontSize: {
42
+ control: "text";
43
+ };
44
+ parameters: {
45
+ actions: {
46
+ handles: string[];
47
+ };
48
+ };
49
+ };
50
+ };
51
+ export default meta;
52
+ type Story = StoryObj;
53
+ export declare const InputArea: Story;
54
+ //# sourceMappingURL=input-area.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-area.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input-area.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,qBAAqB,CAAC;AAG7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KA4GvB,CAAC"}
@@ -0,0 +1,49 @@
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
+ primaryColor: {
18
+ control: "color";
19
+ };
20
+ secondaryColor: {
21
+ control: "color";
22
+ };
23
+ textColor: {
24
+ control: "color";
25
+ };
26
+ highlightColor: {
27
+ control: "color";
28
+ };
29
+ errorColor: {
30
+ control: "color";
31
+ };
32
+ errorBackgroundColor: {
33
+ control: "color";
34
+ };
35
+ borderRadius: {
36
+ control: "text";
37
+ };
38
+ displayFont: {
39
+ control: "text";
40
+ };
41
+ fontSize: {
42
+ control: "text";
43
+ };
44
+ };
45
+ };
46
+ export default meta;
47
+ type Story = StoryObj;
48
+ export declare const InputFile: Story;
49
+ //# sourceMappingURL=input-file.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-file.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input-file.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AAG7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KAmFvB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {
5
+ primaryColor: {
6
+ control: "color";
7
+ };
8
+ secondaryColor: {
9
+ control: "color";
10
+ };
11
+ textColor: {
12
+ control: "color";
13
+ };
14
+ highlightColor: {
15
+ control: "color";
16
+ };
17
+ errorColor: {
18
+ control: "color";
19
+ };
20
+ errorBackgroundColor: {
21
+ control: "color";
22
+ };
23
+ borderRadius: {
24
+ control: "text";
25
+ };
26
+ displayFont: {
27
+ control: "text";
28
+ };
29
+ fontSize: {
30
+ control: "text";
31
+ };
32
+ };
33
+ };
34
+ export default meta;
35
+ type Story = StoryObj;
36
+ export declare const Input: Story;
37
+ //# sourceMappingURL=input.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,KAAK,EAAE,KA8JnB,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
5
+ argTypes: {
6
+ pdButtonIcon: {
7
+ control: "text";
8
+ };
9
+ buttonText: {
10
+ control: "text";
11
+ };
12
+ panelButton: {
13
+ control: "boolean";
14
+ };
15
+ };
16
+ };
17
+ export default meta;
18
+ type Story = StoryObj;
19
+ export declare const DefaultButton: Story;
20
+ export declare const DefaulIcontButton: Story;
21
+ export declare const DefaulIcontButtonDisabled: Story;
22
+ export declare const DefaulIcontButtonPrimary: Story;
23
+ export declare const DefaulIcontButtonPrimaryDisabled: Story;
24
+ export declare const DefaulTextIcontButton: Story;
25
+ export declare const PanelButton: Story;
26
+ export declare const PanelButtonWithContent: Story;
27
+ export declare const PanelButtonWithContentRight: Story;
28
+ export declare const PanelButtonWithContentUp: Story;
29
+ export declare const PanelButtonWithContentRightUp: Story;
30
+ //# sourceMappingURL=pd-icon-button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pd-icon-button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAGpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAoBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAgBpC,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,KAiBzC,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAiBtC,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,KAkB3C,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {};
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj;
8
+ export declare const RadioGroup: Story;
9
+ //# sourceMappingURL=radio-group.stories.d.ts.map
@@ -0,0 +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,KA0CxB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {};
5
+ };
6
+ export default meta;
7
+ type Story = StoryObj;
8
+ export declare const Range: Story;
9
+ //# sourceMappingURL=range.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"range.stories.d.ts","sourceRoot":"","sources":["../../src/stories/range.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAUtB,eAAO,MAAM,KAAK,EAAE,KAmFnB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { StoryObj } from '@storybook/web-components';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {
5
+ primaryColor: {
6
+ control: "color";
7
+ };
8
+ secondaryColor: {
9
+ control: "color";
10
+ };
11
+ textColor: {
12
+ control: "color";
13
+ };
14
+ highlightColor: {
15
+ control: "color";
16
+ };
17
+ errorColor: {
18
+ control: "color";
19
+ };
20
+ errorBackgroundColor: {
21
+ control: "color";
22
+ };
23
+ borderRadius: {
24
+ control: "text";
25
+ };
26
+ displayFont: {
27
+ control: "text";
28
+ };
29
+ fontSize: {
30
+ control: "text";
31
+ };
32
+ };
33
+ };
34
+ export default meta;
35
+ type Story = StoryObj;
36
+ export declare const Select: Story;
37
+ //# sourceMappingURL=select.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/select.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAqDpB,CAAC"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
4
+ */
5
+ /**
6
+ * Shared styles for pd-input, pd-input-area and pd-select.
7
+ */
8
+ export declare const SharedInputFieldStyles: import('lit').CSSResult;
9
+ //# sourceMappingURL=shared-input-field-styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shared-input-field-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-input-field-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,eAAO,MAAM,sBAAsB,yBA2JlC,CAAC"}