Class: MyopComponent<TData, TCtaPayloads>

Defined in: lib/myop.component.ts:171

Type Parameters

• TData = any

• TCtaPayloads extends Record<string, any> = Record<string, any>

Implements

• OnInit
• OnChanges
• OnDestroy

Constructors

new MyopComponent()

new MyopComponent<TData, TCtaPayloads>(cdr, ngZone): MyopComponent<TData, TCtaPayloads>

Defined in: lib/myop.component.ts:226

Parameters

cdr

ChangeDetectorRef

ngZone

NgZone

Returns

MyopComponent<TData, TCtaPayloads>

Properties

autoSize

autoSize: boolean = true

Defined in: lib/myop.component.ts:179

---

autoSizeResult?

optional autoSizeResult: SizeInfo

Defined in: lib/myop.component.ts:213

---

componentConfig?

optional componentConfig: IComponentInstanceConfig

Defined in: lib/myop.component.ts:176

---

componentId?

optional componentId: string

Defined in: lib/myop.component.ts:175

---

cta

cta: EventEmitter<CtaEvent<TCtaPayloads>>

Defined in: lib/myop.component.ts:194

---

customFallback?

optional customFallback: TemplateRef<any>

Defined in: lib/myop.component.ts:202

---

customLoader?

optional customLoader: TemplateRef<any>

Defined in: lib/myop.component.ts:201

---

data?

optional data: TData

Defined in: lib/myop.component.ts:177

---

environment?

optional environment: string

Defined in: lib/myop.component.ts:180

---

error

error: EventEmitter<string>

Defined in: lib/myop.component.ts:192

---

fadeDuration

fadeDuration: number = 200

Defined in: lib/myop.component.ts:178

---

fallback?

optional fallback: TemplateRef<any>

Defined in: lib/myop.component.ts:206

---

isComponentLoaded

isComponentLoaded: boolean = false

Defined in: lib/myop.component.ts:212

---

load

load: EventEmitter<ITypedMyopComponent<TData, TCtaPayloads>>

Defined in: lib/myop.component.ts:191

---

loader?

optional loader: TemplateRef<any>

Defined in: lib/myop.component.ts:205

---

loaderOpacity

loaderOpacity: number = 1

Defined in: lib/myop.component.ts:210

---

loaderOptions?

optional loaderOptions: loaderOptions

Defined in: lib/myop.component.ts:187

Raw SDK loader options forwarded to hostSDK.loadComponent. Use this to pass options like injectCss (theming), hooks, timeout, etc. The data input, when provided, takes precedence over loaderOptions.data.

---

logoPath

readonly logoPath: "M151.438 2.7168C177.625 2.76042 248.179 4.2832 300.4 56.7441C350.671 107.245 364.44 114.452 389.967 119.211C392.576 119.436 397.472 119.394 400.802 116.521C403.011 114.614 403.921 109.518 404.265 104.627V5.95996C404.265 4.85556 405.16 3.96023 406.265 3.95996H522.711C523.815 3.95996 524.711 4.85539 524.711 5.95996V122.405C524.711 123.51 523.815 124.405 522.711 124.405H421.998C418.579 124.728 413.852 125.627 410.974 128.095C407.879 130.748 407.042 137.805 406.845 142.661V240.414C406.845 241.436 406.111 242.292 405.093 242.38C366.548 245.717 277.079 228.462 235.837 173.668C202.909 129.919 173.882 122.474 151.458 122.077C150.354 122.058 149.459 121.164 149.459 120.06V4.71582C149.459 3.6114 150.334 2.71519 151.438 2.7168ZM62.2031 0C96.5566 0.000213148 124.405 27.8496 124.405 62.2031C124.405 96.5564 96.5564 124.405 62.2031 124.405C27.8496 124.405 0.000213175 96.5566 0 62.2031C0 27.8495 27.8495 0 62.2031 0Z" = MYOP_LOGO_PATH

Defined in: lib/myop.component.ts:217

---

myopContainer

myopContainer: ElementRef<HTMLDivElement>

Defined in: lib/myop.component.ts:198

---

on()?

optional on: (action, payload) => void

Defined in: lib/myop.component.ts:188

Parameters

action

string

payload

any

Returns

void

---

preview?

optional preview: boolean

Defined in: lib/myop.component.ts:181

---

showFallback

showFallback: boolean = false

Defined in: lib/myop.component.ts:211

---

showLoader

showLoader: boolean = true

Defined in: lib/myop.component.ts:209

---

sizeChange

sizeChange: EventEmitter<SizeInfo>

Defined in: lib/myop.component.ts:193

Accessors

fallbackContainerStyle

Get Signature

get fallbackContainerStyle(): object

Defined in: lib/myop.component.ts:591

Returns

object

---

fallbackStyle

Get Signature

get fallbackStyle(): object

Defined in: lib/myop.component.ts:552

Returns

object

---

innerStyle

Get Signature

get innerStyle(): object

Defined in: lib/myop.component.ts:516

Returns

object

---

isFillMode

Get Signature

get isFillMode(): boolean

Defined in: lib/myop.component.ts:489

Returns

boolean

---

loaderContainerStyle

Get Signature

get loaderContainerStyle(): object

Defined in: lib/myop.component.ts:577

Returns

object

---

loaderMinHeight

Get Signature

get loaderMinHeight(): undefined | string

Defined in: lib/myop.component.ts:485

Returns

undefined | string

---

loaderStyle

Get Signature

get loaderStyle(): object

Defined in: lib/myop.component.ts:534

Returns

object

---

outerStyle

Get Signature

get outerStyle(): object

Defined in: lib/myop.component.ts:493

Returns

object

---

resolvedFallback

Get Signature

get resolvedFallback(): undefined | TemplateRef<any>

Defined in: lib/myop.component.ts:572

Returns

undefined | TemplateRef<any>

---

resolvedLoader

Get Signature

get resolvedLoader(): undefined | TemplateRef<any>

Defined in: lib/myop.component.ts:567

Returns

undefined | TemplateRef<any>

Methods

ngOnChanges()

ngOnChanges(changes): void

Defined in: lib/myop.component.ts:242

A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

Parameters

changes

SimpleChanges

The changed properties.

Returns

void

Implementation of

OnChanges.ngOnChanges

---

ngOnDestroy()

ngOnDestroy(): void

Defined in: lib/myop.component.ts:254

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns

void

Implementation of

OnDestroy.ngOnDestroy

---

ngOnInit()

ngOnInit(): void

Defined in: lib/myop.component.ts:231

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Returns

void

Implementation of

OnInit.ngOnInit