@nova-design-system/nova-angular-18 3.13.0 → 3.14.0-beta.0

package/dist/nova-components/lib/nova-components.module.d.ts

@@ -10,7 +10,7 @@ import * as i2 from "./stencil-generated/component-value-accessors";
 export declare function provideNovaComponents(): Provider;
 export declare class NovaComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovaComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], never, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovaComponentsModule, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip], never, [typeof i1.NvAccordion, typeof i1.NvAccordionItem, typeof i1.NvAlert, typeof i1.NvAvatar, typeof i1.NvBadge, typeof i1.NvBreadcrumb, typeof i1.NvBreadcrumbs, typeof i1.NvButton, typeof i1.NvButtongroup, typeof i1.NvCalendar, typeof i1.NvCol, typeof i1.NvDatagrid, typeof i1.NvDatagridcolumn, typeof i1.NvDialog, typeof i1.NvDialogfooter, typeof i1.NvDialogheader, typeof i1.NvFieldcheckbox, typeof i1.NvFielddate, typeof i1.NvFielddaterange, typeof i1.NvFielddropdown, typeof i1.NvFielddropdownitem, typeof i1.NvFielddropdownitemcheck, typeof i1.NvFieldmultiselect, typeof i1.NvFieldnumber, typeof i1.NvFieldpassword, typeof i1.NvFieldradio, typeof i1.NvFieldselect, typeof i1.NvFieldslider, typeof i1.NvFieldtext, typeof i1.NvFieldtextarea, typeof i1.NvFieldtime, typeof i1.NvIcon, typeof i1.NvIconbutton, typeof i1.NvLoader, typeof i1.NvMenu, typeof i1.NvMenuitem, typeof i1.NvNotification, typeof i1.NvNotificationcontainer, typeof i1.NvPopover, typeof i1.NvRow, typeof i1.NvStack, typeof i1.NvTable, typeof i1.NvTablecolumn, typeof i1.NvToggle, typeof i1.NvTogglebutton, typeof i1.NvTogglebuttongroup, typeof i1.NvTooltip]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovaComponentsModule>;
 }
 export declare class NovaComponentsValueAccessorModule {

package/dist/nova-components/lib/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './notification.service';
+export * from './notification-service.component';

package/dist/nova-components/lib/providers/notification-service.component.d.ts

@@ -0,0 +1,56 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { NotificationService, type Notification } from './notification.service';
+import * as i0 from "@angular/core";
+/**
+ * Angular component that renders the notification container with active notifications.
+ */
+export declare class NotificationServiceComponent implements OnInit, OnDestroy {
+    private notificationService;
+    /**
+     * Position of the notification container on the screen.
+     */
+    position?: string;
+    /**
+     * Additional CSS class name for the notification container.
+     */
+    className?: string;
+    /**
+     * Array of active notifications.
+     */
+    notifications: Notification[];
+    /**
+     * References to the notification elements.
+     */
+    private notificationEls;
+    private subscription?;
+    constructor(notificationService: NotificationService);
+    /**
+     * Component initialization.
+     */
+    ngOnInit(): void;
+    /**
+     * Synchronize notification elements/refs with the service.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Component cleanup.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Track function for ngFor to optimize rendering.
+     *
+     * @param {number} index The index of the item
+     * @param {Notification} notification The notification item
+     * @returns {string} The notification ID
+     */
+    trackByNotificationId(index: number, notification: Notification): string | undefined;
+    /**
+     * Handle notification hidden state change.
+     *
+     * @param {CustomEvent<boolean>} event The hidden changed event
+     * @param {string} id The notification ID
+     */
+    handleHiddenChanged(event: CustomEvent<boolean>, id?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationServiceComponent, "nv-notification-service", never, { "position": { "alias": "position"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/nova-components/lib/providers/notification.service.d.ts

@@ -0,0 +1,116 @@
+import { type Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { NotificationEmphasis, FeedbackColors } from '@nova-design-system/nova-webcomponents';
+import * as i0 from "@angular/core";
+/**
+ * Action callbacks for notifications. Will render buttons automatically.
+ */
+export interface NotificationAction {
+    /** The label of the action. */
+    label: string;
+    /** The callback to execute when the action is clicked. */
+    onClick: () => void;
+}
+/**
+ * Options for creating a notification.
+ */
+export interface NotificationOptions {
+    /** Unique identifier for the notification. If not provided, one will be generated. */
+    id?: string;
+    /** Short and concise text for the notification heading. */
+    heading?: string;
+    /** Main content of the notification. */
+    message?: string;
+    /** Whether the notification can be manually dismissed via close button. */
+    dismissible?: boolean;
+    /** Adjusts the emphasis to make the notification more or less visually
+     * prominent to users. Use this to draw attention to important actions or
+     * reduce focus on less critical ones */
+    emphasis?: `${NotificationEmphasis}`;
+    /** Type of the notification, used to determine the color and default icon. */
+    feedback?: `${FeedbackColors}`;
+    /** Custom icon name to override the default icon. */
+    icon?: string;
+    /** Notification actions */
+    actions?: NotificationAction[];
+    /** Custom components for the notification actions. */
+    actionSlot?: Type<unknown>;
+}
+/**
+ * A notification with all required fields populated.
+ */
+export interface Notification extends NotificationOptions {
+    /** Timestamp when the notification was created. */
+    createdAt: number;
+}
+/**
+ * Configuration options for the NotificationService.
+ */
+export interface NotificationServiceConfig {
+    /** Position of the notification container on the screen. */
+    position?: string;
+    /** Maximum number of notifications to display at once. */
+    maxNotifications?: number;
+    /** Additional CSS class name for the notification container. */
+    className?: string;
+}
+/**
+ * Angular service for managing notifications.
+ */
+export declare class NotificationService {
+    private readonly _notifications;
+    private readonly _config;
+    /**
+     * Observable stream of active notifications.
+     */
+    readonly notifications$: Observable<Notification[]>;
+    /**
+     * Current array of notifications.
+     *
+     * @returns {Notification[]} Array of active notifications
+     */
+    get notifications(): Notification[];
+    constructor();
+    /**
+     * Configure the notification service.
+     *
+     * @param {NotificationServiceConfig} config Configuration options
+     */
+    configure(config: NotificationServiceConfig): void;
+    /**
+     * Get the current configuration.
+     *
+     * @returns {Required<NotificationServiceConfig>} Current configuration
+     */
+    get config(): Required<NotificationServiceConfig>;
+    private elRefs;
+    registerRef(id: string, el: HTMLNvNotificationElement): void;
+    unregisterRef(id: string): void;
+    clearRefs(): void;
+    /**
+     * Show a new notification.
+     *
+     * @param {NotificationOptions} options The notification options
+     * @returns {string} The notification ID
+     */
+    show(options: NotificationOptions): string;
+    /**
+     * Dismiss a specific notification by ID. This will remove the notification
+     * after the animation completes.
+     *
+     * @param {string} id The notification ID to dismiss
+     */
+    dismiss(id: string): void;
+    /**
+     * Immediately remove a specific notification by ID.
+     *
+     * @param {string} id The notification ID to dismiss
+     */
+    remove(id: string): void;
+    /**
+     * Immediately remove all active notifications.
+     */
+    removeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+}

package/dist/nova-components/lib/stencil-generated/components.d.ts

@@ -512,7 +512,7 @@ export declare class NvNotification {
     protected el: HTMLNvNotificationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<NvNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotification, "nv-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotification, "nv-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "initiallyHidden": { "alias": "initiallyHidden"; "required": false; }; "message": { "alias": "message"; "required": false; }; "uid": { "alias": "uid"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface NvNotification extends Components.NvNotification {
     /**
@@ -521,6 +521,15 @@ export declare interface NvNotification extends Components.NvNotification {
      */
     hiddenChanged: EventEmitter<CustomEvent<boolean>>;
 }
+export declare class NvNotificationcontainer {
+    protected z: NgZone;
+    protected el: HTMLNvNotificationcontainerElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NvNotificationcontainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NvNotificationcontainer, "nv-notificationcontainer", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface NvNotificationcontainer extends Components.NvNotificationcontainer {
+}
 export declare class NvPopover {
     protected z: NgZone;
     protected el: HTMLNvPopoverElement;

package/dist/nova-components/lib/stencil-generated/index.d.ts

@@ -1,2 +1,2 @@
 import * as d from './components';
-export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvTablecolumn | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];
+export declare const DIRECTIVES: (typeof d.NvAccordion | typeof d.NvAccordionItem | typeof d.NvAlert | typeof d.NvAvatar | typeof d.NvBadge | typeof d.NvBreadcrumb | typeof d.NvBreadcrumbs | typeof d.NvButton | typeof d.NvButtongroup | typeof d.NvCalendar | typeof d.NvCol | typeof d.NvDatagrid | typeof d.NvDatagridcolumn | typeof d.NvDialog | typeof d.NvDialogfooter | typeof d.NvDialogheader | typeof d.NvFieldcheckbox | typeof d.NvFielddate | typeof d.NvFielddaterange | typeof d.NvFielddropdown | typeof d.NvFielddropdownitem | typeof d.NvFielddropdownitemcheck | typeof d.NvFieldmultiselect | typeof d.NvFieldnumber | typeof d.NvFieldpassword | typeof d.NvFieldradio | typeof d.NvFieldselect | typeof d.NvFieldslider | typeof d.NvFieldtext | typeof d.NvFieldtextarea | typeof d.NvFieldtime | typeof d.NvIcon | typeof d.NvIconbutton | typeof d.NvLoader | typeof d.NvMenu | typeof d.NvMenuitem | typeof d.NvNotification | typeof d.NvNotificationcontainer | typeof d.NvPopover | typeof d.NvRow | typeof d.NvStack | typeof d.NvTable | typeof d.NvTablecolumn | typeof d.NvToggle | typeof d.NvTogglebutton | typeof d.NvTogglebuttongroup | typeof d.NvTooltip)[];

package/dist/nova-components/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/nova-components.module';
 export * from './lib/stencil-generated/components';
 export * from './lib/stencil-generated/component-value-accessors';
+export * from './lib/providers';
 export * from '@nova-design-system/nova-webcomponents/constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-angular-18",
-  "version": "3.13.0",
+  "version": "3.14.0-beta.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",
@@ -12,10 +12,11 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "npm run copy:providers && ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated",
+    "copy:providers": "shx mkdir -p projects/nova-components/src/lib/providers && shx cp -r ../angular/projects/nova-components/src/lib/providers/* projects/nova-components/src/lib/providers",
+    "clean": "rimraf dist .angular projects/nova-components/src/lib/stencil-generated projects/nova-components/src/lib/providers",
     "storybook": "ng run nova-components:storybook",
     "storybook.build": "ng run nova-components:storybook.build",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit"