HoopsCuttingSectionElement

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

Constructors

• constructor

Properties

• styles
• label
• sectionIndex
• service

Constructors

wvc.HoopsCuttingSectionElement.constructor()

HoopsCuttingSectionElement(): HoopsCuttingSectionElement

Constructs a new HoopsCuttingSectionElement.

Initializes the component with default property values and binds event handler methods for proper context preservation.

Returns: HoopsCuttingSectionElement

Properties

wvc.HoopsCuttingSectionElement.styles

static

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:

<script>
  // Generated and unique per request:
  window.litNonce = 'a1b2c3d4';
</script>

wvc.HoopsCuttingSectionElement.label

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.

wvc.HoopsCuttingSectionElement.sectionIndex

sectionIndex: number

The index of the cutting section to display and manage. Used to identify which section’s data and operations this component handles.

wvc.HoopsCuttingSectionElement.service

optional

service: 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.