WML Angular Components Base

WML Angular Components Base extends the WML Components Base by integrating it with Angular-specific features and functionality. It builds on the foundation provided by the core library and adds seamless integration with Angular’s framework, making it easier to work with Angular modules, change detection, and Angular-based services like ngx-translate.

While WML Components Base provides the essential UI building blocks, WML Angular Components Base enhances these components to work natively with Angular. This includes adding support for Angular’s dependency injection, change detection, routing, and lifecycle hooks.

Installation

npm install -s --verbose @windmillcode/angular-wml-components-base

Usage

WMLAngularMotionUIProperty

Decent Example

if you want a different animation for you animation states simply use a different keyframe mabye suffixing the keyframes with open and close for organization

WMLAngularCustomComponent

Custom Components

nearly as same as WMLCustomComponent. Refer to WMLCustomComponent

References

WMLAngularMotionUIProperty

Extends WMLMotionUIProperty

Property	Type	Description
`motionEndEvent`	`Subject<WMLMotionUIPropertyState>`	Subject triggered when a motion ends.
`motionKeyFrameEvent`	`Subject<string>`	Subject triggered at specific keyframes during css transitions.

WMLAngularModuleForRootProps

Property	Type	Description
`ngxTranslateLoaderFactory`	`Function`	A function that returns a new instance of `WMLNGXTranslateLoader`.

WMLNGXTranslateLoader

Property	Type	Description
`i18nLocation`	`(lang: string) => any`	A function that returns the translation file or object based on the language code.

Methods

Method	Description
`getTranslation(lang: string)`	Fetches the translations for the given language and returns an observable with the translation data.

Functions

addCustomComponent

Parameter	Type	Description
`vcf`	`ViewContainerRef`	Angular ViewContainerRef for creating the component.
`cpnt`	`Type<any>`	Component type to be created.
`props`	`any`	Properties to be passed to the component.
`return`	`ComponentRef<any>`	Returns a reference to the created component.
,

Changelog

v18.2.3100 [9/8/24]

pulled features from seperated angular features from core library to angular-wml-components-base creating WMLAngularTestUtils,WMLAngularTestHttpHandler,WMLAngularModuleForRootProps,WMLAngularMotionUIProperty WMLAngularCustomComponent from their orginal respective part which exlude “Angular in their name”

v18.2.3100 [9/8/24]

updated package to reflect the version 18.2.3 of @angular/core package

v18.2.3100 [9/8/24]

updated package to reflect the version 18.2.3 of @angular/core package

v18.2.3100 [9/8/24]

updated package to reflect the version 18.2.3 of @angular/core package

v18.2.3110 [9/10/24]

updated package to conform with @windmillcode/angular-wml-components-base

v18.2.3111 [9/10/24]

updated package to conform with @windmillcode/angular-wml-components-base

v18.2.3112 [9/10/24]

updated package to conform with @windmillcode/angular-wml-components-base

v18.2.3200 [9/16/24]

[UPDATE] added motionKeyFrameEvent for css transitions WMLAngularMotionUIProperty
updated package to conform with @windmillcode/wml-components-base

v18.2.4000 [9/16/24]

updated package to reflect the version 18.2.4 of @angular/core package

v18.2.4000 [9/17/24]

updated package to reflect the version 18.2.4 of @angular/core package