@ziadshalaby/ngx-zs-component 2.0.8 → 3.0.0

package/index.d.ts

@@ -1,6 +1,5 @@
 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>;
@@ -113,20 +112,88 @@ declare class NavItemService {
 
 type BaseSize = 'sm' | 'md' | 'lg';
 type FormStyle = 'primary' | 'secondary' | 'warning' | 'success' | 'danger' | 'dark' | 'info' | 'violet' | 'teal';
-interface FormPaletteEntry {
+declare const unifiedPaletteMap: Map<FormStyle, {
+    input: {
+        border: string;
+        borderHover: string;
+        inputBg: string;
+        text: string;
+    };
+    ring: {
+        ring: string;
+    };
+    buttonSolid: {
+        btnBG: string;
+        btnBGHover: string;
+    };
+    buttonOutline: {
+        border: string;
+        btnBGHover: string;
+        text: string;
+    };
+    select: {
+        bgSelect: string;
+        cleartext: string;
+        cleartexthover: string;
+    };
+    checkbox: {
+        checkBoxText: string;
+        checkBoxTextHover: string;
+    };
+    card: {
+        border: string;
+        borderHover: string;
+    };
+    modal: {
+        border: string;
+        text: string;
+    };
+    page404: {
+        btnBG: string;
+        btnBGHover: string;
+        iconText: string;
+    };
+}>;
+declare const inputPaletteMap: Map<FormStyle, {
     border: string;
     borderHover: string;
     inputBg: string;
-    bgSelect: string;
+    text: string;
+}>;
+declare const ringPaletteMap: Map<FormStyle, {
     ring: string;
+}>;
+declare const buttonSolidPaletteMap: Map<FormStyle, {
     btnBG: string;
     btnBGHover: string;
+}>;
+declare const buttonOutlinePaletteMap: Map<FormStyle, {
+    border: string;
+    btnBGHover: string;
     text: string;
-    textHover: string;
+}>;
+declare const selectPaletteMap: Map<FormStyle, {
+    bgSelect: string;
+    cleartext: string;
+    cleartexthover: string;
+}>;
+declare const checkboxTextPaletteMap: Map<FormStyle, {
     checkBoxText: string;
     checkBoxTextHover: string;
-}
-declare const FormPaletteMap: Map<FormStyle, FormPaletteEntry>;
+}>;
+declare const cardPaletteMap: Map<FormStyle, {
+    border: string;
+    borderHover: string;
+}>;
+declare const modalPaletteMap: Map<FormStyle, {
+    border: string;
+    text: string;
+}>;
+declare const page404PaletteMap: Map<FormStyle, {
+    btnBG: string;
+    btnBGHover: string;
+    iconText: string;
+}>;
 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>>;
@@ -271,9 +338,8 @@ declare class Button {
     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 type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     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;
@@ -328,7 +394,10 @@ declare class Modal {
     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 palette: _angular_core.Signal<{
+        border: string;
+        text: string;
+    }>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     readonly positionClass: _angular_core.Signal<string>;
     private setTimeId?;
@@ -413,6 +482,11 @@ declare class Navbar {
     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>;
 }
 
+interface Page404StyleType {
+    btnBG: string;
+    btnBGHover: string;
+    iconText: string;
+}
 declare class Page404 {
     readonly title: _angular_core.InputSignal<string>;
     readonly message: _angular_core.InputSignal<string>;
@@ -421,11 +495,7 @@ declare class Page404 {
     readonly showButton: _angular_core.InputSignal<boolean>;
     readonly buttonText: _angular_core.InputSignal<string>;
     readonly routerLink: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.Signal<{
-        btnBG: string;
-        btnBgHover: string;
-        iconText: string;
-    }>;
+    readonly style: _angular_core.Signal<Page404StyleType>;
     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; }; "pageStyle": { "alias": "pageStyle"; "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>;
@@ -544,14 +614,18 @@ declare class ThemeToggle {
     readonly currentTheme: _angular_core.WritableSignal<themeTypes>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     private readonly userSelectedTheme;
+    private lastEmittedTheme;
+    private lastManualTheme;
     readonly bodyClass: _angular_core.InputSignal<string>;
+    readonly showDefaultUI: _angular_core.InputSignal<boolean>;
+    readonly setManualTheme: _angular_core.InputSignal<themeTypes | null>;
     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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggle, "ZS-theme-toggle", never, { "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; "showDefaultUI": { "alias": "showDefaultUI"; "required": false; "isSignal": true; }; "setManualTheme": { "alias": "setManualTheme"; "required": false; "isSignal": true; }; }, { "themeChangeEv": "themeChangeEv"; }, never, never, true, never>;
 }
 
 type ChVariantType = 'solid' | 'regular';
@@ -567,7 +641,15 @@ declare class Checkbox {
     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 palette: _angular_core.Signal<{
+        checkboxTextPalette: {
+            checkBoxText: string;
+            checkBoxTextHover: string;
+        };
+        ringPalette: {
+            ring: string;
+        };
+    }>;
     readonly iconClasses: _angular_core.Signal<string>;
     readonly sizeClass: _angular_core.Signal<string>;
     readonly isChecked: _angular_core.Signal<boolean>;
@@ -683,7 +765,17 @@ declare class FileInput {
     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 palette: _angular_core.Signal<{
+        inputPalette: {
+            border: string;
+            borderHover: string;
+            inputBg: string;
+            text: string;
+        };
+        ringPalette: {
+            ring: string;
+        };
+    }>;
     readonly hasFiles: _angular_core.Signal<boolean>;
     readonly totalSize: _angular_core.Signal<number>;
     readonly disabledOrReadonly: _angular_core.Signal<boolean>;
@@ -743,11 +835,22 @@ declare class Range {
     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 palette: _angular_core.Signal<{
+        buttonSolidPalette: {
+            btnBG: string;
+            btnBGHover: string;
+        };
+        inputPalette: {
+            border: string;
+            borderHover: string;
+            inputBg: string;
+            text: string;
+        };
+    }>;
     readonly rangeClasses: _angular_core.Signal<string>;
     readonly ThumbClasses: _angular_core.Signal<string>;
     onMouseDown(event: MouseEvent): void;
@@ -791,7 +894,19 @@ declare class Select<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 styleEntry: _angular_core.Signal<{
+        inputEntry: {
+            border: string;
+            borderHover: string;
+            inputBg: string;
+            text: string;
+        };
+        selectEntry: {
+            bgSelect: string;
+            cleartext: string;
+            cleartexthover: string;
+        };
+    }>;
     readonly disabledOrReadonly: _angular_core.Signal<boolean>;
     readonly filteredItems: _angular_core.Signal<DropdownItem<T>[]>;
     readonly containerClasses: _angular_core.Signal<string>;
@@ -835,5 +950,5 @@ declare class Toggle {
     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 };
+export { ALERT_CONFIG, Alert, AlertService, Button, Card, Carousel, Checkbox, ColorMapping, Connection, ExtractorService, FileInput, Form, Input, InputErrors, Label, Modal, NavItem, NavItemService, Navbar, NgxZsComponent, Page404, Pagination, Range, ScrollToTop, Select, Spinner, ThemeToggle, Toggle, buttonOutlinePaletteMap, buttonSolidPaletteMap, cardPaletteMap, checkboxTextPaletteMap, inputPaletteMap, modalPaletteMap, page404PaletteMap, ringPaletteMap, selectPaletteMap, unifiedPaletteMap };
+export type { AlertFullType, AlertType, AnimationType, AuthButtonsType, BaseColorPrefixes, BaseColors, BaseSize, BtnSizeType, BtnType, BtnTypeDefault, BulkAlert, ButtonVariant, CarouselItem, ChVariantType, ChangeEventType, DateType, DropdownItem, FileData, FilesType, FormStyle, FormatterFn, InputType, ItemShapeType, LoaderType, NavbarItem, NavbarItemExport, NewAlert, OldAlertsType, Position, PositionClassType, PositionType, ShapeType, SiteNameConfigType, UserProfile, ValidatorFn, VariantType, ZFormField, ZFormFieldMap, navItemsType, themeTypes };