@custom-elements-manifest/analyzer/fixtures/07-plugin-lit/01-basic/package/my-element.js

<!-- [=> See Source <=](../../docs/analyzer/index.md) -->

import { LitElement, property, customElement } from 'lit-element';

/**
 * @attr my-attr
 * @prop {string} prop1 this is the description
 */
@customElement('my-element')
class MyElement extends LitElement {
  static get properties() {
    return {
      ...super.properties,
      prop1: { type: String }, // has default "'foo'"
      prop2: { type: Boolean },
      attr: { type: String, attribute: 'my-attr' }, // attr output as 'my-attr'
      noAttr: { type: String, attribute: false }, // no attr output
      /** 
       * @private 
       * @type {Boolean}
       */
      _privateProp: { type: String },
      reflect: {type: Boolean, reflect: true},
      reflect2: {type: Boolean, reflect: true, attribute: 'reflect-2'},
    }
  }

  // also attr
  @property({})
  decoratedProperty = [];

  // attr output with name 'my-attr'
  @property({attribute: 'my-attr2'})
  decoratedPropertyAlsoAttr = [];

  // no attr output
  @property({attribute: false})
  decoratedPropertyNoAttr = [];

  /** 
   * @internal
   */
  @property({reflect: true})
  decoratedInternal;

  @property({reflect: true})
  decoratedReflect;

  @property({reflect: true, attribute: 'decorated-reflect'})
  decoratedReflect2;

  constructor() {
    super();
    this.prop1 = 'foo';
  }
}

/**
 * Picks up property decorator on mixins as well
 */
export function InputMixin(superClass) {
  class InputElement extends superClass {
    /**
     * this description never gets picked up by the analyzer. 
     * so we lose some info about default values and the fact it is both property and attribute
     */
    @property({ type: Boolean }) disabled = false
  }

  return InputElement;
}