HoopsCuttingSectionToolbarElement

class wvc.HoopsCuttingSectionToolbarElement()

A comprehensive toolbar component for managing cutting section operations.

This component provides a complete interface for cutting section management, including:

• Dropdown menu for creating cutting planes with various orientation presets
• Support for axis-aligned planes (X, Y, Z axes)
• Face-based plane creation using selected geometry
• Custom plane creation with arbitrary orientation
• Section-wide operations (visibility toggle, clear, activate/deactivate)
• Visual feedback for section state and capacity limits

The toolbar automatically updates when cutting sections change and provides intuitive controls for both novice and advanced users.

Examples

<hoops-cutting-section-toolbar
  sectionIndex="0"
  .service=${cuttingService}>
</hoops-cutting-section-toolbar>

// Create and configure section toolbar
const toolbar = document.createElement('hoops-cutting-section-toolbar');
toolbar.sectionIndex = 0;
toolbar.service = cuttingService;
container.appendChild(toolbar);

<!-- Toolbar with all sections -->
<div class="cutting-sections">
  <hoops-cutting-section-toolbar sectionIndex="0" .service=${service}></hoops-cutting-section-toolbar>
  <hoops-cutting-section-toolbar sectionIndex="1" .service=${service}></hoops-cutting-section-toolbar>
</div>

Custom Element

hoops-cutting-section-toolbar

Index

Constructors

• constructor

Properties

• sectionIndex
• service

Constructors

wvc.HoopsCuttingSectionToolbarElement.constructor()

HoopsCuttingSectionToolbarElement(): HoopsCuttingSectionToolbarElement

Constructs a new HoopsCuttingSectionToolbarElement.

Initializes the component with default property values and binds the invalidateToolbar method for proper event handling context.

Returns: HoopsCuttingSectionToolbarElement

Properties

wvc.HoopsCuttingSectionToolbarElement.sectionIndex

sectionIndex: number

The index of the cutting section to manage with this toolbar. Used to identify which section’s operations this toolbar controls.

Default

```ts -1 ```

wvc.HoopsCuttingSectionToolbarElement.service

optional

service: ICuttingService

The cutting service instance that provides cutting section operations. All toolbar operations are performed through this service interface. When undefined, the toolbar renders nothing.

Default

```ts undefined ```