WML Angular Components Base

starlightViewModes.switchTofunction h(){const t=window.location.hash;document.querySelectorAll(".starlight-view-modes-switcher-a").forEach(e=>{e.href&&(e.href=e.href.split("#")[0]+t)})}h();window.addEventListener("hashchange",h);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

Section titled “Installation”Terminal window

Usage

Section titled “Usage”

$3

Section titled “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

$3

Section titled “WMLAngularCustomComponent”Custom Components

nearly as same as WMLCustomComponent. Refer toWMLCustomComponent

References

Section titled “References”

$3

Section titled “WMLAngularMotionUIProperty”ExtendsWMLMotionUIProperty

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

$3

Section titled “WMLAngularModuleForRootProps”

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

$3

Section titled “WMLNGXTranslateLoader”

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

$3

Section titled “Methods”

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

$3

Section titled “Functions”

$3

Section titled “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

Section titled “Changelog”

$3

[Section titled “v18.2.3100 [9/8/24]”](#v1823100-9824)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”

$3

[Section titled “v18.2.3100 [9/8/24]”](#v1823100-9824-1)updated package to reflect the version 18.2.3 of @angular/core package

$3

[Section titled “v18.2.3100 [9/8/24]”](#v1823100-9824-2)updated package to reflect the version 18.2.3 of @angular/core package

$3

[Section titled “v18.2.3100 [9/8/24]”](#v1823100-9824-3)updated package to reflect the version 18.2.3 of @angular/core package

$3

[Section titled “v18.2.3110 [9/10/24]”](#v1823110-91024)updated package to conform with @windmillcode/angular-wml-components-base

$3

[Section titled “v18.2.3111 [9/10/24]”](#v1823111-91024)updated package to conform with @windmillcode/angular-wml-components-base

$3

[Section titled “v18.2.3112 [9/10/24]”](#v1823112-91024)updated package to conform with @windmillcode/angular-wml-components-base

$3

[Section titled “v18.2.3200 [9/16/24]”](#v1823200-91624)[UPDATE] added motionKeyFrameEvent for css transitions WMLAngularMotionUIPropertyupdated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.4000 [9/16/24]”](#v1824000-91624)updated package to reflect the version 18.2.4 of @angular/core package

$3

[Section titled “v18.2.4000 [9/17/24]”](#v1824000-91724)updated package to reflect the version 18.2.4 of @angular/core package

$3

[Section titled “v18.2.4100 [9/19/24]”](#v1824100-91924)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.4200 [9/21/24]”](#v1824200-92124)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.5001 [9/22/24]”](#v1825001-92224)updated package to reflect the version 18.2.5 of @angular/core package

$3

[Section titled “v18.2.6000 [10/1/24]”](#v1826000-10124)updated package to reflect the version 18.2.6 of @angular/core package

$3

[Section titled “v18.2.7000 [10/2/24]”](#v1827000-10224)updated package to reflect the version 18.2.7 of @angular/core package

$3

[Section titled “v18.2.7001 [10/5/24]”](#v1827001-10524)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.7010 [10/9/24]”](#v1827010-10924)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.7020 [10/10/2024 2:15:30 PM EST]”](#v1827020-10102024-21530-pm-est)updated package to conform with @windmillcode/wml-components-base
[PATCH] WMLAngularMotionUIProperty constructor got updated in projects/wml-angular-components-base/src/lib/models.ts to take partial props, fixing a bug where custom props were not being overridden just know that for the time being you can only use WMLMotionUIProperty or WMLAngularMotionUIProperty you cant use both becuase internally there would be a conflict with the management of static variables between the two classes

$3

[Section titled “v18.2.8000 [10/10/24]”](#v1828000-101024)updated package to reflect the version 18.2.8 of @angular/core package

$3

[Section titled “v18.2.8000 [10/11/24]”](#v1828000-101124)updated package to reflect the version 18.2.8 of @angular/core package

$3

[Section titled “v18.2.8001 [10/11/24]”](#v1828001-101124)updated package to reflect the version 18.2.8 of @angular/core package

$3

[Section titled “v18.2.8001 [10/11/24]”](#v1828001-101124-1)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.9000 [10/23/24]”](#v1829000-102324)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.10000 [10/31/24]”](#v18210000-103124)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.11000 [11/7/24]”](#v18211000-11724)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.12000 [11/15/24]”](#v18212000-111524)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v18.2.12001 [11/17/24]”](#v18212001-111724)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v19.0.0 [11/19/24]”](#v1900-111924)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v19.0.3 [11/20/24]”](#v1903-112024)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v19.0.4 [11/26/24]”](#v1904-112624)updated package to conform with @windmillcode/wml-components-base

$3

[Section titled “v19.0.1000 [11/26/24]”](#v1901000-112624)updated package to conform with @windmillcode/wml-components-basePrevious
WML AccordionNext
WML Button