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

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


################################
HoopsCadConfigurationListElement
################################

.. js:class:: wvc.HoopsCadConfigurationListElement

   Provides a selectable list of CAD configurations for 3D model viewing.
   
   This web component displays available CAD configurations from a model and allows users to select different configurations. It automatically integrates with the model adapter to fetch configuration data and provides click interaction for configuration switching.
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsCadConfigurationListElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsCadConfigurationListElement.styles`
   * :js:data:`~wvc.HoopsCadConfigurationListElement.active`
   * :js:data:`~wvc.HoopsCadConfigurationListElement.modelAdapter`
   
   .. rubric:: Accessors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsCadConfigurationListElement.model`
   
   



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

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


.. js:method:: wvc.HoopsCadConfigurationListElement.constructor

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



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

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


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



.. js:data:: wvc.HoopsCadConfigurationListElement.active

      .. rst-class:: clio-flags
      
         :clio-optional:`optional`
      
      .. rst-class:: sig-pretty-signature
      
         | active: *number*
      
      The ID of the currently active CAD configuration.
      
      When set, highlights the corresponding configuration in the list. Set to undefined if no active configuration is selected.
      



.. js:data:: wvc.HoopsCadConfigurationListElement.modelAdapter

      .. rst-class:: clio-flags
      
         :clio-optional:`optional`
      
      .. rst-class:: sig-pretty-signature
      
         | modelAdapter: *ModelAdapter*
      
      Model adapter used to proxy the web viewer model and allow customization of the CAD configuration list.
      
      Reassigning the modelAdapter will trigger an update of the component.
      



.. rst-class:: kind-group kind-accessors

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


.. js:method:: wvc.HoopsCadConfigurationListElement.model

      .. rst-class:: sig-pretty-signature
      
         | *get* model(): (*undefined* | *IModel*\ )
      
      Gets or sets the 3D model containing CAD configurations.
      
      This is a convenience accessor for the modelAdapter's model property. Setting a new model will reset the component state and reload configuration data.
      
      **Returns**\ : (*undefined* \| *IModel*\ )
      
      
         The current model, or undefined if no model adapter is set
      
      
      .. rst-class:: sig-pretty-signature
      
         | *set* model(**model**\ : (*undefined* | *IModel*\ )): *void*
      
      **Parameters**
      
      
         **model**\ : (*undefined* \| *IModel*\ )
      
      
            The model to set
      
      
      
      **Returns**\ : *void*
      
      
      




