Class: ElementSk

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

elements-sk/upgradeProperty~lit-html~infra-sk/modules/ElementSk~ElementSk(templateFn)

A base class that records the connected status of the element in this._connected and provides a _render() function that doesn't do anything if this this._connected is false.

Constructor

new ElementSk(templateFn)

Parameters:
Name Type Description
templateFn A function that, when applied to this component, will returns the component's lit-html template.
Source:
Example
class MyElement extends ElementSk {
  greeting = "Hello";

  constructor() {
    super((ele: MyElement) => html`<p>${ele.greeting} World!</p>`);
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }
}

Methods

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_render()

Renders the lit-html template found at this._template if not-null, but only if connectedCallback has been called.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source:

_upgradeProperty(name)

Capture the value from the unupgraded instance and delete the property so it does not shadow the custom element's own property setter. See this Google Developers article for more details.
Parameters:
Name Type Description
name Property name.
Source: