Class StyleManager

Index

Accessors

currentPenStyle

get currentPenStyle(): TPenStyle
Returns TPenStyle
- Defined in style/StyleManager.ts:25

penStyle

get penStyle(): TPenStyle
Returns TPenStyle
- Defined in style/StyleManager.ts:30

penStyleClasses

get penStyleClasses(): string
Returns string
- Defined in style/StyleManager.ts:53

theme

get theme(): TTheme
Returns TTheme
- Defined in style/StyleManager.ts:42

Constructors

constructor

new StyleManager(penStyle?, theme?): StyleManager
Parameters
- Optional penStyle: {
      -myscript-pen-fill-color?: string;
      -myscript-pen-fill-style?: string;
      -myscript-pen-width?: number;
      color?: string;
      fill?: string;
      opacity?: number;
      width?: number;
  }
  - Optional -myscript-pen-fill-color?: string
  - Optional -myscript-pen-fill-style?: string
  - Optional -myscript-pen-width?: number
  - Optional color?: string
  - Optional fill?: string
  - Optional opacity?: number
  - Optional width?: number
- Optional theme: {
      .math?: { "font-family"?: string | undefined; };
      .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; };
      .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; };
      ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; };
  }
  - Optional .math?: { "font-family"?: string | undefined; }
  - Optional .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }
  - Optional .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }
  - Optional ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }
Returns StyleManager
- Defined in style/StyleManager.ts:17

Methods

setPenStyle

setPenStyle(style?): void
Parameters
- Optional style: {
      -myscript-pen-fill-color?: string;
      -myscript-pen-fill-style?: string;
      -myscript-pen-width?: number;
      color?: string;
      fill?: string;
      opacity?: number;
      width?: number;
  }
  - Optional -myscript-pen-fill-color?: string
  - Optional -myscript-pen-fill-style?: string
  - Optional -myscript-pen-width?: number
  - Optional color?: string
  - Optional fill?: string
  - Optional opacity?: number
  - Optional width?: number
Returns void
- Defined in style/StyleManager.ts:34

setPenStyleClasses

setPenStyleClasses(penStyleClass?): void
Parameters
- penStyleClass: string = ""
Returns void
- Defined in style/StyleManager.ts:57

setTheme

setTheme(theme?): void
Parameters
- Optional theme: {
      .math?: { "font-family"?: string | undefined; };
      .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; };
      .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; };
      ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; };
  }
  - Optional .math?: { "font-family"?: string | undefined; }
  - Optional .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }
  - Optional .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }
  - Optional ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }
Returns void
- Defined in style/StyleManager.ts:46

Properties

`Private` #currentPenStyle

#currentPenStyle: TPenStyle

`Private` #logger

#logger: Logger = ...

`Private` #penStyle

#penStyle: TPenStyle

`Private` #penStyleClasses

#penStyleClasses: string

`Private` #theme

#theme: TTheme

Class StyleManager

Index

Accessors

Constructors

Methods

Properties

Accessors

currentPenStyle

Returns TPenStyle

penStyle

Returns TPenStyle

penStyleClasses

Returns string

theme

Returns TTheme

Constructors

constructor

Parameters

Optional penStyle: { -myscript-pen-fill-color?: string; -myscript-pen-fill-style?: string; -myscript-pen-width?: number; color?: string; fill?: string; opacity?: number; width?: number; }

Optional -myscript-pen-fill-color?: string

Optional -myscript-pen-fill-style?: string

Optional -myscript-pen-width?: number

Optional color?: string

Optional fill?: string

Optional opacity?: number

Optional width?: number

Optional .math?: { "font-family"?: string | undefined; }

Optional .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }

Optional .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }

Optional ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }

Returns StyleManager

Methods

setPenStyle

Parameters

Optional style: { -myscript-pen-fill-color?: string; -myscript-pen-fill-style?: string; -myscript-pen-width?: number; color?: string; fill?: string; opacity?: number; width?: number; }

Optional -myscript-pen-fill-color?: string

Optional -myscript-pen-fill-style?: string

Optional -myscript-pen-width?: number

Optional color?: string

Optional fill?: string

Optional opacity?: number

Optional width?: number

Returns void

setPenStyleClasses

Parameters

penStyleClass: string = ""

Returns void

setTheme

Parameters

Optional .math?: { "font-family"?: string | undefined; }

Optional .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }

Optional .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }

Optional ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }

Returns void

Properties

Private #currentPenStyle

Private #logger

Private #penStyle

Private #penStyleClasses

Private #theme

Settings

Member Visibility

Theme

On This Page

`Optional` penStyle: {
-myscript-pen-fill-color?: string;
-myscript-pen-fill-style?: string;
-myscript-pen-width?: number;
color?: string;
fill?: string;
opacity?: number;
width?: number;
}

`Optional` -myscript-pen-fill-color?: string

`Optional` -myscript-pen-fill-style?: string

`Optional` -myscript-pen-width?: number

`Optional` color?: string

`Optional` fill?: string

`Optional` opacity?: number

`Optional` width?: number

`Optional` .math?: { "font-family"?: string | undefined; }

`Optional` .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }

`Optional` .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }

`Optional` ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }

`Optional` style: {
-myscript-pen-fill-color?: string;
-myscript-pen-fill-style?: string;
-myscript-pen-width?: number;
color?: string;
fill?: string;
opacity?: number;
width?: number;
}

`Optional` -myscript-pen-fill-color?: string

`Optional` -myscript-pen-fill-style?: string

`Optional` -myscript-pen-width?: number

`Optional` color?: string

`Optional` fill?: string

`Optional` opacity?: number

`Optional` width?: number

`Optional` .math?: { "font-family"?: string | undefined; }

`Optional` .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }

`Optional` .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }

`Optional` ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }

`Private` #currentPenStyle

`Private` #logger

`Private` #penStyle

`Private` #penStyleClasses

`Private` #theme