tecnualng 21.0.27 → 21.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecnualng",
-  "version": "21.0.27",
+  "version": "21.0.28",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/types/tecnualng.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, AfterViewInit, OnDestroy, NgZone, ApplicationRef, EnvironmentInjector, AfterContentInit, QueryList } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as tecnualng from 'tecnualng';
 
 type TngButtonAppearance = 'text' | 'filled' | 'elevated' | 'outlined' | 'tonal';
 declare class TngButton {
@@ -522,5 +523,89 @@ declare class TngSliderComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngSliderComponent, "tng-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-export { TecnualDatepickerComponent, TecnualInputComponent, TecnualTableComponent, ThemeService, TngButton, TngCardComponent, TngExpansionPanelComponent, TngFormFieldComponent, TngInputDirective, TngMenuComponent, TngMenuGroupComponent, TngMenuItemComponent, TngSelectComponent, TngSelectDirective, TngSelectPanelComponent, TngSidebarComponent, TngSliderComponent, TngTabComponent, TngTabsComponent, TngTextareaComponent, TngTextareaDirective, TngToolbarComponent, TngTooltipComponent, TngTooltipDirective };
-export type { DateRange, SelectOption, TableColumn, Theme, ThemeName, TngButtonAppearance, TngCardVariant, TngToolbarColor, TngToolbarPosition, TngToolbarPositionType };
+type TngLoaderType = 'spinner' | 'bar' | 'dots' | 'pulse';
+type TngLoaderSize = 'sm' | 'md' | 'lg' | 'xl';
+type TngLoaderColor = 'primary' | 'secondary' | 'accent' | 'warn';
+declare class TngLoaderComponent {
+    type: _angular_core.InputSignal<TngLoaderType>;
+    size: _angular_core.InputSignal<TngLoaderSize>;
+    duration: _angular_core.InputSignal<string | null>;
+    label: _angular_core.InputSignal<string>;
+    progress: _angular_core.InputSignal<number | null>;
+    fullscreen: _angular_core.InputSignal<boolean>;
+    inline: _angular_core.InputSignal<boolean>;
+    hidden: _angular_core.InputSignal<boolean>;
+    color: _angular_core.InputSignal<TngLoaderColor | null>;
+    hostClasses: _angular_core.Signal<string>;
+    containerStyles: _angular_core.Signal<Record<string, string>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngLoaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngLoaderComponent, "tng-loader", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TngNotificationType = 'success' | 'error' | 'warning' | 'info' | 'default';
+type TngNotificationPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+interface TngNotificationConfig {
+    id: string;
+    message: string;
+    type: TngNotificationType;
+    duration?: number;
+    position?: TngNotificationPosition;
+    clipboard?: string;
+    closable?: boolean;
+    icon?: string;
+    pauseOnHover?: boolean;
+}
+type TngNotificationOptions = Omit<TngNotificationConfig, 'id' | 'message' | 'type'> & {
+    type?: TngNotificationType;
+};
+
+declare class TngNotificationService {
+    private notifications;
+    private timers;
+    private remainingTimes;
+    private startTimes;
+    readonly activeNotifications: _angular_core.Signal<TngNotificationConfig[]>;
+    show(message: string, options?: Partial<TngNotificationConfig>): string;
+    success(message: string, options?: TngNotificationOptions): string;
+    error(message: string, options?: TngNotificationOptions): string;
+    warning(message: string, options?: TngNotificationOptions): string;
+    info(message: string, options?: TngNotificationOptions): string;
+    remove(id: string): void;
+    clear(): void;
+    pauseTimer(id: string): void;
+    resumeTimer(id: string): void;
+    private startTimer;
+    private clearTimer;
+    private generateId;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngNotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TngNotificationService>;
+}
+
+declare class TngNotificationContainerComponent {
+    private service;
+    notifications: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    topLeft: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    topRight: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    topCenter: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    bottomLeft: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    bottomRight: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    bottomCenter: _angular_core.Signal<tecnualng.TngNotificationConfig[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngNotificationContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngNotificationContainerComponent, "tng-notification-container", never, {}, {}, never, never, true, never>;
+}
+
+declare class TngToastComponent {
+    config: _angular_core.InputSignal<TngNotificationConfig>;
+    private service;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    close(): void;
+    showCopiedTooltip: _angular_core.WritableSignal<boolean>;
+    copyToClipboard(): void;
+    get iconClass(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TngToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TngToastComponent, "tng-toast", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TecnualDatepickerComponent, TecnualInputComponent, TecnualTableComponent, ThemeService, TngButton, TngCardComponent, TngExpansionPanelComponent, TngFormFieldComponent, TngInputDirective, TngLoaderComponent, TngMenuComponent, TngMenuGroupComponent, TngMenuItemComponent, TngNotificationContainerComponent, TngNotificationService, TngSelectComponent, TngSelectDirective, TngSelectPanelComponent, TngSidebarComponent, TngSliderComponent, TngTabComponent, TngTabsComponent, TngTextareaComponent, TngTextareaDirective, TngToastComponent, TngToolbarComponent, TngTooltipComponent, TngTooltipDirective };
+export type { DateRange, SelectOption, TableColumn, Theme, ThemeName, TngButtonAppearance, TngCardVariant, TngLoaderColor, TngLoaderSize, TngLoaderType, TngNotificationConfig, TngNotificationOptions, TngNotificationPosition, TngNotificationType, TngToolbarColor, TngToolbarPosition, TngToolbarPositionType };