Class ImageModeSelect

A single-trigger dropdown for selecting image_mode. The trigger shows the icon for the current mode; the menu lists all modes as icon + label.

Emits imagemodechange — CustomEvent<ImageMode> when the selection changes.

Index

Constructors

Properties

host trigger triggerIcon menu _mode _disabled

Accessors

Methods

destroy syncTriggerIcon syncOptions onTriggerClick onDocumentClick onOptionClick openMenu closeMenu

Constructors

constructor

new ImageModeSelect(target: HTMLElement): ImageModeSelect
Parameters
- target: HTMLElement
Returns ImageModeSelect
- Defined in src/editor/inputs/image.mode.select.ts:40

Properties

`Protected` `Readonly`host

host: HTMLElement

`Protected` `Readonly`trigger

trigger: HTMLButtonElement

`Protected` `Readonly`triggerIcon

triggerIcon: HTMLElement

`Protected` `Readonly`menu

menu: HTMLDivElement

`Protected`_mode

_mode: ImageMode = 'contain'

`Protected`_disabled

_disabled: boolean = false

Accessors

mode

get mode(): ImageMode
Returns ImageMode
- Defined in src/editor/inputs/image.mode.select.ts:102
set mode(v: ImageMode): void
Parameters
- v: ImageMode
Returns void
- Defined in src/editor/inputs/image.mode.select.ts:103

disabled

get disabled(): boolean
Returns boolean
- Defined in src/editor/inputs/image.mode.select.ts:110
set disabled(v: boolean): void
Parameters
- v: boolean
Returns void
- Defined in src/editor/inputs/image.mode.select.ts:111

Methods

destroy

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

`Protected`syncTriggerIcon

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

`Protected`syncOptions

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

`Protected` `Readonly`onTriggerClick

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

`Protected` `Readonly`onDocumentClick

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

`Protected` `Readonly`onOptionClick

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

`Protected`openMenu

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

`Protected`closeMenu

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