@progressive-development/pd-contact 0.1.62 → 0.1.64
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/package.json +2 -2
- package/src/PdContact.js +25 -19
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Progressive Development Contact component",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.64",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"module": "index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"storybook:build": "npm run analyze -- --exclude dist && build-storybook"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@progressive-development/pd-forms": "^0.2.
|
|
20
|
+
"@progressive-development/pd-forms": "^0.2.14",
|
|
21
21
|
"@progressive-development/pd-shared-styles": "^0.1.1",
|
|
22
22
|
"lit": "^2.2.0"
|
|
23
23
|
},
|
package/src/PdContact.js
CHANGED
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
<pd-form-container id="contactContainerId" requiredFieldInfo>
|
|
141
141
|
<pd-form-row id="testFormId">
|
|
142
142
|
<pd-radio-group
|
|
143
|
-
class="
|
|
143
|
+
class="quarter3"
|
|
144
144
|
label="Type"
|
|
145
145
|
required
|
|
146
146
|
value="${this._getRadioValue()}"
|
|
@@ -159,16 +159,18 @@
|
|
|
159
159
|
<pd-form-row class="contact-form">
|
|
160
160
|
<pd-input
|
|
161
161
|
id="compNameId"
|
|
162
|
-
class="
|
|
162
|
+
class="quarter3"
|
|
163
163
|
label="Naam onderneming"
|
|
164
164
|
?required="${this._isRequired("companyName")}"
|
|
165
165
|
value="${this.contact ? this.contact.companyName : ""}"
|
|
166
166
|
valueName="companyName"
|
|
167
167
|
autoCompleteName="organization"
|
|
168
168
|
></pd-input>
|
|
169
|
+
</pd-form-row>
|
|
170
|
+
<pd-form-row class="contact-form">
|
|
169
171
|
<pd-input
|
|
170
172
|
id="vatId"
|
|
171
|
-
class="
|
|
173
|
+
class="quarter3"
|
|
172
174
|
label="Ondernemingsnr"
|
|
173
175
|
?required="${this._isRequired("vatNr")}"
|
|
174
176
|
field-type="vat"
|
|
@@ -182,16 +184,18 @@
|
|
|
182
184
|
<pd-form-row class="contact-form">
|
|
183
185
|
<pd-input
|
|
184
186
|
id="firstNameId"
|
|
185
|
-
class="
|
|
187
|
+
class="quarter3"
|
|
186
188
|
label="Voornaam"
|
|
187
189
|
valueName="firstName"
|
|
188
190
|
value="${this.contact ? this.contact.firstName : ""}"
|
|
189
191
|
autoCompleteName="given-name"
|
|
190
192
|
?required="${this._isRequired("firstName")}"
|
|
191
193
|
></pd-input>
|
|
194
|
+
</pd-form-row>
|
|
195
|
+
<pd-form-row class="contact-form">
|
|
192
196
|
<pd-input
|
|
193
197
|
id="lastNameId"
|
|
194
|
-
class="
|
|
198
|
+
class="quarter3"
|
|
195
199
|
label="Naam"
|
|
196
200
|
valueName="lastName"
|
|
197
201
|
value="${this.contact ? this.contact.lastName : ""}"
|
|
@@ -203,7 +207,7 @@
|
|
|
203
207
|
<pd-form-row class="contact-form">
|
|
204
208
|
<pd-input
|
|
205
209
|
id="streetId"
|
|
206
|
-
class="
|
|
210
|
+
class="quarter2"
|
|
207
211
|
label="Straat"
|
|
208
212
|
valueName="street"
|
|
209
213
|
value="${this.contact ? this.contact.street : ""}"
|
|
@@ -218,22 +222,14 @@
|
|
|
218
222
|
value="${this.contact ? this.contact.streetNr : ""}"
|
|
219
223
|
?required="${this._isRequired("streetNr")}"
|
|
220
224
|
></pd-input>
|
|
221
|
-
</pd-form-row>
|
|
222
|
-
<pd-form-row class="contact-form">
|
|
223
|
-
<pd-input
|
|
224
|
-
class="quarter4"
|
|
225
|
-
id="additionalHintId"
|
|
226
|
-
label="Extra informatie"
|
|
227
|
-
value="${this.contact ? this.contact.additionalHint : ""}"
|
|
228
|
-
></pd-input>
|
|
229
|
-
</pd-form-row>
|
|
225
|
+
</pd-form-row>
|
|
230
226
|
<pd-form-row class="contact-form">
|
|
231
227
|
${this.match && this.match.zip
|
|
232
228
|
? html`
|
|
233
229
|
<pd-input
|
|
234
230
|
readonly
|
|
235
231
|
id="zipId"
|
|
236
|
-
class="
|
|
232
|
+
class="quarter1"
|
|
237
233
|
label="Postcode"
|
|
238
234
|
valueName="zip"
|
|
239
235
|
value="${this.match ? this.match.zip || '' : ''}"
|
|
@@ -242,7 +238,7 @@
|
|
|
242
238
|
: html`
|
|
243
239
|
<pd-input
|
|
244
240
|
id="zipId"
|
|
245
|
-
class="
|
|
241
|
+
class="quarter1"
|
|
246
242
|
label="Postcode"
|
|
247
243
|
field-type="number"
|
|
248
244
|
valueName="zip"
|
|
@@ -261,10 +257,18 @@
|
|
|
261
257
|
?required="${this._isRequired("city")}"
|
|
262
258
|
></pd-input>
|
|
263
259
|
</pd-form-row>
|
|
260
|
+
<pd-form-row class="contact-form">
|
|
261
|
+
<pd-input
|
|
262
|
+
class="quarter3"
|
|
263
|
+
id="additionalHintId"
|
|
264
|
+
label="Extra informatie"
|
|
265
|
+
value="${this.contact ? this.contact.additionalHint : ""}"
|
|
266
|
+
></pd-input>
|
|
267
|
+
</pd-form-row>
|
|
264
268
|
<pd-form-row class="contact-form">
|
|
265
269
|
<pd-input
|
|
266
270
|
id="phoneId"
|
|
267
|
-
class="
|
|
271
|
+
class="quarter3"
|
|
268
272
|
label="Telefoon"
|
|
269
273
|
name="phone"
|
|
270
274
|
valueName="phone1"
|
|
@@ -273,9 +277,11 @@
|
|
|
273
277
|
autoCompleteName="tel"
|
|
274
278
|
?required="${this._isRequired("phone1")}"
|
|
275
279
|
></pd-input>
|
|
280
|
+
</pd-form-row>
|
|
281
|
+
<pd-form-row class="contact-form">
|
|
276
282
|
<pd-input
|
|
277
283
|
id="mailId"
|
|
278
|
-
class="
|
|
284
|
+
class="quarter3"
|
|
279
285
|
label="E-mail"
|
|
280
286
|
field-type="mail"
|
|
281
287
|
valueName="email"
|