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


############################
HoopsToolsGroupMarkupElement
############################

.. js:class:: wvc.HoopsToolsGroupMarkupElement

   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsToolsGroupMarkupElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsToolsGroupMarkupElement.styles`
   
   .. rubric:: Methods
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:meth:`~wvc.HoopsToolsGroupMarkupElement.disconnectedCallback`
   * :js:meth:`~wvc.HoopsToolsGroupMarkupElement.firstUpdated`
   * :js:meth:`~wvc.HoopsToolsGroupMarkupElement.onMarkupsUpdated`
   * :js:meth:`~wvc.HoopsToolsGroupMarkupElement.render`
   
   



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

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


.. js:method:: wvc.HoopsToolsGroupMarkupElement.constructor

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



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

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


.. js:data:: wvc.HoopsToolsGroupMarkupElement.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.HoopsToolsGroupMarkupElement.disconnectedCallback

      .. rst-class:: sig-pretty-signature
      
         | disconnectedCallback(): *void*
      
      Invoked when the component is removed from the document's DOM.
      
      This callback is the main signal to the element that it may no longer be used. ``disconnectedCallback()`` should ensure that nothing is holding a reference to the element (such as event listeners added to nodes external to the element), so that it is free to be garbage collected.
      
      .. code-block:: ts
      
         disconnectedCallback() {
           super.disconnectedCallback();
           window.removeEventListener('keydown', this._handleKeydown);
         }
      
      An element may be re-connected after being disconnected.
      
      **Returns**\ : *void*
      



.. js:method:: wvc.HoopsToolsGroupMarkupElement.firstUpdated

      .. rst-class:: sig-pretty-signature
      
         | firstUpdated(): *void*
      
      Invoked when the element is first updated. Implement to perform one time work on the element after update.
      
      .. code-block:: ts
      
         firstUpdated() {
           this.renderRoot.getElementById('my-text-area').focus();
         }
      
      Setting properties inside this method will trigger the element to update again after this update cycle completes.
      
      **Returns**\ : *void*
      



.. js:method:: wvc.HoopsToolsGroupMarkupElement.onMarkupsUpdated

      .. rst-class:: sig-pretty-signature
      
         | onMarkupsUpdated(): *void*
      
      **Returns**\ : *void*
      



.. js:method:: wvc.HoopsToolsGroupMarkupElement.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*
      




