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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "2.0.4",
+  "version": "3.0.0",
   "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": "2.0.4"
+    "@uni-design-system/uni-core": "3.0.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",

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

@@ -1,17 +1,188 @@
 import * as _angular_core from '@angular/core';
-import { Signal, ElementRef, EventEmitter, OnInit, OnDestroy, TemplateRef } from '@angular/core';
+import { Signal, WritableSignal, ElementRef, EventEmitter, OnInit, OnDestroy, TemplateRef, InjectionToken } from '@angular/core';
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
-import { Icons, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Variant, Size, Thickness, ContainerColorToken, 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 { 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';
 
+type SortDirection = 'asc' | 'desc' | 'indet';
+interface Sort<T> {
+    column?: keyof T;
+    direction: SortDirection;
+}
+declare abstract class UniBaseDatasource<T> {
+    abstract records: Signal<T[]>;
+    abstract recordCount: Signal<number>;
+    selections: WritableSignal<T[]>;
+    sort: WritableSignal<Sort<T>>;
+    sortColumn: Signal<keyof T>;
+    sortDirection: Signal<SortDirection>;
+    abstract pageIndex: Signal<number>;
+    abstract pageSize: Signal<number>;
+    abstract pageCount: Signal<number>;
+    pages: Signal<number[]>;
+    startIndex: Signal<number>;
+    endIndex: Signal<number>;
+    disablePrevious: Signal<boolean>;
+    disableNext: Signal<boolean>;
+    truncatedPages: Signal<(string | number)[]>;
+    isSelected(row: T): boolean;
+    toggleSelection(row: T): void;
+    clearSelections(): void;
+    selectAll(): void;
+    abstract sortRecords(sort: Sort<T>): void;
+    abstract firstPage(): void;
+    abstract nextPage(): void;
+    abstract previousPage(): void;
+    abstract lastPage(): void;
+    abstract jumpToPage(page: number): void;
+    abstract setPageSize(size: number): void;
+}
+
+declare class UniRecordDatasource<T> extends UniBaseDatasource<T> {
+    private _pageNumber;
+    private _pageSize;
+    initialRecords: _angular_core.WritableSignal<T[]>;
+    recordCount: _angular_core.Signal<number>;
+    filter: _angular_core.WritableSignal<(value: T) => boolean>;
+    pageIndex: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.Signal<number>;
+    pageCount: _angular_core.Signal<number>;
+    records: _angular_core.Signal<T[]>;
+    constructor(data: T[]);
+    sortRecords(sort: Sort<T>): void;
+    firstPage(): void;
+    nextPage(): void;
+    previousPage(): void;
+    lastPage(): void;
+    jumpToPage(page: number): void;
+    setPageSize(size: number): void;
+    setFilter(filter: (value: T) => boolean): void;
+    clearFilter(): void;
+}
+
+interface PageRequest {
+    pageNumber: number;
+    pageSize: number;
+    sortColumn?: string;
+    sortDirection?: SortDirection;
+    filter?: Record<string, any>;
+}
+interface PageResponse<T> {
+    data: T[];
+    totalRecords: number;
+    pageNumber: number;
+    pageSize: number;
+}
+type DataLoader<T> = (request: PageRequest) => Promise<PageResponse<T>>;
+declare class UniServerSideDatasource<T> extends UniBaseDatasource<T> {
+    private dataLoader;
+    private _pageNumber;
+    private _pageSize;
+    private _sortColumn;
+    private _sortDirection;
+    private filter;
+    sortColumn: _angular_core.Signal<keyof T>;
+    sortDirection: _angular_core.Signal<SortDirection>;
+    private totalRecords;
+    private dataResource;
+    pageIndex: _angular_core.Signal<number>;
+    pageSize: _angular_core.Signal<number>;
+    pageCount: _angular_core.Signal<number>;
+    private readonly _records;
+    records: _angular_core.Signal<T[]>;
+    recordCount: _angular_core.Signal<number>;
+    isLoading: _angular_core.Signal<boolean>;
+    error: _angular_core.Signal<Error>;
+    hasError: _angular_core.Signal<boolean>;
+    constructor(dataLoader: DataLoader<T>, initialPageSize?: number);
+    sortRecords(sort: Sort<T>): void;
+    firstPage(): void;
+    nextPage(): void;
+    previousPage(): void;
+    lastPage(): void;
+    jumpToPage(page: number): void;
+    setPageSize(size: number): void;
+    setFilter(filterValues: Record<string, any>): void;
+    clearFilter(): void;
+    refresh(): void;
+    getPageRequest(): PageRequest;
+}
+
+type UniDatasource<T> = UniBaseDatasource<T>;
+
+declare class LocalStorageService {
+    private isLocalStorageAvailable;
+    setItem<T>(key: string, value: T): boolean;
+    getItem<T>(key: string): T | null;
+    removeItem(key: string): boolean;
+    clear(): boolean;
+    hasKey(key: string): boolean;
+    getAllKeys(): string[];
+    getSize(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LocalStorageService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LocalStorageService>;
+}
+
 type IconName = keyof Icons;
 
+interface Alert {
+    message: string;
+    iconName?: IconName;
+    symbolName?: string;
+    variant?: Variant;
+    action?: () => void;
+    actionLabel?: string;
+    topPosition?: number;
+}
+interface Snackbar {
+    message: string;
+    action?: () => void;
+    actionLabel?: string;
+    iconName?: IconName;
+    symbolName?: string;
+    variant?: Variant;
+    timeout?: number | string | 'disabled';
+}
+interface Confirmation {
+    title: string;
+    message: string;
+    action: () => void;
+    actionLabel?: string;
+    dismissLabel?: string;
+    color?: ContainerColorToken;
+}
+
+declare class NotificationService {
+    alert: _angular_core.WritableSignal<Alert>;
+    showAlert: (alert: Alert) => void;
+    hideAlert: () => void;
+    snackbar: _angular_core.WritableSignal<Snackbar>;
+    showSnackbar: (snackbar: Snackbar) => void;
+    hideSnackbar: () => void;
+    confirmation: _angular_core.WritableSignal<Confirmation>;
+    showConfirmation: (confirmation: Confirmation) => void;
+    hideConfirmation: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
+}
+
 interface Option<T = unknown> {
     label: string;
     value: T;
 }
 type Options<T = unknown> = Option<T>[];
 
+declare function useTimer(): {
+    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>;
+};
+
 declare class ThemeService {
     private themes;
     private localStorage;
@@ -479,5 +650,7 @@ 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>;
 }
 
-export { RippleDirective, UniBadgeComponent, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconComponent, UniMenuComponent, UniRowComponent, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent };
-export type { MenuItem, MenuItemWithLabel, MenuItemWithTemplate };
+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 type { Alert, Confirmation, DataLoader, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Snackbar, Sort, SortDirection, UniDatasource };