# All files DotshaOffer.ts

100% Statements 39/39
100% Branches 3/3
100% Functions 3/3
100% Lines 39/39

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
    33
    34
    35
    36
    37
    38
    39
    402x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    2x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
     import { html, css, LitElement } from 'lit';
    import { customElement, property } from 'lit/decorators.js';

    // type OfferItem = {
    //   id: String;
    // }

    // type Offer = {
    //   id: String;
    //   name: String;
    //   offerItems: OfferItem[];
    // };

    @customElement('dotsha-offer')
    export class DotshaOffer extends LitElement {
      static styles = css`
        :host {
          display: block;
          color: var(--dotsha-offer-text-color, #000);
        }
      `;

      //   @property({ type: Object }) offer: Offer | null = null;
      @property({ type: Object }) offer: any = null;

      _goToOffersList() {
        this.dispatchEvent(
          new CustomEvent('goto-offers-list', { bubbles: true, composed: true })
        );
      }

      override render() {
        return html`
          <h2>${this.offer?.name || 'Offer'}</h2>
          <button @click=${this._goToOffersList} part="button">Retour</button>
          <slot></slot>
        `;
      }
    }