HoopsTreeItemElement

class ui.treeItem.HoopsTreeItemElement()

Index

Constructors

Properties

Methods

Constructors

ui.treeItem.HoopsTreeItemElement.constructor()
HoopsTreeItemElement(): HoopsTreeItemElement

Returns: HoopsTreeItemElement

Properties

ui.treeItem.HoopsTreeItemElement.styles

static

styles: CSSResult[]

Array of styles to apply to the element. The styles should be defined using the ? tag function, via constructible stylesheets, or imported from native CSS module scripts.

Note on Content Security Policy:

Element styles are implemented with <style> tags when the browser doesn’t support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include ‘unsafe-inline’ or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page’s HTML, before loading application code:

<script>
  // Generated and unique per request:
  window.litNonce = 'a1b2c3d4';
</script>
ui.treeItem.HoopsTreeItemElement.expanded
expanded: boolean
ui.treeItem.HoopsTreeItemElement.hidden
hidden: boolean

MDN Reference

ui.treeItem.HoopsTreeItemElement.leaf
leaf: boolean
ui.treeItem.HoopsTreeItemElement.noAnim
noAnim: boolean
ui.treeItem.HoopsTreeItemElement.selected
selected: boolean

Methods

ui.treeItem.HoopsTreeItemElement.render()
render(): unknown

Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html’s ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns: unknown

ui.treeItem.HoopsTreeItemElement.willUpdate()
willUpdate(_: (PropertyValueMap | Map)): void

Invoked before update() to compute values needed during the update.

Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process.

willUpdate(changedProperties) {
  // only need to check changed properties for an expensive computation.
  if (changedProperties.has('firstName') || changedProperties.has('lastName')) {
    this.sha = computeSHA(`${this.firstName} ${this.lastName}`);
  }
}

render() {
  return html`SHA: ${this.sha}`;
}

Parameters

_: (PropertyValueMap | Map)

Returns: void