ngx-kit 3.1.0 → 4.0.0

package/types/ngx-kit-message.d.ts

@@ -1,43 +1,9 @@
 import * as i0 from '@angular/core';
-import { EnvironmentProviders, Injector, OnInit, AfterViewInit, ElementRef, ComponentRef, ApplicationRef, EnvironmentInjector } from '@angular/core';
+import { EnvironmentProviders, Injector, EventEmitter, OnInit, AfterViewInit, ElementRef, ComponentRef, ApplicationRef, EnvironmentInjector, InjectionToken } from '@angular/core';
+import * as ngx_kit_message from 'ngx-kit/message';
 import * as rxjs from 'rxjs';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
 
-declare class MessageOptions implements IMessageOptions {
-    private config?;
-    constructor(config?: IMessageOptions | undefined);
-    /**
-     * add popover manual to set alert dialog container to top layer
-     * - usefull when using alert modal in angular material dialog
-     *
-     */
-    useOverlay?: boolean;
-    title?: string;
-    text?: string;
-    html?: string | HTMLElement;
-    backdrop?: boolean;
-    icon?: MessageIcon;
-    width?: number | string;
-    allowOutsideClick?: boolean;
-    allowEscapeKey?: boolean;
-    allowEnterKey?: boolean;
-    showConfirmButton?: boolean;
-    showDenyButton?: boolean;
-    showCancelButton?: boolean;
-    confirmButtonText: string;
-    denyButtonText?: string;
-    cancelButtonText?: string;
-    confirmButtonColor?: string;
-    denyButtonColor?: string;
-    cancelButtonColor?: string;
-    confirmButtonAriaLabel?: string;
-    denyButtonAriaLabel?: string;
-    cancelButtonAriaLabel?: string;
-    reverseButtons?: boolean;
-    showCloseButton?: boolean;
-    containerClass?: string;
-}
-
 type MessageIcon = 'None' | 'success' | 'error' | 'warning' | 'info' | 'question' | 'loading';
 
 interface IMessageOptions {
@@ -195,6 +161,26 @@ interface IMessageOptions {
 
 declare function provideMessage(options?: IMessageOptions): EnvironmentProviders;
 
+/**
+ * Static facade so call sites can use: MSG.warn('msg', opts)
+ * Module will set the service instance in its constructor.
+ */
+declare class MSG {
+    static injector: Injector;
+    static show<T = any>(options?: IMessageOptions): ngx_kit_message.MessageOutput<T>;
+    static fire(options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+    static info(title: string, text?: string, options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+    static success(title: string, text?: string, options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+    static warning(title: string, text?: string, options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+    static error(title: string, text?: string, options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+    static loading(title: string, text?: string, options?: IMessageOptions): ngx_kit_message.MessageOutput<any>;
+}
+
+type MessageOutput<T = any> = {
+    id: number;
+    close: () => void;
+    afterClose: EventEmitter<MessageResult>;
+};
 interface MessageResult<T = any> {
     readonly isConfirmed: boolean;
     readonly isDenied: boolean;
@@ -213,29 +199,15 @@ declare enum DismissReason {
     backdrop = 1,
     close = 2,
     /**
-  * @description ❌⚠️NOT Implemented!⚠️❌
-  */
+     * @description ❌⚠️NOT Implemented!⚠️❌
+     */
     esc = 3,
     /**
-  * @description ❌⚠️NOT Implemented!⚠️❌
-  */
+     * @description ❌⚠️NOT Implemented!⚠️❌
+     */
     timer = 4
 }
 
-/**
- * Static facade so call sites can use: MSG.warn('msg', opts)
- * Module will set the service instance in its constructor.
- */
-declare class MSG {
-    static injector: Injector;
-    static show(options?: IMessageOptions): Promise<MessageResult<any>>;
-    static fire(options?: IMessageOptions): Promise<MessageResult<any>>;
-    static info(title: string, text?: string, options?: IMessageOptions): Promise<MessageResult<any>>;
-    static success(title: string, text?: string, options?: IMessageOptions): Promise<MessageResult<any>>;
-    static warning(title: string, text?: string, options?: IMessageOptions): Promise<MessageResult<any>>;
-    static error(title: string, text?: string, options?: IMessageOptions): Promise<MessageResult<any>>;
-}
-
 declare class NgxMessageComponent implements OnInit, AfterViewInit {
     icon?: SafeHtml;
     showIcon: i0.WritableSignal<boolean>;
@@ -272,7 +244,7 @@ declare class NgxMessageService {
     alerts: ComponentRef<NgxMessageComponent>[];
     insertedId: number;
     constructor(appRef: ApplicationRef, injector: Injector, envInjector: EnvironmentInjector, _doc: Document);
-    show(c?: IMessageOptions): Promise<MessageResult<any>>;
+    show<T = any>(c?: IMessageOptions): MessageOutput<T>;
     private removeDialogComponentFromBody;
     private appendDialogComponentToBody;
     closeAll(): void;
@@ -280,5 +252,44 @@ declare class NgxMessageService {
     static ɵprov: i0.ɵɵInjectableDeclaration<NgxMessageService>;
 }
 
-export { DismissReason, MSG, MessageOptions, NgxMessageService, provideMessage };
-export type { IMessageOptions, MessageResult };
+declare class MessageOptions implements IMessageOptions {
+    private config?;
+    constructor(config?: IMessageOptions | undefined);
+    /**
+     * add popover manual to set alert dialog container to top layer
+     * - usefull when using alert modal in angular material dialog
+     *
+     */
+    useOverlay?: boolean;
+    title?: string;
+    text?: string;
+    html?: string | HTMLElement;
+    backdrop?: boolean;
+    icon?: MessageIcon;
+    width?: number | string;
+    allowOutsideClick?: boolean;
+    allowEscapeKey?: boolean;
+    allowEnterKey?: boolean;
+    showConfirmButton?: boolean;
+    showDenyButton?: boolean;
+    showCancelButton?: boolean;
+    confirmButtonText: string;
+    denyButtonText?: string;
+    cancelButtonText?: string;
+    confirmButtonColor?: string;
+    denyButtonColor?: string;
+    cancelButtonColor?: string;
+    confirmButtonAriaLabel?: string;
+    denyButtonAriaLabel?: string;
+    cancelButtonAriaLabel?: string;
+    reverseButtons?: boolean;
+    showCloseButton?: boolean;
+    containerClass?: string;
+}
+
+declare const NGX_MESSAGE_CONFIGS: InjectionToken<IMessageOptions>;
+declare const NGX_MESSAGE_API: InjectionToken<NgxMessageService>;
+declare const NGX_MESSAGE_DEFAULT_OPTIONS: MessageOptions;
+
+export { DismissReason, MSG, MessageOptions, NGX_MESSAGE_API, NGX_MESSAGE_CONFIGS, NGX_MESSAGE_DEFAULT_OPTIONS, NgxMessageService, provideMessage };
+export type { IMessageOptions, MessageOutput, MessageResult };

package/types/ngx-kit-shared.d.ts

@@ -165,6 +165,8 @@ declare class SliderComponent implements OnInit, ControlValueAccessor, Validator
     static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "slider", never, { "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "background": { "alias": "background"; "required": false; }; "isBgTransparent": { "alias": "isBgTransparent"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
 }
 
+declare function mergeConfig<T>(base: T, override?: Partial<T>): T;
+
 declare function getOffsetPosition(evt: MouseEvent | TouchEvent, parent: HTMLElement): {
     x: number;
     y: number;
@@ -274,5 +276,5 @@ interface OverlayInstance {
     cleanup: () => void;
 }
 
-export { BrowserService, DIALOG_OVERLAY_CLASSNAME, FOCUSABLE_SELECTOR, IsRtl, OverlayRef, OverlayService, RangeSliderComponent, SaturationComponent, SliderComponent, ValueModel, WINDOW, getOffsetPosition, makeConfetti, randomStrnig };
+export { BrowserService, DIALOG_OVERLAY_CLASSNAME, FOCUSABLE_SELECTOR, IsRtl, OverlayRef, OverlayService, RangeSliderComponent, SaturationComponent, SliderComponent, ValueModel, WINDOW, getOffsetPosition, makeConfetti, mergeConfig, randomStrnig };
 export type { Alignment, BaseOverlayOptions, IPosition, IValue, OverlayInstance, OverlayOptions, Placement, Point, TemplateOptions };