Class GscapeButton

Hierarchy

IBaseMixin<this> & LitElement<this>
- GscapeButton

Index

Constructors

constructor

new GscapeButton(): GscapeButton
Returns GscapeButton
Overrides BaseMixin(LitElement).constructor
- Defined in src/ui/common/button/gscape-button.ts:81

Properties

active

active: boolean

asSwitch

asSwitch: boolean

disabled

disabled: boolean

enabled

enabled: boolean

fullWidth

fullWidth: string

isVisible

isVisible: boolean

label

label: string

size

size: SizeEnum = SizeEnum.M

`Private` toggled

toggled: boolean = false

type

type: string

`Static` properties

properties: {
    active: {
        reflect: boolean;
        type: BooleanConstructor;
    };
    asSwitch: {
        attribute: string;
        reflect: boolean;
        type: BooleanConstructor;
    };
    disabled: {
        reflect: boolean;
        type: BooleanConstructor;
    };
    fullWidth: {
        attribute: string;
        reflect: boolean;
        type: StringConstructor;
    };
    label: {
        reflect: boolean;
        type: StringConstructor;
    };
    size: {
        reflect: boolean;
        type: StringConstructor;
    };
    title: {
        reflect: boolean;
        type: StringConstructor;
    };
    toggled: {
        state: boolean;
        type: BooleanConstructor;
    };
    type: {
        reflect: boolean;
        type: StringConstructor;
    };
} = ...

Type declaration

active: {
reflect: boolean;
type: BooleanConstructor;
}
- reflect: boolean
- type: BooleanConstructor
asSwitch: {
    attribute: string;
    reflect: boolean;
    type: BooleanConstructor;
}
- attribute: string
- reflect: boolean
- type: BooleanConstructor
disabled: {
reflect: boolean;
type: BooleanConstructor;
}
- reflect: boolean
- type: BooleanConstructor
fullWidth: {
    attribute: string;
    reflect: boolean;
    type: StringConstructor;
}
- attribute: string
- reflect: boolean
- type: StringConstructor
label: {
reflect: boolean;
type: StringConstructor;
}
- reflect: boolean
- type: StringConstructor
size: {
reflect: boolean;
type: StringConstructor;
}
- reflect: boolean
- type: StringConstructor
title: {
reflect: boolean;
type: StringConstructor;
}
- reflect: boolean
- type: StringConstructor
toggled: {
state: boolean;
type: BooleanConstructor;
}
- state: boolean
- type: BooleanConstructor
type: {
reflect: boolean;
type: StringConstructor;
}
- reflect: boolean
- type: StringConstructor

`Static` styles

styles: CSSResult[] = ...

Accessors

`Private` altIcon

get altIcon(): null | Element
Returns null | Element
- Defined in src/ui/common/button/gscape-button.ts:119

Methods

`Private` clickHandler

clickHandler(): void
Returns void
- Defined in src/ui/common/button/gscape-button.ts:112

disable

disable(): void
Returns void
Inherited from BaseMixin(LitElement).disable
- Defined in src/ui/common/mixins/base-widget-mixin.ts:10

enable

enable(): void
Returns void
Inherited from BaseMixin(LitElement).enable
- Defined in src/ui/common/mixins/base-widget-mixin.ts:9

hide

hide(): void
Returns void
Inherited from BaseMixin(LitElement).hide
- Defined in src/ui/common/mixins/base-widget-mixin.ts:6

onStateChange

onStateChange(): void
Returns void
Inherited from BaseMixin(LitElement).onStateChange
- Defined in src/ui/common/mixins/base-widget-mixin.ts:11

render

render(): TemplateResult<1>
Returns TemplateResult<1>
Overrides BaseMixin(LitElement).render
- Defined in src/ui/common/button/gscape-button.ts:90

show

show(): void
Returns void
Inherited from BaseMixin(LitElement).show
- Defined in src/ui/common/mixins/base-widget-mixin.ts:7

showInPosition

showInPosition(position?: {
x: number;
y: number;
}): void
Parameters
- Optional position: {
  x: number;
  y: number;
  }
  - x: number
  - y: number
Returns void
Inherited from BaseMixin(LitElement).showInPosition
- Defined in src/ui/common/mixins/base-widget-mixin.ts:8

Class GscapeButton

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns GscapeButton

Properties

active

asSwitch

disabled

enabled

fullWidth

isVisible

label

size

Private toggled

type

Static properties

Type declaration

active: { reflect: boolean; type: BooleanConstructor; }

reflect: boolean

type: BooleanConstructor

asSwitch: { attribute: string; reflect: boolean; type: BooleanConstructor; }

attribute: string

reflect: boolean

type: BooleanConstructor

disabled: { reflect: boolean; type: BooleanConstructor; }

reflect: boolean

type: BooleanConstructor

fullWidth: { attribute: string; reflect: boolean; type: StringConstructor; }

attribute: string

reflect: boolean

type: StringConstructor

label: { reflect: boolean; type: StringConstructor; }

reflect: boolean

type: StringConstructor

size: { reflect: boolean; type: StringConstructor; }

reflect: boolean

type: StringConstructor

title: { reflect: boolean; type: StringConstructor; }

reflect: boolean

type: StringConstructor

toggled: { state: boolean; type: BooleanConstructor; }

state: boolean

type: BooleanConstructor

type: { reflect: boolean; type: StringConstructor; }

reflect: boolean

type: StringConstructor

Static styles

Accessors

Private altIcon

Returns null | Element

Methods

Private clickHandler

Returns void

disable

Returns void

enable

Returns void

hide

Returns void

onStateChange

Returns void

render

Returns TemplateResult<1>

show

Returns void

showInPosition

Parameters

Optional position: { x: number; y: number; }

x: number

y: number

Returns void

Settings

Member Visibility

Theme

`Private` toggled

`Static` properties

active: {
reflect: boolean;
type: BooleanConstructor;
}

asSwitch: {
attribute: string;
reflect: boolean;
type: BooleanConstructor;
}

disabled: {
reflect: boolean;
type: BooleanConstructor;
}

fullWidth: {
attribute: string;
reflect: boolean;
type: StringConstructor;
}

label: {
reflect: boolean;
type: StringConstructor;
}

size: {
reflect: boolean;
type: StringConstructor;
}

title: {
reflect: boolean;
type: StringConstructor;
}

toggled: {
state: boolean;
type: BooleanConstructor;
}

type: {
reflect: boolean;
type: StringConstructor;
}

`Static` styles

`Private` altIcon

`Private` clickHandler

`Optional` position: {
x: number;
y: number;
}