@progressive-development/pd-contact 0.1.67 → 0.1.68

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/PdContact.js +8 -2
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.67",
6
+ "version": "0.1.68",
7
7
  "main": "index.js",
8
8
  "module": "index.js",
9
9
  "scripts": {
package/src/PdContact.js CHANGED
@@ -369,7 +369,7 @@ function transformPhone(phone, country) {
369
369
  }
370
370
 
371
371
  _renderViewContact() {
372
- const trPhoneNr = transformPhone(this.contact.phone1, this.contact.country || "de");
372
+ const trPhoneNr = transformPhone(this.contact.phone1, this.contact.country || "be");
373
373
  return html`
374
374
  <address>
375
375
  <dl>
@@ -383,6 +383,8 @@ function transformPhone(phone, country) {
383
383
  <dd>${this._getFullLocation()}</dd>
384
384
  ${this.contact.additionalHint ? html`<dd>${this.contact.additionalHint}</dd>` : ''}
385
385
  <dd>${this.contact.country}</dd>
386
+
387
+ ${this.contact.phone1 ? html`
386
388
  <dd class="larger">${this.phoneMailLink && trPhoneNr ? html`
387
389
  <a href="${`tel:${trPhoneNr}`}"
388
390
  aria-label="${`Phone call: ${this.contact.phone1}`}"
@@ -391,6 +393,9 @@ function transformPhone(phone, country) {
391
393
  <pd-icon activeIcon icon="phoneIcon" class="round link-icon"></pd-icon>
392
394
  </a>
393
395
  ` : this.contact.phone1}</dd>
396
+ ` : ''}
397
+
398
+ ${this.contact.email ? html`
394
399
  <dd class="larger">${this.phoneMailLink ? html`
395
400
  <a href="${`mailto:${this.contact.email}`}"
396
401
  aria-label="${`Send mail: ${this.contact.email}`}"
@@ -398,7 +403,8 @@ function transformPhone(phone, country) {
398
403
  <span style="margin-right: 8px;">${this.contact.email}</span>
399
404
  <pd-icon activeIcon icon="mailIcon" class="round link-icon"></pd-icon>
400
405
  </a>
401
- ` : this.contact.email}</dd>
406
+ ` : this.contact.email}</dd>
407
+ ` : ''}
402
408
 
403
409
  ${this.contact.btw
404
410
  ? html`<dt>BTW</dt>