HoopsCoordinateInputElement

class ui.common.HoopsCoordinateInputElement()

A custom web component that provides a coordinate input interface with both numeric input and range slider controls for editing coordinate values.

This component renders a labeled input control that consists of:

  • A text label
  • A numeric input field
  • A range slider

Both input controls are kept in sync and allow users to modify coordinate values either by typing precise values or using the slider for approximate adjustments.

Index

Constructors

Properties

Methods

Constructors

ui.common.HoopsCoordinateInputElement.constructor()
HoopsCoordinateInputElement(): HoopsCoordinateInputElement

Constructs a new HoopsCoordinateInputElement with default values.

Initializes the component with:

  • Empty label
  • Value of 0
  • Min value of 0
  • Max value of 100

Returns: HoopsCoordinateInputElement

Properties

ui.common.HoopsCoordinateInputElement.label
label: string

The display label for this coordinate input (e.g., “X”, “Y”, “Z”). This label appears before the input controls and is also included in the change event details.

ui.common.HoopsCoordinateInputElement.max
max: number

The maximum allowed value for the coordinate. This constrains both the numeric input and range slider.

ui.common.HoopsCoordinateInputElement.min
min: number

The minimum allowed value for the coordinate. This constrains both the numeric input and range slider.

ui.common.HoopsCoordinateInputElement.value
value: number

The current numeric value of the coordinate. This value is displayed in both the numeric input and range slider, and is formatted to 2 decimal places for display.

Methods

ui.common.HoopsCoordinateInputElement.update()
update(changedProperties: (PropertyValueMap | Map)): void

Lifecycle method called when the element’s properties change.

This override ensures that both input controls (numeric and range) stay synchronized with the current value property. This is necessary because external updates to the value property may not trigger a re-render of the input elements if they already contain the same value.

Parameters

changedProperties: (PropertyValueMap | Map)

Map of changed properties and their previous values

Returns: void