@ziadshalaby/ngx-zs-component 2.0.9 → 3.0.1

package/index.d.ts

@@ -338,7 +338,7 @@ 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<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"reset" | "submit" | "button">;
     readonly clickedEv: _angular_core.OutputEmitterRef<Event>;
     readonly solidTextColor: _angular_core.Signal<string>;
     readonly baseClasses: _angular_core.Signal<string>;
@@ -614,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';
@@ -946,5 +950,16 @@ 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, 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 };
+interface PagesType {
+    label: string;
+    routerLink: string;
+}
+declare class Footer {
+    readonly showDefultContent: _angular_core.InputSignal<boolean>;
+    readonly pages: _angular_core.InputSignal<PagesType[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Footer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Footer, "ZS-footer", never, { "showDefultContent": { "alias": "showDefultContent"; "required": false; "isSignal": true; }; "pages": { "alias": "pages"; "required": false; "isSignal": true; }; }, {}, never, ["[rights]"], true, never>;
+}
+
+export { ALERT_CONFIG, Alert, AlertService, Button, Card, Carousel, Checkbox, ColorMapping, Connection, ExtractorService, FileInput, Footer, 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, PagesType, Position, PositionClassType, PositionType, ShapeType, SiteNameConfigType, UserProfile, ValidatorFn, VariantType, ZFormField, ZFormFieldMap, navItemsType, themeTypes };

package/output.css

@@ -496,9 +496,6 @@
   .zs\:flex {
     display: flex;
   }
-  .zs\:grid {
-    display: grid;
-  }
   .zs\:hidden {
     display: none;
   }
@@ -683,6 +680,9 @@
   .zs\:max-w-sm {
     max-width: var(--zs-container-sm);
   }
+  .zs\:min-w-30 {
+    min-width: calc(var(--zs-spacing) * 30);
+  }
   .zs\:min-w-48 {
     min-width: calc(var(--zs-spacing) * 48);
   }
@@ -778,9 +778,6 @@
   .zs\:cursor-text {
     cursor: text;
   }
-  .zs\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
   .zs\:flex-col {
     flex-direction: column;
   }
@@ -832,6 +829,12 @@
   .zs\:gap-8 {
     gap: calc(var(--zs-spacing) * 8);
   }
+  .zs\:gap-x-4 {
+    column-gap: calc(var(--zs-spacing) * 4);
+  }
+  .zs\:gap-y-6 {
+    row-gap: calc(var(--zs-spacing) * 6);
+  }
   .zs\:truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1300,12 +1303,6 @@
   .zs\:p-5 {
     padding: calc(var(--zs-spacing) * 5);
   }
-  .zs\:p-6 {
-    padding: calc(var(--zs-spacing) * 6);
-  }
-  .zs\:px-0 {
-    padding-inline: calc(var(--zs-spacing) * 0);
-  }
   .zs\:px-1 {
     padding-inline: calc(var(--zs-spacing) * 1);
   }
@@ -1375,6 +1372,9 @@
   .zs\:py-6 {
     padding-block: calc(var(--zs-spacing) * 6);
   }
+  .zs\:py-8 {
+    padding-block: calc(var(--zs-spacing) * 8);
+  }
   .zs\:py-\[calc\(--spacing\(1\.75\)-1px\)\] {
     padding-block: calc(calc(var(--zs-spacing) * 1.75) - 1px);
   }
@@ -2401,9 +2401,9 @@
       height: calc(var(--zs-spacing) * 10);
     }
   }
-  .zs\:sm\:grid-cols-3 {
+  .zs\:sm\:gap-x-6 {
     @media (width >= 40rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      column-gap: calc(var(--zs-spacing) * 6);
     }
   }
   .zs\:sm\:px-3 {
@@ -2411,24 +2411,26 @@
       padding-inline: calc(var(--zs-spacing) * 3);
     }
   }
-  .zs\:sm\:px-4 {
+  .zs\:sm\:px-6 {
     @media (width >= 40rem) {
-      padding-inline: calc(var(--zs-spacing) * 4);
+      padding-inline: calc(var(--zs-spacing) * 6);
     }
   }
-  .zs\:sm\:px-6 {
+  .zs\:sm\:text-sm {
     @media (width >= 40rem) {
-      padding-inline: calc(var(--zs-spacing) * 6);
+      font-size: var(--zs-text-sm);
+      line-height: var(--tw-leading, var(--zs-text-sm--line-height));
     }
   }
-  .zs\:md\:grid-cols-4 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+  .zs\:sm\:text-xs {
+    @media (width >= 40rem) {
+      font-size: var(--zs-text-xs);
+      line-height: var(--tw-leading, var(--zs-text-xs--line-height));
     }
   }
-  .zs\:md\:px-8 {
+  .zs\:md\:gap-x-8 {
     @media (width >= 48rem) {
-      padding-inline: calc(var(--zs-spacing) * 8);
+      column-gap: calc(var(--zs-spacing) * 8);
     }
   }
   .zs\:md\:text-base {
@@ -2452,9 +2454,9 @@
       display: none;
     }
   }
-  .zs\:lg\:grid-cols-5 {
+  .zs\:lg\:gap-x-10 {
     @media (width >= 64rem) {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+      column-gap: calc(var(--zs-spacing) * 10);
     }
   }
   .zs\:lg\:px-8 {
@@ -2462,11 +2464,6 @@
       padding-inline: calc(var(--zs-spacing) * 8);
     }
   }
-  .zs\:lg\:px-12 {
-    @media (width >= 64rem) {
-      padding-inline: calc(var(--zs-spacing) * 12);
-    }
-  }
   .zs\:dark\:border-amber-400 {
     &:where(.dark, .dark *) {
       border-color: var(--zs-color-amber-400);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ziadshalaby/ngx-zs-component",
-  "version": "2.0.9",
+  "version": "3.0.1",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0"