Class DashSelect

A dropdown component for selecting line-dash presets.

Index

Constructors

Properties

host config options selectedKey trigger triggerSwatch menu

Accessors

Methods

destroy setOptions onTriggerClick onDocumentClick onOptionClick rebuildOptions buildOption createDashSvg selectDash currentValue syncTrigger syncSelectedOption openMenu closeMenu

Constructors

constructor

new DashSelect(target: HTMLElement, config?: DashSelectConfig): DashSelect
Parameters
- target: HTMLElement
- config: DashSelectConfig = {}
Returns DashSelect
- Defined in src/editor/inputs/dash.select.ts:110

Properties

`Protected`host

host: HTMLElement

`Protected`config

config: Required<Omit<DashSelectConfig, "dashes">> & { dashes: LineDashValue[] }

`Protected`options

options: DashOption[] = []

`Protected`selectedKey

selectedKey: string = 'solid'

`Protected`trigger

trigger: HTMLButtonElement

`Protected`triggerSwatch

triggerSwatch: HTMLDivElement

`Protected`menu

menu: HTMLDivElement

Accessors

value

get value(): LineDashValue
Returns LineDashValue
- Defined in src/editor/inputs/dash.select.ts:158
set value(value: LineDashValue): void
Parameters
- value: LineDashValue
Returns void
- Defined in src/editor/inputs/dash.select.ts:162

Methods

destroy

destroy(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:149

setOptions

setOptions(dashes: LineDashValue[], selectedDash?: LineDashValue): void
Parameters
- dashes: LineDashValue[]
- OptionalselectedDash: LineDashValue
Returns void
- Defined in src/editor/inputs/dash.select.ts:166

`Protected` `Readonly`onTriggerClick

onTriggerClick(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:172

`Protected` `Readonly`onDocumentClick

onDocumentClick(event: Event): void
Parameters
- event: Event
Returns void
- Defined in src/editor/inputs/dash.select.ts:180

`Protected` `Readonly`onOptionClick

onOptionClick(event: Event): void
Parameters
- event: Event
Returns void
- Defined in src/editor/inputs/dash.select.ts:187

`Protected`rebuildOptions

rebuildOptions(dashes: LineDashValue[]): void
Parameters
- dashes: LineDashValue[]
Returns void
- Defined in src/editor/inputs/dash.select.ts:203

`Protected`buildOption

buildOption(option: DashOption): HTMLButtonElement
Parameters
- option: DashOption
Returns HTMLButtonElement
- Defined in src/editor/inputs/dash.select.ts:216

`Protected`createDashSvg

createDashSvg(dash: number[]): SVGElement
Parameters
- dash: number[]
Returns SVGElement
- Defined in src/editor/inputs/dash.select.ts:231

`Protected`selectDash

selectDash(value: LineDashValue, emit?: boolean): void
Parameters
- value: LineDashValue
- emit: boolean = true
Returns void
- Defined in src/editor/inputs/dash.select.ts:254

`Protected`currentValue

currentValue(): LineDashValue
Returns LineDashValue
- Defined in src/editor/inputs/dash.select.ts:271

`Protected`syncTrigger

syncTrigger(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:275

`Protected`syncSelectedOption

syncSelectedOption(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:281

`Protected`openMenu

openMenu(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:290

`Protected`closeMenu

closeMenu(): void
Returns void
- Defined in src/editor/inputs/dash.select.ts:295