The Angular WML Notify library is an Angular-based toolkit designed to enhance user notifications and messaging within applications. Its primary objective is to offer a streamlined and efficient way for developers to integrate and manage notifications, alerts, and informational messages in their Angular projects. The library provides a set of components and services that enable the display of various types of messages, such as errors, information, success, and warnings, with customizable options to cater to different needs and scenarios. It leverages Angular’s powerful features to create a responsive and interactive user experience, addressing common challenges in handling user notifications with ease and precision.
At the heart of the wml-notify
library are two central components: WMLNotifyOneComponent
and WMLNotifyOneMsgComponent
. WMLNotifyOneComponent
acts as a container for individual notifications, managing their display and behavior, including auto-hiding, user-initiated closure, and actions. It integrates with the WMLNotifyOneService
to listen for notification events and render them appropriately. WMLNotifyOneMsgComponent
, on the other hand, is responsible for rendering the message content, supporting both default text messages and custom Angular components for more dynamic and interactive content. Developers can customize notifications using various attributes and methods provided by these components, such as message types, auto-hide functionality, and custom action handlers. The library encourages a modular approach, allowing developers to leverage these components either independently or together, facilitating a versatile implementation that aligns with the specific requirements of their Angular applications.
npm install -s --verbose @windmillcode/angular-wml-notify
Property Type Description autoHide boolean Determines if the notification should auto-hide. closed boolean Indicates if the notification is closed. closeable boolean Determines if the notification can be manually closed by the user. hideDelay number Time in milliseconds before the notification auto-hides. hideOnHover boolean Determines if the notification should hide when hovered. id number Unique identifier for the notification. style Partial<CSSStyleDeclaration> Styles to be applied to the notification bar. msgtype ”default” | “custom” Defines the message type (default or custom). custom WMLCustomComponent Custom component to be used as the notification content. message string The message to be displayed in the notification. type WMLNotifyOneBarType The type of the notification (Error, Info, Success, Warning). typeValue string The string value of the notification type. shouldDisplay function Function to determine if the notification should be displayed.
Method Parameters Description create notificationBar: WMLNotifyOneBarModel Creates and displays a new notification. clear None Clears all displayed notifications.
Event Parameters Description action notificationBar: WMLNotifyOneBarModel Emitted when an action on a notification is triggered. closed notificationBar: WMLNotifyOneBarModel Emitted when a notification is closed.
Value Description Error Represents an error notification. Info Represents an informational notification. Success Represents a success notification. Warning Represents a warning notification.
MAJOR rename to angular-wml-notify
fixed major problems concerning ngx-translate
// first make sure to have ONLY ONE in the imports for AppModule
TranslateModule . forRoot ({
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
WmlNotifyNGXTranslateModule
%!(EXTRA string=
updated package to reflect the version 16.2.80 of @angular/core package),
updated package to reflect the version 16.2.80 of @angular/core package,
updated package to reflect the version 16.2.90 of @angular/core package,
updated package to reflect the version 16.2.91 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to conform with @windmillcode/angular-wml-components-base for unit testing features ,
updated package to reflect the version ^17.0.2 of @angular/core package,
updated package to reflect the version ^17.0.4 of @angular/core package,
updated package to reflect the version ^17.0.5 of @angular/core package,
updated package to reflect the version ^17.0.6 of @angular/core package,
updated package to reflect the version ^17.0.7 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.0.8 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.1.0 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.1.2 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.1.3 of @angular/core package,
updated package to reflect the version ^17.2.1 of @angular/core package,
updated package to reflect the version ^17.2.2 of @angular/core package,
updated package to reflect the version ^17.2.2 of @angular/core package,
updated package to reflect the version ^17.2.3 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.2.4 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.3.0 of @angular/core package
,
updated package to reflect the version ^17.3.1 of @angular/core package,
updated package to reflect the version ^17.3.2 of @angular/core package,
updated package to reflect the version ^17.3.3 of @angular/core package,
updated package to reflect the version ^17.3.4 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.3.5 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^17.3.6 of @angular/core package,
updated package to reflect the version ^17.3.7 of @angular/core package,
updated package to reflect the version ^17.3.8 of @angular/core package,
updated package to reflect the version ^17.3.9 of @angular/core package,
updated package to reflect the version ^18.0.0 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^18.0.1 of @angular/core package,
updated package to reflect the version ^18.0.2 of @angular/core package,
updated package to reflect the version ^18.0.3 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^18.0.5 of @angular/core package,
updated package to reflect the version ^18.0.6 of @angular/core package,
updated package to reflect the version ^18.1.0 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to reflect the version ^18.1.1 of @angular/core package,
updated package to reflect the version ^18.1.2 of @angular/core package,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base
,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base ,
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to reflect the version 18.2.1 of @angular/core package
[FIX] fixed a bug with the click action for wml-notify
updated package to reflect the version 18.2.2 of @angular/core package
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to reflect the version 18.2.3 of @angular/core package
updated package to reflect the version 18.2.3 of @angular/core package
updated package to conform with @windmillcode/angular-wml-components-base
updated package to conform with @windmillcode/angular-wml-components-base
updated package to reflect the version 18.2.4 of @angular/core package
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 18.2.5 of @angular/core package
updated package to reflect the version 18.2.6 of @angular/core package
updated package to reflect the version 18.2.7 of @angular/core package
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 18.2.8 of @angular/core package
updated package to reflect the version 18.2.8 of @angular/core package
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 19.0.2 of @angular/core package
updated package to reflect the version 19.0.3 of @angular/core package
updated package to reflect the version 19.0.4 of @angular/core package
updated package to reflect the version 19.0.5 of @angular/core package
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 19.0.6 of @angular/core package
updated package to reflect the version 19.0.7 of @angular/core package
updated package to reflect the version 19.1.0 of @angular/core package
updated package to reflect the version 19.1.1 of @angular/core package
updated package to reflect the version 19.1.2 of @angular/core package
updated package to reflect the version 19.1.3 of @angular/core package
update package to support the react native ecosystem
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 19.1.4 of @angular/core package
updated package to reflect the version 19.1.5 of @angular/core package
updated package to reflect the version 19.1.6 of @angular/core package
updated package to reflect the version 19.1.7 of @angular/core package
updated package to reflect the version 19.1.8 of @angular/core package
updated package to reflect the version 19.2.0 of @angular/core package
updated package to reflect the version 19.2.1 of @angular/core package
updated package to reflect the version 19.2.2 of @angular/core package
updated package to reflect the version 19.2.3 of @angular/core package
updated package to reflect the version 19.2.4 of @angular/core package
updated package to reflect the version 19.2.5 of @angular/core package
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to conform with @windmillcode/wml-components-base
updated package to reflect the version 19.2.8 of @angular/core package
updated package to reflect the version 19.2.9 of @angular/core package
updated package to reflect the version 19.2.10 of @angular/core package