.. role:: clio-static
   :class: clio-flag clio-flag-static


#################################
HoopsToolsMeasurementGroupElement
#################################

.. js: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
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsToolsMeasurementGroupElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsToolsMeasurementGroupElement.styles`
   
   .. rubric:: Methods
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.connectedCallback`
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.disconnectedCallback`
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.handleMeasurementRemoveCommand`
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.handleMeasurementToolSelection`
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.handleMeasurementUpdate`
   * :js:meth:`~wvc.HoopsToolsMeasurementGroupElement.render`
   
   



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

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


.. js:method:: wvc.HoopsToolsMeasurementGroupElement.constructor

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



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

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


.. js:data:: wvc.HoopsToolsMeasurementGroupElement.styles

      .. rst-class:: clio-flags
      
         :clio-static:`static`
      
      .. rst-class:: sig-pretty-signature
      
         | 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:
      
      .. code-block:: html
      
         <script>
           // Generated and unique per request:
           window.litNonce = 'a1b2c3d4';
         </script>
      



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

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


.. js:method:: wvc.HoopsToolsMeasurementGroupElement.connectedCallback

      .. rst-class:: sig-pretty-signature
      
         | 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.
      
      .. code-block:: ts
      
         connectedCallback() {
           super.connectedCallback();
           addEventListener('keydown', this._handleKeydown);
         }
      
      Typically, anything done in ``connectedCallback()`` should be undone when the element is disconnected, in ``disconnectedCallback()``\ .
      
      **Returns**\ : *void*
      



.. js:method:: wvc.HoopsToolsMeasurementGroupElement.disconnectedCallback

      .. rst-class:: sig-pretty-signature
      
         | disconnectedCallback(): *void*
      
      Lifecycle method called when the component is disconnected from the DOM. Cleans up event listeners to prevent memory leaks.
      
      **Returns**\ : *void*
      
      
      



.. js:method:: wvc.HoopsToolsMeasurementGroupElement.handleMeasurementRemoveCommand

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



.. js:method:: wvc.HoopsToolsMeasurementGroupElement.handleMeasurementToolSelection

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



.. js:method:: wvc.HoopsToolsMeasurementGroupElement.handleMeasurementUpdate

      .. rst-class:: sig-pretty-signature
      
         | handleMeasurementUpdate(): *void*
      
      Event handler for measurement updates. Triggers a re-render of the component when measurements change.
      
      **Returns**\ : *void*
      
      
      



.. js:method:: wvc.HoopsToolsMeasurementGroupElement.render

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




