
###########################
HoopsCoordinateInputElement
###########################

.. js: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
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~ui.common.HoopsCoordinateInputElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~ui.common.HoopsCoordinateInputElement.label`
   * :js:data:`~ui.common.HoopsCoordinateInputElement.max`
   * :js:data:`~ui.common.HoopsCoordinateInputElement.min`
   * :js:data:`~ui.common.HoopsCoordinateInputElement.value`
   
   .. rubric:: Methods
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:meth:`~ui.common.HoopsCoordinateInputElement.update`
   
   



.. rst-class:: kind-group kind-constructors

.. rubric:: Constructors
   :class: kind-group-title


.. js:method:: ui.common.HoopsCoordinateInputElement.constructor

      .. rst-class:: sig-pretty-signature
      
         | HoopsCoordinateInputElement(): :js:class:`HoopsCoordinateInputElement <ui.common.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**\ : :js:class:`HoopsCoordinateInputElement <ui.common.HoopsCoordinateInputElement>`
      



.. rst-class:: kind-group kind-properties

.. rubric:: Properties
   :class: kind-group-title


.. js:data:: ui.common.HoopsCoordinateInputElement.label

      .. rst-class:: sig-pretty-signature
      
         | 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.
      



.. js:data:: ui.common.HoopsCoordinateInputElement.max

      .. rst-class:: sig-pretty-signature
      
         | max: *number*
      
      The maximum allowed value for the coordinate. This constrains both the numeric input and range slider.
      



.. js:data:: ui.common.HoopsCoordinateInputElement.min

      .. rst-class:: sig-pretty-signature
      
         | min: *number*
      
      The minimum allowed value for the coordinate. This constrains both the numeric input and range slider.
      



.. js:data:: ui.common.HoopsCoordinateInputElement.value

      .. rst-class:: sig-pretty-signature
      
         | 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.
      



.. rst-class:: kind-group kind-methods

.. rubric:: Methods
   :class: kind-group-title


.. js:method:: ui.common.HoopsCoordinateInputElement.update

      .. rst-class:: sig-pretty-signature
      
         | 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*
      




