.. role:: clio-optional
   :class: clio-flag clio-flag-optional


###################################
HoopsToolsMeasurementActionsElement
###################################

.. js:class:: wvc.HoopsToolsMeasurementActionsElement

   Provides measurement tool selection buttons for the Hoops Tools Panel.
   
   This component displays interactive buttons for different measurement tools including point-to-point distance, face-to-face distance, face angle, and edge length measurements.
   
   It is a dumb component that dispatches operator IDs on selection, with no knowledge of the webviewer. The component highlights the currently active measurement tool based on the activeToolOperator property.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-tools-measurement-actions></hoops-tools-measurement-actions>
      
      <script>
        const actions = document.getElementsByTagName('hoops-tools-measurement-actions')[0];
        actions.activeToolOperator = OperatorId.MeasurePointPointDistance;
        actions.addEventListener('measurement-tool-selected', (event) => {
          console.log('Tool selected:', event.detail.operator);
        });
      </script>
   
   .. rubric:: Custom Element
   
   
   ``hoops-tools-measurement-actions``
   
   .. rubric:: Attributes
   
   
   **activeToolOperator**
   
   
      The currently active measurement tool operator
   
   
   .. rubric:: Events
   
   
   **measurement-tool-selected**
   
   
      Dispatched when a measurement tool button is clicked
   
   
   .. rubric:: Since
   
   
   ``2025.7.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsToolsMeasurementActionsElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsToolsMeasurementActionsElement.activeToolOperator`
   
   .. rubric:: Methods
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:meth:`~wvc.HoopsToolsMeasurementActionsElement.selectMeasurementTool`
   
   



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

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


.. js:method:: wvc.HoopsToolsMeasurementActionsElement.constructor

      .. rst-class:: sig-pretty-signature
      
         | HoopsToolsMeasurementActionsElement(): :js:class:`HoopsToolsMeasurementActionsElement <wvc.HoopsToolsMeasurementActionsElement>`
      
      **Returns**\ : :js:class:`HoopsToolsMeasurementActionsElement <wvc.HoopsToolsMeasurementActionsElement>`
      



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

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


.. js:data:: wvc.HoopsToolsMeasurementActionsElement.activeToolOperator

      .. rst-class:: clio-flags
      
         :clio-optional:`optional`
      
      .. rst-class:: sig-pretty-signature
      
         | activeToolOperator: *OperatorId*
      



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

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


.. js:method:: wvc.HoopsToolsMeasurementActionsElement.selectMeasurementTool

      .. rst-class:: sig-pretty-signature
      
         | selectMeasurementTool(**operator**\ : *OperatorId*\ ): *void*
      
      **Parameters**
      
      
         **operator**\ : *OperatorId*
      
      
      **Returns**\ : *void*
      




