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

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


##########################
HoopsCuttingSectionElement
##########################

.. js:class:: wvc.HoopsCuttingSectionElement

   A comprehensive cutting section component that manages multiple cutting planes as a group.
   
   This component provides a complete interface for a cutting section, which is a collection of cutting planes that work together. It includes:
   
   
   - Collapsible accordion display with section labeling
   - Integrated toolbar for section-wide operations (add planes, visibility, clear, activate)
   - Dynamic list of cutting plane components within the section
   - Automatic expansion when new planes are added
   - Real-time synchronization with cutting service events
   
   The component uses an accordion layout where the header shows the section name and toolbar, and the content area contains a dynamic list of cutting plane components. The section automatically expands when planes are added to provide immediate visual feedback.
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsCuttingSectionElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsCuttingSectionElement.styles`
   * :js:data:`~wvc.HoopsCuttingSectionElement.label`
   * :js:data:`~wvc.HoopsCuttingSectionElement.sectionIndex`
   * :js:data:`~wvc.HoopsCuttingSectionElement.service`
   
   



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

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


.. js:method:: wvc.HoopsCuttingSectionElement.constructor

      .. rst-class:: sig-pretty-signature
      
         | HoopsCuttingSectionElement(): :js:class:`HoopsCuttingSectionElement <wvc.HoopsCuttingSectionElement>`
      
      Constructs a new HoopsCuttingSectionElement.
      
      Initializes the component with default property values and binds event handler methods for proper context preservation.
      
      **Returns**\ : :js:class:`HoopsCuttingSectionElement <wvc.HoopsCuttingSectionElement>`
      



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

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


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

      .. rst-class:: sig-pretty-signature
      
         | label: *string*
      
      The display label for the cutting section shown in the accordion header. Provides a human-readable name for the section to help users identify different sections in multi-section scenarios.
      



.. js:data:: wvc.HoopsCuttingSectionElement.sectionIndex

      .. rst-class:: sig-pretty-signature
      
         | sectionIndex: *number*
      
      The index of the cutting section to display and manage. Used to identify which section's data and operations this component handles.
      



.. js:data:: wvc.HoopsCuttingSectionElement.service

      .. rst-class:: clio-flags
      
         :clio-optional:`optional`
      
      .. rst-class:: sig-pretty-signature
      
         | service: :js:class:`ICuttingService <wvc.ICuttingService>`
      
      The cutting service instance that provides cutting section operations. All section and plane operations are performed through this service interface. When undefined, the component renders nothing.
      




