@ardium-ui/ui 5.0.0-alpha.57 → 5.0.0-alpha.59

package/lib/calendar/abstract-calendar.d.ts

@@ -25,6 +25,8 @@ export declare abstract class _AbstractCalendar<T> extends _FormFieldComponentBa
     }>;
     readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly multipleYearOffset: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly multipleYearPageSize: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly staticHeight: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
@@ -45,7 +47,6 @@ export declare abstract class _AbstractCalendar<T> extends _FormFieldComponentBa
     readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
     abstract writeValue(v: any): void;
     protected _emitChange(): void;
-    private _isHoursSetInDate;
     ngOnChanges(changes: SimpleChanges): void;
     private _emitActivePageChange;
     private _emitHighlightedDate;
@@ -123,5 +124,5 @@ export declare abstract class _AbstractCalendar<T> extends _FormFieldComponentBa
     readonly monthDateFormat: import("@angular/core").InputSignal<string>;
     readonly dayDateFormat: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractCalendar<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractCalendar<any>, never, never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "staticHeight": { "alias": "staticHeight"; "required": false; "isSignal": true; }; "hideFloatingMonth": { "alias": "hideFloatingMonth"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "highlightedDay": { "alias": "highlightedDay"; "required": false; "isSignal": true; }; "daysViewHeaderDateFormat": { "alias": "daysViewHeaderDateFormat"; "required": false; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "monthsViewHeaderDateFormat": { "alias": "monthsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "weekdayDateFormat": { "alias": "weekdayDateFormat"; "required": false; "isSignal": true; }; "weekdayTitleDateFormat": { "alias": "weekdayTitleDateFormat"; "required": false; "isSignal": true; }; "floatingMonthDateFormat": { "alias": "floatingMonthDateFormat"; "required": false; "isSignal": true; }; "floatingMonthTitleDateFormat": { "alias": "floatingMonthTitleDateFormat"; "required": false; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": false; "isSignal": true; }; "monthDateFormat": { "alias": "monthDateFormat"; "required": false; "isSignal": true; }; "dayDateFormat": { "alias": "dayDateFormat"; "required": false; "isSignal": true; }; }, { "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "activePageChange": "activePageChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; "highlightedDay": "highlightedDayChange"; "highlightDayEvent": "highlightDay"; }, ["templateRepository", "yearsViewHeaderTemplate", "monthsViewHeaderTemplate", "daysViewHeaderTemplate", "floatingMonthTemplate", "yearTemplate", "monthTemplate", "dayTemplate", "weekdayTemplate"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractCalendar<any>, never, never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "activeView": { "alias": "activeView"; "required": false; "isSignal": true; }; "activeYear": { "alias": "activeYear"; "required": false; "isSignal": true; }; "activeMonth": { "alias": "activeMonth"; "required": false; "isSignal": true; }; "firstWeekday": { "alias": "firstWeekday"; "required": false; "isSignal": true; }; "multipleYearPageChangeModifier": { "alias": "multipleYearPageChangeModifier"; "required": false; "isSignal": true; }; "multipleYearOffset": { "alias": "multipleYearOffset"; "required": false; "isSignal": true; }; "multipleYearPageSize": { "alias": "multipleYearPageSize"; "required": false; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "staticHeight": { "alias": "staticHeight"; "required": false; "isSignal": true; }; "hideFloatingMonth": { "alias": "hideFloatingMonth"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "highlightedDay": { "alias": "highlightedDay"; "required": false; "isSignal": true; }; "daysViewHeaderDateFormat": { "alias": "daysViewHeaderDateFormat"; "required": false; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "monthsViewHeaderDateFormat": { "alias": "monthsViewHeaderDateFormat"; "required": false; "isSignal": true; }; "weekdayDateFormat": { "alias": "weekdayDateFormat"; "required": false; "isSignal": true; }; "weekdayTitleDateFormat": { "alias": "weekdayTitleDateFormat"; "required": false; "isSignal": true; }; "floatingMonthDateFormat": { "alias": "floatingMonthDateFormat"; "required": false; "isSignal": true; }; "floatingMonthTitleDateFormat": { "alias": "floatingMonthTitleDateFormat"; "required": false; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": false; "isSignal": true; }; "monthDateFormat": { "alias": "monthDateFormat"; "required": false; "isSignal": true; }; "dayDateFormat": { "alias": "dayDateFormat"; "required": false; "isSignal": true; }; }, { "activeView": "activeViewChange"; "activeYear": "activeYearChange"; "activeMonth": "activeMonthChange"; "activePageChange": "activePageChange"; "yearSelect": "yearSelect"; "monthSelect": "monthSelect"; "highlightedDay": "highlightedDayChange"; "highlightDayEvent": "highlightDay"; }, ["templateRepository", "yearsViewHeaderTemplate", "monthsViewHeaderTemplate", "daysViewHeaderTemplate", "floatingMonthTemplate", "yearTemplate", "monthTemplate", "dayTemplate", "weekdayTemplate"], never, true, never>;
 }

package/lib/calendar/calendar.defaults.d.ts

@@ -9,6 +9,10 @@ export interface ArdCalendarDefaults extends _FormFieldComponentDefaults {
     activeMonth: number;
     firstWeekday: number;
     multipleYearPageChangeModifier: number;
+    multipleYearOffset: number;
+    multipleYearPageSize: number;
+    staticHeight: boolean;
+    hideFloatingMonth: boolean;
     autoFocus: boolean;
     multiCalendarLocation: ArdMultiCalendarLocation;
     min: Date | null;

package/lib/calendar/calendar.types.d.ts

@@ -10,16 +10,18 @@ export declare const ArdMultiCalendarLocation: {
     readonly Inner: "inner";
     readonly Right: "right";
 };
-export type ArdMultiCalendarLocation = typeof ArdMultiCalendarLocation[keyof typeof ArdMultiCalendarLocation];
+export type ArdMultiCalendarLocation = (typeof ArdMultiCalendarLocation)[keyof typeof ArdMultiCalendarLocation];
 export declare class DateRange {
     from: Date;
     to: Date | null;
     constructor(from: Date, to: Date | null);
 }
+export declare function isDateRange(v: unknown): v is DateRange;
 export interface YearRange {
     from: number;
     to: number;
 }
+export declare function isYearRange(v: unknown): v is YearRange;
 export type ArdCalendarFilterFn = (date: Date) => boolean;
 export interface CalendarYearsViewHeaderContext {
     nextPage: () => void;

package/lib/calendar/views/years-view/years-view.component.d.ts

@@ -17,6 +17,7 @@ export declare class YearsViewComponent implements AfterViewInit {
     readonly max: import("@angular/core").InputSignal<Date | null>;
     readonly multiCalendarLocation: import("@angular/core").InputSignal<ArdMultiCalendarLocation>;
     readonly currentYearRangeStart: import("@angular/core").InputSignal<number>;
+    readonly multipleYearPageSize: import("@angular/core").InputSignal<number>;
     readonly yearsArray: import("@angular/core").Signal<import("../../calendar.internal-types").CalendarArrayItem[]>;
     readonly currentAriaLabel: import("@angular/core").Signal<string>;
     readonly triggerOpenMonthsView: import("@angular/core").OutputEmitterRef<void>;
@@ -66,5 +67,5 @@ export declare class YearsViewComponent implements AfterViewInit {
     readonly yearsViewHeaderContext: import("@angular/core").Signal<CalendarYearsViewHeaderContext>;
     readonly yearContext: import("@angular/core").Signal<(year: number) => CalendarYearContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<YearsViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YearsViewComponent, "ard-years-view", never, { "tabIndex": { "alias": "tabIndex"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": true; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": true; "isSignal": true; }; "_isUsingKeyboard": { "alias": "_isUsingKeyboard"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": true; "isSignal": true; }; "selectedDateEnd": { "alias": "selectedDateEnd"; "required": true; "isSignal": true; }; "rangeSelectionMode": { "alias": "rangeSelectionMode"; "required": true; "isSignal": true; }; "UTC": { "alias": "UTC"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "multiCalendarLocation": { "alias": "multiCalendarLocation"; "required": true; "isSignal": true; }; "currentYearRangeStart": { "alias": "currentYearRangeStart"; "required": true; "isSignal": true; }; "multipleYearPageSize": { "alias": "multipleYearPageSize"; "required": true; "isSignal": true; }; "highlightedYear": { "alias": "highlightedYear"; "required": true; "isSignal": true; }; "yearsViewHeaderTemplate": { "alias": "yearsViewHeaderTemplate"; "required": true; "isSignal": true; }; "yearTemplate": { "alias": "yearTemplate"; "required": true; "isSignal": true; }; "yearsViewHeaderDateFormat": { "alias": "yearsViewHeaderDateFormat"; "required": true; "isSignal": true; }; "yearDateFormat": { "alias": "yearDateFormat"; "required": true; "isSignal": true; }; }, { "triggerOpenMonthsView": "triggerOpenMonthsView"; "triggerOpenDaysView": "triggerOpenDaysView"; "focusEvent": "focus"; "blurEvent": "blur"; "triggerSelectYear": "triggerSelectYear"; "triggerChangeYearsViewPage": "triggerChangeYearsViewPage"; "triggerHighlightYear": "triggerHighlightYear"; "triggerHighlightNextYear": "triggerHighlightNextYear"; "triggerHighlightPreviousYear": "triggerHighlightPreviousYear"; "triggerHighlightFirstYear": "triggerHighlightFirstYear"; "triggerHighlightLastYear": "triggerHighlightLastYear"; "triggerHighlightSameYearPreviousPage": "triggerHighlightSameYearPreviousPage"; "triggerHighlightSameYearNextPage": "triggerHighlightSameYearNextPage"; }, never, never, false, never>;
 }

package/lib/select/select.types.d.ts

@@ -2,6 +2,8 @@ import { ArdOption, ArdOptionGroup, OptionContext } from '../types/item-storage.
 export type AddCustomFn<T> = (value: string) => T;
 export interface ValueContext extends OptionContext<ArdOption> {
     unselect: () => void;
+    itemsSelectedCount: number;
+    totalItemsCount: number;
 }
 export interface PlaceholderContext {
     placeholder: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "5.0.0-alpha.57",
+  "version": "5.0.0-alpha.59",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/prebuilt-themes/default/calendar.css

@@ -20,7 +20,7 @@
   --ard-calendar-entry-highlighted-overlay-opacity: 20%;
   --ard-calendar-entry-selected-overlay-opacity: 100%;
   --ard-calendar-entry-selected-range-overlay-opacity: 12%;
-  --ard-calendar-entry-disabled-overlay-opacity: 12%;
+  --ard-calendar-entry-disabled-overlay-opacity: 50%;
   --ard-calendar-entry-disabled-highlighted-overlay-opacity: 15%;
   --ard-calendar-entry-disabled-opacity: 50%;
 }

package/themes/default/calendar.scss

@@ -30,7 +30,7 @@
   --ard-calendar-entry-highlighted-overlay-opacity: 20%;
   --ard-calendar-entry-selected-overlay-opacity: 100%;
   --ard-calendar-entry-selected-range-overlay-opacity: 12%;
-  --ard-calendar-entry-disabled-overlay-opacity: 12%;
+  --ard-calendar-entry-disabled-overlay-opacity: 50%;
   --ard-calendar-entry-disabled-highlighted-overlay-opacity: 15%;
   --ard-calendar-entry-disabled-opacity: 50%;
 }