HoopsCuttingPlaneEditorElement

class wvc.HoopsCuttingPlaneEditorElement()

A comprehensive editor component for modifying cutting plane properties.

This component provides a full interface for editing all aspects of a cutting plane, including geometric properties (normal vector and distance), visual properties (colors and opacity), and real-time preview updates.

Key features:

• Coordinate inputs for plane normal vector (x, y, z) and distance (d)
• Color pickers for face color and border color
• Opacity slider for transparency control
• Real-time updates with debounced service calls
• Automatic synchronization with cutting plane changes
• Conditional rendering based on cutting plane existence

Examples

<hoops-cutting-plane-editor
  sectionIndex="0"
  planeIndex="1"
  .service=${cuttingService}>
</hoops-cutting-plane-editor>

// Create and configure editor
const editor = document.createElement('hoops-cutting-plane-editor');
editor.sectionIndex = 0;
editor.planeIndex = 1;
editor.service = cuttingService;
container.appendChild(editor);

Custom Element

hoops-cutting-plane-editor

Index

Constructors

• constructor

Properties

• coordinateInputs
• planeIndex
• sectionIndex
• service

Constructors

wvc.HoopsCuttingPlaneEditorElement.constructor()

HoopsCuttingPlaneEditorElement(): HoopsCuttingPlaneEditorElement

Constructs a new HoopsCuttingPlaneEditorElement.

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

Returns: HoopsCuttingPlaneEditorElement

Properties

wvc.HoopsCuttingPlaneEditorElement.coordinateInputs

coordinateInputs: HoopsCoordinateInputElement[]

Query selector for all coordinate input elements within the editor. Used for batch operations like requesting updates when the plane changes.

wvc.HoopsCuttingPlaneEditorElement.planeIndex

planeIndex: number

The index of the cutting plane within the specified cutting section. Used to identify the specific plane to be edited.

Default

```ts 0 ```

wvc.HoopsCuttingPlaneEditorElement.sectionIndex

sectionIndex: number

The index of the cutting section containing the target cutting plane. Used to identify which section contains the plane to be edited.

Default

```ts 0 ```

wvc.HoopsCuttingPlaneEditorElement.service

optional

service: ICuttingService

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

Default

```ts undefined ```