@shival99/z-ui 1.3.8 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",

package/types/shival99-z-ui-components-z-calendar.d.ts

@@ -53,6 +53,45 @@ interface ZCalendarValidator {
     message: string;
     validate: (value: ZCalendarValue) => boolean;
 }
+interface ZEndTimeContext {
+    isSameDay: boolean;
+    startHour: number;
+    startMinute: number;
+    startSecond: number;
+    endHour: number;
+    endMinute: number;
+    timeFormat: '12h' | '24h';
+    startPeriod: 'AM' | 'PM';
+    endPeriod: 'AM' | 'PM';
+}
+interface ZMonthDisabledContext {
+    currentYear: number;
+    endYear: number;
+    endMonthIndex: number;
+    isRangeMode: boolean;
+    disabledDateFn: ((date: Date) => boolean) | null;
+}
+interface ZEndMonthDisabledContext {
+    startYear: number;
+    startMonthIndex: number;
+    endYear: number;
+    isRangeMode: boolean;
+    disabledDateFn: ((date: Date) => boolean) | null;
+}
+interface ZYearDisabledContext {
+    endYear: number;
+    startMonthIndex: number;
+    endMonthIndex: number;
+    isRangeMode: boolean;
+    disabledDateFn: ((date: Date) => boolean) | null;
+}
+interface ZEndYearDisabledContext {
+    startYear: number;
+    startMonthIndex: number;
+    endMonthIndex: number;
+    isRangeMode: boolean;
+    disabledDateFn: ((date: Date) => boolean) | null;
+}
 
 declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     readonly class: _angular_core.InputSignal<ClassValue>;
@@ -103,15 +142,8 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     private readonly _selectedDate;
     private readonly _rangeStart;
     private readonly _rangeEnd;
-    private readonly _hoveredDate;
     private readonly _currentMonth;
     private readonly _endMonth;
-    private readonly _currentView;
-    private readonly _endView;
-    private readonly _hour;
-    private readonly _minute;
-    private readonly _second;
-    private readonly _period;
     private readonly _hourEnd;
     private readonly _minuteEnd;
     private readonly _secondEnd;
@@ -121,35 +153,34 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     private readonly _dirty;
     private readonly _formControl;
     private readonly _formStateVersion;
-    private readonly _inputDisplayValue;
     private readonly _backupSelectedDate;
     private readonly _backupRangeStart;
     private readonly _backupRangeEnd;
-    private readonly _activePresetKey;
-    private readonly _hasViewChanged;
-    private readonly _hasEndViewChanged;
     private readonly _appliedViaOk;
     private readonly _skipBlurHandler;
     private readonly _injector;
     private readonly _destroyRef;
-    private readonly _cdr;
     private readonly _zTranslate;
     private _onChange;
     private _onTouched;
     private _ngControl;
     protected readonly isOpen: _angular_core.Signal<boolean>;
-    protected readonly hoveredDate: _angular_core.Signal<Date | null>;
-    protected readonly currentView: _angular_core.Signal<ZCalendarView>;
-    protected readonly hour: _angular_core.Signal<number>;
-    protected readonly minute: _angular_core.Signal<number>;
-    protected readonly second: _angular_core.Signal<number>;
-    protected readonly period: _angular_core.Signal<"AM" | "PM">;
-    protected readonly inputDisplayValue: _angular_core.Signal<string>;
-    protected readonly activePresetKey: _angular_core.Signal<string | null>;
-    protected readonly hasViewChanged: _angular_core.Signal<boolean>;
-    protected readonly hasEndViewChanged: _angular_core.Signal<boolean>;
+    protected readonly hoveredDate: _angular_core.WritableSignal<Date | null>;
+    protected readonly currentView: _angular_core.WritableSignal<ZCalendarView>;
+    protected readonly endView: _angular_core.WritableSignal<ZCalendarView>;
+    protected readonly hour: _angular_core.WritableSignal<number>;
+    protected readonly minute: _angular_core.WritableSignal<number>;
+    protected readonly second: _angular_core.WritableSignal<number>;
+    protected readonly period: _angular_core.WritableSignal<"AM" | "PM">;
+    protected readonly inputDisplayValue: _angular_core.WritableSignal<string>;
+    protected readonly activePresetKey: _angular_core.WritableSignal<string | null>;
+    protected readonly hasViewChanged: _angular_core.WritableSignal<boolean>;
+    protected readonly hasEndViewChanged: _angular_core.WritableSignal<boolean>;
+    protected readonly timeDropdownOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly timeDropdownEndOpen: _angular_core.WritableSignal<boolean>;
     protected readonly quarterNames: string[];
-    protected readonly currentQuarterIndex: _angular_core.Signal<number>;
+    protected readonly todayQuarterIndex: _angular_core.Signal<number>;
+    protected readonly selectedQuarterIndex: _angular_core.Signal<number>;
     protected readonly isSameDayRange: _angular_core.Signal<boolean>;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly isRangeMode: _angular_core.Signal<boolean>;
@@ -164,6 +195,15 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     protected readonly currentMonth: _angular_core.Signal<Date>;
     protected readonly currentYear: _angular_core.Signal<number>;
     protected readonly currentMonthIndex: _angular_core.Signal<number>;
+    protected readonly todayMonthIndex: _angular_core.Signal<number>;
+    protected readonly todayYear: _angular_core.Signal<number>;
+    protected readonly selectedMonthIndex: _angular_core.Signal<number>;
+    protected readonly selectedYear: _angular_core.Signal<number>;
+    protected readonly endTimeContext: _angular_core.Signal<ZEndTimeContext>;
+    protected readonly startMonthDisabledContext: _angular_core.Signal<ZMonthDisabledContext>;
+    protected readonly endMonthDisabledContext: _angular_core.Signal<ZEndMonthDisabledContext>;
+    protected readonly startYearDisabledContext: _angular_core.Signal<ZYearDisabledContext>;
+    protected readonly endYearDisabledContext: _angular_core.Signal<ZEndYearDisabledContext>;
     protected readonly currentMonthName: _angular_core.Signal<string>;
     protected readonly yearRange: _angular_core.Signal<number[]>;
     protected readonly yearRangeSmall: _angular_core.Signal<number[]>;
@@ -175,13 +215,10 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     protected readonly formattedHourEnd: _angular_core.Signal<string>;
     protected readonly formattedMinuteEnd: _angular_core.Signal<string>;
     protected readonly formattedSecondEnd: _angular_core.Signal<string>;
+    protected readonly minuteEnd: _angular_core.Signal<number>;
+    protected readonly secondEnd: _angular_core.Signal<number>;
     protected readonly periodEnd: _angular_core.Signal<"AM" | "PM">;
-    protected readonly endView: _angular_core.Signal<ZCalendarView>;
     protected readonly endYearRange: _angular_core.Signal<number[]>;
-    protected isStartMonthDisabled(monthIndex: number): boolean;
-    protected isEndMonthDisabled(monthIndex: number): boolean;
-    protected isStartYearDisabled(year: number): boolean;
-    protected isEndYearDisabled(year: number): boolean;
     protected readonly canNavigateStartNext: _angular_core.Signal<boolean>;
     protected readonly canNavigateEndPrev: _angular_core.Signal<boolean>;
     protected readonly displayValue: _angular_core.Signal<string>;
@@ -291,6 +328,25 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     private _updateAllInputDisplays;
     private _emitControl;
     protected togglePeriod(): void;
+    protected incrementHour(): void;
+    protected decrementHour(): void;
+    protected incrementMinute(): void;
+    protected decrementMinute(): void;
+    protected incrementSecond(): void;
+    protected decrementSecond(): void;
+    protected incrementHourEnd(): void;
+    protected decrementHourEnd(): void;
+    protected incrementMinuteEnd(): void;
+    protected decrementMinuteEnd(): void;
+    protected incrementSecondEnd(): void;
+    protected decrementSecondEnd(): void;
+    protected openTimeDropdown(event: MouseEvent): void;
+    protected closeTimeDropdown(): void;
+    protected openTimeDropdownEnd(event: MouseEvent): void;
+    protected closeTimeDropdownEnd(): void;
+    protected onTimeDropdownShow(): void;
+    protected onTimeDropdownEndShow(): void;
+    private _scrollToTimeDropdown;
     private _updateInputDisplayAfterTimeChange;
     protected onPeriodChange(event: Event): void;
     protected selectHour(hour: number): void;
@@ -302,19 +358,7 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
     protected selectSecondEnd(second: number): void;
     protected selectPeriodEnd(period: 'AM' | 'PM'): void;
     protected scrollToSelectedTime(container: HTMLElement | null, value: number, itemHeight?: number): void;
-    protected isHourSelected(hour: number): boolean;
-    protected isMinuteSelected(minute: number): boolean;
-    protected isSecondSelected(second: number): boolean;
-    protected isHourEndSelected(hour: number): boolean;
-    protected isMinuteEndSelected(minute: number): boolean;
-    protected isSecondEndSelected(second: number): boolean;
-    protected isEndHourDisabled(hour: number): boolean;
-    protected isEndMinuteDisabled(minute: number): boolean;
-    protected isEndSecondDisabled(second: number): boolean;
-    protected isEndPeriodDisabled(period: 'AM' | 'PM'): boolean;
-    private _scrollToCurrentTime;
-    private _scrollToEndTime;
-    private _scrollToTimeOnOpen;
+    private _scrollToTimeValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCalendarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
 }

package/types/shival99-z-ui-components-z-modal.d.ts

@@ -219,7 +219,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
-    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | null | undefined>;
+    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "default" | "primary" | "secondary" | "destructive" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "link" | null | undefined>;
     protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
     protected readonly effectiveLoading: _angular_core.Signal<boolean>;
     protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;