@acorex/components 21.0.1-next.52 → 21.0.1-next.53

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.1-next.52",
+  "version": "21.0.1-next.53",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.52",
-    "@acorex/cdk": "21.0.1-next.52",
+    "@acorex/core": "21.0.1-next.53",
+    "@acorex/cdk": "21.0.1-next.53",
     "@angular/common": ">=21.0.0",
     "@angular/core": ">=21.0.0",
     "@angular/cdk": ">=21.0.0",

package/types/acorex-components-button-group.d.ts

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as polytype from 'polytype';
-import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, MXColorComponent, AXStyleColorType } from '@acorex/cdk/common';
+import { MXInteractiveComponent, AXStyleColorType, AXStyleLookType, AXClickEvent, AXSelectionMode } from '@acorex/cdk/common';
 
-declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
 /**
  * A component that groups multiple buttons together, allowing for consistent styling and behavior.
  *
  * @category Components
  */
-declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
+declare class AXButtonGroupComponent extends MXInteractiveComponent {
     #private;
     readonly fitParent: i0.InputSignal<boolean>;
+    color: AXStyleColorType;
+    look: AXStyleLookType;
     readonly customClass: i0.InputSignal<string>;
     /**
      * Fires when any button in the group is clicked.
@@ -83,7 +83,7 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     __hostClick(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
 }
 
 interface AXButtonItemListItem {
@@ -94,14 +94,14 @@ interface AXButtonItemListItem {
     disabled?: boolean;
     color?: AXStyleColorType;
 }
-declare const AXButtonGroupItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
 /**
  * Represents a button item with optional content like icons, text, and dropdowns.
  *
  * @category Components
  */
-declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base {
+declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
     btnGroup: AXButtonGroupComponent;
+    color: AXStyleColorType;
     /**
      * Text displayed on the button item.
      */
@@ -159,7 +159,7 @@ declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base
      */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; "customClass": "classChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; "customClass": "classChange"; }, never, ["*"], true, never>;
 }
 
 declare class AXButtonGroupModule {

package/types/acorex-components-scheduler.d.ts

@@ -4,7 +4,7 @@ import * as _angular_core from '@angular/core';
 import { OnInit, TemplateRef, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import { AXDropZoneDropEvent } from '@acorex/cdk/drag-drop';
 
-type AXSchedulerView = 'day' | 'week' | 'month' | 'timeline-day' | 'timeline-multi-day' | 'timeline-month' | 'timeline-year' | 'agenda';
+type AXSchedulerView = 'day' | 'week' | 'month' | 'timeline-day' | 'timeline-weekly' | 'timeline-month' | 'timeline-year' | 'agenda';
 type AXDayOfWeekName = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
 type AXSchedulerBlockIdentifier = {
     dayIndex: number;
@@ -116,7 +116,13 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     private translationService;
     private viewModeSelectbox;
     private calendarPopover;
-    protected calendarDayCellTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    private _calendarDayCellTemplate;
+    private _calendarMonthCellTemplate;
+    private _calendarYearCellTemplate;
+    /** Expose template refs for calendar bindings (signals are not callable in template type-check) */
+    protected get calendarDayCellTemplateRef(): TemplateRef<unknown> | undefined;
+    protected get calendarMonthCellTemplateRef(): TemplateRef<unknown> | undefined;
+    protected get calendarYearCellTemplateRef(): TemplateRef<unknown> | undefined;
     private displayViews;
     calendar: _angular_core.InputSignal<string>;
     protected calendarType: _angular_core.WritableSignal<string>;
@@ -181,6 +187,15 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     range: _angular_core.Signal<AXSchedulerDateRange>;
     viewAppointments: _angular_core.Signal<AXSchedulerAppointment[]>;
     protected hasAppointmentsOnDate(date: Date): boolean;
+    /**
+     * Returns whether any appointment overlaps the given month (used for calendar month-cell badge).
+     * Works correctly when navigating to previous/next month or year in the calendar.
+     */
+    protected hasAppointmentsInMonth(monthStartDate: Date): boolean;
+    /**
+     * Returns whether any appointment falls in the given year (used for calendar year-cell badge).
+     */
+    protected hasAppointmentsInYear(yearStartDate: Date): boolean;
     /**
      * Handles view change events.
      *
@@ -795,9 +810,9 @@ declare class AXSchedulerTimelineMonthViewComponent extends NXComponent implemen
 }
 
 /**
- * Represents a spanning appointment in the timeline-multi-day view.
+ * Represents a spanning appointment in the timeline-weekly view.
  */
-interface AXSchedulerTimelineMultiDaySpanningAppointment {
+interface AXSchedulerTimelineWeeklySpanningAppointment {
     appointment: AXSchedulerAppointment;
     startDayIndex: number;
     spanCount: number;
@@ -806,7 +821,7 @@ interface AXSchedulerTimelineMultiDaySpanningAppointment {
     isEndClipped: boolean;
     resourceId?: unknown;
 }
-interface TimelineMultiDayDaySlot {
+interface TimelineWeeklyDaySlot {
     date: AXDateTime;
     originalAppointmentsForThisDay: AXSchedulerAppointment[];
     holiday?: {
@@ -814,7 +829,7 @@ interface TimelineMultiDayDaySlot {
         holiday?: AXHolidayDate;
     };
 }
-declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent implements AfterViewInit, OnDestroy {
+declare class AXSchedulerTimelineWeeklyViewComponent extends NXComponent implements AfterViewInit, OnDestroy {
     private destroyRef;
     private scheduler;
     private calendarService;
@@ -840,7 +855,7 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent imple
     appointments: _angular_core.InputSignal<AXSchedulerAppointment[]>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
     currentTimeLineElement: _angular_core.Signal<ElementRef<HTMLElement>>;
-    protected daysDataForTimelineViews: _angular_core.Signal<TimelineMultiDayDaySlot[]>;
+    protected daysDataForTimelineViews: _angular_core.Signal<TimelineWeeklyDaySlot[]>;
     /**
      * Checks if an appointment spans multiple days.
      */
@@ -848,7 +863,7 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent imple
     /**
      * Computes spanning appointments for multi-day events across the view.
      */
-    protected spanningAppointments: _angular_core.Signal<AXSchedulerTimelineMultiDaySpanningAppointment[]>;
+    protected spanningAppointments: _angular_core.Signal<AXSchedulerTimelineWeeklySpanningAppointment[]>;
     /**
      * Gets the set of multi-day appointment IDs to exclude from individual day views.
      */
@@ -856,7 +871,7 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent imple
     /**
      * Gets spanning appointments filtered for a specific resource.
      */
-    protected getSpanningAppointmentsForResource(resourceId: unknown): AXSchedulerTimelineMultiDaySpanningAppointment[];
+    protected getSpanningAppointmentsForResource(resourceId: unknown): AXSchedulerTimelineWeeklySpanningAppointment[];
     /**
      * Gets the maximum number of spanning rows for a resource.
      */
@@ -934,8 +949,8 @@ declare class AXSchedulerTimelineMultiDayViewComponent extends NXComponent imple
         state: 'holiday' | 'weekend' | 'none';
         holiday?: AXHolidayDate;
     };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineMultiDayViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineMultiDayViewComponent, "ax-scheduler-timeline-multi-day-view", never, { "daysCount": { "alias": "daysCount"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": true; "isSignal": true; }; "selectedAppointmentId": { "alias": "selectedAppointmentId"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "scrollToCurrentTimeIndicator": { "alias": "scrollToCurrentTimeIndicator"; "required": false; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": true; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerTimelineWeeklyViewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSchedulerTimelineWeeklyViewComponent, "ax-scheduler-timeline-weekly-view", never, { "daysCount": { "alias": "daysCount"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "showResourceHeaders": { "alias": "showResourceHeaders"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": true; "isSignal": true; }; "endDayHour": { "alias": "endDayHour"; "required": true; "isSignal": true; }; "selectedAppointmentId": { "alias": "selectedAppointmentId"; "required": false; "isSignal": true; }; "showCurrentTimeIndicator": { "alias": "showCurrentTimeIndicator"; "required": false; "isSignal": true; }; "scrollToCurrentTimeIndicator": { "alias": "scrollToCurrentTimeIndicator"; "required": false; "isSignal": true; }; "startDayHour": { "alias": "startDayHour"; "required": true; "isSignal": true; }; "showUnassignedAppointments": { "alias": "showUnassignedAppointments"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "resourceTemplate": { "alias": "resourceTemplate"; "required": false; "isSignal": true; }; "appointments": { "alias": "appointments"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "slotClickedInternal": "slotClickedInternal"; "slotDblClickedInternal": "slotDblClickedInternal"; "slotRightClickedInternal": "slotRightClickedInternal"; "appointmentClickedInternal": "appointmentClickedInternal"; "appointmentDblClickedInternal": "appointmentDblClickedInternal"; "appointmentRightClickedInternal": "appointmentRightClickedInternal"; "onActionClickInternal": "onActionClickInternal"; "onAppointmentDropInternal": "onAppointmentDropInternal"; }, never, never, true, never>;
 }
 
 interface TimelineYearViewDayData {
@@ -1032,7 +1047,7 @@ declare class AXSchedulerTimelineYearViewComponent extends NXComponent implement
 
 declare class AXSchedulerModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSchedulerModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineMultiDayViewComponent, typeof AXSchedulerTimelineYearViewComponent], [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineMultiDayViewComponent, typeof AXSchedulerTimelineYearViewComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSchedulerModule, never, [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineWeeklyViewComponent, typeof AXSchedulerTimelineYearViewComponent], [typeof AXSchedulerComponent, typeof AXSchedulerDayViewComponent, typeof AXSchedulerWeekViewComponent, typeof AXSchedulerMonthViewComponent, typeof AXSchedulerAgendaViewComponent, typeof AXSchedulerTimelineDayViewComponent, typeof AXSchedulerTimelineMonthViewComponent, typeof AXSchedulerTimelineWeeklyViewComponent, typeof AXSchedulerTimelineYearViewComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSchedulerModule>;
 }
 
@@ -1298,5 +1313,5 @@ declare class AXSchedulerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXSchedulerService>;
 }
 
-export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineMultiDayViewComponent, AXSchedulerTimelineYearViewComponent, AXSchedulerWeekViewComponent };
-export type { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerAppointmentDataSourceFilter, AXSchedulerAppointmentDropResult, AXSchedulerAppointmentLayout, AXSchedulerAppointmentLoader, AXSchedulerAppointmentLoaderAsync, AXSchedulerAppointmentMouseEvent, AXSchedulerAppointmentSegment, AXSchedulerBlockIdentifier, AXSchedulerBlockOccupancyMap, AXSchedulerDateRange, AXSchedulerDayAppointmentLayout, AXSchedulerMonthDayCell, AXSchedulerMultiDayViewAppointment, AXSchedulerOverflowBadge, AXSchedulerResource, AXSchedulerSlotDropEvent, AXSchedulerSlotMouseEvent, AXSchedulerSpanningAppointment, AXSchedulerTimelineSpanningAppointment, AXSchedulerTimelineYearSpanningAppointment, AXSchedulerView, AgendaDayData, TimelineMonthViewDayData, TimelineMultiDayDaySlot, TimelineYearViewDayData };
+export { AXSchedulerAgendaViewComponent, AXSchedulerComponent, AXSchedulerDayViewComponent, AXSchedulerModule, AXSchedulerMonthViewComponent, AXSchedulerService, AXSchedulerTimelineDayViewComponent, AXSchedulerTimelineMonthViewComponent, AXSchedulerTimelineWeeklyViewComponent, AXSchedulerTimelineYearViewComponent, AXSchedulerWeekViewComponent };
+export type { AXDayOfWeekName, AXSchedulerActiveAppointmentsInBlock, AXSchedulerAllDaySlotData, AXSchedulerAppointment, AXSchedulerAppointmentDataSource, AXSchedulerAppointmentDataSourceFilter, AXSchedulerAppointmentDropResult, AXSchedulerAppointmentLayout, AXSchedulerAppointmentLoader, AXSchedulerAppointmentLoaderAsync, AXSchedulerAppointmentMouseEvent, AXSchedulerAppointmentSegment, AXSchedulerBlockIdentifier, AXSchedulerBlockOccupancyMap, AXSchedulerDateRange, AXSchedulerDayAppointmentLayout, AXSchedulerMonthDayCell, AXSchedulerMultiDayViewAppointment, AXSchedulerOverflowBadge, AXSchedulerResource, AXSchedulerSlotDropEvent, AXSchedulerSlotMouseEvent, AXSchedulerSpanningAppointment, AXSchedulerTimelineSpanningAppointment, AXSchedulerTimelineYearSpanningAppointment, AXSchedulerView, AgendaDayData, TimelineMonthViewDayData, TimelineWeeklyDaySlot, TimelineYearViewDayData };