Class ImageAlignSelect

A single-trigger dropdown for selecting image_align. The trigger shows the icon for the current alignment; the menu is a 3×3 icon grid.

Emits imagealignchange — CustomEvent<ImageAlign> when the selection changes.

Index

Constructors

Properties

host trigger triggerIcon menu _align _disabled

Accessors

Methods

destroy syncTriggerIcon syncOptions onTriggerClick onDocumentClick onOptionClick openMenu closeMenu

Constructors

constructor

new ImageAlignSelect(target: HTMLElement): ImageAlignSelect
Parameters
- target: HTMLElement
Returns ImageAlignSelect
- Defined in src/editor/inputs/image.align.select.ts:48

Properties

`Protected` `Readonly`host

host: HTMLElement

`Protected` `Readonly`trigger

trigger: HTMLButtonElement

`Protected` `Readonly`triggerIcon

triggerIcon: HTMLElement

`Protected` `Readonly`menu

menu: HTMLDivElement

`Protected`_align

_align: ImageAlign = 'center'

`Protected`_disabled

_disabled: boolean = false

Accessors

align

get align(): ImageAlign
Returns ImageAlign
- Defined in src/editor/inputs/image.align.select.ts:106
set align(v: ImageAlign): void
Parameters
- v: ImageAlign
Returns void
- Defined in src/editor/inputs/image.align.select.ts:107

disabled

get disabled(): boolean
Returns boolean
- Defined in src/editor/inputs/image.align.select.ts:114
set disabled(v: boolean): void
Parameters
- v: boolean
Returns void
- Defined in src/editor/inputs/image.align.select.ts:115

Methods

destroy

destroy(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:120

`Protected`syncTriggerIcon

syncTriggerIcon(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:129

`Protected`syncOptions

syncOptions(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:135

`Protected` `Readonly`onTriggerClick

onTriggerClick(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:142

`Protected` `Readonly`onDocumentClick

onDocumentClick(e: Event): void
Parameters
- e: Event
Returns void
- Defined in src/editor/inputs/image.align.select.ts:146

`Protected` `Readonly`onOptionClick

onOptionClick(e: Event): void
Parameters
- e: Event
Returns void
- Defined in src/editor/inputs/image.align.select.ts:150

`Protected`openMenu

openMenu(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:162

`Protected`closeMenu

closeMenu(): void
Returns void
- Defined in src/editor/inputs/image.align.select.ts:167