@ziadshalaby/ngx-zs-component 2.0.0

package/index.d.ts

@@ -0,0 +1,821 @@
+import * as _angular_core from '@angular/core';
+import { computed, ElementRef, WritableSignal } from '@angular/core';
+import * as _ziadshalaby_ngx_zs_component from '@ziadshalaby/ngx-zs-component';
+
+declare class NgxZsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxZsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxZsComponent, "lib-ngx-zs-component", never, {}, {}, never, never, true, never>;
+}
+
+interface NewAlert extends Omit<AlertType, 'id' | 'progress'> {
+}
+interface BulkAlert extends Omit<AlertType, 'id' | 'progress' | 'message'> {
+}
+declare class AlertService {
+    readonly alerts: _angular_core.WritableSignal<AlertType[]>;
+    addAlert(newAlert: NewAlert): void;
+    bulkAlert(newAlerts: string[], options: BulkAlert): void;
+    onAlertClosed(id: string | number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AlertService>;
+}
+
+type KeyType = 'alert' | 'spinner' | 'modal' | 'themeToggle' | 'navbar' | 'scrollToTop' | 'navItemDropdown' | 'selectDropdown';
+type ZIndicesType = Record<KeyType, `zs:z-${number}`>;
+
+interface AlertType {
+    id: number | string;
+    message: string;
+    type: 'success' | 'danger' | 'warning' | 'info';
+    autoClose?: boolean;
+    duration?: number;
+    showCloseButton?: boolean;
+    progress?: number;
+}
+interface AlertFullType extends AlertType {
+    icon: string;
+    bgColor: string;
+    textColor: string;
+    borderColor: string;
+}
+type OldAlertsType = Set<number | string>;
+declare const ALERT_CONFIG: Record<AlertType['type'], Omit<AlertFullType, keyof AlertType>>;
+type PositionClassType = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare class Alert {
+    readonly zIndices: ZIndicesType;
+    readonly alertService: AlertService;
+    readonly positionClass: _angular_core.InputSignal<PositionClassType>;
+    readonly defaultShowCloseButton: _angular_core.InputSignal<boolean>;
+    readonly defaultAutoClose: _angular_core.InputSignal<boolean>;
+    readonly defaultDuration: _angular_core.InputSignal<number>;
+    private readonly oldAlerts;
+    private readonly direction;
+    readonly positionClasses: _angular_core.Signal<string>;
+    readonly alerts: _angular_core.Signal<AlertType[]>;
+    readonly alertConfig: ReturnType<typeof computed<AlertFullType[]>>;
+    private activeIntervals;
+    constructor();
+    ngOnDestroy(): void;
+    private registerAlert;
+    closeAlert(id: string | number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Alert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Alert, "ZS-alert", never, { "positionClass": { "alias": "positionClass"; "required": false; "isSignal": true; }; "defaultShowCloseButton": { "alias": "defaultShowCloseButton"; "required": false; "isSignal": true; }; "defaultAutoClose": { "alias": "defaultAutoClose"; "required": false; "isSignal": true; }; "defaultDuration": { "alias": "defaultDuration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface NavbarItem {
+    label: string;
+    routerLink?: string;
+    routerLinkActive?: string;
+    action?: () => void;
+    children?: NavbarItem[];
+    childrenOpenWindow?: boolean;
+    closeMenuAfterClick?: boolean;
+    icon?: string;
+    iconClass?: string;
+    colorClass?: string;
+    useDefaultColorClass?: 'text' | 'bg';
+}
+declare class NavItem {
+    readonly zIndices: ZIndicesType;
+    private readonly znavItemService;
+    readonly item: _angular_core.InputSignal<NavbarItem>;
+    readonly collectionName: _angular_core.InputSignal<string>;
+    readonly anyItemClickedEv: _angular_core.OutputEmitterRef<NavbarItem>;
+    readonly index: _angular_core.WritableSignal<string>;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    constructor();
+    toggle(): void;
+    onItemClick(): void;
+    handleChildClick(child: NavbarItem): void;
+    getItemClasses: (item: NavbarItem) => string;
+    labelLineClass(item: NavbarItem): "" | "zs:text-xs" | "zs:text-sm";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavItem, "ZS-nav-item", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "collectionName": { "alias": "collectionName"; "required": true; "isSignal": true; }; }, { "anyItemClickedEv": "anyItemClickedEv"; }, never, never, true, never>;
+}
+
+interface CollectionEntry {
+    openIndex: string;
+    indexes: string[];
+}
+declare class NavItemService {
+    /**
+     * Map of collections, where each collection tracks:
+     * - openIndex: the currently open item's unique index
+     * - indexes: list of all registered item indexes in this collection
+     */
+    readonly collections: _angular_core.WritableSignal<Map<string, CollectionEntry>>;
+    openIndex(collectionName: string): string;
+    addItemInCollection(collectionName: string, index: string): void;
+    onOpenIndexChange(collectionName: string, index: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavItemService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NavItemService>;
+}
+
+type BaseSize = 'sm' | 'md' | 'lg';
+type FormStyle = 'primary' | 'secondary' | 'warning' | 'success' | 'danger' | 'dark' | 'info' | 'violet' | 'teal';
+interface FormPaletteEntry {
+    border: string;
+    borderHover: string;
+    inputBg: string;
+    bgSelect: string;
+    ring: string;
+    btnBG: string;
+    btnBGHover: string;
+    text: string;
+    textHover: string;
+    checkBoxText?: string;
+    checkBoxTextHover?: string;
+}
+declare const FormPaletteMap: Map<FormStyle, FormPaletteEntry>;
+type BaseColors = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'rose' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink';
+type BaseColorPrefixes = 'text' | 'bg' | 'border';
+declare const ColorMapping: Map<BaseColors, Record<BaseColorPrefixes, string>>;
+
+interface VariantType {
+    border?: boolean;
+    border_hover?: boolean;
+    shadow?: boolean;
+}
+type AnimationType = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
+declare class Card {
+    readonly cardStyle: _angular_core.InputSignal<FormStyle>;
+    readonly variant: _angular_core.InputSignal<VariantType | undefined>;
+    readonly clickable: _angular_core.InputSignal<boolean>;
+    readonly animation: _angular_core.InputSignal<AnimationType>;
+    readonly bodyClass: _angular_core.InputSignal<string>;
+    readonly cardRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    constructor();
+    readonly classList: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "ZS-card", never, { "cardStyle": { "alias": "cardStyle"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface CarouselItem {
+    id: number | string;
+    name: string;
+    image: string;
+    description?: string;
+    [key: string]: any;
+}
+type ItemShapeType = 'rect' | 'circle';
+declare class Carousel {
+    readonly itemsNumber: _angular_core.InputSignal<number>;
+    readonly arrows: _angular_core.InputSignal<boolean>;
+    readonly arrowColor: _angular_core.InputSignal<BaseColors>;
+    readonly showIndicators: _angular_core.InputSignal<boolean>;
+    readonly autoPlay: _angular_core.InputSignal<boolean>;
+    readonly duration: _angular_core.InputSignal<number>;
+    readonly maxItemsPerBox: _angular_core.InputSignal<number>;
+    readonly itemMinWidth: _angular_core.InputSignal<number>;
+    readonly indexChangeEv: _angular_core.OutputEmitterRef<number>;
+    readonly currentIndex: _angular_core.ModelSignal<number>;
+    readonly carouselContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly carouselTrack: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly itemsPerBox: _angular_core.WritableSignal<number>;
+    readonly currentTranslate: _angular_core.WritableSignal<number>;
+    readonly dragging: _angular_core.WritableSignal<boolean>;
+    private readonly startX;
+    private readonly prevTranslate;
+    readonly arrowColorClass: _angular_core.Signal<string>;
+    readonly itemsPerBoxWidth: _angular_core.Signal<string>;
+    readonly totalBoxes: _angular_core.Signal<number>;
+    readonly indicatorBoxes: _angular_core.Signal<number[]>;
+    private autoPlayTimer;
+    private resizeObserver;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    updateIndex(newIndex: number): void;
+    next(): void;
+    previous(): void;
+    startAutoPlay(): void;
+    stopAutoPlay(): void;
+    restartAutoPlay(): void;
+    private updateItemsPerBox;
+    onDragStart(event: PointerEvent): void;
+    onDragMove(event: PointerEvent): void;
+    onDragEnd(): void;
+    private applyTranslate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Carousel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Carousel, "ZS-carousel", never, { "itemsNumber": { "alias": "itemsNumber"; "required": true; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; "arrowColor": { "alias": "arrowColor"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "maxItemsPerBox": { "alias": "maxItemsPerBox"; "required": false; "isSignal": true; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "indexChangeEv": "indexChangeEv"; "currentIndex": "currentIndexChange"; }, never, ["[carousel-item]"], true, never>;
+}
+
+declare class Connection {
+    readonly isOnline: _angular_core.WritableSignal<boolean>;
+    readonly isOnlineEv: _angular_core.OutputEmitterRef<boolean>;
+    private onlineListener;
+    private offlineListener;
+    constructor();
+    private checkOnline;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Connection, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Connection, "ZS-connection", never, {}, { "isOnlineEv": "isOnlineEv"; }, never, never, true, never>;
+}
+
+declare class ExtractorService {
+    /**
+     * Extract all error messages recursively from any structure
+     * @param input - could be string | Array | object | | Error | null | undefined
+     * @returns string[] - flattened array of all messages
+     */
+    extract(input: unknown): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExtractorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ExtractorService>;
+}
+
+type ZFormField<T> = WritableSignal<{
+    value: T | null;
+    valid: boolean;
+}>;
+type ZFormFieldMap<T extends Record<string, any>> = {
+    [K in keyof T]: ZFormField<T[K]>;
+};
+declare class Form<T extends Record<string, any>> {
+    readonly fields: ZFormFieldMap<T>;
+    readonly touched: WritableSignal<boolean>;
+    constructor(initial: T);
+    set<K extends keyof T>(key: K, value: T[K] | null, valid?: boolean): void;
+    patch<K extends keyof T>(key: K, partial: Partial<{
+        value: T[K] | null;
+        valid: boolean;
+    }>): void;
+    get<K extends keyof T>(key: K): {
+        value: T[K] | null;
+        valid: boolean;
+    };
+    readonly allFilled: _angular_core.Signal<boolean>;
+    private markAllTouched;
+    getValues(): T;
+    getValidations(): Record<keyof T, boolean>;
+    submit(callback: (values: T) => void): void;
+}
+
+type ButtonVariant = 'solid' | 'outline';
+type BtnSizeType = 'xs' | BaseSize | 'xl';
+declare class Button {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly btnStyle: _angular_core.InputSignal<FormStyle>;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<BtnSizeType>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
+    readonly clickedEv: _angular_core.OutputEmitterRef<Event>;
+    readonly palette: _angular_core.Signal<_ziadshalaby_ngx_zs_component.FormPaletteEntry>;
+    readonly solidTextColor: _angular_core.Signal<string>;
+    readonly baseClasses: _angular_core.Signal<string>;
+    private join;
+    onClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "ZS-button", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "btnStyle": { "alias": "btnStyle"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clickedEv": "clickedEv"; }, never, ["*"], true, never>;
+}
+
+interface BtnType {
+    show?: boolean;
+    text?: string;
+    btnStyle?: FormStyle;
+    variant?: ButtonVariant;
+    size?: BaseSize;
+    icon?: string | null;
+    disabled?: boolean;
+}
+type BtnTypeDefault = Required<BtnType>;
+type Position = 'left top' | 'left bot' | 'right top' | 'right bot' | 'center' | 'top' | 'bot';
+declare class Modal {
+    readonly zIndices: ZIndicesType;
+    /** 🔹 Model لتحديد الفتح والإغلاق */
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly modalStyle: _angular_core.InputSignal<FormStyle>;
+    readonly showCancelIcon: _angular_core.InputSignal<boolean>;
+    readonly showFooter: _angular_core.InputSignal<boolean>;
+    readonly cancelConfig: _angular_core.InputSignal<BtnType | undefined>;
+    readonly confirmConfig: _angular_core.InputSignal<BtnType | undefined>;
+    readonly position: _angular_core.InputSignal<Position>;
+    readonly closeOnOverlay: _angular_core.InputSignal<boolean>;
+    readonly cancelConfigDefault: BtnTypeDefault;
+    readonly confirmConfigDefault: BtnTypeDefault;
+    readonly cancelMerged: _angular_core.Signal<{
+        show: boolean;
+        text: string;
+        btnStyle: FormStyle;
+        variant: ButtonVariant;
+        size: BaseSize;
+        icon: string | null;
+        disabled: boolean;
+    }>;
+    readonly confirmMerged: _angular_core.Signal<{
+        show: boolean;
+        text: string;
+        btnStyle: FormStyle;
+        variant: ButtonVariant;
+        size: BaseSize;
+        icon: string | null;
+        disabled: boolean;
+    }>;
+    readonly confirmEv: _angular_core.OutputEmitterRef<void>;
+    readonly cancelEv: _angular_core.OutputEmitterRef<void>;
+    readonly closedEv: _angular_core.OutputEmitterRef<void>;
+    readonly palette: _angular_core.Signal<_ziadshalaby_ngx_zs_component.FormPaletteEntry>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly positionClass: _angular_core.Signal<string>;
+    private setTimeId?;
+    constructor();
+    close(): void;
+    onOverlayClick(event: MouseEvent): void;
+    onEscape(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Modal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Modal, "ZS-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "modalStyle": { "alias": "modalStyle"; "required": false; "isSignal": true; }; "showCancelIcon": { "alias": "showCancelIcon"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "cancelConfig": { "alias": "cancelConfig"; "required": false; "isSignal": true; }; "confirmConfig": { "alias": "confirmConfig"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeOnOverlay": { "alias": "closeOnOverlay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "confirmEv": "confirmEv"; "cancelEv": "cancelEv"; "closedEv": "closedEv"; }, never, ["*"], true, never>;
+}
+
+interface UserProfile {
+    name: string;
+    username?: string;
+    email?: string;
+    imageUrl?: string;
+    [key: string]: any;
+}
+type NavbarItemExport = Omit<NavbarItem, 'childrenOpenWindow'>;
+interface navItemsType {
+    routerLinkActive?: string;
+    colorClass?: string;
+    navItems: NavbarItemExport[];
+}
+interface SiteNameConfigType {
+    siteName: string;
+    siteNameColorClass?: string;
+    routerLink?: string;
+}
+interface AuthButtonsType {
+    showAuthButtons: boolean;
+    login?: {
+        btnStyle?: FormStyle;
+        variant?: ButtonVariant;
+        size?: BaseSize;
+        icon?: string | null;
+    };
+    signup?: {
+        btnStyle?: FormStyle;
+        variant?: ButtonVariant;
+        size?: BaseSize;
+        icon?: string | null;
+    };
+}
+declare class Navbar {
+    readonly zIndices: ZIndicesType;
+    readonly fixed: _angular_core.InputSignal<boolean>;
+    readonly logoUrl: _angular_core.InputSignal<string | undefined>;
+    readonly siteNameConfig: _angular_core.InputSignal<SiteNameConfigType | undefined>;
+    readonly authButtons: _angular_core.InputSignal<AuthButtonsType>;
+    readonly showUserSection: _angular_core.InputSignal<boolean>;
+    readonly showSearchBar: _angular_core.InputSignal<boolean>;
+    readonly navItems: _angular_core.InputSignal<navItemsType | undefined>;
+    readonly isLoggedIn: _angular_core.InputSignal<boolean>;
+    readonly userProfile: _angular_core.InputSignal<UserProfile | undefined>;
+    readonly userMenuItems: _angular_core.InputSignal<NavbarItemExport[]>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly loginClickedEv: _angular_core.OutputEmitterRef<void>;
+    readonly signupClickedEv: _angular_core.OutputEmitterRef<void>;
+    readonly searchSubmittedEv: _angular_core.OutputEmitterRef<string | null>;
+    readonly anyItemClickedEv: _angular_core.OutputEmitterRef<NavbarItem>;
+    readonly searchValue: _angular_core.ModelSignal<string | null>;
+    readonly isMobileMenuOpen: _angular_core.ModelSignal<boolean>;
+    readonly isUserMenuOpen: _angular_core.WritableSignal<boolean>;
+    readonly isMoreOpen: _angular_core.WritableSignal<boolean>;
+    readonly visibleNavItems: _angular_core.Signal<NavbarItem[]>;
+    readonly moreNavItems: _angular_core.Signal<NavbarItem[]>;
+    readonly mobileNavItems: _angular_core.Signal<NavbarItem[]>;
+    readonly getUserMenuItems: _angular_core.Signal<NavbarItem[]>;
+    private toNavbarItem;
+    onSearchSubmit(): void;
+    onLogin(): void;
+    onSignup(): void;
+    toggleMobileMenu(): void;
+    toggleUserMenu(): void;
+    closeAllMenus(): void;
+    itemClicked(event: NavbarItem): void;
+    private resizeObserver;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Navbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Navbar, "ZS-navbar", never, { "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "logoUrl": { "alias": "logoUrl"; "required": false; "isSignal": true; }; "siteNameConfig": { "alias": "siteNameConfig"; "required": false; "isSignal": true; }; "authButtons": { "alias": "authButtons"; "required": false; "isSignal": true; }; "showUserSection": { "alias": "showUserSection"; "required": false; "isSignal": true; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "isLoggedIn": { "alias": "isLoggedIn"; "required": false; "isSignal": true; }; "userProfile": { "alias": "userProfile"; "required": false; "isSignal": true; }; "userMenuItems": { "alias": "userMenuItems"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "isMobileMenuOpen": { "alias": "isMobileMenuOpen"; "required": false; "isSignal": true; }; }, { "loginClickedEv": "loginClickedEv"; "signupClickedEv": "signupClickedEv"; "searchSubmittedEv": "searchSubmittedEv"; "anyItemClickedEv": "anyItemClickedEv"; "searchValue": "searchValueChange"; "isMobileMenuOpen": "isMobileMenuOpenChange"; }, never, never, true, never>;
+}
+
+declare class Page404 {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly showButton: _angular_core.InputSignal<boolean>;
+    readonly buttonText: _angular_core.InputSignal<string>;
+    readonly routerLink: _angular_core.InputSignal<string>;
+    readonly onAction: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Page404, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Page404, "ZS-page404", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showButton": { "alias": "showButton"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
+}
+
+declare class Pagination {
+    /**
+     * Total number of pages (required).
+     */
+    readonly totalPages: _angular_core.InputSignal<number>;
+    /**
+     * Current active page (required).
+     */
+    readonly currentPage: _angular_core.InputSignal<number>;
+    /**
+     * Whether to display the total items count.
+     */
+    readonly showTotalItems: _angular_core.InputSignal<boolean>;
+    /**
+     * Message shown before the total items count.
+     */
+    readonly totalItemsMessage: _angular_core.InputSignal<string>;
+    /**
+     * Total number of items (used when `showTotalItems` is true).
+     */
+    readonly totalItems: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Emits the new page number when the user navigates.
+     */
+    readonly pageChangeEv: _angular_core.OutputEmitterRef<number>;
+    /**
+     * Generates an array of page numbers from 1 to `totalPages`.
+     */
+    readonly pages: _angular_core.Signal<number[]>;
+    /**
+     * Navigates to the specified page if it's within valid range.
+     */
+    goToPage(page: number): void;
+    /**
+     * Navigates to the next page.
+     */
+    nextPage(): void;
+    /**
+     * Navigates to the previous page.
+     */
+    prevPage(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Pagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Pagination, "ZS-pagination", never, { "totalPages": { "alias": "totalPages"; "required": true; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "showTotalItems": { "alias": "showTotalItems"; "required": false; "isSignal": true; }; "totalItemsMessage": { "alias": "totalItemsMessage"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; }, { "pageChangeEv": "pageChangeEv"; }, never, never, true, never>;
+}
+
+type PositionType = 'left' | 'right';
+declare class ScrollToTop {
+    readonly zIndices: ZIndicesType;
+    /**
+     * Determines the horizontal position of the button ('left' or 'right').
+     * Default: 'right'
+     */
+    readonly position: _angular_core.InputSignal<PositionType>;
+    /**
+     * Tailwind CSS class for the circle's color (background ring).
+     */
+    readonly circleColorClass: _angular_core.InputSignal<string>;
+    /**
+     * BaseColors class for the arrow and progress indicator color.
+     */
+    readonly arrowProgressColor: _angular_core.InputSignal<BaseColors>;
+    private readonly circleRadius;
+    readonly circleCircumference: number;
+    readonly scrollY: _angular_core.WritableSignal<number>;
+    readonly arrowProgressColorClass: _angular_core.Signal<string>;
+    /**
+     * Computes the stroke-dashoffset for the progress circle based on scroll position.
+     */
+    readonly progressOffset: _angular_core.Signal<number>;
+    /**
+     * Returns Tailwind classes to position the button horizontally.
+     */
+    readonly positionClass: _angular_core.Signal<{
+        'zs:right-4': boolean;
+        'zs:left-4': boolean;
+    }>;
+    onScroll(event: Event): void;
+    scrollToTop(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollToTop, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollToTop, "ZS-scroll-to-top", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "circleColorClass": { "alias": "circleColorClass"; "required": false; "isSignal": true; }; "arrowProgressColor": { "alias": "arrowProgressColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LoaderType = 'spinner' | 'pro' | 'double' | 'gear' | 'fan' | 'pulse' | 'dots' | 'bars';
+declare class Spinner {
+    readonly zIndices: ZIndicesType;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly isFloating: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<BaseColors>;
+    readonly withBox: _angular_core.InputSignal<boolean>;
+    readonly boxColorClass: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<LoaderType>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly wrapperClasses: _angular_core.Signal<string>;
+    readonly boxClasses: _angular_core.Signal<string>;
+    readonly spinnerSizeTextClass: _angular_core.Signal<string>;
+    readonly spinnerSizeDotsClass: _angular_core.Signal<string>;
+    readonly spinnerSizeBarsClass: (num: number) => string;
+    readonly spinnerSizeProClass: _angular_core.Signal<string>;
+    readonly spinnerSizePulseClass: _angular_core.Signal<string>;
+    readonly spinnerSizeDoubleClass: (num: 1 | 2) => string;
+    readonly bgColor: _angular_core.Signal<string | undefined>;
+    readonly borderColor: _angular_core.Signal<string | undefined>;
+    readonly textColor: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "ZS-spinner", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "isFloating": { "alias": "isFloating"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "withBox": { "alias": "withBox"; "required": false; "isSignal": true; }; "boxColorClass": { "alias": "boxColorClass"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type themeTypes = 'light' | 'dark';
+declare class ThemeToggle {
+    readonly zIndices: ZIndicesType;
+    readonly currentTheme: _angular_core.WritableSignal<themeTypes>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private readonly userSelectedTheme;
+    readonly bodyClass: _angular_core.InputSignal<string>;
+    readonly themeChangeEv: _angular_core.OutputEmitterRef<themeTypes>;
+    constructor();
+    toggleOpen(): void;
+    setTheme(theme: themeTypes): void;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggle, "ZS-theme-toggle", never, { "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; }, { "themeChangeEv": "themeChangeEv"; }, never, never, true, never>;
+}
+
+type ChVariantType = 'solid' | 'regular';
+type ShapeType = 'square' | 'circle';
+declare class Checkbox {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly inputStyle: _angular_core.InputSignal<FormStyle>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly variant: _angular_core.InputSignal<ChVariantType>;
+    readonly shape: _angular_core.InputSignal<ShapeType>;
+    readonly value: _angular_core.ModelSignal<boolean>;
+    readonly palette: _angular_core.Signal<_ziadshalaby_ngx_zs_component.FormPaletteEntry>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    readonly sizeClass: _angular_core.Signal<string>;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    toggleChecked(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "ZS-checkbox", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type DateType = 'date' | 'datetime-local' | 'month' | 'week' | 'time';
+type InputType = DateType | 'text' | 'email' | 'password' | 'number' | 'tel' | 'phone' | 'url' | 'search';
+type ValidatorFn<T = string | null> = (value: T) => string[];
+type FormatterFn = (value: string | null) => string | null;
+type SizeClassesType = 'container' | 'field' | 'leftIcon' | 'rightIcon';
+interface ChangeEventType<T = string | null> {
+    value: T;
+    valid: boolean;
+    fromForce: boolean;
+}
+declare class Input {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly iName: _angular_core.InputSignal<string | null>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    readonly type: _angular_core.InputSignal<InputType>;
+    readonly inputStyle: _angular_core.InputSignal<FormStyle>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly autocomplete: _angular_core.InputSignal<string | null>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly inputmode: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly showSearchIcon: _angular_core.InputSignal<boolean>;
+    readonly showLoaderIconOnSearchInput: _angular_core.InputSignal<boolean>;
+    readonly maxlength: _angular_core.InputSignal<number | null>;
+    readonly minlength: _angular_core.InputSignal<number | null>;
+    readonly spellcheck: _angular_core.InputSignal<boolean>;
+    readonly min: _angular_core.InputSignal<string | number | null>;
+    readonly max: _angular_core.InputSignal<string | number | null>;
+    readonly step: _angular_core.InputSignal<number | null>;
+    readonly validateFns: _angular_core.InputSignal<ValidatorFn<string | null>[]>;
+    readonly formatFn: _angular_core.InputSignal<FormatterFn>;
+    readonly autofocus: _angular_core.InputSignal<boolean>;
+    readonly searchDebounceDelay: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly inputEl: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly enterEv: _angular_core.OutputEmitterRef<void>;
+    readonly focusEv: _angular_core.OutputEmitterRef<void>;
+    readonly blurEv: _angular_core.OutputEmitterRef<void>;
+    readonly changedEv: _angular_core.OutputEmitterRef<ChangeEventType<string | null>>;
+    readonly searchEv: _angular_core.OutputEmitterRef<string | null>;
+    readonly clearedEv: _angular_core.OutputEmitterRef<void>;
+    readonly keydownEv: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    readonly showPassword: _angular_core.WritableSignal<boolean>;
+    private searchDebounceTimer?;
+    readonly loaderIconOnSearchInput: _angular_core.WritableSignal<string | null>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly isDate: _angular_core.Signal<boolean>;
+    readonly dateIcon: _angular_core.Signal<string>;
+    readonly showClear: _angular_core.Signal<boolean>;
+    readonly error: _angular_core.Signal<string[]>;
+    readonly supportsMinMaxStep: _angular_core.Signal<boolean>;
+    get actualType(): string;
+    getSize(type: SizeClassesType): string;
+    ngAfterViewInit(): void;
+    focusInput(event: MouseEvent): void;
+    onInput(event: Event): void;
+    onEnter(): void;
+    onFocus(): void;
+    onBlur(): void;
+    onChange(): void;
+    onSearch(): void;
+    clear(): void;
+    togglePassword(): void;
+    onKeydown(event: KeyboardEvent): void;
+    /** Forces the input to trigger a manual change event */
+    forceChange(fromForce?: boolean): void;
+    private emitChangeValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "ZS-input", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "iName": { "alias": "iName"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "showLoaderIconOnSearchInput": { "alias": "showLoaderIconOnSearchInput"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "validateFns": { "alias": "validateFns"; "required": false; "isSignal": true; }; "formatFn": { "alias": "formatFn"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "searchDebounceDelay": { "alias": "searchDebounceDelay"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "enterEv": "enterEv"; "focusEv": "focusEv"; "blurEv": "blurEv"; "changedEv": "changedEv"; "searchEv": "searchEv"; "clearedEv": "clearedEv"; "keydownEv": "keydownEv"; }, never, never, true, never>;
+}
+
+interface FileData {
+    name: string;
+    size: number;
+    type: string;
+    url?: string;
+}
+type FilesType = Map<string, FileData>;
+declare class FileInput {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly iName: _angular_core.InputSignal<string | null>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly placeholder: _angular_core.InputSignal<string | null>;
+    readonly inputStyle: _angular_core.InputSignal<FormStyle>;
+    readonly autofocus: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly validateFns: _angular_core.InputSignal<ValidatorFn<FileData[]>[]>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly maxSize: _angular_core.InputSignal<number>;
+    readonly allowPreview: _angular_core.InputSignal<boolean>;
+    readonly maxFiles: _angular_core.InputSignal<number | "infinity">;
+    readonly changeEv: _angular_core.OutputEmitterRef<ChangeEventType<FileData[]>>;
+    readonly files: _angular_core.ModelSignal<FilesType>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly fileInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly palette: _angular_core.Signal<_ziadshalaby_ngx_zs_component.FormPaletteEntry>;
+    readonly hasFiles: _angular_core.Signal<boolean>;
+    readonly totalSize: _angular_core.Signal<number>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    readonly error: _angular_core.Signal<string[]>;
+    readonly filesMapToList: _angular_core.Signal<FileData[]>;
+    handleFileChange(event: Event): void;
+    removeFile(id: string): void;
+    /** Forces the input to trigger a manual change event */
+    forceChange(fromForce?: boolean): void;
+    formatSize(size: number): string;
+    preview(url: string | undefined): void;
+    private fileKey;
+    private emitChangeValue;
+    private matchesAccept;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInput, "ZS-file", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "iName": { "alias": "iName"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "validateFns": { "alias": "validateFns"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "allowPreview": { "alias": "allowPreview"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "changeEv": "changeEv"; "files": "filesChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+declare class InputErrors {
+    readonly extractorService: ExtractorService;
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly errors: _angular_core.InputSignal<string[][]>;
+    readonly extractedErrors: _angular_core.Signal<string[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputErrors, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputErrors, "ZS-input-errors", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Label {
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly hintId: _angular_core.InputSignal<string | null>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly for: _angular_core.InputSignal<string | null>;
+    readonly sizeClasses: _angular_core.Signal<{
+        label: string;
+        hint: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Label, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Label, "ZS-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintId": { "alias": "hintId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Range {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly inputStyle: _angular_core.InputSignal<FormStyle>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    readonly value: _angular_core.ModelSignal<number>;
+    readonly trackRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly dragging: _angular_core.WritableSignal<boolean>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    readonly palette: _angular_core.Signal<_ziadshalaby_ngx_zs_component.FormPaletteEntry>;
+    readonly percent: _angular_core.Signal<number>;
+    rangeSizeClasses: (type: "size" | "height") => string;
+    readonly dotCLasses: _angular_core.Signal<string>;
+    readonly gapCLasses: _angular_core.Signal<string>;
+    readonly rangeClasses: _angular_core.Signal<string>;
+    readonly ThumbClasses: _angular_core.Signal<string>;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove(event: MouseEvent): void;
+    onMouseUp(): void;
+    private updateValueFromEvent;
+    calcThumbPosition(): string;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Range, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Range, "ZS-range", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+interface DropdownItem<T> {
+    id: T;
+    name: string;
+    [key: string]: any;
+}
+declare class Select<T> {
+    readonly zIndices: ZIndicesType;
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly items: _angular_core.InputSignal<DropdownItem<T>[]>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly inputStyle: _angular_core.InputSignal<FormStyle>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly noResultsText: _angular_core.InputSignal<string>;
+    readonly showClearButton: _angular_core.InputSignal<boolean>;
+    readonly searchDebounceDelay: _angular_core.InputSignal<number>;
+    readonly showLoaderIconOnSearchInput: _angular_core.InputSignal<boolean>;
+    readonly preselectedIds: _angular_core.InputSignal<(string | number)[]>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly validateFns: _angular_core.InputSignal<ValidatorFn<DropdownItem<T>[]>[]>;
+    readonly selectedItems: _angular_core.ModelSignal<DropdownItem<T>[]>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly selectedItemsEv: _angular_core.OutputEmitterRef<ChangeEventType<DropdownItem<T>[]>>;
+    readonly selectionClearedEv: _angular_core.OutputEmitterRef<void>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly searchQuery: _angular_core.WritableSignal<string | null>;
+    readonly styleEntry: _angular_core.Signal<FormPaletteEntry>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    readonly filteredItems: _angular_core.Signal<DropdownItem<T>[]>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly clearClass: _angular_core.Signal<string>;
+    readonly showItemsClass: _angular_core.Signal<string>;
+    readonly error: _angular_core.Signal<string[]>;
+    readonly getBgSelectClasses: (selected: boolean) => string;
+    constructor();
+    toggleDropdown(): void;
+    selectItem(items: DropdownItem<T>[], isPreselectedIds?: boolean): void;
+    clearSelection(): void;
+    inSelectItems(item?: DropdownItem<T>): boolean;
+    trackByFn(_index: number, item: DropdownItem<T>): T;
+    /** Forces the input to trigger a manual change event */
+    forceChange(fromForce?: boolean): void;
+    emitChangeValue(value: DropdownItem<T>[], fromForce?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select<any>, "ZS-select", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "searchDebounceDelay": { "alias": "searchDebounceDelay"; "required": false; "isSignal": true; }; "showLoaderIconOnSearchInput": { "alias": "showLoaderIconOnSearchInput"; "required": false; "isSignal": true; }; "preselectedIds": { "alias": "preselectedIds"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validateFns": { "alias": "validateFns"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, { "selectedItems": "selectedItemsChange"; "touched": "touchedChange"; "selectedItemsEv": "selectedItemsEv"; "selectionClearedEv": "selectionClearedEv"; }, never, never, true, never>;
+}
+
+declare class Toggle {
+    readonly Id: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string | null>;
+    readonly color: _angular_core.InputSignal<BaseColors>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isReadonly: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<BaseSize>;
+    readonly value: _angular_core.ModelSignal<boolean>;
+    readonly toggleClasses: _angular_core.Signal<string>;
+    readonly colorClasses: (type: "border" | "bg" | "text") => string;
+    readonly btnSize: _angular_core.Signal<string>;
+    readonly wrapperSize: _angular_core.Signal<string>;
+    readonly transSize: _angular_core.Signal<string>;
+    readonly isChecked: _angular_core.Signal<boolean>;
+    readonly disabledOrReadonly: _angular_core.Signal<boolean>;
+    toggleChecked(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toggle, "ZS-toggle", never, { "Id": { "alias": "Id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { ALERT_CONFIG, Alert, AlertService, Button, Card, Carousel, Checkbox, ColorMapping, Connection, ExtractorService, FileInput, Form, FormPaletteMap, Input, InputErrors, Label, Modal, NavItem, NavItemService, Navbar, NgxZsComponent, Page404, Pagination, Range, ScrollToTop, Select, Spinner, ThemeToggle, Toggle };
+export type { AlertFullType, AlertType, AnimationType, AuthButtonsType, BaseColorPrefixes, BaseColors, BaseSize, BtnSizeType, BtnType, BtnTypeDefault, BulkAlert, ButtonVariant, CarouselItem, ChVariantType, ChangeEventType, DateType, DropdownItem, FileData, FilesType, FormPaletteEntry, FormStyle, FormatterFn, InputType, ItemShapeType, LoaderType, NavbarItem, NavbarItemExport, NewAlert, OldAlertsType, Position, PositionClassType, PositionType, ShapeType, SiteNameConfigType, UserProfile, ValidatorFn, VariantType, ZFormField, ZFormFieldMap, navItemsType, themeTypes };