HoopsToolsMeasurementGroupElement

class wvc.HoopsToolsMeasurementGroupElement()

A web component that displays and manages a group of measurement tools and measurements.

This component provides:

• A measurement tools panel with action buttons
• A scrollable list of existing measurements

Index

Constructors

• constructor

Properties

• styles

Methods

• connectedCallback
• disconnectedCallback
• handleMeasurementRemoveCommand
• handleMeasurementToolSelection
• handleMeasurementUpdate
• render

Constructors

wvc.HoopsToolsMeasurementGroupElement.constructor()

HoopsToolsMeasurementGroupElement(): HoopsToolsMeasurementGroupElement

Returns: HoopsToolsMeasurementGroupElement

Properties

wvc.HoopsToolsMeasurementGroupElement.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>

Methods

wvc.HoopsToolsMeasurementGroupElement.connectedCallback()

connectedCallback(): void

Invoked when the component is added to the document’s DOM.

In connectedCallback() you should setup tasks that should only occur when the element is connected to the document. The most common of these is adding event listeners to nodes external to the element, like a keydown event handler added to the window.

connectedCallback() {
  super.connectedCallback();
  addEventListener('keydown', this._handleKeydown);
}

Typically, anything done in connectedCallback() should be undone when the element is disconnected, in disconnectedCallback().

Returns: void

wvc.HoopsToolsMeasurementGroupElement.disconnectedCallback()

disconnectedCallback(): void

Lifecycle method called when the component is disconnected from the DOM. Cleans up event listeners to prevent memory leaks.

Returns: void

wvc.HoopsToolsMeasurementGroupElement.handleMeasurementRemoveCommand()

handleMeasurementRemoveCommand(event: MeasurementRemoveCommand): void

Handles measurement removal commands. Removes the specified measurement from the measurement service.

Parameters

event: MeasurementRemoveCommand

The measurement remove command event

Returns: void

wvc.HoopsToolsMeasurementGroupElement.handleMeasurementToolSelection()

handleMeasurementToolSelection(event: MeasurementToolSelectedEvent): void

Handles measurement tool selection events. Sets the active tool operator in the context manager when a measurement tool is selected.

Parameters

event: MeasurementToolSelectedEvent

The measurement tool selection event

Returns: void

wvc.HoopsToolsMeasurementGroupElement.handleMeasurementUpdate()

handleMeasurementUpdate(): void

Event handler for measurement updates. Triggers a re-render of the component when measurements change.

Returns: void

wvc.HoopsToolsMeasurementGroupElement.render()

render(): TemplateResult

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: TemplateResult