@uni-design-system/uni-angular 3.0.0 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/uni-design-system/uni",
@@ -16,7 +16,7 @@
     "@angular/common": "^21.2.0",
     "@angular/core": "^21.2.0",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "3.0.0"
+    "@uni-design-system/uni-core": "3.0.2"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",

package/types/uni-design-system-uni-angular.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Signal, WritableSignal, ElementRef, EventEmitter, OnInit, OnDestroy, TemplateRef, InjectionToken } from '@angular/core';
+import { Signal, WritableSignal, InjectionToken, ElementRef, EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, TemplateRef, AfterViewInit } from '@angular/core';
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
 import { Icons, Variant, ContainerColorToken, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, ColorToken, RadiiSize, Elevation, JustifyContent, StyleExpression, Orientation, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap } from '@uni-design-system/uni-core';
 import { Placement as Placement$1, OffsetOptions } from '@floating-ui/dom';
@@ -248,6 +248,8 @@ declare class ThemeService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
+declare const UNI_THEMES: InjectionToken<Record<string, UniTheme>>;
+
 declare class BaseComponent<T = unknown> {
     protected componentName: ComponentName;
     theme: ThemeService;
@@ -442,6 +444,22 @@ declare class UniIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconComponent, "uni-icon, Icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class UniIconButtonComponent implements OnChanges {
+    private theme;
+    config: _angular_core.Signal<_uni_design_system_uni_core.ComponentTheme<unknown>>;
+    iconName?: IconName;
+    symbolName?: string;
+    variant: Variant;
+    size: Size;
+    disable?: boolean;
+    loading?: boolean;
+    opticalSize: number;
+    get className(): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconButtonComponent, "button[uni-icon-button], button[icon-button]", never, { "iconName": { "alias": "iconName"; "required": false; }; "symbolName": { "alias": "symbolName"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, never, true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
+}
+
 declare class UniBoxComponent {
     theme: ThemeService;
     color: _angular_core.InputSignal<ContainerColorToken>;
@@ -581,15 +599,121 @@ declare class UniMenuComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "Menu, uni-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, never, ["*"], true, never>;
 }
 
-declare class UniSymbolComponent {
-    name: string;
-    fill: 1 | 0;
-    weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-    grade: -25 | 0 | 200;
-    opticalSize: number;
+interface UniAlertOptions {
+    defaultVariant: Variant;
+    borderRadius: Radius;
+    transitionSpeed: number;
+    topPosition: string | number;
+    elevation: Elevation;
+}
+
+declare class UniAlertComponent extends BaseComponent<UniAlertOptions> implements AfterViewInit {
+    show: _angular_core.ModelSignal<boolean>;
+    iconName: _angular_core.InputSignal<string>;
+    symbolName: _angular_core.InputSignal<string>;
+    useVariant: _angular_core.InputSignal<boolean>;
+    showing: EventEmitter<boolean>;
+    alertRef?: ElementRef<HTMLDialogElement>;
+    private readonly alertState;
+    private readonly effectiveVariant;
+    protected readonly alertClass: _angular_core.Signal<string>;
+    private readonly fadeOut;
+    constructor();
+    ngAfterViewInit(): void;
+    open(): void;
+    close(): void;
+    protected readonly effectiveIconName: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAlertComponent, "uni-alert, Alert", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "showing": "showing"; }, never, ["*"], true, never>;
+}
+
+declare class ConfirmationDialogComponent {
+    show: _angular_core.InputSignal<boolean>;
+    confirmation?: Confirmation;
+    showing: EventEmitter<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "uni-confirmation-dialog, Confirmation", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "confirmation": { "alias": "confirmation"; "required": false; }; }, { "showing": "showing"; }, never, never, true, never>;
+}
+
+declare class NotificationsComponent {
+    notifications: NotificationService;
+    private readonly alertState;
+    private readonly snackbarState;
+    private readonly confirmationState;
+    protected readonly showAlert: _angular_core.Signal<boolean>;
+    protected readonly showSnackbar: _angular_core.Signal<boolean>;
+    protected readonly showConfirmation: _angular_core.Signal<boolean>;
+    protected readonly alert: _angular_core.Signal<Alert>;
+    protected readonly snackbar: _angular_core.Signal<Snackbar>;
+    protected readonly confirmation: _angular_core.Signal<Confirmation>;
+    constructor();
+    handleConfirmationShowingEvent(showing: boolean): void;
+    handleSnackbarShowingEvent(showing: boolean): void;
+    handleAlertShowingEvent(showing: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationsComponent, "uni-notifications, Notifications", never, {}, {}, never, never, true, never>;
+}
+
+interface UniSnackbarOptions {
+    bottomPosition: number;
+    transitionDelay: string;
+    autoCloseDelay: number;
+}
+
+declare class UniSnackbarComponent extends BaseComponent<UniSnackbarOptions> implements AfterViewInit, OnChanges {
+    timer: {
+        start: (durationMs: number, onComplete?: () => void) => void;
+        pause: () => void;
+        resume: () => void;
+        stop: () => void;
+        msRemaining: _angular_core.WritableSignal<number>;
+        isPaused: _angular_core.WritableSignal<boolean>;
+        isActive: _angular_core.Signal<boolean>;
+        secondsRemaining: _angular_core.Signal<number>;
+    };
+    snackbarClass?: string;
+    show?: boolean;
+    iconName: _angular_core.InputSignal<string>;
+    symbolName: _angular_core.InputSignal<string>;
+    timeout: _angular_core.InputSignal<string | number>;
+    actionLabel: _angular_core.InputSignal<string>;
+    useVariant: _angular_core.InputSignal<boolean>;
+    action: EventEmitter<any>;
+    showing: EventEmitter<any>;
+    snackbarRef?: ElementRef;
+    private get _snackbar();
+    constructor();
+    fadeOut: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private get _timeout();
+    open(): void;
+    close(): void;
+    protected pauseTimer(): void;
+    protected resumeTimer(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSnackbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSnackbarComponent, "uni-snackbar, Snackbar", never, { "show": { "alias": "show"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; }, { "action": "action"; "showing": "showing"; }, never, ["*"], true, never>;
+}
+
+type SymbolFill = 1 | 0;
+type SymbolWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
+type SymbolGrade = -25 | 0 | 200;
+interface SymbolOptions {
+    fill?: SymbolFill;
+    weight?: SymbolWeight;
+    grade?: SymbolGrade;
+    opticalSize?: number;
+}
+
+declare class UniSymbolComponent extends BaseComponent<SymbolOptions> {
+    name: _angular_core.InputSignal<string>;
+    fill: _angular_core.InputSignal<SymbolFill>;
+    weight: _angular_core.InputSignal<SymbolWeight>;
+    grade: _angular_core.InputSignal<SymbolGrade>;
+    opticalSize: _angular_core.InputSignal<number>;
     get className(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSymbolComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol, Symbol", never, { "name": { "alias": "name"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol, Symbol", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class UniTextComponent {
@@ -650,7 +774,5 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> imple
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip, Tooltip", never, { "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "inlineText": { "alias": "inlineText"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare const UNI_THEMES: InjectionToken<Record<string, UniTheme>>;
-
-export { LocalStorageService, NotificationService, RippleDirective, ThemeService, UNI_THEMES, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconComponent, UniMenuComponent, UniRecordDatasource, UniRowComponent, UniServerSideDatasource, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent, useTimer };
+export { ConfirmationDialogComponent, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniMenuComponent, UniRecordDatasource, UniRowComponent, UniServerSideDatasource, UniSnackbarComponent, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent, useTimer };
 export type { Alert, Confirmation, DataLoader, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Snackbar, Sort, SortDirection, UniDatasource };