Method $define

packages/element/src/index.ts:283–301

* Defines the constructor as a new custom element. * https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define * @param {string|object} [name] The element name. * @param {object} [options] The element definition options.

(
    name?: string | ElementDefinitionOptions,
    options?: ElementDefinitionOptions,
  )

   * @param {object} [options] The element definition options.
   */
  static $define(
    name?: string | ElementDefinitionOptions,
    options?: ElementDefinitionOptions,
  ): void {
    if (isObject(name)) {
      options = name;
      name = '';
    }

    if (!name) {
      name = this.$name || this.name;
    }

    name = toKebabCase(name as string);

    if (IS_BROWSER && WINDOW.customElements && !WINDOW.customElements.get(name)) {
      customElements.define(name, this, options);
    }
  }
}