ng-luna 0.4.3 → 0.5.0

package/README.md

@@ -609,6 +609,14 @@ For a detailed explanation of the library architecture, build process, and how t
 npm run build
 ```
 
+**Clean build** (use when the build fails, e.g. "Cannot find module 'rxjs'"):
+
+1. **Clean** – Remove `node_modules`, `dist`, and `.angular` if present. Optionally remove `package-lock.json` for a full dependency refresh.
+2. **Install** – `npm install`
+3. **Build** – `npm run build`
+
+The library uses `import { Observable } from 'rxjs'` like other Angular libraries. `rxjs` is in **peerDependencies** (for apps that use the library) and in **devDependencies** (for this repo's build). If the build still cannot find `rxjs`, confirm that `node_modules/rxjs` exists after `npm install`; if not, run `npm install rxjs --save-dev` and try again.
+
 The build process uses `ng-packagr` to:
 - Compile TypeScript to ESM modules
 - Generate type definitions

package/controls/index.d.ts

@@ -10,4 +10,6 @@ export * from './slider/slider.component';
 export * from './tabs/tab.component';
 export * from './tabs/tabs.component';
 export * from './textarea/textarea.component';
+export * from './tooltip';
 export * from './window/window.component';
+export * from './modal';

package/controls/modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from './message-box-data';
+export * from './modal-data';
+export * from './modal-ref';
+export * from './modal.service';

package/controls/modal/message-box-data.d.ts

@@ -0,0 +1,22 @@
+import { InjectionToken } from '@angular/core';
+export type MessageBoxType = 'alert' | 'confirm' | 'prompt';
+export interface MessageBoxReturnData {
+    button: 'cancel' | 'ok';
+    promptValue?: string;
+}
+export interface MessageBoxOptions<T = boolean> {
+    cancelLabel?: string;
+    cancelValue?: T;
+    okLabel?: string;
+    okValue?: T;
+    promptDefaultValue?: string;
+    promptPlaceholder?: string;
+    title?: string;
+}
+export interface MessageBoxData<T = boolean> {
+    message: string;
+    options?: MessageBoxOptions<T>;
+    title?: string;
+    type: MessageBoxType;
+}
+export declare const MESSAGE_BOX_DATA: InjectionToken<MessageBoxData<unknown>>;

package/controls/modal/message-box.component.d.ts

@@ -0,0 +1,16 @@
+import { MessageBoxData } from './message-box-data';
+import * as i0 from "@angular/core";
+export declare class MessageBoxComponent {
+    protected readonly data: MessageBoxData<unknown>;
+    private readonly modalRef;
+    promptValue: string;
+    get cancelLabel(): string;
+    get messageBoxTitle(): string | undefined;
+    get okLabel(): string;
+    get promptPlaceholder(): string;
+    ngOnInit(): void;
+    onCancel(): void;
+    onOk(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageBoxComponent, "luna-message-box", never, {}, {}, never, never, true, never>;
+}

package/controls/modal/modal-data.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const MODAL_DATA: InjectionToken<unknown>;

package/controls/modal/modal-ref.d.ts

@@ -0,0 +1,8 @@
+import { Observable } from 'rxjs';
+export declare class LunaModalRef<T = unknown> {
+    private readonly onClose;
+    private readonly afterClosedSubject;
+    readonly afterClosed: Observable<T | undefined>;
+    constructor(onClose: () => void);
+    close(result?: T): void;
+}

package/controls/modal/modal.service.d.ts

@@ -0,0 +1,27 @@
+import { Type } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MessageBoxOptions, MessageBoxReturnData } from './message-box-data';
+import * as i0 from "@angular/core";
+/**
+ * Service for showing modal dialogs with a dimmed backdrop. No template markup required.
+ * Requires OverlayModule to be imported in the application (e.g. in app config or root component).
+ * For the dimmed backdrop style, include the theme: @use 'ng-luna/theme/modal'; in global styles.
+ */
+export declare class LunaModalService {
+    private readonly overlay;
+    private readonly injector;
+    private isMessageBoxOpen;
+    alert(message: string, titleOrOptions?: string | MessageBoxOptions<void>): Observable<void | undefined>;
+    alertWith<T>(message: string, options?: MessageBoxOptions<T>): Observable<T | undefined>;
+    confirm(message: string, titleOrOptions?: string | MessageBoxOptions<boolean>): Observable<boolean>;
+    confirmWith<T>(message: string, options: MessageBoxOptions<T>): Observable<T | undefined>;
+    prompt(message: string, titleOrOptions?: string | MessageBoxOptions<MessageBoxReturnData>): Observable<MessageBoxReturnData>;
+    promptWith(message: string, options?: MessageBoxOptions<MessageBoxReturnData>): Observable<MessageBoxReturnData>;
+    private normalizeMessageBoxData;
+    private openMessageBox;
+    open<T>(component: Type<unknown>, config?: {
+        data?: unknown;
+    }): Observable<T | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LunaModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LunaModalService>;
+}

package/controls/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tooltip-data';
+export * from './tooltip.directive';
+export * from './tooltip.component';

package/controls/tooltip/tooltip-data.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const LUNA_TOOLTIP_DATA: InjectionToken<string>;

package/controls/tooltip/tooltip.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TooltipComponent {
+    protected readonly text: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "luna-tooltip", never, {}, {}, never, never, true, never>;
+}

package/controls/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,27 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TooltipDirective implements OnDestroy {
+    lunaTooltip: string;
+    lunaTooltipHideDelay: number;
+    lunaTooltipShowDelay: number;
+    private readonly elementRef;
+    private readonly injector;
+    private readonly overlay;
+    private hideTimeout;
+    private overlayRef;
+    private showTimeout;
+    onBlur(): void;
+    onFocus(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    ngOnDestroy(): void;
+    private clearHideTimeout;
+    private clearShowTimeout;
+    private destroyOverlay;
+    private scheduleHide;
+    private scheduleShow;
+    private hideWithFade;
+    private show;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[lunaTooltip]", never, { "lunaTooltip": { "alias": "lunaTooltip"; "required": false; }; "lunaTooltipHideDelay": { "alias": "lunaTooltipHideDelay"; "required": false; }; "lunaTooltipShowDelay": { "alias": "lunaTooltipShowDelay"; "required": false; }; }, {}, never, never, true, never>;
+}