All files / src/live ContactNameFetch.ts

100% Statements 32/32
100% Branches 2/2
66.66% Functions 2/3
100% Lines 32/32

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3392x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x 92x  
import { css, html, TemplateResult } from 'lit';
import { property } from 'lit/decorators.js';
import { ContactStoreElement } from './ContactStoreElement';
 
export class ContactNameFetch extends ContactStoreElement {
  @property({ type: Number, attribute: 'icon-size' })
  size = 20;
 
  static get styles() {
    return css`
      :host {
        display: flex;
      }
 
      temba-urn {
        margin-right: 0.2em;
        margin-top: 2px;
      }
    `;
  }
 
  public render(): TemplateResult {
    if (this.data) {
      return html` <temba-contact-name
          name=${this.data.name || this.data.ref}
          urn=${this.data.urns.length > 0 ? this.data.urns[0] : null}
        ></temba-contact-name>
        <slot></slot>`;
    }
    return super.render();
  }
}