Class MJLoginRegionComponent

One region of a designed sign-in page, drawn the same way on the live login screen and in Login Studio's preview (Editable, where it becomes a drop list of selectable blocks). One renderer keeps the preview honest. Colors are inherited from the pane through the --mj-login-* tokens.

Since

6.2.0

Index

Constructors

constructor

new MJLoginRegionComponent(): MJLoginRegionComponent
Returns MJLoginRegionComponent

Properties

Blocks

Blocks: readonly LoginBlock[] = []

BrandName

BrandName: string | null = null

The brand's name: the logo's accessible name.

Center

Center: boolean = false

Center the blocks (the design's alignment; the sign-in column is always centered).

CommandRequested

CommandRequested: EventEmitter<MJLoginRegionCommand> = ...

Dropped

Dropped: EventEmitter<MJLoginRegionDrop> = ...

Editable

Editable: boolean = false

Editor mode: drop list, selection and toolbar. Off on the live page.

Logos

Logos: ThemeLogos = {}

The theme's logo variants, which logo blocks draw.

Region

Region: "Banner" | "PanelTop" | "PanelBottom" = 'Banner'

SelectedID

SelectedID: string | null = null

SelectRequested

SelectRequested: EventEmitter<string> = ...

Stacked

Stacked: boolean = false

The editor's phone preview: draw as the login screen does at 900px and below. (The live page needs no input for this; its CSS follows the viewport.)

Accessors

IsBanner

get IsBanner(): boolean
Returns boolean
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:59

Methods

Emit

Emit(kind: "up" | "down" | "duplicate" | "delete", id: string, e: Event): void
Parameters
- kind: "up" | "down" | "duplicate" | "delete"
- id: string
- e: Event
Returns void
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:90

Label

Label(b: LoginBlock): string
Parameters
- b: LoginBlock
Returns string
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:86

LogoURL

LogoURL(b: LoginBlock): string | null
Parameters
- b: LoginBlock
Returns string | null
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:74

OnDropped

OnDropped(
    e: CdkDragDrop<
        "Banner"
        | "PanelTop"
        | "PanelBottom",
        string,

            | LoginBlock
            | "logo"
            | "headline"
            | "text"
            | "card"
            | "links"
            | "image"
            | "spacer",
    >,
): void
Parameters
- e: CdkDragDrop<
      "Banner"
      | "PanelTop"
      | "PanelBottom",
      string,
  
          | LoginBlock
          | "logo"
          | "headline"
          | "text"
          | "card"
          | "links"
          | "image"
          | "spacer",
  >
Returns void
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:68

OnKey

OnKey(id: string, e: KeyboardEvent): void
Parameters
- id: string
- e: KeyboardEvent
Returns void
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:100

SafeHref

SafeHref(href: string | null | undefined): string | null
Parameters
- href: string | null | undefined
Returns string | null
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:78

SafeImage

SafeImage(url: string | null | undefined): string | null
Parameters
- url: string | null | undefined
Returns string | null
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:82

Select

Select(id: string, e: Event): void
Parameters
- id: string
- e: Event
Returns void
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:95

WidthClass

WidthClass(b: LoginBlock): string
A narrower block's share of its row; none in the phone preview, where each block takes a row.
Parameters
- b: LoginBlock
Returns string
- Defined in Angular/Explorer/auth-services/src/lib/login-region.component.ts:64

Class MJLoginRegionComponent

Since

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns MJLoginRegionComponent

Properties

Blocks

BrandName

Center

CommandRequested

Dropped

Editable

Logos

Region

SelectedID

SelectRequested

Stacked

Accessors

IsBanner

Returns boolean

Methods

Emit

Parameters

Returns void

Label

Parameters

Returns string

LogoURL

Parameters

Returns string | null

OnDropped

Parameters

Returns void

OnKey

Parameters

Returns void

SafeHref

Parameters

Returns string | null

SafeImage

Parameters

Returns string | null

Select

Parameters

Returns void

WidthClass

Parameters

Returns string

Settings

On This Page